/******登录，注册******/
html{ min-width:1350px;}
body{ background-repeat:no-repeat; background-position:center cente; background-size:cover; background-image:url(../images/user/login_bg1.jpg); position:relative; min-width:1350px;}
.u_icons:before{content: "";background-image: url(../images/user/user_icons.png);background-repeat: no-repeat; position:absolute;}
/**登录**/
.login_box{ position:absolute; width:664px; min-height:404px; background:#fff; overflow:hidden; left:50%; top:45%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);transform:translate(-50%,-50%);}
.login_box .login_l{ float:left; width:351px; overflow:hidden; margin-top:27px; margin-left:58px;}
.login_box .login_l .login_t{ overflow:hidden; margin-left:87px; margin-top:1px; line-height:42px; height:42px; position:relative;}
.login_box .login_l .login_t:after{ content:""; position:absolute; left:66px; top:19px; width:4px; height:4px; background:#999999;}
.login_box .login_l .a{ float:left; width:58px; margin-right:20px; overflow:hidden; position:relative; cursor:pointer; font-size:18px; text-align:center;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.login_box .login_l .a:after{ content:""; position:absolute; bottom:0; left:0; width:0%;height:2px; background:#3966ff;}
.login_box .login_l .a:hover{ color:#3966ff;}
.login_box .login_l .a.on{ color:#3966ff;}
.login_box .login_l .a.on:after{width:100%;}
.login_box .login_l .divs{overflow: hidden; position: relative; width:312px;margin-top:8px;}
.login_box .login_l .divs.bgs1,.login_box .login_l .divs.bgs3{ margin-top:23px;}
.login_box .login_l .divs.bgs1:before{ left:14px; top:10px; width:12px; height:20px;background-position: 0px 0px;}
.login_box .login_l .divs.bgs2:before{ left:11px; top:14px; width:19px; height:16px;background-position: -30px 0px;}
.login_box .login_l .divs.bgs3:before{ left:13px; top:13px; width:17px; height:17px;background-position: -120px 0px;}
.login_box .login_l .divs.bgs4:before{ left:13px; top:12px; width:16px; height:18px;background-position: -150px 0px;}
.login_box .login_l .divs.bgs1:after,.login_box .login_l .divs.bgs2:after,.login_box .login_l .divs.bgs3:after,.login_box .login_l .divs.bgs4:after{ content:""; position:absolute; left:40px; top:0; height:100%; width:1px; background:#e4e4e4;}
.login_box .login_l .divs .inputs{ width:310px; border:1px solid #e4e4e4;font-size: 14px; color: #777777; height: 40px;  text-indent: 53px; background: none;}
.login_box .login_l .divs input::-webkit-input-placeholder {color:#777777;}
.login_box .login_l .divs.bgs2 .inputs{ width:189px; float:left;}
.login_box .login_l .divs .inputs.readonly{cursor: not-allowed; background-color: #eeeeee;}
.login_box .login_l .divs .getcode{ float:right; width:114px; height:42px; line-height:42px; overflow:hidden; text-align:center; color:#777777; font-size:14px; background:#eaeaea; background:#3966ff; color:#fff;transition:all 0.3s;}
.login_box .login_l .divs .getcode[disabled="disabled"]{ background:#eaeaea!important; color:#777777!important; cursor:default!important; }
.login_box .login_l .divs .getcode:hover{ background:#3966ff; color:#fff; opacity:.8;}
.login_box .login_l .divs .login_bnt{cursor: pointer; transition: all 0.3s; margin-top:8px; background: #3966ff;border-radius: 6px; color: #fff;height: 50px; line-height: 50px;width: 100%;color: #fff; font-size: 16px; letter-spacing:4px; display:block; text-align:center;}
.login_box .login_l .divs .login_bnt.mt3{ margin-top:3px;}
.login_box .login_l .divs .login_bnt:hover{opacity: 0.8;filter: Alpha(opacity=80);}
.login_box .login_l .divs .css-radio{ display:none;}
.login_box .login_l .divs .css-label_r2{float: left;padding-left:21px;overflow: hidden; cursor: pointer; position:relative; line-height:28px; color:#999999; font-size:14px;}
.login_box .login_l .divs .css-label_r2:before{ left:4px; top:8px; width:12px; height:12px;background-position: -90px 0px;}
.login_box .login_l .divs input[type=checkbox].css-radio:checked + label.css-label_r2:before{ background-position: -60px 0px;}
.login_box .login_l .divs .txts{ float:right; margin-left:6px; margin-right:6px; overflow:hidden; color:#3966ff; font-size:14px;line-height:28px;}
.login_box .login_l .divs .txts.nomar{ margin-right:0; float:left;}
.login_box .login_l .divs .txts:hover{ text-decoration:underline;}
.login_box .login_l .login_txt{overflow: hidden; margin-top:33px; margin-bottom:20px; line-height:22px; font-size:12px; color:#999999;}
.login_box .login_l .login_txt a{color:#3966ff; padding-left:8px;}
.login_box .login_l .login_txt a:hover{ text-decoration:underline;}
.login_box .login_r{ float:left; width:197px; overflow:hidden; margin-top:27px; position:relative;}
.login_box .login_r:before{ content:""; position:absolute; top:0; height:270px; left:14px; width:1px; background:#e4e4e4;}
.login_box .login_r .label{ width:29px; height:29px; line-height:29px; float:left; margin-top:124px; margin-right:35px; background:#e4e4e4; text-align:center; color:#777777; font-size:14px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;border-radius:50%;}
.login_box .login_r .cons{ overflow:hidden; width:132px; text-align:center; color:#444444; line-height:28px; font-size:14px;}
.login_box .login_r .cons .h3{ font-weight:normal; line-height:44px; height:44px; overflow:hidden; font-size:18px;}
.login_box .login_r .cons .img{  width:130px; height:130px; border:1px solid #e4e4e4; margin-top:14px;}
.login_box .login_r .cons .img img{ margin:0 auto;display:block; width:105px; height:105px; margin-top:12px;}
.login_box .login_r .cons .gohome{ margin-top:74px; overflow:hidden; text-align:center; line-height:24px; height:24px;}
.login_box .login_r .cons .gohome a{ display:inline-block; vertical-align:top; padding-left:38px; padding-right:38px; position:relative; color:#3966ff; font-size:14px;transition: all 0.3s;}
.login_box .login_r .cons .gohome a:before{ content:""; position:absolute; top:12px; height:1px; left:0; width:32px; background:#e4e4e4;}
.login_box .login_r .cons .gohome a:after{ content:""; position:absolute; top:12px; height:1px; right:0; width:32px; background:#e4e4e4;}
.login_box .login_r .cons .gohome a:hover{opacity: 0.8;filter: Alpha(opacity=80);}
.login_foot{ background:#fff; position:absolute; bottom:0; width:100%; height:99px; left:0; text-align:center; min-width:1350px;}
.login_foot ul li{ display:inline-block; height:48px; vertical-align:top; margin-left:12px; margin-right:12px; overflow:hidden; position:relative; padding-left:59px; margin-top:27px; text-align:left;}
.login_foot ul li:before{ left:0; top:0; width:48px; height:48px;}
.login_foot ul li.bgs1:before{background-position:0 -30px;}
.login_foot ul li.bgs2:before{background-position:-50px -30px;}
.login_foot ul li.bgs3:before{background-position:-100px -30px;}
.login_foot ul li.bgs4:before{background-position:-150px -30px;}
.login_foot ul li .h4{ font-weight:normal; margin-top:5px;line-height:20px; font-size:15px; color:#444444; overflow:hidden;}
.login_foot ul li .p{ line-height:18px; font-size:12px; color:#999999; overflow:hidden;}