body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; }
body { font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; font-size:12px; color:#333; }
body { background: #fff; }
li { list-style-type: none; }
ul,ol { list-style:none outside none; }
legend { display:none; }
fieldset,img { border:none; vertical-align:middle; }
input,button,select,textarea { outline:none; }
textarea { resize:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
table,tr,th,td,font { font-size: 12px; }
i { font-style:normal; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
input,textarea{ outline:none; }
a{ text-decoration:none; font-size:12px; color:#333; }
img { border: medium none; }
.clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }
.clear {*zoom:1;}
.clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clear { *height:1%; }
.wb { word-wrap: break-word; }
.wa { word-break:break-all; }
.wn { white-space: nowrap; }
.vm { vertical-align: middle; }

.top-box { width: 100%; height: 33px; background: #282b2d; }
.users-container { width: 1200px; height: 33px; margin: 0 auto; }
.top-user-info { float: right; height: 33px; }
.top-user-info ul li { float: left; line-height: 33px; color: #fff; }
.top-user-info ul li a { line-height: 33px; color: #fff; }
.top-user-info ul li em { font-style: normal; margin: 0 10px; color: #858585; }

.header-login { width: 1200px; height: 88px; margin: 0 auto; }
.header-login #logo { width: 230px; height: 88px; float: left; }
.header-login #logo a { display: block; }
.header-login #logo img { width: 230px; height: 88px; }

.header-login .menu-box { float: right; height: 88px; }
.header-login ul li { float: left; margin: 0 0 0 70px; }
.header-login .menu-box li a { font-size: 16px; line-height: 88px; }

.login-container { width: 100%; height: 610px; background: url(../images/login-bg.png) center center; }
.form-login { width: 1200px; height: 348px; margin: 0 auto; padding-top: 139px; }
.form-login-box { width: 312px; height: 348px; background: #fff; float: right; position: relative; }
.form-hand-bg { width: 58px; height: 30px; background: url(../images/hand-bg.png) no-repeat; position: absolute; top: -24px; left: 52px; }
.form-login-title { height: 37px; }
.form-login-title ul li { float: left; width: 156px; height: 37px; text-align: center; background: #f2f2f2; }
.form-login-title ul li a { font-size: 15px; color: #666; line-height: 37px; }
.form-login-title ul li.active { background: #fff; }

.form-login-center { width: 255px; height: 255px; margin: 30px 0 0 26px; }
.form-login-input-box { height: 39px; border: 1px solid #c2c2c2; margin-bottom: 20px; }
.form-login-input-text { width: 200px; font-size: 13px; color: #999; height: 39px; line-height: 39px; color: #999; background: none; border: 0; margin: 0px 0 0 8px; }
.form-login-icon, .form-login-icon, .form-login-icon { float: left; width: 33px; height: 37px; display: block; }
.form-login-icon i { font-size: 20px; color: #c2c2c2; display: inline; float: left; margin-left: 11px; margin-top: 9px; }
.form-code-box { height: 37px; }
.form-code-input { width: 110px; height: 37px; float: left; border: 1px solid #c2c2c2; margin-bottom: 20px; }
.form-code-text { width: 50px; }
.form-code-picture { float: left; height: 35px; margin: 2px 0 0 0; }
.form-code-picture span img { position: relative; top: -1px; width: 110px; height: 35px; margin: 0 0 0 10px; cursor: pointer; float: left; }
.form-sms-code { float: left; width: 140px; height: 35px; margin: 2px 0 0 0; }
.form-sms-code .send-code-btn { border-radius: 3px; float: right; width: 130px; height: 37px; position: relative; top: -1px; cursor: pointer; color: #fff; background: #3f84d1; border: 1px solid #3f84d1; }
.form-sms-code .send-code-btn:hover { opacity: 0.8; }
.form-sms-code .send-code-btn.disable { color: #666; background-color: #eee; border:1px solid #eee; cursor:no-drop; }
.form-refurbish { cursor: pointer; font-size: 15px; font-style: normal; color: #888; position: relative; top: 8px; left: 7px; }
.form-forget-pass .bear-pass { float: left }
.form-forget-pass .bear-pass input { position: relative; top: 2px; }
.form-forget-pass label { padding: 0 3px; }
.form-forget-pass .repass-box { float: right }
.form-login-submit { height: 39px; margin: 20px 0 0 0; }
.form-login-submit .form-login-btn { width: 254px; height: 39px; display: block; font-size: 15px; color: #fff; line-height: 39px; background: #ff6600; }
.form-login-submit .form-login-btn:hover { opacity: 0.8; }
.form-forget-pass { height:20px; line-height:20px; margin:10px 0 0 0; text-align: center; color:#666; }
.form-forget-pass a { color:#666; }
.form-forget-pass a:hover { text-decoration:underline; }
.login-footer { width: 1000px; height: 40px; line-height: 40px; margin: 15px auto 15px auto; text-align: center; }

.banner { width: 100%; height: 400px; }
.apply-box { width: 1200px; height: 230px; margin: 40px auto 30px auto; }
.apply-box .apple-l { float: left; width: 580px; height: 230px; border: 1px solid #e7e7e7; }
.apply-box .apple-r { float: right; width: 580px; height: 230px; border: 1px solid #e7e7e7; }

.apply-box .apple-title { margin-top: 50px; text-align: center; width: 100%; float: left; font-size: 24px; color: #333; }
.apply-box .apple-intro { margin-top: 30px; text-align: center; width: 100%; float: left; font-size: 16px; color: #666; }
.apply-box .apple-btn { margin-top: 25px; text-align: center; width: 100%; float: left; }
.apply-box .apple-btn a { display: inline-block; width: 150px; height: 38px; line-height: 38px; text-align: center; color: #fff; background: #006ac8; font-size: 16px; }
.apply-box .apple-btn a:hover { opacity: 0.8; }

.nav-wrap { width: 100%; height: 45px; line-height: 45px; background: #ebebeb; color: #666; font-size: 13px; }
.nav-wrap .nav-box { width: 1200px; margin: 0 auto; height: 45px; }
.nav-wrap .nav-box a { font-size: 13px; }

.help-wrap { width: 1200px; margin: 0 auto; height: auto !important; height: 500px; min-height: 500px; }
.help-wrap .help-box { width: 100%; float: left; height: 99px; border-bottom: 1px solid #e3e3e3; }
.help-box .help-title { width: 100%; float: left; margin-top: 25px; }
.help-box .help-title a { font-size: 18px; color: #333; }
.help-box .help-title a:hover { text-decoration: underline; }
.help-box .help-time { width: 100%; float: left; margin-top: 15px; font-size: 13px; color: #666; }

.help-vtitle-box { border-bottom: 1px solid #cbcbcb; width: 100%; float: left; height: auto !important; height: 130px; min-height: 130px; }
.help-vtitle { font-size: 26px; color: #333; text-align: center; width: 90%; margin-top: 40px; padding: 0 5%; }
.help-vtime { margin-top: 15px; width: 100%; float: left; text-align: center; font-size: 14px; color: #666; }

.help-content { padding: 60px 0; width: 100%; float: left; height: auto !important; height: 400px; min-height: 400px; }
.help-content p { line-height: 30px; font-size: 16px; color: #333; }

.open-shop-wrap { width: 1200px; height: 480px; background: #fff; border: 1px solid #ccc; margin: 0 auto; padding: 30px; margin-top: 25px; }
.open-shop-title { height: 30px; font-size: 18px; color: #1e2e38; padding: 0 0 20px 0; border-bottom: 1px solid #e0e0e0; }
.open-shop-box { width: 1200px; height: 390px; background: #f8f8f8; margin: 30px 0 0 0; }
.open-shop-box-type { font-size: 18px; padding: 100px 0 0 0; text-align: center; }
.open-shop-box-submit { height: 43px; margin: 32px 0 0 0; text-align: center; }
.open-shop-btn1, .open-shop-btn2 { width: 155px; height: 43px; line-height: 43px; margin: 0 6px; border-radius: 3px; display: inline-block; font-size: 18px; color: #fff; }
.open-shop-btn1 { background: #ff6600; }
.open-shop-btn2 { background: #41b618; }

.store-wrap { width: 1200px; height: auto !important; height: 500px; min-height: 500px; margin: 0 auto; }
.store-wrap .progress-box { width: 100%; float: left; position: relative; height: 100px; }
.store-wrap .progress-box:after { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #c7c7c7; height: 2px; content: " "; }
.progress-box span { top: 50%; transform: translateY(-50%); position: relative; width: 25%; height: 2px; float: left; text-align: center; z-index: 999; }
.progress-box span.active { background: #006ac8; }
.progress-box span.active i { color: #fff; background: #006ac8; }
.progress-box span.active strong { color: #006ac8; }
.progress-box span i { top: -7px; left: 50%; transform: translateX(-50%); position: absolute; width: 20px; height: 20px; text-align: center; border-radius: 50%; background: #d9dadc; color: #000; display: block; line-height: 21px; font-style: normal; }
.progress-box span strong { top: 16px; left: 50%; transform: translateX(-50%); position: absolute; font-weight: normal; color: #000; font-size: 13px; }
.open-shop-stitle { margin-top: 45px; width: 100%; float: left; font-size: 24px; text-align: center; }
.agree-box { overflow-y: auto; overflow-x: hidden; float: left; height: 385px; margin-top: 25px; width: 100%; background: #f9f9f9; border: 1px solid #dcdcdc; }
.agree-box p { padding: 0 10px; line-height: 25px; }

.open-shop-next-btn { width: 100%; float: left; text-align: center; margin-top: 25px; margin-bottom: 20px; }
.open-shop-next-btn a { border-radius: 5px; font-size: 16px; color: #fff; background: #006ac8; display: inline-block; width: 170px; height: 48px; line-height: 48px; text-align: center; }
.open-shop-next-btn a:hover { opacity: 0.8; }

.done-box { float: left; width: 100%; margin-top: 40px; height: 315px; border: 1px solid #e0e0e0; }
.icon-info { margin-top: 45px; margin-bottom: 30px; width: 100%; float: left; text-align: center; }
.icon-info span { font-size: 72px; display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; color: #fff; background: #006ac8; }

.icon-success { margin-top: 45px; margin-bottom: 30px; width: 100%; float: left; text-align: center; }
.icon-success span { font-size: 60px; display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; color: #fff; background: #4aab09; }

.icon-error { margin-top: 45px; margin-bottom: 30px; width: 100%; float: left; text-align: center; }
.icon-error span { font-size: 60px; display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; color: #fff; background: #d92121; }

.icon-warning { margin-top: 45px; margin-bottom: 30px; width: 100%; float: left; text-align: center; }
.icon-warning span { font-size: 60px; display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; color: #fff; background: #f5b20a; }

.open-shop-info { float: left; width: 100%; font-size: 24px; text-align: center;  }
.copyright { width: 100%; float: left; text-align: center; font-size: 13px; padding: 20px 0; }
.copyright a { font-size:14px; color:#666; }
.copyright .gov-icon { padding-left: 25px; background: url(../../images/yui_123.png) no-repeat; }


.form-box { margin-top: 40px; width: 100%; float: left; }
.fields-box { width: 100%; float: left; margin-bottom: 25px; }
.fields-box div:nth-child(1) { font-size: 16px; width: 185px; height: 40px; line-height: 40px; float: left; text-align: right; }
.fields-box div:nth-child(1) i { color: red; position: relative; top: 3px; }
.fields-box div:nth-child(2) { float: left; }
.fields-box div:nth-child(2) input { font-size: 15px; border: 1px solid #d3d3d3; text-indent: 10px; width: 445px; height: 38px; line-height: 38px; float: left; }
.fields-box div:nth-child(2) select { float: left; font-size: 15px; width: 143px; height: 38px; border: 1px solid #d3d3d3; margin-right: 10px; }
.fields-box div:nth-child(2) button { border-radius: 10px; width: 105px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #7fb4e3; background: #f5f9fd; color: #7fb4e3; }
.fields-box div:nth-child(2) span { display: inline-block; width: 250px; height: 140px; background: #ccc; }
.fields-box div:nth-child(2) span img { width: 250px; height: 140px; }