body, html{
    height: 100%;
}
.basic-login_wrap {
    height: 11%;
    background-color: #b40001;
}
/*头部样式*/
.basic-search_header {
  margin: 0 auto;
  margin-left: 40px;

}
.header_link{
float:right;
line-height: 75px;
padding-right:40px;
font-family: DINCondensed-Bold;
font-size: 12px;
color: #fff;
}
.header_link > a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin: 0px 6px;
}
.basic-search_header .basic-serch_logo {
  
  padding-top: 18px;
}
.basic-search_header .basic-serch_logo .logo {
  background-size: 54px 48px;
  height: 48px;
  font-family: DINCondensed-Bold;
  font-size: 24px;
  color: #fff;
  display: inline-block;
  padding-left: 60px;
  line-height: 70px;
}

.basic-cont {
  width: 100%;
  overflow: hidden;
  /*background: url("/static/images/bg.png") 0 0/100% 100% no-repeat;*/
}

.basic-cont_full {
    width: 100%;
    height: calc(100% - 88px) !important;
    overflow: hidden;
}
.tui-fillet {
    border-radius: 25px;
}
.tui-btn {
    width: 100%;
    height: 40px;
    position: relative;
    border: 0;
    border-radius: -1px;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
}
.tui-shadow-danger {
    box-shadow: 0 5px 7px 0 rgb(235 9 9 / 20%);
    background: #eb0909;
    color: #fff;
}
    .tui-shadow-danger:hover {
        box-shadow: 0 5px 7px 0 rgb(68 61 78 / 20%);
        background: #443d4e;
    }
    /*底部样式*/
    .basic-ft {
        position: relative;
        width: 100%;
        min-width: 1130px;
        height: 20%;
    }
.basic-ft .ft_wrap {
  width: 1130px;
  height: 200px;
  margin: auto;
}
.basic-ft .ft_wrap .ft_cont-wrap {
  width: 1091px;
  margin: auto;
  overflow: hidden;
}
.basic-ft .ft_wrap .ft_cont-wrap .b-cl {
  width: 214px;
  float: left;
  margin-top: 34px;
  margin-left: 2px;
}
.basic-ft .ft_wrap .ft_cont-wrap .b-cl h2 {
  height: 25px;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 25px;
  color:#b40001
}
.basic-ft .ft_wrap .ft_cont-wrap .b-cl ul {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  opacity: 0.43;
  line-height: 29px;
  color:#b40001
}
.basic-ft .ft_wrap .ft_cont-wrap .b-cl ul li, .basic-ft .ft_wrap .ft_cont-wrap .b-cl ul a {
  color:#b40001
}
.basic-ft .ft_wrap .ft_bot-cont {
  position: relative;
  top: 14px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  /*color: rgba(255,255,255,1);
  opacity: 0.4201;*/
  color:#d80528;
}
.basic-ft .ft_wrap .ft_bot-cont a{
    color: #d80528 !important
        ;
}
        .basic-ft .ft_line {
  position: absolute;
  bottom: 46px;
  width: 100%;
  height: 1px;
  opacity: 0.2289;
}

.overflow {
  overflow: hidden
}

.m,.mb,.mc,.mt,.sm,.smb,.smc,.smt {
  overflow: hidden;
  zoom: 1
}

.m,.sm {
  margin-bottom: 10px
}

.mt,.smt {
  cursor: default
}

.mt h2,.smt h3 {
  font-family: "microsoft yahei"
}

.m .mt .extra a:link,.m .mt .extra a:visited,.sm .smt .extra a:link,.sm .smt .extra a:visited {
  color: #005EA7
}

.form .label,.form button,.form input,.form label,.form select,.form textarea {
  float: left;
  font-size: 12px
}

.block {
  display: block;
  overflow: hidden
}

.hide {
  display: none
}

.invisible {
  visibility: hidden
}

.tab {
  overflow: hidden;
  zoom: 1
}

.tab a,.tab li,.tab-item {
  float: left;
  text-align: center
}

.btn-img,.button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  cursor: pointer
}

.btn-text {
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer
}

body {
  font: 12px/150% Arial,Verdana,"\5b8b\4f53";
  color: #666;
  background: #fff;
  _background-image: url(about:blank);
  _background-attachment: fixed
}

h1 {
  font: 20px "microsoft yahei","\5b8b\4f53"
}

h2,h3 {
  font-size: 14px
}

h4,h5,h6 {
  font-size: 12px
}

a {
  color: #666;
  text-decoration: none
}

a:hover {
  color: #E4393C;
  text-decoration: underline
}

