body{font-size:12px;height:100%; width:100%;min-width:1200px;color:#444;font-family:'宋体'; background-color:#d0d0d0; height:100%;}
a{color:#0089c4;cursor:pointer; text-decoration:none;}
a:hover{color:#0182c6; text-decoration:underline;}
a:focus { outline:0;}
table{width:100%;}
hr{display:none;}
img { border:0;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
.extra:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.extra{display:inline-block;}
html { height:100%;}
* html .extra{height:1%;}
*{ margin:0; padding:0;}
h2,h3,h4 {font-family:"微软雅黑";font-weight:normal;}
.fl_l { float:left;}
.fl_r { float:right;}
input[type=text], input[type=password],input[type=phone],input[type=emailphone], input[type=email], input[type=number], input[type=tel], input[type=url], input[type=search], textarea{ border:1px solid #dcdcdc; background-color:#fff; height:32px; font-size:12px;}
input[type=text]:focus,input[type=password]:focus,input[type=phone]:focus,input[type=emailphone]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, textarea:focus { border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
input[type=checkbox]{ float:left; margin-right:6px;}
button:focus { outline:0;}
.watermark { color:#a9a9a9;}

.wrap {width:1200px; margin:0 auto;}
.topbar { background-color:#000; height:30px; line-height:30px; color:#fff;}
.topbar ul li { margin-left:12px; float: left; list-style: none;}
.topbar a { color:#fff;}
.topbar span{ color:#595959;}
.topbar .logout{ color:#0089c4; margin-left:12px;}
.icon { display:inline-block; background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/20141225/icon.png) no-repeat;}
.icon1 { width:13px; height:11px; padding-right:5px;margin-bottom:-1px;}
.icon2 { width:11px; height:11px; padding-right:5px; background-position:0 -40px; margin-bottom:-1px;}
.icon3 { width:10px; height:11px; padding-right:5px; background-position:0 -80px;margin-bottom:-1px;}

.logo { background:url(//dn-tpvstore-i.qbox.me/ga/27/u-4a28c310-6333-456b-a77e-93eb73370e24-1.jpg) 50% 0 no-repeat; height: 63px; overflow: hidden; padding-top: 15px;}
.banner {height:504px; background:url(//dn-tpvstore-i.qbox.me/ga/27/u-4a28c310-6333-456b-a77e-93eb73370e24-0.jpg) center 0 no-repeat; }
.banner .wrap {position:relative; }
.login-wrap { position:absolute; right:23px; top:68px; background-color:#f8f8f8;padding:33px; border-radius:6px;-webkit-box-reflect: below 1px -webkit-gradient(linear, 0 100%, 0 90%, from(rgba(255,255,255,.3)), to(transparent));}
.form-login { width:306px; padding-right:34px; border-right:1px solid #dfdfdf;}
.login-wrap h3{ font-size:22px; color:#727272; margin-bottom:20px;}
.textbox { position:relative; margin-bottom:26px; }
.form-register .textbox { margin-bottom:16px}
.username,.password { position:absolute; display:inline-block; width:40px; height:46px;background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/bg_text.png) 15px 50% no-repeat; float:left;}
.password { background-position:-15px 50%;}
.textbox .ptext { display:block; width:100%;border-radius:7px; padding-left:40px; font-size:14px;font-family:"微软雅黑"; height:46px;box-sizing:border-box; -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075); box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.submit { display:block; width:100%; height:46px; line-height:46px; text-align:center; font-size:18px; color:#fff; background-color:#0073c4;border-radius:7px; border-width:0; font-family:"微软雅黑"; cursor:pointer;}
a.submit:hover {color:#fff; text-decoration:none;}
.btn-green{background-color:#10B524; border:1px solid #10B524; display:block;width:55%; float:right; font-size:14px; height:42px; line-height:42px;}
.btn-green span { display:inline-block; line-height:44px;}
.btn-disable {background-color:#5AC65C; cursor:not-allowed;}
.safe { margin-bottom:26px;}
.safe a { float:right;}

.login-wrap .fl_r { width:175px; margin-left:33px;}
.login-wrap .fl_r p { font-size:14px; margin:65px 0 26px 0; text-align:center;}
.login-wrap .fl_r a { display:block; background-color:#eee; border:1px solid #c5c5c5; text-align:center; font-size:14px; color:#444;border-radius:7px; height:46px; line-height:46px;}

.main { background:#e0e0e0; }
.main h3 { height:48px; line-height:48px; padding-left:20px; color:#fff; font-size:18px;}
.main h3 a { float:right; font-size:14px; background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/bg_logout.png) right center no-repeat; padding-right:18px; color:#fff;}
.main-info { background-color:#fff; padding-bottom:100px;}
.photo { float:left; padding:50px 55px 0 55px;}
.photo img { width:115px; height:115px; border-radius:10px;}
.photo a { display:block; text-align:center; font-size:14px; margin-top:16px;}
.info {float:left; margin-top:30px; padding-left:55px; padding-bottom:10px; border-left:1px solid #d9d9d9;}
.info p { font-size:14px; line-height:100px; border-bottom:1px dashed #ccc; width:670px;}
.info p span{ display:inline-block; font-size:16px; color:#999; font-family:"微软雅黑"; margin-right:10px; width:100px; text-align:right;}
.info p a { padding-left:20px;}
.info i { display:inline-block; background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/icon_info.png) no-repeat; width:24px; height:24px; float:left; margin-top:38px;}
.info i.nickname {  background-position:-50px 0;}
.info i.email { background-position:-100px 0;}
.info i.phone { background-position:-150px 0;}
.info i.psd { background-position:-200px 0;}

.error { display:block; color:#CC0000; margin-top:10px; padding-left:5px;}
.error_tips { padding:0 10px 0 35px;border:1px solid #e5debc;background:#fff7d1 url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/warning-tip.png) no-repeat 6px center;;color:#999; line-height:36px; margin-bottom:16px; font-size:12px;}
.input-div {margin-bottom:28px;}
.modal-body .ptext,.main .ptext { display:block; width:100%; box-sizing:border-box; height:44px; padding:8px; border-radius:4px; font-size:14px; }
.modal-body .submit { border-radius:4px; }

.main h4 { font-size:16px; margin:0 60px; padding:40px 0 25px 0; border-bottom:1px dashed #ccc;}
.main h4 i {display:inline-block; width:22px; height:22px; background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/icon_info.png) -250px 0 no-repeat; float:left; margin-right:12px;}
.main h4 i.psd { background-position:-200px 0; height:24px;}

.step { height:41px; background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/step.png) 50% 0 no-repeat; margin-top:40px;}
.step1 { background-position:50% 0;}
.step2 { background-position:50% -50px;}
.step3 { background-position:50% -100px;}
.step4 { background-position:50% -150px;}

.form-wrap { width:380px; margin:90px auto;}
.form-wrap p { font-size:14px; padding-bottom:28px; line-height:24px;}
.succ { width:410px; margin:90px auto; border:1px solid #d5d5d5; background:#f8f8f8 url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/bg_succ.png) 200px center no-repeat; padding:40px 0 40px 280px; font-size:14px; line-height:30px; }
.congratulation { font-size:18px; color:#00c029; font-family:"微软雅黑"; padding-right:10px;}
.succ p+p{ font-size:12px;}
.succ #sec { color:#0279fe; padding-right:6px;}
.login-succ { width:505px; height:300px; margin:78px auto 0 auto; padding:10px 55px; border-radius:4px 4px 0 0; background:#fff url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/bg_login_succ.png) center bottom no-repeat;}
.login-succ h2 { background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/bg_succ.png) 0 center no-repeat; padding-left:70px; font-size:22px; color:#727272; height:84px; line-height:84px; border-bottom:1px solid #d7d7d7;}
h2.error { background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/bg_failed.png) 0 center no-repeat;}
.login-succ div { line-height:30px; font-size:14px; padding-top:30px;}
.login-succ #sec { color:#0089c4; padding-left:8px;}


.foot { background-color:#d0d0d0; text-align:center; padding:40px 0; width:100%;}

.main .wrap h3{display: none;}

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
       -o-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header { min-height: 16.42857143px;padding:20px 30px;}
.modal-header .close {margin-top:-5px; margin-right:-10px; display:inline-block; width:30px; height:30px; background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/close.png) no-repeat; float:right; border:0; cursor:pointer;}
.modal-title {margin: 0;line-height: 1.42857143; font-size:16px; font-family:"微软雅黑"; font-weight:normal;}
.modal-title i { display:inline-block; width:22px; height:22px; background:url(//dn-tpvstore-f.qbox.me/cupimgs/cupimgs/passport/20150211/icon_info.png) -250px 0 no-repeat; float:left; margin-right:12px;}
.modal-body {position:relative;padding:10px 30px 30px 30px;}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 370px;
    margin: 150px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}