.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}
.in_nr7_fr,.btn1fr{ display: none;}
.message p{line-height:24px; font-size: 12px; padding-left: 20px;}
.message .error-tex{background: url(../image/zc_x.gif) no-repeat left center; color: #ff6800;}


.message .error-war{background: url(../image/war.png) no-repeat left 5px; color: #c7b61e;}

.message .warning-tex{background: url(../image/zc_t.gif) no-repeat left center; color: #666666;}
.message .ok-tex{background: url(../image/zc_z.gif) no-repeat left center; color: #666666;}
.btn{ display: block; line-height: 48px; text-align: center; color: #fff; font-size: 18px; background-color: #f76e00; margin-top:10px;}
.btn:hover{ color: #fff; background-color: #e26500;}
.form-group{ margin-top: 15px; position: relative;}
.control-label{ line-height: 44px; width: 160px; text-align: right; color: #666; font-size: 14px; margin-right: 10px;}
.form-control{ padding: 0 10px; line-height: 42px; height: 42px; border: 1px solid #dedede; font-family:"Microsoft Yahei"; font-size: 14px; color: #333;}
.form-tex{ line-height: 24px;}
.form-tex a{ color: #ff6800; text-decoration: underline;}
.form-tex a:hover{color: #49b507;}
.yyyz.form-tex { line-height: 26px; margin-top: 6px;}
.yyyz.form-tex a{ margin-left: 5px; line-height: 24px; border: 1px solid #ddd9cb; color: #ff6800; display: inline-block; vertical-align: top; padding: 0 12px; text-decoration: initial;}
.yyyz.form-tex span{ display: inline-block; background: url(../image/yyIcon.png) no-repeat left center; padding-left: 14px;}
.yyyz.form-tex a:hover{ background-color: #f2f2f2; border-color: #f2f2f2;}
.member-loading{ text-align: center;}
.member-loading span{ display: inline-block; line-height: 40px; color: #666; font-size: 12px; padding-left: 25px; background: url(../image/loading.gif) no-repeat left center;}

.member-mian{ background-color: #f9f9f9; padding: 60px 0; border-bottom: 1px solid #e5e5e5;}
.login-img{ margin-left: -74px; margin-top: 110px;}
.login-con{ margin-right: 20px; width: 560px;}
.login-con h4{ color: #333; font-size: 36px; text-align: center; background: url(../image/17login-1.jpg) no-repeat 40px center; padding-left: 140px; line-height: 84px; font-weight: normal;}
.login-slogan{ width: 100%; margin-top: 45px; height: 66px; background: url(../image/17login-3.jpg) no-repeat center;}
.login-box{-moz-box-shadow: 0 1px 5px rgba(0,0,0,.08);
           -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.08);
           box-shadow: 0 1px 5px rgba(0,0,0,.08);
           margin-top: 35px; width: 100%; padding: 45px 0; background-color: #fff; border-top: 4px solid #f86d0d;}
.login-box-width{ width: 380px; margin: 0 auto;}
.login-box ul{ margin-top: -15px;}
.login-box li{ margin-top: 15px;}
.login-box .form-box{ border: 1px solid #dedede;}
.login-box label{ float: left; display: block; width: 38px; height: 24px; margin: 9px 0; background: url(../image/signin5.gif) no-repeat center; border-right: 1px solid #e2e2e2;}
.login-box input{ line-height: 42px; height: 42px; background-color: #fff; border: 0; padding: 0 10px; width: 318px; font-family:"Microsoft Yahei"; font-size: 14px; color: #333;}
.login-box .password-input label{ background: url(../image/signin6.gif) no-repeat center;}
.login-box .code-input .form-box{ border: 0;}
.login-box .code-input input{border: 1px solid #dedede; width: 250px;}
.login-set{ margin-top:10px;}
.login-set .forgot-btn{ color: #f76e00; font-size: 14px; line-height: 22px;}
.login-set .forgot-btn:hover{ text-decoration: underline;}
.login-set .register-btn{ text-align: center; margin-top:30px; color: #333; font-size: 16px;}
.login-set .register-btn a{ color: #ff6800; text-decoration: underline; margin-left: 10px;}
.login-set .register-btn a:hover{ color: #49b507;}
.login-set .wechat-btn{ text-align: center; margin-top: 30px; display: block; border: 1px solid #eaeaea; line-height: 46px; color: #666; font-size: 16px;}
.login-set .wechat-btn span{ display: inline-block; padding-left: 42px; background: url(../image/17login-4.png) no-repeat left center;}
.login-set .wechat-btn:hover{ color: #ff6800;}

.member-head{ padding: 19px 0; border-bottom: 1px solid #e5e5e5; line-height: 40px;}
.member-head h1 a{ display: block; width: 135px; height: 40px; background: url(../image/02index-logo.png) no-repeat center;}
.member-head h4{ color: #333; font-size: 24px; font-weight: normal; margin-left: 15px;}
.member-head p{ color: #666; font-size: 14px; line-height: 40px;}
.member-head p a{ color: #ff6800; text-decoration: underline;}
.member-head p a:hover{color: #49b507;}
.member-head ul{ margin-top: 15px;}
.member-head li{ float: left; padding: 0 15px; border-right: 1px solid #909090; line-height: 14px;}
.member-head li a{ color: #666; font-size: 14px; display: block;}
.member-head li a:hover{ color: #ff6800;}
.member-head li:last-child { padding-right: 0; border: 0;}

.register-con{ width: 460px; padding-right: 70px; border-right: 1px solid #ebebeb; margin: 0 70px 0 200px;}
.register-choose{ margin-left: -12px;}
.register-choose dl{ margin-left: 12px; cursor: pointer; position: relative; float: left; width: 222px; height: 42px; text-align: center; border: 1px solid #dedede;}
.register-choose span{ color: #666; font-size: 14px; display: inline-block; line-height: 42px;}
.popup { display: inline-block; position: relative; vertical-align: -2px;} 
.popup sub{width: 14px;height: 14px; display:block; cursor: pointer; padding-top: 10px; background:url(../image/level_2.png) no-repeat left bottom;}
.popup-con{ display: none; cursor: default; position: absolute; bottom:16px; left:50%; margin-left: -75px; width: 150px;}
.popup-con p{ text-align: left; font-size: 12px; background: #fefee7;  color: #666; padding: 7px 10px;line-height: 18px;border: 1px solid #b9b9b9; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px;}
.popup-con:after{ content:''; display: block; width: 12px; height: 8px; background: url(../image/zc_jt.png) no-repeat; margin:0 auto; margin-top: -1px;}
.popup:hover .popup-con{ display: block;}
.register-choose dd{ width: 29px; height: 28px; background: url(../image/17login-5.png) no-repeat; position: absolute; right: 0; bottom: 0;}
.register-choose dl:hover span{ color: #ff6800;}
.register-choose dl.on{ border-color: #ff6800;}
.register-choose dl.on span{ color: #ff6800;}
.register-choose dl.on dd{ background-position: 0 -28px;}
.form-boder{border: 1px solid #dedede; background-color: #fff;}
.form-boder .form-control{ width:400px; border: none; float: left;}
.form-icon{ float: left; width: 34px; height:22px; margin: 10px 0; background-image: url(../image/signin9.gif); background-repeat: no-repeat; background-position:center; border-right: 1px solid #cbcbcb;}
.form-icon.icon-name{background-image: url(../image/signin10.gif);}
.form-icon.icon-phone{background-image: url(../image/signin11.gif);}
.form-icon.icon-mail{background-image: url(../image/signin8.gif);}
.code-group .form-control{ width: 245px;}
.code-group .btn{ line-height: 44px; margin: 0; font-size: 14px; width: 180px;}
.sure-group{ margin-top: 20px;}
.sure-group .form-tex{ color: #999; text-align: center;}
.sure-group .form-tex a{ text-decoration: none; color: #333;}
.sure-group .form-tex a:hover{ color: #ff6800;}
.mail-group.on .form-boder{ width: 340px;}
.mail-group.on .form-control{ width: 282px;}
.mail-group-tex{ color: #ff6800; font-size: 16px; line-height: 44px; display: none;}
.mail-group.on .mail-group-tex{ display: block;}
.register-text{ margin-top: -20px;}
.register-text-con { color: #666; font-size: 13px; line-height: 24px; margin-top:20px;}
.register-text span{ color: #ff6800;}
.register-text i{ display: inline-block;}
.register-text-con dl{ margin-top: 5px;}
.register-text-con dt{ float: left; margin-left: -6px;}
.register-text-con dd{ float: left; color: #666; font-size: 13px ;line-height: 24px; margin-left: 10px;}

.regSuc-con-tex{ text-align: center;}
.regSuc-con-tex p{ color: #666; font-size: 14px; text-align: left; line-height: 32px; display: inline-block; padding-left: 85px; background: url(../image/17login-6.png) no-repeat left center;}
.regSuc-con-tex span{ color: #ff6800; font-size: 24px; display: block;}
.regSuc-con-set{text-align: center; margin-top: 30px;}
.regSuc-con-btn{ margin: 0 3px; display: inline-block; border: 1px solid #ff6800; width: 200px; line-height: 44px; text-align: center; color:#fff; font-size: 16px; background-color: #ff6800;}
.regSuc-con-btn.noBg{ background-color:inherit; color: #ff6800;}
.regSuc-con-btn.noBg i{ display: inline-block; width: 26px; height: 30px; background: url(../image/17login-13.png) no-repeat; vertical-align: -8px; margin-right: 5px;}
.regSuc-con-btn:hover{color: #fff; background-color: #e26500;}
.regSuc-con-btn.noBg:hover i{ background-position: 0 -30px;}
.regSuc-con-set p{ color: #999; font-size: 14px; margin-top: 35px;}
.regSuc-con-set p a{ color: #333;}
.regSuc-con-set p a:hover{ color: #ff6800;}
.regSuc-prize{ background-color: #fefcfa; border: 1px solid #fbeccb; padding:40px 0; margin-top: 30px;}
.regSuc-prize-tex{ width: 415px; text-align: center; color: #999; margin-left: 40px;}
.regSuc-prize-tex h4{ font-weight: normal; color: #ff6800; font-size: 18px;}
.regSuc-prize-tex p{ font-size: 14px;}
.regSuc-prize-tex img{ display: inline-block; margin: 10px 0;}
.regSuc-prize-tex span{ display: block; font-size: 12px; line-height: 22px;}
.regSuc-prize .arrow{ width: 83px; height: 38px; background: url(../image/17login-8.jpg) no-repeat; margin: 95px 40px 0 30px;}

.getpass-mian{ padding: 80px 0 60px;}
.getpass-list{ text-align: center; position: relative;}
.getpass-list dl{ width: 250px; display: inline-block; position: relative; z-index: 2;}
.getpass-list dt{ background-color: #fff; padding: 0 7px; width: 30px; margin: 0 auto;}
.getpass-list dt b{ display: block; color: #fff; overflow: hidden; font-size: 16px; width: 30px; height: 30px; line-height: 30px; background:url(../image/17login-10.png) no-repeat;}
.getpass-list dd{ color: #999; font-size: 16px; line-height: 16px; padding-top: 10px;}
.getpass-list dl.on b{ background-position:-30px 0; color: #fff;}
.getpass-list dl.on dd{ color: #ff6800;}
.getpass-list .line{ width: 720px; height: 3px; position:relative; background-color: #d9d9d9; position: absolute; left: 50%; margin-left: -360px; top: 14px;}
.getpass-list .line span{ position: absolute; left: 0; top: 0; width:225px; height: 3px; background-color: #ff6800;}
.getpass-list dl.last dt b:after{ content: ''; margin: 0 auto; display:inline-block; width: 16px; height: 13px; background:url(../image/17login-10.png) no-repeat; background-position: 0 -36px;}
.getpass-con{ margin-top: 100px;}
.getpass-con .message{ margin-left: 170px;}
.getpass-con .form-control{ width: 344px;}
.getpass-code-group .form-control{ width: 158px; float: left;}
.getpass-code-group img{ float: left; margin-left: 15px;}
.getpass-code-group a{ display: block; float: left; margin-left: 20px; color: #999; font-size: 12px; line-height: 44px;}
.getpass-code-group a:hover{ color: #ff6800;}
.getpass-con .btn{ width: 180px; font-size: 16px; line-height: 40px; margin-top: 0;}
.getpass-form{ margin-left:280px;}
.stepThree .form-control{ width: 248px; height: 34px; line-height: 34px;}
.stepThree .control-label{ line-height: 36px;}
.password-strong{ position: absolute; left: 460px; top: 0; border: 1px solid #dbdbdb; padding: 5px 8px; background-color: #fff;}
.password-strong span{ display: inline-block; height: 5px; width: 152px; background-color: #f1f1f1; vertical-align:2px; margin-left: 4px;}
.password-strong:after{ content: ''; display: block; position: absolute; left: -5px; top: 10px; width: 5px; height: 8px; background: url(../image/getp_4.gif) no-repeat;}
.getpass-res{ text-align: center;}
.getpass-res img{ display: inline-block;}
.getpass-res h4{ color: #ff6800; font-size: 20px; line-height: 20px; padding-top: 10px; font-weight: normal;}
.getpass-res p{ color: #999; font-size: 14px; padding-top:10px;}
.getpass-res p a{ color: #333; text-decoration: underline;}
.getpass-res p a:hover{ color: #ff6800;}
.getpass-way{width: 860px; margin: 0 auto; margin-top: -50px; }
.getpass-way h4{ font-size: 16px; color: #666; font-weight: normal; line-height: 16px;}
.getpass-way-main{ margin-top:30px;}
.getpass-way-list{ margin-top: 10px; border: 1px solid #dedede;}
.getpass-mode{ padding:30px 35px; border-bottom: 1px solid #dedede; cursor:pointer;}
.getpass-mode h5{ float: left; font-size: 16px; color: #666; line-height: 16px;}
.getpass-mode a{ float: right; color: #ff6800; font-size: 16px; line-height: 16px;}
.getpass-mode a:after{ content: ''; display: inline-block; width: 10px; height: 10px; background: url(../image/17login-10.png) no-repeat; background-position: -10px -54px; margin-left: 5px;}
.getpass-box{ padding:20px 0; display: none;}
.getpass-way .control-label{ width: 278px; line-height: 36px;}
.getpass-way .form-control{ width: 178px; line-height: 34px; height: 34px;}
.getpass-way .message{ margin-left: 288px;}
.getpass-way .control-text{ line-height: 36px; color: #ff6800;}
.getpass-way .code-btn{ min-width: 122px; text-align: center; padding: 0 10px; line-height: 34px; display: block; color: #666; font-size: 14px; border: 1px solid #dcdcdb; margin-left: 8px;}
.getpass-way .code-btn:hover{ color: #ff6800;}
.getpass-way .code-text{ color: #999; font-size: 12px; line-height: 36px; margin-left: 10px;}
.getpass-way-list.on .getpass-mode a:after{ background-position: 0 -54px; cursor: default;}


.dns_dialog{ position:fixed; width:440px; top:30%; left:50%; margin-left:-220px; background:#fff; z-index:10000; border:1px solid #a8a8a8; padding-bottom:40px;}
.dns_mask{ width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:fixed; left:0; top:0; z-index:9999;}
.dns_dialog_t{ height:44px; line-height:44px; border-bottom:1px solid #f2f2f2; text-indent:20px;}
.dns_dialog_t .fl{ color:#ff6800; font-size:16px;}
.dns_dialog_t .fr{ margin:16px 10px 0 0; cursor:pointer;}
.dns_dialog_m{ width:220px; margin:30px auto;}
.dns_dialog_m .yzm-sr{width:100%;overflow:hidden;line-height:30px;margin-bottom:5px;}
.dns_dialog_m .yzm-sr input{width:220px;height:30px;line-height:22px; font-size:13px;color:#a9a9a9;border:0px;text-indent:10px; background:#e6e6e6;border:1px solid #d9d9d9;}
.dns_dialog_m .yzm-sr input.short{ width:125px; float:left;} 
.dns_dialog_m .yzm-sr .yzm{ float:left; margin-left:15px;}
.dns_dialog_m .yzm-sr .yzm img{ height:30px;}
.dns_dialog_b p{ text-align: center;}
.dns_dialog_b a{ width:173px; height:40px; background:#ff6800; font-size:16px; text-align:center; line-height:40px; color:#fff; display:inline-block; margin:0 auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.dns_dialog_b a:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; color:#fff;}
.dns_dialog_b span{ display: inline-block; width: 24px; height: 24px; background: url(../image/loading.gif) no-repeat; vertical-align: -7px; *vertical-align: 2px}




#drag{position: relative; background-color: #e8e8e8; width: 458px; height: 40px; line-height: 40px; text-align: center;}
#drag .handler{position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; border: 1px solid #ccc; cursor: move;}
.handler_bg{background: #fff url(../image/17login-12.png) no-repeat center;}
.handler_ok_bg{background: #fff url(../image/zc_z.gif) no-repeat center;}
#drag .drag_bg{background-color: #7ac23c; height: 40px; width: 0px;}
#drag .drag_text{position: absolute; top: 0px; width: 458px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select:none; -ms-user-select:none;}

.mask{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.5);}
.popBox{ padding: 40px 0; background-color: #fff; border-radius: 20px; width: 400px; border: 1px solid #fbeccb; position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.popHmm .tit{ text-align: center;}
.popHmm .tit h4{ color: #ff6800; font-size: 38px; line-height: 1;}
.popHmm .tit h5{ color: #333; font-size: 24px; line-height: 1; margin-top: 12px;}
.popHmm dl{ margin-top: 42px; width: 100%;}
.popHmm dt img{ width: 100%;}
.popHmm dd{ text-align: center; font-size: 14px; margin-top: 10px;}
.popHmm dd b{ display: block; color: #ff6800; font-size: 18px;}
.popClose{ position: absolute; right: 18px; top: 18px;}
.popClose a{ display: block; width: 14px; height: 14px; background: url(../image/17login-15.jpg) no-repeat;}