.wrapper {
  width: 990px;
  margin: 0 auto
}
.w1 {
  margin-bottom: 10px
}

.root61 .w {
  width: 1210px
}

.lh {
  overflow: hidden;
  zoom: 1
}

.lh .item,.lh dl,.lh li {
  float: left
}

.ld {
  position: relative;
  zoom: 1
}

.ld .block,.ld b,.ld s {
  position: absolute;
  overflow: hidden
}

.p-detail,.p-img,.p-market,.p-name,.p-price {
  overflow: hidden
}

.p-img {
  padding: 5px 0
}

.p-img a:link,.p-img a:visited {
  text-decoration: none
}

.p-img .pi {
  cursor: pointer
}

.p-detail,.p-name {
  word-break: break-all;
  word-wrap: break-word
}

.p-price {
  color: #999
}

.p-market strong,.p-price strong {
  color: #E4393C
}

.pi {
  position: absolute;
  right: 0;
  top: 10px;
  width: 52px;
  height: 40px;
  padding: 12px 0 0;
  background-image: url(/static/images/20130330C.png);
  background-repeat: no-repeat;
  font-family: "microsoft yahei";
  color: #fff;
  line-height: 31px;
  overflow: hidden;
  font-size: 16px;
  zoom: 1
}

.pix0 {
  background-position: 0 -40px
}

.pix1 {
  background-position: 0 -100px
}

.pif1 {
  font-size: 22px
}

.pif4 {
  width: 36px;
  height: 42px;
  padding-top: 10px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 16px
}

.pt {
  display: inline-block;
  overflow: hidden
}

img.err-poster,img.err-product {
  background: url(/static/images/error-jd.gif) no-repeat 50% 50%
}

img.err-price {
  width: 81px;
  height: 22px;
  background: url(/static/images/error-3.gif) no-repeat 50% 50%
}



#toppanel {
  position: relative;
  z-index: 1000
}
.da0x150 {
  width: 310px;
  height: 150px;
  background: #efefef
}

.da0x100 {
  width: 310px;
  height: 100px;
  background: #efefef
}

.pagin a,.pagin span {
  float: left;
  height: 20px;
  padding: 3px 10px;
  border: 1px solid #ccc;
  margin-left: 2px;
  font-family: arial;
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px
}

.pagin .current,.pagin .text {
  border: 0;
  padding: 4px 11px
}

.pagin a:link,.pagin a:visited {
  color: #005aa0
}

.pagin a:active,.pagin a:hover {
  background: #005aa0;
  color: #fff;
  text-decoration: none
}

.pagin .current,.pagin .current:link,.pagin .current:visited {
  color: #f60;
  font-weight: 700
}

.pagin b {
  display: block;
  position: absolute;
  top: 9px;
  width: 5px;
  height: 9px;
  background-image: url(/static/images/bg_hotsale.gif);
  background-repeat: no-repeat;
  overflow: hidden
}

.pagin .next,.pagin .next-disabled,.pagin .prev,.pagin .prev-disabled {
  position: relative;
  padding-top: 5px;
  height: 18px;
  line-height: 18px
}

.pagin .next-disabled,.pagin .prev-disabled {
  color: #ccc;
  cursor: default
}

.pagin .prev,.pagin .prev-disabled {
  padding-left: 12px
}

.pagin .prev b {
  left: 3px;
  background-position: -68px -608px
}

.pagin .prev-disabled b {
  left: 3px;
  background-position: -80px -608px
}

.pagin .next,.pagin .next-disabled {
  padding-right: 12px
}

.pagin .next b {
  right: 3px;
  background-position: -62px -608px
}

.pagin .next-disabled b {
  right: 3px;
  background-position: -74px -608px
}

.pagin-m a,.pagin-m span {
  height: 14px;
  line-height: 14px;
  font-size: 12px
}

.pagin-m b {
  top: 5px
}

.pagin-m .next,.pagin-m .next-disabled,.pagin-m .prev,.pagin-m .prev-disabled {
  padding-top: 3px;
  height: 14px;
  line-height: 14px;
  *line-height: 16px
}

.thickframe {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000;
  width: 100%;
  height: 100%;
  background: #000;
  border: 0;
  filter: alpha(opacity=0);
  opacity: 0
}

.thickdiv {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000001;
  width: 100%;
  height: 100%;
  background: #000;
  border: 0;
  filter: alpha(opacity=15);
  opacity: .15
}

.thickbox {
  position: absolute;
  z-index: 10000002;
  overflow: hidden;
  padding: 0;
  border: 4px solid rgba(0,0,0,.1);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px
}

