/*
@author: sunke
*/
@charset "utf-8";
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px; background:#e9ecee;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
input,textarea{outline:none; color:#bcbbbb;}
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}

/*---------------------------------- common ----------------------------------*/
.lr-ico,.lr-icon,.deleteAll-btn,.showpassword-btn{ background:url("/OtherItem/images/loginRegisterHelp/ico.png") no-repeat;}
.layout.line{ background:url("/OtherItem/images/loginRegisterHelp/line.png") repeat-y 911px 0 #fff;}
.main-left{ float:left; width:911px; padding-bottom:60px;}
.title{ height:70px; line-height:70px; text-align:center; font-size:18px; font-weight:bold; border-bottom:1px solid #eee;}
.downLoad-app{ float:right; width:288px; text-align:center; padding-bottom:30px;}
.downLoad-app h4.tit{ font-size:22px; line-height:30px; padding:26px 0 18px;}
.downLoad-app .pic{ box-shadow:0 0 10px 0 #f0f0f0;}
.downLoad-app .downLoad-btn{ display:block; width:216px; height:44px; line-height:44px; font-size:18px; color:#fff; background:#4ab83e; border-radius:3px; text-decoration:none; margin:20px auto;}
.downLoad-app .downLoad-btn:hover{ opacity:.95; }

/**/
.top-header-wrap{ width:100%; height:70px; background:#fff; margin-bottom:20px;}
.top-header{ height:70px;}
.top-header h1{float:left;height:42px;width:157px;margin:13px 0 0 5px;}
.top-header h1 .logo{display:block;height:42px;width:157px}
.top-header #titleName{ float:left; line-height:70px; font-size:22px; padding-left:38px;}
.top-header #titleName a{ font-weight: 400;}
.top-header #titleName a:hover{ text-decoration:none;}
.top-header h3{ float:right; line-height:70px; font-size:16px; font-weight:normal;}

/**/
.common-entryBox{ width:370px; margin:0 auto; position:relative;}
.common-entryBox .error-tex{ height:16px; line-height:16px; color:#ff6c6c; padding-left:21px; left:0; top:-24px; background-position:0 -220px;}
.common-entryBox ul.pb10{ padding-bottom:10px;}
.common-entryBox li{ height:41px; border:1px solid #dedede; border-radius:2px; position:relative; padding-left:40px; margin-bottom:20px;}
.common-entryBox li.error{ border:1px solid #ff6c6c;}
.common-entryBox .lr-icon{display:block; width:22px; height:22px; position:absolute; left:16px; top:50%; margin-top:-11px;}
.common-entryBox .lr-icon01{ background-position:0 -26px;}
.common-entryBox .lr-icon02{ background-position:0 -73px;}
.common-entryBox .lr-icon03{ background-position:0 -264px;}
.common-entryBox .lr-icon04{ background-position:0 -407px;}
.common-entryBox .lr-icon05{ background-position:0 -455px;}
.common-entryBox .input-box01{ width:300px; height:26px; line-height:26px; font-size:14px; padding-top:8px; border:0; color:#333; font-family:"\5FAE\8F6F\96C5\9ED1,\9ED1\4F53";}
.common-entryBox .input-box02{ width:190px; height:26px; line-height:26px; font-size:14px; padding-top:8px; border:0; color:#333; font-family:"\5FAE\8F6F\96C5\9ED1,\9ED1\4F53";}
.common-entryBox .deleteAll-btn{ display:none; width:15px; height:15px; position:absolute; top:13px; right:11px; background-position:2px -143px;}
.common-entryBox .deleteAll-btn.ot{ right:121px;}
.common-entryBox .deleteAll-btn.posRight{ right:50px;}
.common-entryBox .showpassword-btn{ display:none; width:22px; height:14px; position:absolute; top:13px; right:14px; background-position:0 -172px;}
.common-entryBox .showpassword-btn.on{ background-position:0 -198px;}
.common-entryBox .showText{ display:none;}
.common-entryBox .code-img{ height:32px; width:108px; border-left:1px solid #dedede; text-align:center; padding-top:8px; position:absolute; right:0; top:0;}
.common-entryBox .code-img img{ cursor:pointer;}
.common-entryBox .other-tags{ height:26px; line-height:26px; padding:14px 0 13px; margin-top:-20px;}
.common-entryBox .other-tags .auto-login{ padding-left:20px; cursor:pointer; background-position:0 -357px;}
.common-entryBox .other-tags .auto-login.no{ background-position:0 -309px;}
.common-entryBox .other-tags .forgetPassword-btn{ display:block; color:#4ab83e;}
.common-entryBox .login-btn{ display:block; height:47px; line-height:47px; text-align:center; background:#ff9d3d; border-radius:3px; font-size:18px; color:#fff; text-decoration:none;transition:all .1s linear; -webkit-transition:all .1s linear; -ms-transition:all .1s linear;}
.common-entryBox .login-btn:hover{ background:#ffaa4e;}
.common-entryBox .other-more{ height:26px; line-height:26px; padding:10px 0 20px;}
.common-entryBox .adaptation-ie{height:26px; line-height:26px; position:absolute; left:40px; top:8px; color:#bcbbbb; cursor:text;}
.common-entryBox .code-btn{ display: block; height:41px; line-height:41px; width:109px; border-left:1px solid #dedede; text-align:center; color:#666; text-decoration:none; position:absolute; right:0; top:0;}

.accountAppeal-text{padding:14px 104px 0 125px;line-height:24px;font-size:14px;color:#999;}
.accountAppeal-text-mt30{margin-top:30px;}

/**/
.flow{ width:693px; height:57px; margin:20px auto 60px; background:url("/OtherItem/images/loginRegisterHelp/flow.png") no-repeat;}
.flow li{ float:left; width:237px; line-height:57px; font-size:16px; color:#666;}
.flow li.step01{ text-indent:80px;}
.flow li.step02{ text-indent:95px;}
.flow li.step03{ width:218px; text-indent:74px;}
.flow li.on{ color:#fff;}
.flow.one{ background-position:0 0;}
.flow.two{ background-position:0 -57px;}
.flow.three{ background-position:0 -114px;}
.findPassword-con .flow{ width:465px; background-position:0 -171px;}
.findPassword-con .flow li.step02{ width:218px; text-indent:74px;}
.findPassword-con .flow.two{ background-position:0 -228px;}

/**/
.footer-wrap{ margin-top:20px;}

/*---------------------------------- nav-index ----------------------------------*/

/**/
.nav-index{ text-align:center; margin-bottom:20px; background:#fff;}
.nav-index .tit{ font-size:36px; line-height:112px;}
.nav-index li{ float:left; width:300px; height:185px;}
.nav-index .icon{ display:block; width:80px; height:80px; margin:0 auto;}
.nav-index h4{ line-height:32px; padding-top:15px; font-size:24px; font-weight:normal;}
.nav-index p{ line-height:22px; color:#999;}
.nav-index a{ text-decoration:none;}
.nav-index .icon:hover{ opacity:.9;}

/**/
.top-nav-wrap{ width:100%; height:160px; background:url("/OtherItem/images/loginRegisterHelp/bg01.png") repeat-y; margin-bottom:20px;}
.top-nav-wrap .layout{ background:none;}
.top-nav{ height:160px; line-height:160px; text-align:center; font-size:48px; color:#fff;}

/*---------------------------------- bind-phone ----------------------------------*/
.common-entryBox .step-two{ color:#666; line-height:26px; text-align:center; margin-top:-4px; padding-bottom:52px;}
.common-entryBox .step-two span{ font-size:18px; color:#333;}


/*---------------------------------- findPassword ----------------------------------*/

/**/
.findPassword-emailSuccess{ text-align:center; padding-bottom:30px;}
.findPassword-emailSuccess h3{ line-height:32px; font-size:20px; margin-bottom:14px;}
.findPassword-emailSuccess h3 i{ display:inline-block; width:32px; height:32px; margin-right:15px; background-position:0 -508px; vertical-align:-9px;}
.findPassword-emailSuccess p{ line-height:29px; color:#666;}
.findPassword-emailSuccess p a{ color:#4ab83e;}
.findPassword-emailSuccess .email-btn{ margin:14px 0;}
.set-password li{ padding-left:15px;}

/**/
.findPassword-index{}
.findPassword-index p{ line-height:25px; color:#666; padding:56px 0 52px; text-align:center;}
.findPassword-index .btn-wrap a.phone-btn{ display:block; width:370px; height:47px; line-height:47px; text-align:center; background:#ff9d3d; font-size:18px; color:#fff; text-decoration:none; border-radius:3px; margin:0 auto;}
.findPassword-index .btn-wrap a.phone-btn:hover{ opacity:.95; }
.findPassword-index .btn-wrap a.emaill-btn{ display:block; width:368px; height:45px; line-height:45px; text-align:center; background:#fff; border:1px solid #ff9d3d; font-size:18px; color:#ff9d3d; text-decoration:none; border-radius:3px; margin:20px auto 0;}

/*---------------------------------- feedback ----------------------------------*/
.feedback-index{ width:370px; margin:60px auto 0;}
.feedback-index .input-field{margin-bottom:20px;}
.feedback-index .input-field textarea{ width:346px; height:121px; line-height:22px; font-size:14px; border:1px solid #dedede; color:#333; resize:none; padding:5px 10px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.feedback-index .input-field .nums{ color:#bcbbbb; right:10px; bottom:0; line-height:30px;}
.feedback-index .input-field .nums span.on{ color:#333;}
.feedback-index .phone-wrap input{ width:368px; height:41px; line-height:41px; font-size:14px; text-indent:9px; color:#333; border:1px solid #dedede; margin-bottom:20px;}
.feedback-index a.sumbit-btn{ display:block; width:370px; height:47px; line-height:47px; text-align:center; background:#ff9d3d; font-size:18px; color:#fff; text-decoration:none; border-radius:3px; margin:0 auto;}
.feedback-index .adaptation-ie{height:26px; line-height:26px; position:absolute; left:10px; top:7px; color:#bcbbbb; cursor:text;}
.feedback-index .deleteAll-btn{ display:none; width:15px; height:15px; position:absolute; top:13px; right:11px; background-position:2px -143px;}
.feedback-index .deleteAll-btn.ot{ right:121px;}
.feedback-index .deleteAll-btn.posRight{ right:50px;}
.feedback-index .error-tex{ height:16px; line-height:16px; color:#ff6c6c; padding-left:21px; left:0; top:-24px; background-position:0 -220px;}
.feedback-index .feekText.error{ border:1px solid #ff6c6c;}
.feedback-index .input-box01.error{ border:1px solid #ff6c6c;}

/*---------------------------------- online-service + ----------------------------------*/
.online-service p{line-height:25px; color:#666; padding:56px 0 52px; text-align:center;}
.online-service a.btn{ display:block; width:370px; height:47px; line-height:47px; text-align:center; background:#ff9d3d; font-size:18px; color:#fff; text-decoration:none; border-radius:3px; margin:0 auto;}
.online-service a.btn:hover{opacity:.9;}
.online-service .phone-number{ text-align:center; line-height:25px; font-size:16px; color:#666; padding-top:27px; background-position:0 -552px;}
.online-service .phone-number i{ display:inline-block; width:16px; height:16px; background-position:0 -556px; margin-right:9px; vertical-align:-3px;}

.loginRegister-tipsTex{ display:none; width:340px; height:51px; line-height:51px; text-align:center; border-radius:4px; font-size:18px; color:#fff; position:fixed; left:50%; top:50%; margin:-25px 0 0 -170px; background:#000; opacity:.8; filter:alpha(opacity=80); z-index:999;}

.findPassword-prompt{ display:none; width:350px; height:50px; line-height:50px; text-align:center; border-radius:3px; font-size:18px; color:#fff; background:#17161b; opacity:.8; filter:alpha(opacity=80); position:fixed; top:50%; left:50%; margin:-25px 0 0 -175px; _position:absolute; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}

/*---------------------------------- cancellation + ----------------------------------*/
.cancellation .cancel-two .ctbox{ *position: relative; padding-left: 50px; margin: -30px auto 14px; background: url(/OtherItem/images/loginRegisterHelp/icon_01.png) no-repeat left top;}
.cancellation .cancel-two .ctbox-t{ line-height: 32px; font-size: 20px; font-weight: 700;}
.cancellation .cancel-two .ctbox-t span{ display: inline-block; max-width: 140px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align:-8px; *vertical-align: middle;}
.cancellation .cancel-two .ctbox-b{ line-height: 28px; font-size: 14px; color: #999;}
.cancellation .cancel-two .ccbox{ padding: 12px 20px 24px; margin: 0 auto 20px; background:#f8f8f8;}
.cancellation .cancel-two .ccbox-t{ line-height: 28px; font-size: 14px; color: #666; padding-bottom: 3px; border-bottom: 1px solid #dedede; margin-bottom: 5px;}
.cancellation .cancel-two .ccbox-b{ line-height: 22px; font-size: 12px; color: #999;}
.cancellation .cancel-two .cbBtn{ display:block; height:47px; line-height:47px; text-align:center; background:#ff9d3d; border-radius:3px; font-size:18px; color:#fff; text-decoration:none;transition:all .1s linear; -webkit-transition:all .1s linear; -ms-transition:all .1s linear;}
.cancellation .cancel-two .cbBtn:hover{ background:#ffaa4e;}
.cancellation .cancel-two .cbtxt{ line-height: 52px; font-size: 14px; color: #666; text-align: center;}
.cancellation .cancel-two .cbtxt a{ color: #4ab83e;}
.cancellation .cancel-thr .ctbox{ padding-left: 50px; line-height: 32px; font-size: 20px; font-weight: 700; margin: 0 auto 54px; background: url(/OtherItem/images/loginRegisterHelp/icon_02.png) no-repeat left top;}
.cancellation .cancel-thr .ccbox{ position: relative; line-height: 30px; font-size: 14px; color: #999; padding-left: 30px;}
.cancellation .cancel-thr .ccbox-fdtxt{ position: absolute; top: 0; left: 0;}
.cancellation .cancel-two .cbts{ line-height: 30px; font-size: 14px; color: #666;}

/*cancellation 提示弹框*/
.mask{ display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98; _position:absolute; _height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.tsTk{ display: none; width: 340px; background: #fff; border-radius: 5px; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -170px; z-index: 99; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.tsTk .tstit{ height: 80px; line-height: 80px; font-size: 20px; font-weight: 700; margin-bottom: 4px; text-align: center;}
.tsTk .tstxt{ line-height: 30px; font-size: 16px; padding: 0 30px; margin-bottom: 30px;}
.tsTk .tshbox{ text-align: center; margin-bottom: 30px;}
.tsTk .tshbox .bhan,.tsTk .tshbox .bhan2{ display: inline-block; *display: inline; *zoom: 1; width: 128px; height: 44px; text-align: center; line-height: 44px; font-size: 18px; color: #999; border: 1px solid #666; border-radius: 5px; margin: 0 12px;}
.tsTk .tshbox .bhan:hover{ text-decoration: none; border: 1px solid #ff9d3d; background: #ff9d3d; color: #fff;}
.tsTk .tshbox .bhan2{ border: 1px solid #ff9d3d; background: #ff9d3d; color: #fff;}
.tsTk .tshbox .bhan2:hover{ text-decoration: none; opacity: 0.9;}

/*cancellation 确认弹框*/
.qrTk{ display: none; width: 700px; background: #fff; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -350px; z-index: 99; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.qrTk .qrtit{ height: 60px; background: #f5f5f5; border-bottom: 1px solid #e8e8e8;}
.qrTk .qrtit-ltxt{ position: relative; margin-left: 20px; height: 60px; line-height: 60px; padding-left: 20px; font-size: 18px; color: #666;}
.qrTk .qrtit-ltxt i{ position: absolute; top: 50%; left: 0; margin-top: -13px; display: block; width: 5px; height: 26px; background: #51c44b;}
.qrTk .qrtit-xx{ display: block; width: 30px; height: 30px; margin: 15px 15px 0 0; background: url(/OtherItem/images/loginRegisterHelp/icon_06.png) no-repeat center;}
.qrTk .qrcon{ padding: 12px 38px 0;}
.qrTk .qrcon .ttxt{ line-height: 28px; font-size: 14px; color: #666; margin-bottom: 12px;}
.qrTk .qrcon .ttxt span{ color: #ff9000;}
.qrTk .qrcon .cbox{ position: relative; padding: 10px 26px 30px; border: 1px solid #f8f8f8; background: #f8f8f8; border-radius: 4px; margin-bottom: 30px;}
.qrTk .qrcon .cbox .list-txt{ position: relative; line-height: 28px; padding: 10px 0 10px 32px; font-size: 14px; color: #666; cursor: pointer;}
.qrTk .qrcon .cbox .list-txt i{ position: absolute; top: 16px; left: 0; display: block; width: 16px; height: 16px; background: url(/OtherItem/images/loginRegisterHelp/icon_07.png) no-repeat;}
.qrTk .qrcon .cbox .list-txt.on i{ background: url(/OtherItem/images/loginRegisterHelp/icon_08.png) no-repeat;}
.qrTk .qrcon .cbox .list-inp{ margin-left: 32px; width: 512px; height: 74px; padding: 8px 12px; border: 1px solid #cfcfcf; border-radius: 4px; background: #fff; color: #999; line-height: 26px; font-size: 14px;}
.qrTk .qrcon .cbox .fdts{ display: none; position: absolute; bottom: -36px; left: 0; line-height: 24px; padding-left: 20px; font-size: 12px; color: #f52828; background: url(/OtherItem/images/loginRegisterHelp/icon_09.png) no-repeat left center;}
.qrTk .qrcon .cbox.error{ border: 1px solid #f52828;}
.qrTk .qrcon .cbox.error .fdts{ display: block;}
.qrTk .qrhbox{ text-align: center; margin-bottom: 30px;}
.qrTk .qrhbox .bhan,.qrTk .qrhbox .bhan2{ display: inline-block; *display: inline; *zoom: 1; width: 154px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #ff9c00; border: 1px solid #ff9c00; border-radius: 4px; margin: 0 6px;}
.qrTk .qrhbox .bhan:hover{ text-decoration: none; border: 1px solid #ff9000; background: #ff9000; color: #fff;}
.qrTk .qrhbox .bhan2{ border: 1px solid #ff9000; background: #ff9000; color: #fff;}
.qrTk .qrhbox .bhan2:hover{ text-decoration: none; opacity: 0.9;}

/*自动弹层*/
.zdTc{ display: none; width: 100%; position:fixed; left: 0; top: 50%; text-align: center; z-index: 101;}
.zdTc .txt{ display: inline-block; *display: inline; *zoom: 1; max-width: 300px; padding: 10px 20px; border-radius: 6px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7); margin: 0 auto;}
.zdTc .txt .icon{ display: block; width: 30px; height: 30px; margin: 0 auto 8px; background: url(/OtherItem/images/loginRegisterHelp/icon_05.png) no-repeat; background-size: 30px 30px;}
.zdTc .txt p{ line-height: 22px; font-size: 16px; text-align: center; color: #fff;}

/**/
::-webkit-input-placeholder { /* WebKit browsers */
    color:#bcbbbb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#bcbbbb;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#bcbbbb;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#bcbbbb !important;
}
input:-webkit-autofill { /* 谷歌浏览器-文本框边框阴影遮住了背景颜色浅黄*/
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}