@charset "utf-8";

/* CSS Document */
/************************************************
Author: Abel Chu
Contact: aswand@vip.qq.com
Last updated: 2017/05/05
************************************************/

/*user reg and login style*/
.reglog-container{position:relative;padding:30px 0;background:#f5f5f5 url("../images/line04.png");}
.reglog-container .boxer{min-height:500px;height:auto !important;height:500px;background-color:#fff;}
.reglog-container .user-image{float:left;display:inline;;width:700px;padding:0;margin:0;}
.reglog-container .user-boxer{float:right;display:inline;width:375px;padding:0;margin:30px 30px 0 0;border:#e5e5e5 solid 2px;background-color:#f7f7f7;}
.reglog-container .user-boxer .switch-head{height:58px;overflow:hidden;}
.reglog-container .user-boxer .switch-head ul{width:380px;height:58px;}
.reglog-container .user-boxer .switch-head li{float:left;display:inline;width:124px;height:56px;line-height:56px;color:#292929;font-size:18px;font-weight:bold;text-align:center;border-right:#e5e5e5 solid 2px;border-bottom:#e5e5e5 solid 2px;background-color:#f3f3f3;cursor:pointer;}
.reglog-container .user-boxer .switch-head li.current{color:#f89210;font-size:22px;border-bottom:#f7f7f7 solid 2px;background-color:#f7f7f7;}
.reglog-container .user-boxer .switch-cont{padding:0px 30px 30px;}
.reglog-container .user-boxer .switch-cont li{padding:12px 0 0;}
.reglog-container .user-boxer .switch-cont .thetext{height:24px;line-height:24px;color:#999;font-size:14px;text-align:center;}

.reglog-container .user-boxer .switch-cont .logtext{font-size: 16px;}
.reglog-container .user-boxer .switch-cont .logtext ul{display: inline-block;width: 350px;}
.reglog-container .user-boxer .switch-cont .logtext li{ float: left;display: inline;width: 124px;color: #292929;
    font-size: 16px; text-align: center;    cursor: pointer;}
.reglog-container .user-boxer .switch-cont .logtext li.current {color: #f89210;}
.reglog-container .user-boxer .switch-cont .getbtn {float: left;display: inline;height: 32px;line-height: 32px;padding: 5px 0 5px 5px;}
.reglog-container .user-boxer .switch-cont .getbtn .ipt-getbtn {float: left;display: inline;width: 94px;height: 32px;line-height: 32px;
    color: #fff;    font-size: 12px;font-weight: bold;text-align: center;border: none;background-color: #fe9917;-moz-border-radius: 8px;
    -webkit-border-radius: 8px;    border-radius: 8px;    overflow: hidden;    cursor: pointer;}

.reglog-container .user-boxer .switch-cont .ipt-text{float:left;display:inline;width:291px;height:40px;line-height:40px;padding:0 12px;margin:0;color:#c0bfbf;font-size:14px;border:#cac9c9 solid 1px;background-color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;}
.reglog-container .user-boxer .switch-cont .ipt-text:focus{border:#fe9917 solid 1px;}
.reglog-container .user-boxer .switch-cont .ipt-code{width:185px;}
.reglog-container .user-boxer .switch-cont .ipt-btn{float:left;display:inline;width:315px;height:42px;line-height:42px;padding:0;margin:0;color:#fff;font-size:24px;font-weight:bold;text-align:center;border:none;background-color:#fe9917;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;cursor:pointer;}
.reglog-container .user-boxer .switch-cont .ipt-rad{position:relative;top:-1px;width:14px;height:14px;margin-right:5px;vertical-align:text-bottom;background:#fff;}
.reglog-container .user-boxer .switch-cont .verify{float:left;display:inline;height:28px;line-height:28px;padding:7px 0 7px 7px;}
.reglog-container .user-boxer .switch-cont .verify img{float:left;display:inline;width:84px;height:28px;line-height:28px;overflow:hidden;cursor:pointer;}
.reglog-container .user-boxer .switch-cont .getbtn{float:left;display:inline;height:32px;line-height:32px;padding:5px 0 5px 5px;}
.reglog-container .user-boxer .switch-cont .getbtn .ipt-getbtn{float:left;display:inline;width:94px;height:32px;line-height:32px;color:#fff;font-size:12px;font-weight:bold;text-align:center;border:none;background-color:#fe9917;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;cursor:pointer;}
.reglog-container .user-boxer .switch-cont .link{height:24px;line-height:24px;padding:5px 0;color:#696968;font-size:14px;}
.reglog-container .user-boxer .switch-cont .link .gt{display:inline-block;height:24px;line-height:24px;padding:0 21px 0 0;color:#fe9917;text-decoration:underline;background:url("../images/icon-gt01.png") no-repeat 100% 50%;}
.reglog-container .user-boxer .switch-cont .link a{color:#696968;font-size:14px;}
.reglog-container .user-boxer .switch-cont .link a:hover{color:#fe9917;text-decoration:underline;}
.reglog-container .user-boxer .switch-cont .link .gray{color:#989898;}

/*user pwd reset style*/
.reglog-container .pwdreset{padding:0 0 30px;}
.reglog-container .pwdreset .fg-tit{height:40px;line-height:40px;padding:10px 30px;margin-bottom:30px;color:#696968;font-size:20px;border-bottom:1px #f6f6f6 solid;}
.reglog-container .pwdreset .fg-steps{position:relative;width:650px;height:80px;margin:0 auto;margin-bottom:30px;}
.reglog-container .pwdreset .fg-steps i{display:block;height:30px;margin:0 40px;border-bottom:1px #eee solid;}
.reglog-container .pwdreset .fg-steps .step{position:absolute;width:80px;top:0;z-index:2;}
.reglog-container .pwdreset .fg-steps .step b{display:block;width:40px;height:40px;line-height:40px;margin:0 auto;color:#fff;font-size:24px;font-weight:normal;font-family:"Arial";text-align:center;border:10px #fff solid;background-color:#e0e0e0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.reglog-container .pwdreset .fg-steps .step.one{left:0;}
.reglog-container .pwdreset .fg-steps .step.two{left:50%;margin-left:-40px;}
.reglog-container .pwdreset .fg-steps .step.three{right:0;}
.reglog-container .pwdreset .fg-steps .step.one b:before{content:"1";}
.reglog-container .pwdreset .fg-steps .step.two b:before{content:"2";}
.reglog-container .pwdreset .fg-steps .step.three b:before{content:"3";}
.reglog-container .pwdreset .fg-steps .step span{display:block;color:#aaa;font-size:14px;text-align:center;}
.reglog-container .pwdreset .fg-steps .step.one span:before{content:"验证身份";}
.reglog-container .pwdreset .fg-steps .step.two span:before{content:"设置新密码";}
.reglog-container .pwdreset .fg-steps .step.three span:before{content:"完成";}
.reglog-container .pwdreset .fg-steps .active b{background:#fe9917;}
.reglog-container .pwdreset .fg-steps .active span{color:#fe9917;}
.reglog-container .pwdreset .form{width:320px;margin:0 auto;}
.reglog-container .pwdreset .switch-head{height:58px;}
.reglog-container .pwdreset .switch-head ul{width:100%;height:58px;}
.reglog-container .pwdreset .switch-head li{float:left;display:inline;;width:106px;height:56px;line-height:56px;color:#292929;font-size:18px;font-weight:bold;text-align:center;border-bottom:#e5e5e5 solid 2px;cursor:pointer;}
.reglog-container .pwdreset .switch-head li.current{color:#f89210;font-size:20px;border-bottom:#fe9917 solid 2px;}
.reglog-container .pwdreset .switch-cont{padding:20px 0 30px;}
.reglog-container .pwdreset .switch-cont li{position:relative;width:100%;padding:20px 0 0;}
.reglog-container .pwdreset .switch-cont .ipt-text{float:left;display:inline;width:294px;height:40px;line-height:40px;padding:0 12px;margin:0;color:#c0bfbf;font-size:14px;border:#cac9c9 solid 1px;background-color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;}
.reglog-container .pwdreset .switch-cont .ipt-text:focus{border:#fe9917 solid 1px;}
.reglog-container .pwdreset .switch-cont .ipt-code{width:185px;}
.reglog-container .pwdreset .switch-cont .ipt-btn{float:left;display:inline;width:100%;height:42px;line-height:42px;padding:0;margin:0;color:#fff;font-size:20px;font-weight:bold;text-align:center;border:none;background-color:#fe9917;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;cursor:pointer;}
.reglog-container .pwdreset .switch-cont .verify{float:left;display:inline;height:28px;line-height:28px;padding:7px 0 7px 7px;}
.reglog-container .pwdreset .switch-cont .verify img{float:left;display:inline;width:84px;height:28px;line-height:28px;overflow:hidden;cursor:pointer;}
.reglog-container .pwdreset .switch-cont .getbtn{float:left;display:inline;height:32px;line-height:32px;padding:5px 0 5px 5px;}
.reglog-container .pwdreset .switch-cont .getbtn .ipt-getbtn{float:left;display:inline;width:94px;height:32px;line-height:32px;color:#fff;font-size:12px;font-weight:bold;text-align:center;border:none;background-color:#fe9917;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;cursor:pointer;}
.reglog-container .pwdreset .switch-cont .link{height:24px;line-height:24px;padding:5px 0;color:#696968;font-size:14px;}
.reglog-container .pwdreset .switch-cont .link .gt{display:inline-block;height:24px;line-height:24px;padding:0 21px 0 0;color:#fe9917;text-decoration:underline;background:url("../images/icon-gt01.png") no-repeat 100% 50%;}
.reglog-container .pwdreset .switch-cont .link a{color:#696968;font-size:14px;}
.reglog-container .pwdreset .switch-cont .link a:hover{color:#fe9917;text-decoration:underline;}
.reglog-container .pwdreset .switch-cont .link .gray{color:#989898;}
.reglog-container .pwdreset .switch-cont .link .regmobile{color:#fe9917;font-size:20px;font-weight:normal;font-family:"Arial";}
.reglog-container .pwdreset .switch-cont .statusicon{float:left;display:inline;width:50px;height:50px;line-height:50px;padding:0;margin:0;text-align:center;background-color:#e0e0e0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.reglog-container .pwdreset .switch-cont .statustext{*display:inline;zoom:1;margin:0 0 0 70px;color:#565656;}
.reglog-container .pwdreset .switch-cont .passokicon{color:#fff;font-size:20px;font-family:"\5B8B\4F53";background-color:#528b12;}
.reglog-container .pwdreset .switch-cont .passoktext .t{line-height:30px;font-size:16px;color:#fe9917;font-weight:bold;}
.reglog-container .pwdreset .switch-cont .passoktext .c{line-height:20px;font-size:14px;color:#989898;}

.reglog-container .pwdreset .form .advs{height:50px;display:table;margin:0 auto;margin-bottom:30px;position:relative;}
.reglog-container .pwdreset .form .advs label{float:left;height:36px;line-height:36px;padding:0 5px;margin:0 20px;color:#848484;font-size:20px;border-bottom:2px #fff solid;cursor:pointer;}
#adv:checked ~ label[for="adv"],
#media:checked ~ label[for="media"]{border-bottom:2px #4eb6ff solid;color:#4eb6ff;}
.reglog-container .pwdreset .form .advs i{position:absolute;height:15px;border-left:1px #ddd solid;top:10px;left:50%;}
.reglog-container .pwdreset .form .input{margin-right:52px;}
.reglog-container .pwdreset .form .input input{width:100%;height:48px;line-height:48px;font-size:1.25em;padding-left:50px;border:1px #e6e6e6 solid;border-radius:6px;}
.reglog-container .pwdreset .form .input input:focus{border:1px #4eb6ff solid;}
.reglog-container .pwdreset .form .input input.error{border:1px #ff8486 solid;}
.reglog-container .pwdreset .form .input input.error:focus{border:1px #4eb6ff solid;}
.reglog-container .pwdreset .form .input input.error:focus + .tip{display:none;}
.reglog-container .pwdreset .form .theInput{width:100%;margin-bottom:25px;position:relative;}
.reglog-container .pwdreset .form .theInput .tip{position:absolute;left:10px;top:0;margin-top:-26px;height:32px;line-height:32px;padding:0 20px;border-radius:6px;z-index:3;}
.reglog-container .pwdreset .form .theInput .tip span{font-size:1.1em;}
.reglog-container .pwdreset .form .theInput .tip b{position:absolute;width:15px;height:15px;left:25px;top:100%;margin-top:-10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.reglog-container .pwdreset .form .theInput .tip.error{background:#f86a60;color:#fff;}
.reglog-container .pwdreset .form .theInput .tip.error b{background:#f86a60;background/*\**/:none \9;}
.reglog-container .pwdreset .form .theInput i{position:absolute;font-style:normal;z-index:3;}
.reglog-container .pwdreset .form .theInput i.left,
.reglog-container .pwdreset .form .theInput i.right{width:50px;height:50px;top:0;background:url("../images/icon-forgetPass.png") left top no-repeat;}
.reglog-container .pwdreset .form .theInput i.left{left:0;}
.reglog-container .pwdreset .form .theInput i.right{right:0;}
.reglog-container .pwdreset .form .theInput i.user{background-position:0 0;}
.reglog-container .pwdreset .form .theInput i.yzmIcon1{background-position:-50px 0;}
.reglog-container .pwdreset .form .theInput i.yzmIcon2{background-position:-100px 0;}
.reglog-container .pwdreset .form .theInput i.yzmImg{background:none;}
.reglog-container .pwdreset .form .theInput i.yzmImg img{position:absolute;height:30px;top:10px;right:10px;cursor:pointer;}
.reglog-container .pwdreset .form .theInput i.pass1{background-position:-150px 0;}
.reglog-container .pwdreset .form .theInput i.pass2{background-position:-200px 0;}
.reglog-container .pwdreset .form .theInput i.eye{background-position:-300px 0;}
.reglog-container .pwdreset .form .theInput i.eye:hover{background-position:-250px 0;}
.reglog-container .pwdreset .form .theInput i.yzmBtn{top:12px;right:12px;height:26px;line-height:26px;padding:0 10px;border-radius:4px;color:#fff;cursor:pointer;}
.reglog-container .pwdreset .form .theInput i.yzmBtn.get,
.reglog-container .pwdreset .form .theInput i.yzmBtn.reget{background:#4eb6ff;}
.reglog-container .pwdreset .form .theInput i.yzmBtn.got{background:#999;cursor:not-allowed;}
.reglog-container .pwdreset .form .theInput i.yzmBtn.got b{font-weight:normal;}
.reglog-container .pwdreset .form .theInput .btn{display:block;height:50px;line-height:50px;text-align:center;font-size:1.3em;background:#f66;color:#fff;border-radius:6px;cursor:pointer;}
.reglog-container .pwdreset .form .phone{height:35px;font-size:1.2em;color:#666;}
.reglog-container .pwdreset .form .passSuccess{height:110px;}
.reglog-container .pwdreset .form .passSuccess .passOk{float:left;}
.reglog-container .pwdreset .form .passSuccess .passOkText b{display:block;font-size:2em;font-weight:normal;color:#333;padding:5px 0;}
.reglog-container .pwdreset .form .passSuccess .passOkText span{font-size:1.15em;color:#a1a1a1;}


.reglog-container .user-boxer .register_List_Item ul li{width: 49%;}