.thicktitle {
  height: 31px;
  padding: 0 10px;
  background: #f5f5f5;
  line-height: 31px;
  color: #666;
  font: 14px/31px "Microsoft YaHei"
}


.compare {
  width: 200px;
  border: 1px solid #C4C4C4;
  background: #fff;
  display: none
}

.compare .mt {
  background: #F3F3F3;
  padding: 3px 5px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  zoom: 1
}

.compare h5 {
  float: left
}

.compare .extra {
  float: right;
  margin-top: 2px;
  width: 13px;
  height: 13px;
  background: url(/static/images/bg_hotsale.gif) no-repeat -51px -632px;
  cursor: pointer
}

.compare .mc {
  padding: 2px
}

.compare .mc li {
  border: 1px solid #E5E5E5;
  padding: 4px 12px 4px 4px;
  margin-bottom: 2px
}

.compare .mb {
  text-align: center;
  padding: 5px 0
}

.compare .btn {
  cursor: pointer
}

.crumb {
  padding: 0 5px 8px
}

.breadcrumb {
  height: 20px;
  padding: 0 0 4px 6px;
  margin-bottom: 10px;
  overflow: hidden;
  line-height: 20px;
  vertical-align: baseline
}

.breadcrumb h1,.breadcrumb strong {
  display: inline;
  font-weight: 700;
  line-height: 20px;
  font-size: 18px;
  font-family: "microsoft yahei"
}

.breadcrumb span {
  font-family: "\5b8b\4f53"
}


.norecode {
  color: #999
}

#css-error {
  display: none
}

#mcart-suit .dt,#mcart-suit .dt:hover {
  background: #d3ebff
}

#mcart-mj .dt,#mcart-mj .dt:hover,#mcart-mz .dt,#mcart-mz .dt:hover {
  background: #bffab1
}

#settleup-content .fr .hl-green,#settleup-content .fr .hl-orange {
  margin-right: 0
}

#settleup-content .hl-green,#settleup-content .hl-orange {
  margin-right: 5px;
  color: #fff;
  display: inline-block;
  *zoom: 1;
  padding: 0 2px;
  font: 12px/16px simsun
}

#settleup-content .hl-green {
  background: #3b0
}

#settleup-content .hl-orange {
  background: #f60
}

#nav-2013 {
  position: relative;
  z-index: 6;
  height: 40px;
  padding-left: 210px;
  margin-bottom: 10px;
  background: #E4393C
}

#treasure {
  position: absolute;
  right: 0;
  top: 0
}

#footer-2013 {
  padding-bottom: 30px;
  text-align: center
}

#footer-2013 .links a,#footer-2013 .links span {
  margin: 0 10px
}

#footer-2013 .links span a {
  margin: 0
}

#footer-2013 .copyright {
  margin: 10px 0
}

#footer-2013 .authentication a {
  margin: 0 5px
}

#logo {
  position: relative;
  width: 315px;
  margin: 10px 0;
  height: 60px;
  float: left
}
#logo img{
  margin-top: 15px;
}
#logo b {
  display: block;
  width: 110px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(/static/images/l-icon.png) no-repeat
}

div#login-dialog .ui-dialog-title {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-family: "Microsoft YaHei";
  color: #666;
  font-weight: 400
}

div#login-dialog .ui-dialog-content {
  padding: 0
}

div#login-dialog .ui-dialog-close {
  height: 14px;
  line-height: 14px;
  top: 13px;
  background: url(/static/images/pwd-icons.png) 0 -143px
}

.tip-box {
  width: 400px;
  margin: 0 auto
}

.tip-box .op-btns {
  margin-top: 20px
}

.tip-box h3 {
  font-family: "Microsoft YaHei";
  font-size: 18px;
  line-height: 30px
}

.tip-box .links {
  margin-left: -6px
}

.tip-box .links ul {
  display: inline-block;
  display: block
}

.tip-box .links ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

* html .tip-box .links ul {
  height: 1%
}

*+html .tip-box .links ul {
  min-height: 1%
}

.tip-box .links li {
  float: left;
  border-left: 1px solid #ccc;
  padding: 0 5px
}

.tip-box .item-fore {
  overflow: hidden
}

.icon-box {
  position: relative;
  _height: 48px;
  _overflow: visible
}

.icon-box .m-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  background: url(/static/images/icon48.png) no-repeat
}

.icon-box .succ-icon {
  background-position: 0 0
}

.icon-box .warn-icon {
  background-position: -94px 0
}

.icon-box .error-icon {
  background-position: -48px 0
}

.icon-box .qm-icon {
  background-position: -144px 0
}

