/*
@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:24px; 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:#07bdc7; 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; color:#127de1; padding-left:38px;}
.top-header #titleName a{ color:#07bdc7;}
.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:#2d78e7;}
.common-entryBox .login-btn{ display:block; height:47px; line-height:47px; text-align:center; background:#07bdc7; 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:#01a2b0;}
.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:#2d78e7;}
.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:#07bdc7; 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 #07bdc7; font-size:18px; color:#07bdc7; 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:#07bdc7; 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))}


/*---------------------------------- accountAppeal ----------------------------------*/
.accountAppeal-mod{}
.accountAppeal-mod .step-two{ width:396px; margin:-40px auto 0;text-align:left;}
.accountAppeal-mod .step-two .tit{ padding:0 0 14px 60px; background:url("/OtherItem/images/loginRegisterHelp/accountAppeal-ico01.png") no-repeat 12px 0;}
.accountAppeal-mod .step-two .tit h3{ line-height:32px; font-size:20px;}
.accountAppeal-mod .step-two .tit p{ line-height:26px; color:#999;}
.accountAppeal-mod .step-two .tips-con{ background:#f8f8f8; padding:14px 0 24px 0;}
.accountAppeal-mod .step-two .tips-con h4{ color:#666; line-height:29px; padding-left:20px; font-weight:normal; }
.accountAppeal-mod .step-two .tips-con h4 i{ display:inline-block; width:5px; height:5px; border-radius:50%; background:#666; margin-right:10px; vertical-align:2px;}
.accountAppeal-mod .step-two .tips-con p{ margin:2px 46px 0 20px; border-top:1px solid #dedede; line-height:22px; padding:6px 0 0; font-size:12px; color:#999;}
.accountAppeal-mod .confirm-btn{ display:block; width:370px; height:47px; line-height:47px; margin:20px auto 0; 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;}
.accountAppeal-mod .confirm-btn:hover{ background:#ffaa4e;}
.accountAppeal-mod .tips-bottom{ line-height:32px; padding:10px 0 0; text-align:center; color:#666;}
.accountAppeal-mod .tips-bottom a{ color:#07bdc7;}
.accountAppeal-mod .step-three{}
.accountAppeal-mod .step-three .tit{ height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:bold;}
.accountAppeal-mod .step-three .tit i{ display:inline-block; width:32px; height:32px; background:url("/OtherItem/images/loginRegisterHelp/accountAppeal-ico02.png") no-repeat; margin-right:14px; vertical-align:-8px;}
.accountAppeal-mod .step-three .tips-con{ padding:85px 0 0 267px;}
.accountAppeal-mod .step-three .tips-con p{ line-height:29px; color:#666;}
.accountAppeal-mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:.6;filter:alpha(opacity=60); z-index:98;}
.accountAppeal-pop{ display:none; width:340px; background:#fff; position:fixed; left:50%; margin-left:-170px; margin-top:-140px; top:50%; z-index:99; border-radius:10px;}
.accountAppeal-pop h3{ font-size:20px; line-height:40px; font-weight:bold; padding:23px 0; text-align:center;}
.accountAppeal-pop p{ font-size:16px; line-height:29px; padding:0 29px;}
.accountAppeal-pop .btn-wrap{ padding:32px 0 30px; text-align:center;}
.accountAppeal-pop .btn-wrap .no-btn{ display:inline-block; width:125px; height:47px; line-height:47px; text-align:center; background:#ff9d3d; font-size:18px; color:#fff; text-decoration:none; border-radius:4px; margin:0 12px;}
.accountAppeal-pop .btn-wrap .sure-btn{ display:inline-block; width:123px; height:45px; line-height:45px; text-align:center; border:1px solid #999; background:#fff; font-size:18px; color:#999; text-decoration:none; border-radius:4px; margin:0 12px;}
/*.common-entryBox.three{ width:100%;}*/

/**/
::-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;
}


/**/
.cancellationInfo{width: 600px;height: 435px;position: fixed;top:50%;left:50%;margin-top: -217px;margin-left: -300px;background-color: #ffffff;z-index: 99;}
.cancellationMask{width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:.6;filter:alpha(opacity=60); z-index:98;}
.cancellationInfoHead{overflow: hidden;;height: 60px;background-color: #f5f5f5;border-bottom: 1px solid #ececec;line-height: 60px;padding: 0 20px;}
.cancellationInfoHead i{height: 22px;width: 5px;display: inline-block;background-color: #0090ff;vertical-align: middle;margin-top: -4px;margin-right: 5px;}
.cancellationInfoHead span{color: #666666;font-size: 18px;}
.cancellationCause{padding: 0 20px;}
.CauseInstr{font-size: 14px;color: #666666;padding: 20px 0;}
.CauseText textarea{height: 118px;width: 500px;border: none;background-color: #f1f1f1;resize:none;padding: 20px;font-size: 14px;color: #666666;line-height: 22px;}
.CauseTextNum{
    position: absolute;
    right: 35px;
    bottom: 10px;
    font-size: 14px;
    color: #999999;
}
.CauseTextNumBox{
    background-color: #f1f1f1;
    height: 30px;
    position: relative;
    width: 540px;
}
.cancellationInfoBth{text-align: center;margin-top: 15px;}
.cancellationInfoBth a{display: inline-block;width: 159px;height: 45px;border-radius: 5px;text-align: center;line-height: 45px;text-decoration: none;}
.cancellationInfoBth .bthExit{background-color: #ff9d3d;color: #ffffff;font-size: 18px;margin-right: 10px;}
.cancellationInfoBth .bthConfirm{border:1px solid #cfcfcf;color: #cfcfcf;margin-left:10px;font-size: 18px;}
.cancellationInfoBth .bthExit:hover{background-color: #ff9329;}
.cancellationInfoBth .bthConfirm:hover{border:1px solid #ff9d3d;color: #ff9d3d;}
.errorMs{font-size: 12px;color: #f52828;margin-top: 10px;height: 15px;}
.redLin{border:1px solid #f52828;width: 540px;}
.errorMs i{
    display: inline-block;
    width: 18px;
    height: 25px;
    background: url(/OtherItem/images/loginRegisterHelp/ico.png) no-repeat;
    background-position: 0 -214px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.Close{
    margin-top: 22px;
}




