html,body{ background:#fff;}
#header{ width:100%; height:71px; margin:0 auto; background:#fff; position:relative; border-bottom:1px solid #e9e9e9; }
#header .logo a{ width:240px; height:63px; background:url(../../images/logo.png) no-repeat; position:absolute;  top:4px; left:40px; text-indent:-9999px; display:block; cursor:default}

#header .version{ position:absolute; right:50px; top:32px; color:#989898; font-size:15px;}

#wrapers{ width:100%; height:498px; margin:0px auto; background:#fff; overflow:auto;}
#wrapers .load{ width:136px; height:46px; line-height:46px; text-indent:58px; border-radius:4px; background:rgba(0,0,0,0.7) url(../../images/loading.gif) no-repeat 21px center;  position:absolute; left:50%; top:50%; margin:-26px 0 0 -68px; z-index:999999999;  display:none; color:#fff; background-size:28px 28px;}


#wrapers .title{width:848px; height:30px; line-height:30px; margin:47px auto 15px; overflow:hidden; font-size:16px;}
#wrapers .box{ width:848px; height:340px; background:#fff; border:1px solid #e9e9e9; position:relative; overflow:hidden; margin:0 auto; }  
#wrapers .box .tis{ font-size:14px; color:#666; width:709px; height:56px; line-height:56px; text-align:left; border-bottom:1px solid #D8D8D8; text-indent:4px; margin:0 auto 68px; /*background:url(../../images/ico/tis.png) no-repeat left center*/}
#wrapers .box .tis .blue{/*color:#f99c32;*/}
#wrapers .box .tis .back a{ color:#f89d32; text-decoration:none; float:right; font-size:15px; margin:2px 10px 0 0;  -webkit-transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; transition:all .1s linear 0s;}
#wrapers .box .tis .back a:hover{text-decoration:none; color:#faae3f;}
input::-webkit-input-placeholder{ color:#bebdbd!important; font-size:14px;}
::-moz-placeholder{color:#bebdbd!important; font-size:14px;}
#wrapers .placeholder{ color:#bebdbd!important; font-size:14px!important;}

#wrapers .deep{ border:1px solid #66B2EE!important;}
#wrapers .error0{ width:340px; margin:-52px 0 0 -170px; display:none; color:red; font-size:13px; text-align:center; position:absolute; left:50%;}

#wrapers .error1{color:red;  font-size:12px; display:none; position:absolute; left: 400px;
    top: 7px; }
#wrapers .error2{ color:red; display:none; position:absolute; left:514px; top:9px; font-size:13px;}
#wrapers .error3{ color:red; display:none; position:absolute; left:514px; top:9px;}
#wrapers .error4{ color:red; display:none; position:absolute; left:514px; top:9px;}

.errorC{ border-color:red!important;  }
#wrapers .account{ width:710px; margin:0 auto 20px; font-size:12px;  display:block; }
#wrapers .account i{ font-style:normal; margin:7px 0 0 150px; color:#333; float:left;}
#wrapers .account .user_input{ border:1px solid #DADADA; width:280px; height:40px; line-height:40px;  margin:0 6px 0 16px; font-size:16px; font-weight:400; color:#666; font-family:"Microsoft YaHei",arial,sans-serif; padding:0% 10px 0 10px; outline:0; vertical-align:top;  border-radius:5px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s;transition: all .2s linear 0s; position:relative; behavior:url(css/pie2.htc); display:inline-block; }
#wrapers .account .user_input:hover{border:1px solid #ffc98d}
#wrapers .account .user_input:focus{ border:1px solid #ffc98d; box-shadow:0 0 4px rgba(255,201,141,0.6)}


#wrapers .cellphone{ width:660px; margin:-52px auto 16px; display:block; position:relative; font-size:12px; color:#666;}
#wrapers .cellphone .blue{color:#555; margin:0 0 0 2px; font-weight:400; letter-spacing:1px;}
#wrapers .code{ width:780px; margin:0px auto 16px; display:block; position:relative;}
#wrapers .code .code_input{ border:1px solid #DADADA; width:164px; height:40px; line-height:40px;  margin:0 16px 0 199px;  font-size:16px; font-weight:400; color:#666; font-family:"Microsoft YaHei",arial,sans-serif;  padding:0% 10px 0 10px;  outline:0; vertical-align:top;  border-radius:5px;  -webkit-transition: border .2s linear 0s; -moz-transition: border .2s linear 0s; -ms-transition: border .2s linear 0s; transition: border .2s linear 0s; overflow:hidden; position:relative; behavior:url(css/pie2.htc);}
#wrapers .code .code_input:hover{border:1px solid #ffc98d}
#wrapers .code .code_input:focus{ border:1px solid #ffc98d; box-shadow:0 0 4px rgba(255,201,141,0.6)}

#wrapers .code .btn_mfyzm{width:100px; height:41px; background:#efefef; border:1px solid #DADADA; border-radius:5px; color:#666; font-size:13px;  cursor:pointer; -webkit-transition: background .2s linear 0s; -moz-transition: background .2s linear 0s; -ms-transition: background .2s linear 0s;transition: background .2s linear 0s; overflow:hidden;  behavior:url(css/pie2.htc); margin:0 8px 0 0; position:relative;}
#wrapers .code .btn_mfyzm:hover{ background:#eceaea; }
#wrapers .pass{ width:780px; margin:0 auto 19px; display:block; position:relative;}


#wrapers .pass .passwd_1{ border:1px solid #DADADA; width:280px; height:40px; line-height:40px; margin:0 8px 0 199px; font-size:16px; font-weight:400; color:#666; font-family:"Microsoft YaHei",arial,sans-serif;  padding:0% 10px 0 10px;  outline:0; vertical-align:top; border-radius:5px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; transition: all .2s linear 0s; position:relative; behavior:url(css/pie2.htc);}
#wrapers .pass .passwd_1:hover{border:1px solid #ffc98d}
#wrapers .pass .passwd_1:focus{ border:1px solid #ffc98d; box-shadow:0 0 4px rgba(255,201,141,0.6)}


#wrapers .pass .passwd_2{ border:1px solid #DADADA;width:280px; height:40px; line-height:40px; margin:0 8px 0 199px; font-size:16px; font-weight:400; color:#666; font-family:"Microsoft YaHei",arial,sans-serif; padding:0% 10px 0 10px;  outline:0; vertical-align:top; border-radius:5px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; transition: all .2s linear 0s; position:relative; behavior:url(css/pie2.htc);}
#wrapers .pass .passwd_2:hover{border:1px solid #ffc98d}
#wrapers .pass .passwd_2:focus{ border:1px solid #ffc98d; box-shadow:0 0 4px rgba(255,201,141,0.6)}

#wrapers .state{ width:315px; margin:0 auto 28px; display:block; color:#505050; background:url(../images/check.gif) no-repeat; padding-left:25px; height:18px; cursor:pointer; position:relative;}
#wrapers .state .pass a{ position:absolute; right:0; top:0; display:block;  height:20px; color:#989898; text-decoration:underline;}
#wrapers .state .pass a:hover{ text-decoration:none;}
#wrapers .state input{ position:absolute; left: -9999px; }
#wrapers .state.c_off { background-position: 0 0px;} 
#wrapers .state.c_on { background-position: 0 -18px; } 



#wrapers .button{ height:38px; line-height:38px; margin-left: 233px; display:block; position:relative; overflow:hidden;}
#wrapers .button .but_0{ width:342px; height:50px; line-height:50px; border:none; background:#d6d6d6; cursor:pointer; outline:none; border-radius:5px;  -webkit-transition:background 0.3s ease; -moz-transition:background .3s ease; -ms-transition:background .3s ease; transition:background .3s ease; }
#wrapers .button .but_0:hover{ background:#d6d6d6;}


#wrapers .button .but_1{ width:102px; height:38px; line-height:38px; border:none; background:#f89b33; cursor:pointer; outline:none; border-radius:5px;  -webkit-transition:background 0.24s linear; -moz-transition:background .24s linear; -ms-transition:background .24s linear; transition:background .24s linear; position:relative; behavior:url(css/pie2.htc);}
#wrapers .button .but_1:hover{ background:#faac3d;}

#wrapers .button .but_2{ width:102px; height:38px; line-height:38px; border:none; background:#f89b33; cursor:pointer; outline:none; border-radius:5px;  -webkit-transition:background 0.24s linear; -moz-transition:background .24s linear; -ms-transition:background .24s linear; transition:background .24s linear; position:relative; behavior:url(css/pie2.htc);}
#wrapers .button .but_2:hover{ background:#faac3d;}


#wrapers .button .name{  font-size:16px; font-weight:400; color:#fff; font-family:"Microsoft YaHei",arial,sans-serif; position:absolute; z-index:3; cursor:pointer; z-index:2; width:102px; height:38px; left:51px; top:50%; margin:-20px 0 0 -51px;}

#wrapers .button #bar{ position:absolute; width:0px; height:50px; background:#3298E8; border-radius:0px; left:0; top:0; }
#wrapers .button .ico_go{opacity:0; filter:alpha(opacity=0); width:28px; height:28px; position:absolute; z-index:3; right:110px; top:10px;}
#wrapers .button .ico_go .go_to{ width:28px; height:28px; background:url(../images/login_go.png) no-repeat;   background:none\9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="images/login_go.png")\9; display:block;}

#footer{ width:100%; height:120px; background:#fff; margin:0px auto 0; position:relative; border-top:1px solid #e9e9e9;}
#footer .foot_top{ width:100%; height:90px; border-bottom:1px solid #e4e4e4; position:relative;}
#footer .foot_top .foot_logo{ position:absolute; width:183px; height:21px; background:url(../images/foot_logo.png) no-repeat; left:60px; top:12px;}
#footer .foot_top .menu{ position:absolute; top:55px; left:75px;}
#footer .foot_top .menu li{float:left; font-size:14px;}

#footer .foot_top .menu li a{ color:#595757; text-decoration:none;  margin:0 8px; display:inline-block; -webkit-transition:color 0.3s ease; -moz-transition:color .3s ease; -ms-transition:color .3s ease; transition:color .3s ease;}
#footer .foot_top .menu li a:hover{color:#3298e8;}
#footer .foot_top .menu li .line{ width:1px; height:12px; background:#888; display:inline-block; margin:0 0 -1px!important; >margin:0 0 3px!important; margin:0 0 3px;}

#footer .foot_top .name_1{ font-size:16px; color:#595757; position:absolute; right:495px; top:12px;}
#footer .foot_top .name_2{ font-size:16px; color:#595757; position:absolute; right:190px; top:12px;}

#footer .foot_top .links{ position:absolute; right:340px; top:48px;}
#footer .foot_top .links li{ float:left; margin:0 20px;}
#footer .foot_top .links li a{ width:76px; height:23px; display:block; text-indent:-9999px; }
#footer .foot_top .links li.l_1{ width:76px; height:23px; background:url(../images/links1.png) no-repeat;}
#footer .foot_top .links li.l_2{ width:76px; height:23px; background:url(../images/links2.png) no-repeat;}

#footer .copy{ width:100%; height:29px; line-height:29px; margin:0 auto; text-align:center; font-size:12px; color:#888989}
#footer .copy li{ float:left; width:33.3%;}

#footer .follow{ position:absolute; right:60px; top:25px;}
#footer .weibo{ width:39px; height:40px; background:url(../images/weibo_ico.png) no-repeat left top; display:inline-block; line-height:0; font-size:0; cursor:pointer; margin:0 12px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; transition: all .2s linear 0s;}

#footer .weibo_up{ background-position:left -40px;}
#footer .weixin{ width:39px; height:40px; background:url(../images/weixin_ico.png) no-repeat left top; display:inline-block; line-height:0; font-size:0; cursor:pointer; margin:0 12px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; transition: all .2s linear 0s;}
#footer .weixin_up{background-position:left -40px;}
#footer .qq{ width:39px; height:40px; background:url(../images/weixin_ico.png) no-repeat left top; display:inline-block; line-height:0; font-size:0; cursor:pointer; margin:0 12px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; transition: all .2s linear 0s;}
#footer .qq_up{background-position:left -40px;}



.loader { width:117px; height:117px;  display:block; position:absolute; left:18px; top:10px;}

.load_text{ position:absolute; left:42px; top:56px; font-size:18px; font-weight:400; }
.load_msg{ position:absolute; left:20px; top:130px; font-size:14px; font-weight:400;}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#footer #weixin_window{ width:204px; height:223px;  position:absolute; right:125px; top:-180px; z-index:999;}
#footer #weixin_window .codes{ width:204px; height:223px; background:url(../images/wenxin_code.png) no-repeat; background:none\9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="images/wenxin_code.png")\9;}

#footer #weixin_window2{ width:191px; height:223px;  position:absolute; right:65px; top:-180px; z-index:999;}
#footer #weixin_window2 .codes{ width:191px; height:223px; background:url(../images/wenxin_code2.png) no-repeat; background:none\9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="images/wenxin_code.png")\9;}
.pre{
	margin-left: 8px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.pre:hover{
	text-decoration:  none;
}