.icon-box .item-fore {
  margin-left: 58px
}

.form input[type=password] {
  font-family: Tahoma,Helvetica,Arial
}

::-ms-clear {
  display: none
}

::-ms-reveal {
  display: none
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.q-link {
  position: relative;
  color: #999;
  float: right;
  top: 52px
}

.q-link b {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18px;
  height: 14px;
  margin: 0 5px;
  background: url(/static/images/q-icon.png) no-repeat;
  overflow: hidden;
  vertical-align: middle
}

#content {
  clear: both
  height:60%
}

#content .login-wrap {
  margin-top: 0
}

#content .tips-wrapper {
  background: #fff8f0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center
}

#content .tips-wrapper .icon-tips {
  background: url(/static/images/icon-tips.png);
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px
}

#content .tips-wrapper .cont-wrapper {
  display: inline-block;
  *display: inline;
  width: 90%
}

#content .tips-wrapper .tips-inner p {
  vertical-align: middle;
  color: #999;
  font-size: 12px;
  display: inline-block;
  *display: inline
}

#content .tips-wrapper .tips-inner .black {
  color: #333
}

.form .item {
  position: relative;
  margin-bottom: 20px;
  z-index: 1
}

.form .item .placeholder {
  position: absolute;
  left: 50px;
  top: 10px;
  line-height: 18px;
  color: #999;
  font-size: 14px;
  transition: all .2s ease-out;
  opacity: 1
}

.form .item .login-label {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  border-right: 1px solid #bdbdbd;
  background: url(/static/images/pwd-icons-new.png) no-repeat
}

.form .item .name-label {
  background-position: 0 0
}

.form .item .pwd-label {
  background-position: -48px 0
}

.form .item-fore5 {
  margin-bottom: 10px
}

.form .item-fore4 {
  *float: left;
  *margin-top: 15px
}

.form .item-fore1,.form .item-fore2 {
  border: 1px solid #bdbdbd;
  height: 38px;
  width: 304px
}

.form .item-fore1 .clear-btn,.form .item-fore2 .clear-btn {
  position: absolute;
  z-index: 20;
  right: 6px;
  top: 12px;
  width: 14px;
  height: 14px;
  background: url(/static/images/pwd-icons-new.png) -25px -143px no-repeat;
  cursor: pointer;
  display: none
}

.form .item-fore1 .clear-btn:hover,.form .item-fore2 .clear-btn:hover {
  background-position: -50px -143px
}

.form .item-fore1 .e-icon,.form .item-fore2 .e-icon {
  position: absolute;
  width: 12px;
  height: 13px
}

.form .item-fore1 .capslock,.form .item-fore2 .capslock {
  position: absolute;
  z-index: 4;
  display: none;
  width: 106px;
  top: 28px;
  left: 50px;
  padding-left: 26px;
  height: 26px;
  line-height: 28px;
  overflow: hidden;
  background: url(/static/images/capslock.png) no-repeat
}

.form .item-fore1 .capslock b,.form .item-fore2 .capslock b {
  display: block;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 10px;
  height: 14px;
  overflow: hidden;
  background: url(/static/images/pwd-icons-new.png) -104px -133px no-repeat
}

.form .item-fore1 #sloginpwd,.form .item-fore2 #sloginpwd {
  position: absolute;
  display: block;
  z-index: 3;
  top: 2px;
  left: 49px;
  width: 254px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0)
}

.form .item-fore1 .text_pge,.form .item-fore2 .text_pge {
  width: 254px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  font-family: '\5b8b\4f53';
  overflow: hidden;
  border: 1px solid #fff
}

.form .itxt {
  line-height: 18px;
  height: 18px;
  border: 0;
  padding: 10px 0 10px 50px;
  width: 254px;
  float: none;
  overflow: hidden;
  font-size: 14px;
  font-family: '\5b8b\4f53';
  *margin: -1px 0 0
}

.form .itxt02 {
  padding: 10px 5px;
  width: 150px;
  text-align: center
}

.form .verify-code {
  cursor: pointer;
  width: 90px;
  height: 33px;
  vertical-align: middle
}

.form .item-error {
  border: 1px solid #e4393c
}

.form .item-error .name-label {
  background-position: 0 -96px;
  border-color: #e4393c
}

.form .item-error .pwd-label {
  background-position: -48px -96px;
  border-color: #e4393c
}

.form .item-focus {
  border: 1px solid #bbb
}

.form .item-focus .name-label {
  background-position: 0 -48px;
  border-color: #bbb
}

.form .item-focus .pwd-label {
  background-position: -48px -48px;
  border-color: #bbb
}

