@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input[type="text"],input[type="password"]{ outline:0; color:#333; }
input[type="text"]::-webkit-input-placeholder{ color:#999}/* WebKit browsers */
input[type="text"]::-moz-placeholder{ color:#999}/* Mozilla Firefox 19+ */
input[type="text"]:-moz-placeholder{ color:#999}/* Mozilla Firefox 4 to 18 */
input[type="text"]:-ms-input-placeholder{ color:#999}/* Internet Explorer 10+ */
input[type="password"]::-webkit-input-placeholder{ color:#999}/* WebKit browsers */
input[type="password"]::-moz-placeholder{ color:#999}/* Mozilla Firefox 19+ */
input[type="password"]:-moz-placeholder{ color:#999}/* Mozilla Firefox 4 to 18 */
input[type="password"]:-ms-input-placeholder{ color:#999}/* Internet Explorer 10+ */



.u_w100{width:100%; float:left;}
.u_w100,
.u_w100 *{-webkit-box-sizing:content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.u_w_1200{width:1200px; margin:0 auto; display:table;}
.u_h_590{height:590px;}
.u_input1{width:100%; height:22px; line-height:22px; display:block; padding:13px 0; text-indent:13px; border:1px solid #e0dcdc; font-size:14px;}
.u_btn1{width:100%; height:50px; line-height:50px; display:block; text-align:center; font-size:18px;     background-color: #bd1919; color:#fff !important;}
.u_btn1.sended{background:#ccc; cursor:default;}
.u_mb15{margin-bottom:15px;}
.u_mb30{margin-bottom:30px;}
.u_mb40{margin-bottom:40px;}
.u_bg_f2f2f2{background:#f2f2f2;}
.u_color_9d9d9d{color: #9d9d9d;} /*淡灰色*/
.u_color_red{color:red;} /*红色*/
.u_color_f56600{color:#bd1919;} /*橙色*/
.u_w_222{width:222px;}
.u_w_110{width:110px;}
.u_fl{float:left;}
.u_fr{float:right;}
.u_font12{font-size:12px;}
.u_w_200{width:200px; display:inline-block;}

/*登录页面*/
.u_loginleft{width:800px; height:524px; margin-top:33px;}
.u_loginwk{ width:334px; height:458px; float:right; margin:33px 0; padding:33px; background:#fff; position:relative;}
.u_loginwk .tit,
.u_loginwk .body,
.u_loginwk .other{width:100%; text-align:center; display:block; }
.u_loginwk .tit a{ color: #bd1919; font-size:24px;}
.u_loginwk .other,
.u_loginwk .other a{color:#999; font-size:14px;}
.u_loginwk .other a:hover{ color: #bd1919;}
.u_loginwk .otherlogin{position:absolute; z-index:9; left:0; bottom:33px; width:100%; float:left;display:none}
.u_loginwk .otherlogin .tit{color:#999;}
.u_loginwk .otherlogin a{width:30px; height:30px; display:inline-block; border-radius:50%; background:#666; text-align:center; vertical-align: middle; margin:0 10px; display:none}
.u_loginwk .otherlogin a.qq:hover{background-color: #0288d1; }
.u_loginwk .otherlogin a.weibo:hover{background-color: #d32f2f; }
.u_loginwk .otherlogin a.alipay:hover{background-color:#0ae; }
.u_loginwk .otherlogin a.wechat:hover{background-color:#00d20d; }
.u_loginwk .otherlogin a i{background:url(images/icons_type.png) no-repeat left top; float:left;}
.u_loginwk .otherlogin a.qq i{background-position: -19px 0; width:18px; height:18px; margin:5px 6px 0 6px;}
.u_loginwk .otherlogin a.weibo i{background-position: -38px 0; width:18px; height:18px; margin:5px 6px 0 6px;}
.u_loginwk .otherlogin a.alipay i{background-position: -57px 0; width:25px; height:18px; margin:6px 0px 0 4px;}
.u_loginwk .otherlogin a.wechat i{background-position: -84px 0; width:23px; height:18px; margin:6px 0px 0 4px;}

.step_1,.step_2{display:none;}
.step_1.current,.step_2.current{display:block;}


.agreement {
    padding: 10px;
    font-size: 14px;
    color: #555555;
    background-color: #f8f8f8;
}


/*微信扫码*/
.u_wxpay{width:100%; float:left; max-width:1200px;}
.u_wxpay .tit{width:100%;float:left; padding:10px 20px; box-sizing:border-box; line-height:36px; font-size:14px; position:relative;}
.u_wxpay .tit h2{font-size:20px;}
.u_wxpay .tit .total{position:absolute; right:20px; bottom:10px;}
.u_wxpay .con{width:600px; display:table; margin:30px auto; margin-top:100px;}
.u_wxpay .con .left{width:222px;float:left;}
.u_wxpay .con .left ._img{ padding:10px; display:inline-block; border:1px solid #eee;}
.u_wxpay .con .left ._img img{width:200px; height:200px; display:block;}
.u_wxpay .con .left h3{width:100%; text-align:center; line-height:60px;}
.u_wxpay .con .fr{float:right;}


/*--------------移动端Css------------*/
 @media screen and (max-width:1024px){
.u_ipad_wap{width:100%;}
.u_loginleft{display:none}
.u_loginwk{float:none; display:block; margin-left:auto; margin-right:auto;}
.u_wxpay .con,
.u_wxpay .con .left{width:100%;}
.u_wxpay .con .left{text-align:center;}
.u_wxpay .con .fr{display:none;}
 }

@media screen and (max-width:400px) {
    .u_loginwk{width:100%; box-sizing:border-box; min-width:300px; min-height:524px;}
    .u_w_222{width:65%;}
    .u_w_110{width:34%;}
}