.form .item-hide .placeholder {
  opacity: 0;
  visibility: hidden
}

.form .item-vcode .placeholder {
  left: 25px
}

.form .item-vcode .itxt02,.form .item-vcode .verify-code {
  float: left
}

.form .item-vcode a {
  display: inline-block;
  width: 38px;
  float: right
}

.form .item-vcode:after {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden
}

.form #o-authcode.item {
  border: 0
}

.form #o-authcode.item .itxt {
  border: 1px solid #bdbdbd;
  font-size: 14px;
  padding: 7px 5px;
  vertical-align: middle;
  margin-right: 10px
}

.form #o-authcode.item-error {
  border: 0
}

.form #o-authcode.item-error .itxt {
  border-color: #e4393c
}

.form #o-authcode.item-focus {
  border: 0
}

.form #o-authcode.item-focus .itxt {
  border-color: #bbb
}

.form input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px
}

.form input:-moz-placeholder {
  color: #999;
  font-size: 14px
}

.form label {
  float: none
}

.form .jdcheckbox,.form .jdradio {
  float: none;
  vertical-align: middle;
  _vertical-align: -1px;
  margin: 0 3px 0 0;
  padding: 0
}

.form .item-fore1 {
  z-index: 6
}

.form .item-fore2 {
  height: 38px;
  visibility: hidden
}

.form .item-fore3 {
  z-index: 5;
  margin-bottom: 13px
}

.form .margin16 {
  margin-bottom: 16px
}

.form .sugcontent {
  position: absolute;
  top: 38px;
  left: 38px;
  background: #fff;
  border: 1px solid #98cff2;
  border-top-color: #bbb;
  width: 265px;
  z-index: 4
}

.form .sugcontent li {
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  width: 254px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all
}

.form .sugcontent li.hover {
  background: #d8ecfa
}

.form .sug-iframe {
  position: absolute;
  border: 0;
  z-index: 3;
  left: 39px;
  top: 39px;
  width: 266px;
  height: 100px
}

.form .updata {
  z-index: 10;
  position: absolute;
  top: 20px;
  left: 30px;
  width: 188px;
  padding: 5px;
  line-height: 108px;
  height: 40px;
  overflow: hidden;
  background: url(../images/i/login-update.png) no-repeat
}

.form .updata .up-one {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 10px;
  height: 10px
}

.form .updata .up-two {
  position: absolute;
  left: 92px;
  top: 13px;
  width: 72px;
  height: 20px
}

.login-form {
  position: relative;
  z-index: 4;
  background: #fff;
  overflow: visible;
  width: 400px
}

.login-form .login-tab {
  height: 54px;
  font-size: 18px;
  font-family: "microsoft yahei";
  text-align: left;
  border-bottom: 1px solid #f4f4f4;
  position: absolute;
  background: #fff;
  display: block
}

.login-form .login-tab a {
  width: 90%;
  height: 18px;
  position: absolute;
  left: 35px;
  top: 18px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none
}

.login-form .login-tab a:focus {
  outline: 0!important;
  -moz-outline: 0!important
}

.login-form .login-tab a.checked,.login-form .login-tab a:hover {
  font-weight: 700;
  color: #e80000
}

.login-form .login-tab-l {
  width: 400px
}

.login-form .login-tab-link {
  display: inline-block
}

.login-form .msg-wrap {
  min-height: 23px;
  margin-top: 5px;
  margin-bottom: 5px;
  height: auto!important;
  /* display: none;*/
}

.login-form .msg-error {
  background: url(/static/images/icon-error.png) 10px center no-repeat #ffebeb;
  position: relative;
  color: #e4393c;
  border: 1px solid #faccc6;
  padding: 3px 10px 3px 40px;
  line-height: 15px;
  height: auto;
  display: none
}

.login-form .msg-error b {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  overflow: hidden;

}

.login-form .msg-warn {
  position: relative;
  background: #fef4e5;
  color: #666;
  border: 1px solid #f6c090;
  padding: 3px 10px 3px 40px;
  line-height: 15px;
  height: auto
}

.login-form .msg-warn b {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 17px;
  overflow: hidden;
  background: url(/static/images/pwd-icons-new.png) -104px -24px no-repeat
}

.login-form .login-box {
  width: 306px;
  /*padding: 20px;*/
  padding-top: 20px;
  padding-left: 12px;
  visibility: hidden
}

.login-form .login-box .mt {
  display: inline-block;
  display: block;
  width: 306px;
  overflow: visible;
  height: 27px
}

.login-form .login-box .mt:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

* html .login-form .login-box .mt {
  height: 1%
}

*+html .login-form .login-box .mt {
  min-height: 1%
}

.login-form .login-box .mt h1 {
  position: relative;
  height: 27px;
  line-height: 27px;
  top: -5px;
  float: left;
  color: #666;
  font-family: "microsoft yahei";
  font-size: 20px
}

.login-form .login-box .tab-h {
  height:40px
}

.login-form .login-box .mc {
  overflow: visible
}

.login-form .login-box .safe {
  position: relative;
  color: #666;
  *float: left;
  *width: 305px
}

.login-form .login-box .safe span {
  margin-right: 15px;
  *float: left
}

.login-form .login-box .safe .forget-pw-safe {
  position: absolute;
  *float: right;
  *position: static;
  right: 0;
  top: 0;
  margin: 0
}

.login-form .login-box .reg-free {
  height: 18px;
  *margin-bottom: 5px
}

.login-form .login-box .login-btn {
  border: 1px solid #3c8dbc;
  margin: 0 auto;
  height: 32px;
  width: 99%;
  position: relative
}

.login-form .login-box .login-btn .btn-img {
  border: 1px solid #3c8dbc;
  display: block;
  width: 302px;
  background: #3c8dbc;
  height: 31px;
  line-height: 31px;
  color: #fff;
  font-size: 20px;
  font-family: 'Microsoft YaHei'
}

.login-form .login-box .login-btn .btn-img:hover {
  text-decoration: none
}

.login-form .btn-2login,.login-form .btn-2qrcode {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 99em;
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: url(../images/i/login-qricon-01.png) no-repeat;
  transition: background-position .2s cubic-bezier(0.25,.5,.5,.9)
}

.login-form .btn-2qrcode {
  background-position: -60px 0
}

.login-form .btn-2login {
  background-position: 0 -60px
}

.login-form .qrcode-login {
  display: none;
  visibility: hidden;
  width: 306px;
  padding: 20px 18px 20px 20px;
  text-align: center
}

.login-form .qrcode-login .mc {
  overflow: visible
}

.login-form .qrcode-login .qrcode-desc {
  margin-top: 53px
}

.login-form .qrcode-login .qrcode-desc h2 {
  font-size: 16px;
  color: #999;
  font-family: "microsoft yahei";
  font-weight: 400
}

.login-form .qrcode-login .qrcode-main {
  position: relative;
  height: 168px;
  margin-top: 55px
}

.login-form .qrcode-login .qrcode-img {
  border: 1px solid #f4f4f4;
  padding: 8px;
  width: 155px;
  position: absolute;
  left: 64px
}

.login-form .qrcode-login .qrcode-img .qrcode-error02 {
  padding: 30px 0
}

.login-form .qrcode-login .qrcode-img .qrcode-error02 .error-icon {
  display: inline-block;
  margin-bottom: 25px;
  width: 50px;
  height: 50px;
  background: url(../images/i/qr-error-icon.png) no-repeat
}

.login-form .qrcode-login .qrcode-img img {
  width: 147px;
  height: 147px
}

.login-form .qrcode-login .qrcode-help {
  position: absolute;
  right: -18px;
  top: -2px;
  width: 141px;
  height: 168px;
  background: url(../images/phone-orange.png) no-repeat;
  z-index: 99
}

.login-form .qrcode-login .qrcode-error {
  display: none;
  position: relative;
  background: #ffebeb;
  color: #e4393c;
  border: 1px solid #e4393c;
  padding: 3px 10px 3px 100px;
  text-align: left
}

.login-form .qrcode-login .qrcode-error b {
  position: absolute;
  top: 50%;
  left: 70px;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url(/static/images/pwd-icons-new.png) -104px -49px no-repeat
}

.login-form .qrcode-login .qrcode-error-2016 {
  display: none;
  font-size: 14px;
  color: #fbfbfb;
  margin-top: 65px;
  position: relative;
  z-index: 1
}

.login-form .qrcode-login .qrcode-error-2016 .qrcode-error-mask {
  display: block;
  position: absolute;
  width: 170px;
  background: #000;
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  opacity: .6;
  height: 163px;
  left: 66px;
  z-index: 9;
  top: 0;
  text-align: center;
  line-height: 100px
}

.login-form .qrcode-login .qrcode-error-2016 .err-cont {
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
  z-index: 19;
  font-weight: 700
}

.login-form .qrcode-login .qrcode-error-2016 .refresh-btn {
  display: block;
  background: #e4393c;
  width: 80px;
  height: 30px;
  position: absolute;
  top: 95px;
  left: 113px;
  line-height: 30px;
  opacity: 1;
  z-index: 19;
  color: #fbfbfb;
  text-decoration: none
}

.login-form .qrcode-login .qrcode-succ {
  width: 306px;
  margin: 106px auto 65px;
  height: 146px
}

.login-form .qrcode-login .qrcode-succ h3 {
  color: #333;
  font-weight: 400;
  line-height: 1;
  font-family: "microsoft yahei"
}

.login-form .qrcode-login .qrcode-succ .ftx-03 {
  padding-top: 14px
}

.login-form .qrcode-login .qrcode-succ .tip-box {
  width: 306px
}

.login-form .qrcode-login .qrcode-succ .tip-box .item-fore {
  text-align: center;
  margin: 0;
  padding-top: 30px
}

.login-form .qrcode-login .qrcode-succ .succ-icon {
  display: block;
  width: 71px;
  height: 71px;
  margin: 0 auto;
  background: url(../images/i/qrcode-succ-2016.png) no-repeat
}

.login-form .qrcode-login .qrcode-succ .qrcode-back {
  margin-top: 5px
}

.login-form .qrcode-login .qrcode-succ .qrcode-back a {
  text-decoration: underline
}

.login-form .qrcode-login .qrcode-panel {
  width: 257px;
  margin: 18px auto 14px;
  text-align: center
}

.login-form .qrcode-login .qrcode-panel .red {
  color: #3c8dbc
}

.login-form .qrcode-login .qrcode-panel ul {
  display: inline-block;
  display: block
}

.login-form .qrcode-login .qrcode-panel ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

* html .login-form .qrcode-login .qrcode-panel ul {
  height: 1%
}

*+html .login-form .qrcode-login .qrcode-panel ul {
  min-height: 1%
}

.login-form .qrcode-login .qrcode-panel li {
  display: inline-block;
  *display: inline;
  padding: 0 0 0 5px;
  margin: 0 5px 0 0
}

.login-form .qrcode-login .qrcode-panel li.fore1 {
  border: 0
}

.login-form .qrcode-login .qrcode-panel .panel-line {
  border-left: 1px solid #ccc;
  height: 12px;
  padding: 0;
  margin: 3px 0
}

.login-form .qrcode-login .qrcode-panel a {
  color: #333;
  text-decoration: none;
  margin-left: -3px
}

.login-form .qrcode-login .qrcode-panel .qrcode-tips {
  position: relative;
  background: #F6DCDF;
  color: #999;
  margin-top: 10px
}

.login-form .qrcode-login .qrcode-panel .qrcode-tips .triangle-border {
  position: absolute;
  right: 30px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: dashed dashed solid
}

.login-form .qrcode-login .qrcode-panel .qrcode-tips .tb-border {
  top: -10px;
  border-color: transparent transparent #F6DCDF
}

.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info {
  height: 20px;
  line-height: 20px;
  overflow: hidden
}

.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips1 {
  transition: margin-top .5s;
  -moz-transition: margin-top .5s;
  -webkit-transition: margin-top .5s;
  -o-transition: margin-top .5s
}

.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips1:hover {
  margin-top: -20px
}

.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips2 {
  color: #763A42
}

.login-form .qlogin-main .qlogin-tit {
  text-align: center;
  font-size: 14px;
  margin-top: 20px
}

.login-form .qlogin-main .qlogin-tit span {
  font-family: arial
}

.login-form .qlogin-main .qlogin-tit .qq-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  background: url(/static/images/pwd-icons-new.png) -104px -157px;
  margin-right: 10px
}

.login-form .qlogin-main .u-pic {
  position: relative;
  width: 104px;
  height: 104px;
  margin: 10px auto
}

.login-form .qlogin-main .u-pic .mask {
  position: absolute;
  width: 104px;
  height: 104px;
  left: 0;
  top: 0;
  z-index: 2;
  background: url(../images/i/upic-bg.png) no-repeat
}

.login-form .qlogin-main .u-name {
  font-size: 18px;
  font-family: "microsoft yahei";
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px
}

.login-form .qlogin-main .coagent {
  margin-top: 20px
}

div.safetips {
  border: 1px solid #E3E3E3;
  background: #fff;
  padding: 5px 10px;
  margin: -10px 0 0 40px;
  box-shadow: 0 0 10px rgba(221,221,221,.7)
}

.coagent {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 50px;
  border-top: 1px solid #f4f4f4;
  height: auto;
  background-color: #fcfcfc
}

.coagent h5 {
  font-weight: 400;
  color: #999
}

.coagent ul {
  display: inline-block;
  display: block
}

.coagent ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

* html .coagent ul {
  height: 1%
}

*+html .coagent ul {
  min-height: 1%
}

.coagent li {
  float: left
}

.coagent li .line {
  color: #ccc;
  padding: 0 10px
}

.coagent li a.pdl {
  display: inline-block;
  position: relative;
  padding-left: 24px
}

.coagent li a.pdl b {
  width: 19px;
  height: 18px;
  display: block;
  background: url(/static/images/QQ-weixin.png) no-repeat;
  margin: 0 auto;
  position: absolute;
  float: left;
  left: 0;
  top: 16px
}

.coagent li a.pdl b.weixin-icon {
  background-position: -20px 0
}

.coagent li a.pdl b.QQ-icon {
  background-position: 0 0
}

.coagent .more-slide {
  position: relative;
  z-index: 5;
  overflow: visible
}

.coagent .more-slide dt {
  color: #666;
  position: relative;
  z-index: 2;
  _top: 5px
}

.coagent .more-slide dt b {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 9px;
  height: 6px;
  margin-left: 10px;
  overflow: hidden;
  vertical-align: middle;
  background: url(/static/images/pwd-icons-new.png) -104px -100px no-repeat
}

.coagent .more-slide dd {
  position: absolute;
  z-index: 1;
  top: -3px;
  left: -15px;
  display: none;
  height: 40px;
  width: 203px;
  padding: 25px 0 10px 15px;
  border: 1px solid #dcdcdc;
  background: #fff;
  overflow: hidden
}

.coagent .more-slide dd a {
  float: left;
  white-space: nowrap;
  margin-right: 15px;
  color: #999
}

.coagent .more-slide dd a:hover {
  margin-right: 15px;
  color: #E4393C;
  text-decoration: underline
}

.coagent .more-hover dt b {
  background-position: -104px -116px
}

.coagent .more-hover dd {
  display: block
}

.coagent .more-slide-new dd {
  width: 153px;
  height: 62px;
  overflow: hidden
}

.coagent .more-slide-new dd a,.coagent .more-slide-new dd a:hover {
  margin-right: 28px
}

.coagent .more-slide-new .dd-cont {
  width: 175px
}
.coagent li.extra-l {
  float: left;
  margin-left:25px;
}
.coagent li.extra-r {
  float: right
}

.coagent .regist-link {
  color: #2477dd;
  font-size: 14px
}

.coagent .regist-link a {
  color: #2477dd
}

.coagent .regist-link b {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url(/static/images/pwd-icons-new.png) -104px -75px no-repeat;
  vertical-align: middle;
  margin-right: 5px
}

.qr-coagent {
  background-color: #fff;
  font-family: "microsoft yahei";
  color: #999;
  border: none;
  padding: 0;
  line-height: 25px;
  margin-left: 40px
}

.qr-coagent li {
  text-align: left;
  position: relative;
  margin-right: 18px
}

.qr-coagent li b {
  width: 25px;
  height: 25px;
  display: block;
  background: url(../images/i/qr-coagent.png) no-repeat;
  margin: 0 auto;
  position: absolute;
  left: 0
}

.qr-coagent li .faster {
  background-position: -27px
}

.qr-coagent li .more-safe {
  background-position: -54px
}

.qr-coagent li em {
  padding-left: 32px;
  *display: inline-block;
  _display: inline
}
/*add by wangtianli start*/
#content, .login-wrap, .wrapper{
}
/*add by wangtianli end*/

.login-wrap {
  position: relative;
  /*height: 475px;*/
  /*margin: 10px 0 20px;*/
  z-index: 5
}

/*.login-wrap .login-banner {*/
  /*background: url(/static/images/bg.jpg) no-repeat center center #3263bd;*/
  /*width: 100%;*/
  /*height: 475px;*/
/*}*/

.login-wrap .i-inner {
  position: relative;
  z-index: 3;
  height: 475px
}

.login-wrap .login-form {
    position: absolute;
    top: 20%;
    right: 15%;
}/* user-passport/1.0.0 safe-step.css Date:2016-04-15 13:37:33 */

#logo b.logo-title{
  background: url(/static/images/l-icon1.png) no-repeat;
}
.have-account {
  font-size: 16px;
  float: right;
  margin-top: 55px;
  color: #999;
}


/* reset */
html{text-size-adjust:100%;}
html,body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,p,article,aside,canvas,header,footer,section,video,audio{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:normal;}
li{list-style:none;}
a{text-decoration:none;cursor:pointer;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;}

/* function */
.f-tac{text-align:center;}