/* public */
body {
  background-color: #fff;
}

.fl {
  float: left
}

.fr {
  float: right
}

.gray {
  color: #666
}

a.gray:hover {
  color: #3c75ff
}

.w1240 {
  margin-left: auto;
  margin-right: auto;
  width: 1240px
}

.text-white {
  color: #fff !important
}

.ychb-login-header {
  position: relative;
  z-index: 1;
  background-color: #f1f2f5;
}

.ychb-login-header .head-ctnr {
  margin-left: auto;
  margin-right: auto;
  width: 1240px;
  height: 60px;
}

.ychb-login-header .head-ctnr .head-logo {
  padding-top: 20px;
  float: left;
}

.ychb-login-header .head-ctnr .head-logo__link {
  padding-left: 100px;
  display: block;
  height: 20px;
  /* background: url("//ychb.bitautoimg.com/ychb/fed/common/images/ychbLogo.png") left top/90px no-repeat; */
}

.ychb-login-header .head-ctnr .head-logo__text {
  padding-left: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  border-left: 1px solid #969696;
}

.ychb-login-header .head-tel {
  padding-top: 20px;
  padding-left: 20px;
  float: right;
}

.ychb-login-header .head-tel span {
  padding-left: 24px;
  float: right;
  line-height: 20px;
  background: url("//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/icon-tel2x.png") no-repeat left 1px / 18px 40px;
}

.ychb-login-header .head-menu {
  float: right;
}

.ychb-login-header .head-menu li {
  padding-left: 12px;
  float: left
}

.ychb-login-header .head-menu a {
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  line-height: 60px;
}

/* banner */
.banner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.title {
  margin-top: 90px;
  text-align: center
}

.title .h2 {
  font-size: 42px;
  line-height: 40px
}

.title .hr {
  margin-top: 14px;
  display: inline-block;
  width: 140px;
  height: 0;
  overflow: hidden;
  border-bottom: 2px solid #222
}

/* footer */
.footer {
  position: relative;
  z-index: 20;
  margin-top: 145px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background-color: #3c75ff
}

/* 服务 */
.srv-box {
  margin-top: 70px
}

.srv-box .srv-item {
  margin-top: 30px;
  padding: 10px;
  overflow: hidden;
  zoom: 1;
  background-color: #f3f3f3
}

.srv-box .srv-txt {
  position: relative;
  display: table;
  padding: 20px 12px;
  width: 410px;
  height: 300px;
  font-size: 16px;
  line-height: 1.4
}

.srv-box .srv-txt .h {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  vertical-align: middle
}

.srv-box .srv-txt .txt-center {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all
}

.srv-box .srv-txt .h3 {
  margin-bottom: 20px;
  font-size: 24px
}

.srv-box .srv-txt p {
  margin-top: 16px
}

.srv-box .srv-txt.fl h3 {
  text-align: right
}

.srv-box .srv-img,
.srv-box .srv-img img {
  width: 770px;
  height: 340px
}

/* 成功案例 */
.case-tab .tab-btn {
  margin-top: 70px;
  height: 240px
}

.case-tab .tab-btn .tab-li {
  position: relative;
  padding-left: 50px;
  padding-top: 160px;
  width: 560px;
  height: 80px;
  cursor: pointer;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0
}

.case-tab .tab-btn .tab-li.fl {
  background-image: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-tab1.jpg)
}

.case-tab .tab-btn .tab-li.fl .h4 {
  background-image: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-icon1.png)
}

.case-tab .tab-btn .tab-li.fl .num {
  background-image: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-tit1.png)
}

.case-tab .tab-btn .tab-li.fr {
  background-image: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-tab2.jpg)
}

.case-tab .tab-btn .tab-li.fr .h4 {
  background-image: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-icon2.png)
}

.case-tab .tab-btn .tab-li.fr .num {
  background-image: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-tit2.png)
}

.case-tab .tab-btn .tab-li.active .num,
.case-tab .tab-btn .tab-li.hover .num {
  right: 0
}

.case-tab .tab-btn .h4 {
  padding-left: 56px;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  background-repeat: no-repeat;
  background-position: left center
}

.case-tab .tab-btn .num {
  position: absolute;
  right: -202px;
  top: 0;
  display: block;
  width: 202px;
  height: 240px;
  background-repeat: no-repeat;
  background-position: right top
}

.case-tab .item {
  margin-top: 30px;
  height: 250px;
  -webkit-box-shadow: 0 0 40px 1px #e5e5e5;
  box-shadow: 0 0 40px 1px #e5e5e5;
  background-color: #fff
}

.case-tab .item.hover {
  -webkit-box-shadow: 0 0 40px 1px #d5d5d5;
  box-shadow: 0 0 40px 1px #d5d5d5
}

.case-tab .item .img {
  width: 250px;
  height: 250px
}

.case-tab .item .text {
  position: relative;
  padding: 46px 92px 0 64px;
  height: 210px;
  font-size: 16px;
  line-height: 1.6;
  width: 820px;
  float: right
}

.case-tab .item .text i {
  position: absolute;
  display: block;
  width: 44px;
  height: 40px;
  background: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-yh.png) no-repeat left top
}

.case-tab .item .text .icnt {
  left: 0;
  top: 20px
}

.case-tab .item .text .icnb {
  right: 20px;
  bottom: 20px;
  background-position: left bottom
}

.case-tab .item .h3 {
  font-size: 30px;
  font-weight: 400
}

.case-tab .item .small {
  margin-top: -6px;
  display: block;
  font-size: 16px;
  font-weight: 400
}

.case-tab .item .txt {
  margin-top: 6px;
  color: #666
}

.ie6 .case-tab .item,
.ie7 .case-tab .item,
.ie8 .case-tab .item {
  border: 1px solid #f1f1f1
}

.ie6 .case-tab .item:hover,
.ie7 .case-tab .item:hover,
.ie8 .case-tab .item:hover {
  border-color: #e1e1e1
}

/* 关于我们 */
.about-box {
  position: relative;
  margin-top: -60px;
  margin-bottom: -200px;
  height: 100vh;
  min-height: 900px;
  color: #fff;
  background: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-about.jpg) no-repeat center top
}

.about-box .title {
  margin-top: 0;
  padding-top: 220px
}

.about-box .title h2 {
  color: #fff;
}

.about-box .title .hr {
  border-bottom-color: #fff
}

.about-box .text {
  padding-top: 34px;
  font-size: 26px;
  line-height: 32px
}

.about-box .list {
  padding-top: 70px;
  text-align: center
}

.about-box .list .img {
  margin-left: 50px;
  margin-right: 50px;
  width: 230px;
  height: 220px
}

/* 详情 */
.details-box {
  margin-top: 70px;
  overflow: hidden;
  zoom: 1
}

.details-box .dtl-imgs {
  float: left;
  margin-top: -5px
}

.details-box .dtl-imgs .img {
  margin-top: 5px
}

.details-box .w250 {
  width: 250px
}

.details-box .w452 {
  width: 452px
}

.details-box .w461 {
  width: 461px
}

.details-box .w960 {
  width: 960px
}

.details-box .userinfo {
  padding: 26px 10px;
  line-height: 1.5;
  text-align: center;
  background-color: #f6f6f6
}

.details-box .userinfo .h5 {
  font-size: 20px
}

.details-box .userinfo .h5 span {
  font-weight: 400
}

.details-box .userinfo p {
  margin-top: 4px;
  font-size: 12px
}

.details-box .dtl-text {
  float: right;
  color: #666;
  line-height: 1.625
}

.details-box .dtl-text .h3 {
  margin-bottom: 12px;
  color: #333;
  font-size: 30px
}

.details-box .dtl-text .h3.mt0 {
  margin-top: -8px
}

.details-box .dtl-text .h3.pt40 {
  padding-top: 40px
}

.details-box .dtl-text p {
  font-size: 16px;
  margin-top: 10px;
  text-align: justify
}

.details-box .dtl-text .qa {
  margin-bottom: -8px;
  color: #3870ff
}

.details-box .dtl-text .qa span {
  font-size: 24px;
  font-style: italic
}

.headimg {
  width: 150px;
  height: 150px;
  border-radius: 150px;
  overflow: hidden;
  text-align: center;
  margin: 40px auto 0
}

.title .hr2 {
  margin-top: 19px;
  display: inline-block;
  width: 64px;
  height: 0;
  overflow: hidden;
  border-bottom: 6px solid #353b5b
}

.title .h2 {
  color: #343c5a
}

.title3 {
  width: 100%;
  line-height: 44px;
  font-size: 30px;
  color: #343c5a;
  font-weight: 700;
  text-align: center
}

.title3.zhongcheng {
  margin: 35px auto 50px
}

.mt20p {
  margin-top: 30px
}

.descrip {
  width: 1085px;
  margin: 20px auto 50px;
  font-size: 18px;
  color: #999;
  line-height: 30px
}

.descrip.mt50 {
  margin-top: -50px
}

.details-box .dtl-text.bggrey {
  width: 700px !important;
  padding: 20px 35px;
  background: #f6f9fb
}

.righth1 {
  height: 895px
}

.righth2 {
  height: 727px
}

.righth3 {
  height: 812px
}

.righth4 {
  height: 895px
}

.righth5 {
  height: 741px
}

.righth6 {
  height: 655px
}

.righth7 {
  height: 856px
}

.eq {
  position: relative;
  width: 1115px;
  padding: 30px 85px;
  margin: 20px auto
}

.eq h4 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #343c5a
}

.eq h4.zhongcheng {
  margin: 0;
  padding: 10px;
  text-align: center
}

.eq p {
  line-height: 28px;
  font-size: 18px;
  color: #878b98
}

.eq .eqbg1 {
  position: absolute;
  left: 12px;
  top: 30px;
  width: 54px;
  height: 48px;
  background: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/eqbg.png) no-repeat
}

.eq .eqbg2 {
  position: absolute;
  right: 12px;
  bottom: 0;
  width: 54px;
  height: 48px;
  background: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/eqbg2.png) no-repeat
}

/* 登陆页 */
.platlist .item {
  font-size: 20px
}

.guild,
.platlist .h3 {
  font-size: 22px
}

.banner .swiper-next,
.banner .swiper-prev {
  position: absolute;
  top: 0;
  left: 20%;
  display: none;
  width: 30px;
  height: 40px;
  background: red
}

.banner .swiper-next {
  left: auto;
  right: 20%
}

.banner .pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 10;
  font-size: 0;
  text-align: center
}

.banner .pagination span {
  display: inline-block;
  width: 86px;
  height: 6px;
  opacity: .1;
  background-color: #000
}

.banner .pagination .swiper-active-switch,
.banner .pagination .swiper-visible-switch {
  opacity: .3
}

.videos {
  position: relative;
  margin-top: 60px;
  height: 698px;
  overflow: hidden
}

.videos .sign,
.videos .sign2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%
}

.videos .play-img,
.videos .play-lay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 22;
  width: 100%;
  height: 100%
}

.videos .play-lay {
  z-index: 23;
  background: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-vid1.png)
}

.videos.video2 .play-lay {
  background: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-vid2.png)
}

.videos .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -60px;
  margin-left: -60px;
  display: block;
  width: 120px;
  height: 120px;
  cursor: pointer;
  background: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-play.png) no-repeat 0 0
}

.videos .video-btn1,
.videos .video-btn2 {
  z-index: 11
}

.videos .swf1-load,
.videos .swf2-load {
  display: none
}

.videos .swf1-play,
.videos .swf2-play {
  display: none
}

.videos .vidsrc {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%
}

.videos .stop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 111;
  background-color: rgba(0, 0, 0, .1)
}

.videos.swf .video-btn,
.videos.swf2 .video-btn {
  display: none
}

.videos.swf .swf1-load,
.videos.swf .swf2-load,
.videos.swf2 .swf1-load,
.videos.swf2 .swf2-load {
  z-index: 12
}

.videos.swf .swf1-play,
.videos.swf .swf2-play,
.videos.swf2 .swf1-play,
.videos.swf2 .swf2-play {
  display: block
}

.videos.video1 {
  height: 446px
}

.platlist {
  margin-top: 70px;
  margin-bottom: 100px;
  padding-top: 90px;
  height: 375px;
  -webkit-box-shadow: 0 0 30px 1px #f1f1f1;
  box-shadow: 0 0 30px 1px #f1f1f1
}

.platlist .hr {
  padding-top: 14px;
  width: 1px;
  overflow: hidden
}

.platlist .hr i {
  display: block;
  height: 260px;
  border-left: 1px solid #ddd
}

.platlist .item {
  width: 390px;
  float: left;
  line-height: 1.5;
  text-align: center
}

.platlist .tow {
  margin-left: 34px;
  margin-right: 34px
}

.platlist .h3 {
  padding-top: 66px;
  padding-bottom: 22px
}

.guild {
  margin-top: 100px;
  padding-top: 86px;
  line-height: 32px;
  background: url(//ychb-img.bitautoimg.com/das/fed/yi-platform/tree/release/yichehuoban/dist/images/bg-guild.jpg) no-repeat 0 0
}

.guild span {
  padding-right: 196px
}

.guild .last {
  padding-right: 0
}

.telbox {
  margin-top: 60px;
  margin-bottom: 140px;
  text-align: center
}

.ie6 .login,
.ie7 .login,
.ie8 .login {
  border: 1px solid #ddd
}

.ie6 .platlist,
.ie7 .platlist,
.ie8 .platlist {
  border: 1px solid #ddd
}

.sweep-fixed {
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 77;
  width: 130px;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden
}

.sweep-fixed.big {
  right: 50px
}

.sweep-fixed.top {
  top: 330px
}

.sweep-fixed .sp-icon {
  background: url(https://ychb-img.bitautoimg.com/das/fe/yi-platform/platform2018/dist/images/ewm-bg.png) no-repeat -999px -999px
}

.sweep-fixed .hd {
  padding-top: 10px;
  height: 32px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  background-position: 0 0
}

.sweep-fixed .ewm-box {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  background: url(https://ychb-img.bitautoimg.com/das/fe/yi-platform/platform2018/dist/images/ewm-bg2.png) repeat-y left top
}

.sweep-fixed .ewm-box .bd-img {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  width: 90px;
  height: 90px
}

.sweep-fixed .ewm-box .bd-img i {
  position: absolute;
  display: block;
  width: 21px;
  height: 21px
}

.sweep-fixed .ewm-box .bd-img i.lt,
.sweep-fixed .ewm-box .bd-img i.rt {
  top: 0;
  border-top: 1px solid #757575
}

.sweep-fixed .ewm-box .bd-img i.lb,
.sweep-fixed .ewm-box .bd-img i.rb {
  bottom: 0;
  border-bottom: 1px solid #757575
}

.sweep-fixed .ewm-box .bd-img i.lb,
.sweep-fixed .ewm-box .bd-img i.lt {
  left: 0;
  border-left: 1px solid #757575
}

.sweep-fixed .ewm-box .bd-img i.rb,
.sweep-fixed .ewm-box .bd-img i.rt {
  right: 0;
  border-right: 1px solid #757575
}

.sweep-fixed .ewm-box .bd-txt {
  margin-top: 6px
}

.sweep-fixed .fb-box {
  padding: 4px 0 10px 20px;
  background: url(https://ychb-img.bitautoimg.com/das/fe/yi-platform/platform2018/dist/images/ewm-bg2.png) repeat-y left top
}

.sweep-fixed .fb-box .txt {
  padding-left: 28px;
  color: #333;
  background-position: 0 -99px
}

.sweep-fixed .hr-bg {
  padding-left: 24px;
  height: 24px;
  overflow: hidden;
  background-position: 1px -52px
}

.sweep-fixed .hr-bg .hr {
  height: 11px
}

.sweep-fixed .wx-box {
  padding: 5px 0 4px 24px;
  background: url(https://ychb-img.bitautoimg.com/das/fe/yi-platform/platform2018/dist/images/ewm-bg2.png) repeat-y left top
}

.sweep-fixed .wx-box .hr {
  margin-bottom: 12px
}

.sweep-fixed .wx-box .txt {
  padding-left: 28px;
  color: #333;
  background-position: -111px -97px
}

.sweep-fixed .hr {
  margin-left: 4px;
  width: 76px;
  height: 0;
  overflow: hidden;
  border-bottom: 1px dashed #ddd
}

.sweep-fixed .bot-bg {
  height: 12px;
  background-position: 1px -86px
}


/* maty 20191216 login */
.login-iframe {
  position: absolute;
  left: 50%;
  top: 80px;
  z-index: 20;
  margin-left: 370px;
  width: 250px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 1px #f1f1f1;
  box-shadow: 0 0 30px 1px #f1f1f1
}

.login-iframe iframe {
  display: block;
  width: 250px;
  height: 300px;
  border: none;
}

.ie6 .login-iframe,
.ie7 .login-iframe,
.ie8 .login-iframe {
  border: 1px solid #ddd
}


/* maty 20200108 index login */
.new-login {
  position: absolute;
  right: 20%;
  top: 80px;
  z-index: 20;
  padding: 10px 20px 0;
  width: 210px;
  height: 240px;
  background-color: #fff;
  box-shadow: 0 0 30px 1px #f1f1f1
}

.new-login .log-nav {
  margin-bottom: 15px
}

.new-login .log-nav__tit {
  font-size: 0
}

.new-login .log-nav__tit li {
  margin-right: 20px;
  display: inline-block;
  cursor: pointer;
  color: #9facbf;
  font-size: 14px;
  line-height: 30px
}

.new-login .log-nav__tit li.active {
  color: #333b48;
  font-weight: 700
}

.new-login .log-panel {
  display: none
}

.new-login .log-panel.active {
  display: block
}

.new-login .link,
.form-inputs .link {
  color: #2e85ff
}


.form-inputs .iptbox>span {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px
}

.form-inputs .ipttips {
  height: 22px
}

.form-inputs .ipt {
  padding-left: 10px;
  padding-right: 10px;
  width: 188px;
  height: 28px;
  float: left;
  color: #333b48;
  font-size: 14px;
  line-height: 28px;
  border: 1px solid #e5ecf1;
  background: 0 0;
}

.form-inputs .ipt::-ms-clear {
  display: none;
}

.form-inputs .ipt::-ms-reveal {
  display: none;
}

.form-inputs .ipt-tel {
  border: 1px solid #E5ECF1;
  background-color: #F4F9FF;
}

.form-inputs .yzm-ipt {
  width: 78px
}

.form-inputs .yzm-ipt2 {
  width: 108px
}

.form-inputs .yzm-img {
  margin-left: 5px;
  width: 60px;
  height: 30px;
  float: left
}

.form-inputs .yzm-link {
  padding-top: 12px;
  float: right;
  font-size: 12px;
  line-height: 18px;
  text-align: right
}

.form-inputs .ipt.code-ipt {
  width: 60px
}

.form-inputs .ipt.msg {
  border-color: #e74c3c
}

.form-inputs .ipt.pwd {
  display: none
}

.form-inputs .code-img {
  margin-left: 10px;
  display: inline-block;
  width: 70px;
  height: 30px
}

.form-inputs .form-tips {
  min-height: 34px;
  color: #e74c3c;
  font-size: 12px;
  line-height: 17px
}

.form-inputs .dxdl-link {
  text-decoration: underline
}

.form-btns .btn-link {
  display: block;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background-color: #3c75ff;
  border-radius: 2px
}

.form-ops {
  margin-top: 10px;
  height: 18px;
  color: #5e6e87;
  font-size: 12px;
  line-height: 18px
}

.form-ops input {
  margin-right: 5px
}

.telbox p {
  margin-top: 30px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700
}

/* .yi-header-mask,
.yi-mask,
.yi-toast-mask{position:fixed;left:0;right:0;top:0;bottom:0;z-index:888;display:none;background:url(//ychb-img.bitautoimg.com/das/fe/cdnImg/bg-mask__50.png) repeat}
.yi-mask.noremove{display:none} */

/* .yi-modal{position:fixed;left:50%;top:50%;z-index:999;margin-left:-200px;margin-top:-125px;padding:26px 20px 20px;width:360px;text-align:center;background-color:#fff;border-radius:4px}.yi-modal.noremove{display: none;}.yi-modal.nop{padding:0}.yi-modal.big{margin-left:-400px;width:760px}.yi-modal.big .ml-bd{min-height:160px}.yi-modal.big .ml-bd.scroll-y{max-height:368px}.yi-modal.lg{margin-left:-300px;width:560px}.yi-modal.lg .ml-bd{min-height:120px}.yi-modal.lg .ml-bd.scroll-y{max-height:244px}.yi-modal.sm{margin-left:-150px;width:260px}.yi-modal.sm .ml-bd{min-height:44px}.yi-modal.sm .ml-bd.scroll-y{max-height:44px}.yi-modal .ml-close{position:absolute;right:12px;top:12px;z-index:20;cursor:pointer;width:20px;height:20px;font-size:0;text-indent:-999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABDUlEQVQoU6WSwUoCARCGv9HdhTJP6TtUkGaFh1xCdw/1xF3cWtjsEK2CkLn0AkUXD4W0tu7EKplJB6O5DfzfMP/8IwBX190jSwqPtr3zmvWr1e/3C6NRvNds1u8kCMLDFOki3Js5w200qi/LgOfdbhuW0QZqKaktnU6nmKQbN8C+ogMrbzpfUCY2LaOtUEOI3hifSDYtCHplFfVUqSAySOKJS1ES4930ED1Q1SgWnPPT46cZkJUfhiUZyyVQAR6AD6AKDHU6dVqt+nOmWwAzyA9Lkl9AoAw1/Rb/D7gIeuVN1FtrpR+mkUEyWTVNFIvOTf/5rMvBxTnDPfs1uHwbZB7cOq/h+/6WSGE3e41Pyuepr8v8MDgAAAAASUVORK5CYII=) no-repeat center center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACMUlEQVRIS7VVTW/TQBSct07h57RJgAusE59yaIIETStxSYta6IV/wJW/wI2vAy0tLVLFiQNVEi9BAmq3/BXO8XtonTRybCckTdnj2juz783bGcJ/XnSJ73+/qHE/ch0qfNZ6+cdVeI0Jlxm0zhKdee6tE4sRE/h+UGPgyxC0D6JWVZc+zEPi985XOeJPAG7acwJ65Lmlg5iga4IXInieAOw7RC09I0nbBHUSOgYkBo9vTnhZ0eVnMcGp/+uOA9UDUEiSkFKblXvF/WmVGHNRj4RT4MQM1Dxd+jrSoNsNNoSwlyQRkQigTa9StvuZ1TFBA0JH4zcnJqFd1y2+GmlwebJjztcJvCeCpQRaNKxkjMSY341I+scAbiT+ZYHa9YbgGYJY8F7YFJb9NIkCtly3/D7W7Ft4X1iOMuBCT71K6XWy1FGLkpt+L1zjSOwUjVUCosdK6A+DP6bBiehJRZfepPuYSzAY3XCNkSUhAqeqYxB2qrr8Nk+niQSDVgQPhXGQqiSJw8pR2+7d4rtJkzaVwB7qmOABgEOMC28/sQDbnlueCJ4rcvomMYHgMF0FAXbWFyOYpUXT+j+1gskiE4tIcrrYIWdH65XZRW77YZMg1iKuf0wnPTQBtrxFH1qeVVg/Uo5jTe+fVkFEzEL5VnEls+sEDagZzG4xuw7qUSYLUnadFzjzpNogcGCdNT9wspHJraq+PV9k+merDMqPzNjcriH02+2fK6qw1MyE/rRIXPTbX3cQTyjAqCYyAAAAAElFTkSuQmCC) no-repeat center center/12px 12px}.yi-modal .ml-hd{margin-bottom:12px;font-size:16px;line-height:20px;font-weight:700}.yi-modal .ml-bd{position:relative;padding-top:2px;font-size:14px;}.yi-modal .ml-bd.scroll-y{max-height:116px;overflow-y:auto;overflow-x:hidden}.yi-modal .ml-bd.scroll-x{overflow-x:auto;overflow-y:hidden}.yi-modal .ml-content{display:inline-block;text-align:left}.yi-modal .ml-ft{margin-top:18px;overflow:hidden;text-align:center}.yi-modal .ml-ft .yi-btn{margin-left:10px;margin-right:10px;border-color:#36f}.yi-modal .ml-ft .btnno,.yi-modal .ml-ft .btnok{padding-left:20px;padding-right:20px;min-width:64px;line-height:34px;border:1px solid #36f}.yi-modal .ml-ft .btnok{color:#fff;background-color:#36f}.yi-modal .ml-ft .btnno{color:#36f;background-color:#fff}.yi-modal .yi-txta{width:auto} */
.yi-modal-verify {
  width: 268px !important;
  position: absolute !important;
  left: auto !important;
  right: 20% !important;
  top: 270px !important;
  min-height: 234px;
}

.yi-modal.yi-modal-verify .ml-hd {
  padding: 0;
  text-align: left;
}

.yi-modal.yi-modal-verify .ml-bd {
  margin-top: 18px;
}

/* 登录后绑定手机号 */
.w220 {
  width: 220px;
}

.w240 {
  width: 240px;
}

.w280 {
  width: 280px;
}

.w300 {
  width: 300px;
}

.yi-frames .link,
.yi-frames .text-link {
  color: #2f3559
}

.yi-frames .base,
.yi-frames .text-base {
  color: #2f3559
}

.yi-frames .gray,
.yi-frames .text-gray {
  color: #8a8ea2
}

.yi-frames .grayer,
.yi-frames .text-grayer {
  color: #b9bccd
}

.yi-frames .text-white,
.yi-frames .white {
  color: #fff
}

.yi-frames .primary,
.yi-frames .text-primary {
  color: #36f
}

.yi-frames .success,
.yi-frames .text-success {
  color: #27bab1
}

.yi-frames .danger,
.yi-frames .error,
.yi-frames .text-danger,
.yi-frames .text-error {
  color: #f2475d
}

.yi-frames .text-warning,
.yi-frames .warning {
  color: #ff901f
}

.yi-frames .info,
.yi-frames .text-info {
  color: #2f3559
}

.yi-frames .disabled,
.yi-frames .text-disabled {
  cursor: not-allowed;
  color: #b9bccd !important
}

.yi-frames .fs12 {
  font-size: 12px
}

.yi-frames .fs14 {
  font-size: 14px
}

.yi-frames .fs16 {
  font-size: 16px
}

.yi-frames .fs18 {
  font-size: 18px
}

.yi-frames .fs20 {
  font-size: 20px
}

.yi-frames .fs22 {
  font-size: 22px
}

.yi-frames .fs24 {
  font-size: 24px
}

.yi-frames .fs26 {
  font-size: 26px
}

.yi-frames .fs28 {
  font-size: 28px
}

.yi-frames .fs30 {
  font-size: 30px
}

.yi-frames .fs32 {
  font-size: 32px
}

.yi-frames .mt0 {
  margin-top: 0 !important
}

.yi-frames .mr0 {
  margin-right: 0 !important
}

.yi-frames .mb0 {
  margin-bottom: 0 !important
}

.yi-frames .ml0 {
  margin-left: 0 !important
}

.yi-frames .mt-0 {
  margin-top: 0 !important
}

.yi-frames .mr-0 {
  margin-right: 0 !important
}

.yi-frames .mb-0 {
  margin-bottom: 0 !important
}

.yi-frames .ml-0 {
  margin-left: 0 !important
}

.yi-frames .mt4 {
  margin-top: 4px !important
}

.yi-frames .mr4 {
  margin-right: 4px !important
}

.yi-frames .mb4 {
  margin-bottom: 4px !important
}

.yi-frames .ml4 {
  margin-left: 4px !important
}

.yi-frames .mt-4 {
  margin-top: -4px !important
}

.yi-frames .mr-4 {
  margin-right: -4px !important
}

.yi-frames .mb-4 {
  margin-bottom: -4px !important
}

.yi-frames .ml-4 {
  margin-left: -4px !important
}

.yi-frames .mt8 {
  margin-top: 8px !important
}

.yi-frames .mr8 {
  margin-right: 8px !important
}

.yi-frames .mb8 {
  margin-bottom: 8px !important
}

.yi-frames .ml8 {
  margin-left: 8px !important
}

.yi-frames .mt-8 {
  margin-top: -8px !important
}

.yi-frames .mr-8 {
  margin-right: -8px !important
}

.yi-frames .mb-8 {
  margin-bottom: -8px !important
}

.yi-frames .ml-8 {
  margin-left: -8px !important
}

.yi-frames .mt12 {
  margin-top: 12px !important
}

.yi-frames .mr12 {
  margin-right: 12px !important
}

.yi-frames .mb12 {
  margin-bottom: 12px !important
}

.yi-frames .ml12 {
  margin-left: 12px !important
}

.yi-frames .mt-12 {
  margin-top: -12px !important
}

.yi-frames .mr-12 {
  margin-right: -12px !important
}

.yi-frames .mb-12 {
  margin-bottom: -12px !important
}

.yi-frames .ml-12 {
  margin-left: -12px !important
}

.yi-frames .mt16 {
  margin-top: 16px !important
}

.yi-frames .mr16 {
  margin-right: 16px !important
}

.yi-frames .mb16 {
  margin-bottom: 16px !important
}

.yi-frames .ml16 {
  margin-left: 16px !important
}

.yi-frames .mt-16 {
  margin-top: -16px !important
}

.yi-frames .mr-16 {
  margin-right: -16px !important
}

.yi-frames .mb-16 {
  margin-bottom: -16px !important
}

.yi-frames .ml-16 {
  margin-left: -16px !important
}

.yi-frames .mt20 {
  margin-top: 20px !important
}

.yi-frames .mr20 {
  margin-right: 20px !important
}

.yi-frames .mb20 {
  margin-bottom: 20px !important
}

.yi-frames .ml20 {
  margin-left: 20px !important
}

.yi-frames .mt-20 {
  margin-top: -20px !important
}

.yi-frames .mr-20 {
  margin-right: -20px !important
}

.yi-frames .mb-20 {
  margin-bottom: -20px !important
}

.yi-frames .ml-20 {
  margin-left: -20px !important
}

.yi-frames .mt24 {
  margin-top: 24px !important
}

.yi-frames .mr24 {
  margin-right: 24px !important
}

.yi-frames .mb24 {
  margin-bottom: 24px !important
}

.yi-frames .ml24 {
  margin-left: 24px !important
}

.yi-frames .mt-24 {
  margin-top: -24px !important
}

.yi-frames .mr-24 {
  margin-right: -24px !important
}

.yi-frames .mb-24 {
  margin-bottom: -24px !important
}

.yi-frames .ml-24 {
  margin-left: -24px !important
}

.yi-frames .mt28 {
  margin-top: 28px !important
}

.yi-frames .mr28 {
  margin-right: 28px !important
}

.yi-frames .mb28 {
  margin-bottom: 28px !important
}

.yi-frames .ml28 {
  margin-left: 28px !important
}

.yi-frames .mt-28 {
  margin-top: -28px !important
}

.yi-frames .mr-28 {
  margin-right: -28px !important
}

.yi-frames .mb-28 {
  margin-bottom: -28px !important
}

.yi-frames .ml-28 {
  margin-left: -28px !important
}

.yi-frames .mt32 {
  margin-top: 32px !important
}

.yi-frames .mr32 {
  margin-right: 32px !important
}

.yi-frames .mb32 {
  margin-bottom: 32px !important
}

.yi-frames .ml32 {
  margin-left: 32px !important
}

.yi-frames .mt-32 {
  margin-top: -32px !important
}

.yi-frames .mr-32 {
  margin-right: -32px !important
}

.yi-frames .mb-32 {
  margin-bottom: -32px !important
}

.yi-frames .ml-32 {
  margin-left: -32px !important
}

.yi-frames .mt36 {
  margin-top: 36px !important
}

.yi-frames .mr36 {
  margin-right: 36px !important
}

.yi-frames .mb36 {
  margin-bottom: 36px !important
}

.yi-frames .ml36 {
  margin-left: 36px !important
}

.yi-frames .mt-36 {
  margin-top: -36px !important
}

.yi-frames .mr-36 {
  margin-right: -36px !important
}

.yi-frames .mb-36 {
  margin-bottom: -36px !important
}

.yi-frames .ml-36 {
  margin-left: -36px !important
}

.yi-frames .mt40 {
  margin-top: 40px !important
}

.yi-frames .mr40 {
  margin-right: 40px !important
}

.yi-frames .mb40 {
  margin-bottom: 40px !important
}

.yi-frames .ml40 {
  margin-left: 40px !important
}

.yi-frames .mt-40 {
  margin-top: -40px !important
}

.yi-frames .mr-40 {
  margin-right: -40px !important
}

.yi-frames .mb-40 {
  margin-bottom: -40px !important
}

.yi-frames .ml-40 {
  margin-left: -40px !important
}

.yi-frames .mt44 {
  margin-top: 44px !important
}

.yi-frames .mr44 {
  margin-right: 44px !important
}

.yi-frames .mb44 {
  margin-bottom: 44px !important
}

.yi-frames .ml44 {
  margin-left: 44px !important
}

.yi-frames .mt-44 {
  margin-top: -44px !important
}

.yi-frames .mr-44 {
  margin-right: -44px !important
}

.yi-frames .mb-44 {
  margin-bottom: -44px !important
}

.yi-frames .ml-44 {
  margin-left: -44px !important
}

.yi-frames .mt48 {
  margin-top: 48px !important
}

.yi-frames .mr48 {
  margin-right: 48px !important
}

.yi-frames .mb48 {
  margin-bottom: 48px !important
}

.yi-frames .ml48 {
  margin-left: 48px !important
}

.yi-frames .mt-48 {
  margin-top: -48px !important
}

.yi-frames .mr-48 {
  margin-right: -48px !important
}

.yi-frames .mb-48 {
  margin-bottom: -48px !important
}

.yi-frames .ml-48 {
  margin-left: -48px !important
}

.yi-frames .mt52 {
  margin-top: 52px !important
}

.yi-frames .mr52 {
  margin-right: 52px !important
}

.yi-frames .mb52 {
  margin-bottom: 52px !important
}

.yi-frames .ml52 {
  margin-left: 52px !important
}

.yi-frames .mt-52 {
  margin-top: -52px !important
}

.yi-frames .mr-52 {
  margin-right: -52px !important
}

.yi-frames .mb-52 {
  margin-bottom: -52px !important
}

.yi-frames .ml-52 {
  margin-left: -52px !important
}

.yi-frames .mt56 {
  margin-top: 56px !important
}

.yi-frames .mr56 {
  margin-right: 56px !important
}

.yi-frames .mb56 {
  margin-bottom: 56px !important
}

.yi-frames .ml56 {
  margin-left: 56px !important
}

.yi-frames .mt-56 {
  margin-top: -56px !important
}

.yi-frames .mr-56 {
  margin-right: -56px !important
}

.yi-frames .mb-56 {
  margin-bottom: -56px !important
}

.yi-frames .ml-56 {
  margin-left: -56px !important
}

.yi-frames .mt60 {
  margin-top: 60px !important
}

.yi-frames .mr60 {
  margin-right: 60px !important
}

.yi-frames .mb60 {
  margin-bottom: 60px !important
}

.yi-frames .ml60 {
  margin-left: 60px !important
}

.yi-frames .mt-60 {
  margin-top: -60px !important
}

.yi-frames .mr-60 {
  margin-right: -60px !important
}

.yi-frames .mb-60 {
  margin-bottom: -60px !important
}

.yi-frames .ml-60 {
  margin-left: -60px !important
}

.yi-frames .mt64 {
  margin-top: 64px !important
}

.yi-frames .mr64 {
  margin-right: 64px !important
}

.yi-frames .mb64 {
  margin-bottom: 64px !important
}

.yi-frames .ml64 {
  margin-left: 64px !important
}

.yi-frames .mt-64 {
  margin-top: -64px !important
}

.yi-frames .mr-64 {
  margin-right: -64px !important
}

.yi-frames .mb-64 {
  margin-bottom: -64px !important
}

.yi-frames .ml-64 {
  margin-left: -64px !important
}

.yi-frames .mt100 {
  margin-top: 100px !important
}

.yi-frames .mt200 {
  margin-top: 200px !important
}

.yi-frames .mt300 {
  margin-top: 300px !important
}

.yi-frames .mt400 {
  margin-top: 400px !important
}

.yi-frames .mt500 {
  margin-top: 500px !important
}

.yi-frames .mr100 {
  margin-right: 100px !important
}

.yi-frames .mr200 {
  margin-right: 200px !important
}

.yi-frames .mr300 {
  margin-right: 300px !important
}

.yi-frames .mr400 {
  margin-right: 400px !important
}

.yi-frames .mr500 {
  margin-right: 500px !important
}

.yi-frames .mb100 {
  margin-bottom: 100px !important
}

.yi-frames .mb200 {
  margin-bottom: 200px !important
}

.yi-frames .mb300 {
  margin-bottom: 300px !important
}

.yi-frames .mb400 {
  margin-bottom: 400px !important
}

.yi-frames .mb500 {
  margin-bottom: 500px !important
}

.yi-frames .ml100 {
  margin-left: 100px !important
}

.yi-frames .ml200 {
  margin-left: 200px !important
}

.yi-frames .ml300 {
  margin-left: 300px !important
}

.yi-frames .ml400 {
  margin-left: 400px !important
}

.yi-frames .ml500 {
  margin-left: 500px !important
}

.yi-frames .pt0 {
  padding-top: 0 !important
}

.yi-frames .pr0 {
  padding-right: 0 !important
}

.yi-frames .pb0 {
  padding-bottom: 0 !important
}

.yi-frames .pl0 {
  padding-left: 0 !important
}

.yi-frames .pt4 {
  padding-top: 4px !important
}

.yi-frames .pr4 {
  padding-right: 4px !important
}

.yi-frames .pb4 {
  padding-bottom: 4px !important
}

.yi-frames .pl4 {
  padding-left: 4px !important
}

.yi-frames .pt8 {
  padding-top: 8px !important
}

.yi-frames .pr8 {
  padding-right: 8px !important
}

.yi-frames .pb8 {
  padding-bottom: 8px !important
}

.yi-frames .pl8 {
  padding-left: 8px !important
}

.yi-frames .pt12 {
  padding-top: 12px !important
}

.yi-frames .pr12 {
  padding-right: 12px !important
}

.yi-frames .pb12 {
  padding-bottom: 12px !important
}

.yi-frames .pl12 {
  padding-left: 12px !important
}

.yi-frames .pt16 {
  padding-top: 16px !important
}

.yi-frames .pr16 {
  padding-right: 16px !important
}

.yi-frames .pb16 {
  padding-bottom: 16px !important
}

.yi-frames .pl16 {
  padding-left: 16px !important
}

.yi-frames .pt20 {
  padding-top: 20px !important
}

.yi-frames .pr20 {
  padding-right: 20px !important
}

.yi-frames .pb20 {
  padding-bottom: 20px !important
}

.yi-frames .pl20 {
  padding-left: 20px !important
}

.yi-frames .pt24 {
  padding-top: 24px !important
}

.yi-frames .pr24 {
  padding-right: 24px !important
}

.yi-frames .pb24 {
  padding-bottom: 24px !important
}

.yi-frames .pl24 {
  padding-left: 24px !important
}

.yi-frames .pt28 {
  padding-top: 28px !important
}

.yi-frames .pr28 {
  padding-right: 28px !important
}

.yi-frames .pb28 {
  padding-bottom: 28px !important
}

.yi-frames .pl28 {
  padding-left: 28px !important
}

.yi-frames .pt32 {
  padding-top: 32px !important
}

.yi-frames .pr32 {
  padding-right: 32px !important
}

.yi-frames .pb32 {
  padding-bottom: 32px !important
}

.yi-frames .pl32 {
  padding-left: 32px !important
}

.yi-frames .pt36 {
  padding-top: 36px !important
}

.yi-frames .pr36 {
  padding-right: 36px !important
}

.yi-frames .pb36 {
  padding-bottom: 36px !important
}

.yi-frames .pl36 {
  padding-left: 36px !important
}

.yi-frames .pt40 {
  padding-top: 40px !important
}

.yi-frames .pr40 {
  padding-right: 40px !important
}

.yi-frames .pb40 {
  padding-bottom: 40px !important
}

.yi-frames .pl40 {
  padding-left: 40px !important
}

.yi-frames .pt44 {
  padding-top: 44px !important
}

.yi-frames .pr44 {
  padding-right: 44px !important
}

.yi-frames .pb44 {
  padding-bottom: 44px !important
}

.yi-frames .pl44 {
  padding-left: 44px !important
}

.yi-frames .pt48 {
  padding-top: 48px !important
}

.yi-frames .pr48 {
  padding-right: 48px !important
}

.yi-frames .pb48 {
  padding-bottom: 48px !important
}

.yi-frames .pl48 {
  padding-left: 48px !important
}

.yi-frames .pt52 {
  padding-top: 52px !important
}

.yi-frames .pr52 {
  padding-right: 52px !important
}

.yi-frames .pb52 {
  padding-bottom: 52px !important
}

.yi-frames .pl52 {
  padding-left: 52px !important
}

.yi-frames .pt56 {
  padding-top: 56px !important
}

.yi-frames .pr56 {
  padding-right: 56px !important
}

.yi-frames .pb56 {
  padding-bottom: 56px !important
}

.yi-frames .pl56 {
  padding-left: 56px !important
}

.yi-frames .pt60 {
  padding-top: 60px !important
}

.yi-frames .pr60 {
  padding-right: 60px !important
}

.yi-frames .pb60 {
  padding-bottom: 60px !important
}

.yi-frames .pl60 {
  padding-left: 60px !important
}

.yi-frames .pt64 {
  padding-top: 64px !important
}

.yi-frames .pr64 {
  padding-right: 64px !important
}

.yi-frames .pb64 {
  padding-bottom: 64px !important
}

.yi-frames .pl64 {
  padding-left: 64px !important
}

.yi-frames .pt100 {
  padding-top: 100px !important
}

.yi-frames .pt200 {
  padding-top: 200px !important
}

.yi-frames .pt300 {
  padding-top: 300px !important
}

.yi-frames .pt400 {
  padding-top: 400px !important
}

.yi-frames .pt500 {
  padding-top: 500px !important
}

.yi-frames .pr100 {
  padding-right: 100px !important
}

.yi-frames .pr200 {
  padding-right: 200px !important
}

.yi-frames .pr300 {
  padding-right: 300px !important
}

.yi-frames .pr400 {
  padding-right: 400px !important
}

.yi-frames .pr500 {
  padding-right: 500px !important
}

.yi-frames .pb100 {
  padding-bottom: 100px !important
}

.yi-frames .pb200 {
  padding-bottom: 200px !important
}

.yi-frames .pb300 {
  padding-bottom: 300px !important
}

.yi-frames .pb400 {
  padding-bottom: 400px !important
}

.yi-frames .pb500 {
  padding-bottom: 500px !important
}

.yi-frames .pl100 {
  padding-left: 100px !important
}

.yi-frames .pl200 {
  padding-left: 200px !important
}

.yi-frames .pl300 {
  padding-left: 300px !important
}

.yi-frames .pl400 {
  padding-left: 400px !important
}

.yi-frames .pl500 {
  padding-left: 500px !important
}

.yi-frames .yi-fl {
  float: left !important
}

.yi-frames .yi-fr {
  float: right !important
}

.yi-frames .yi-tl {
  text-align: left !important
}

.yi-frames .yi-tc {
  text-align: center !important
}

.yi-frames .yi-tr {
  text-align: right !important
}

.yi-frames .yi-btn-text {
  display: inline-block;
  min-width: auto;
  cursor: pointer;
  color: #36f;
  font-size: 14px;
  line-height: 30px;
  vertical-align: middle
}

.yi-frames .yi-btn {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
  min-width: 88px;
  cursor: pointer;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.yi-frames .yi-btn.block {
  padding-left: 0;
  padding-right: 0;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.yi-frames .yi-btn.lg {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 104px;
  line-height: 34px
}

.yi-frames .yi-btn.sm {
  padding-left: 12px;
  padding-right: 12px;
  min-width: 68px;
  line-height: 26px
}

.yi-frames .yi-btn.xs {
  padding-left: 8px;
  padding-right: 8px;
  min-width: 48px;
  font-size: 12px;
  line-height: 22px
}

.yi-frames .yi-btn[disabled] {
  cursor: not-allowed
}

.yi-frames .yi-btn.bor-danger.disabled,
.yi-frames .yi-btn.bor-info.disabled,
.yi-frames .yi-btn.bor-primary.disabled,
.yi-frames .yi-btn.bor-success.disabled,
.yi-frames .yi-btn.bor-warning.disabled {
  color: #b9bccd;
  border-color: #eaeaee !important
}

.yi-frames .yi-btn.bor-primary {
  color: #36f
}

.yi-frames .yi-btn.bor-primary:not(.disabled):hover {
  color: #3150b4;
  border-color: #3150b4
}

.yi-frames .yi-btn.bor-success {
  color: #27bab1
}

.yi-frames .yi-btn.bor-danger {
  color: #f2475d
}

.yi-frames .yi-btn.bor-warning {
  color: #ff901f
}

.yi-frames .yi-btn.bor-info {
  color: #2f3559
}

.yi-frames .yi-btn.bg-danger,
.yi-frames .yi-btn.bg-primary,
.yi-frames .yi-btn.bg-success,
.yi-frames .yi-btn.bg-warning {
  color: #fff !important
}

.yi-frames .yi-btn.bg-danger.disabled,
.yi-frames .yi-btn.bg-danger[disabled],
.yi-frames .yi-btn.bg-danger[disabled]:hover,
.yi-frames .yi-btn.bg-primary.disabled,
.yi-frames .yi-btn.bg-primary[disabled],
.yi-frames .yi-btn.bg-primary[disabled]:hover,
.yi-frames .yi-btn.bg-success.disabled,
.yi-frames .yi-btn.bg-success[disabled],
.yi-frames .yi-btn.bg-success[disabled]:hover,
.yi-frames .yi-btn.bg-warning.disabled,
.yi-frames .yi-btn.bg-warning[disabled],
.yi-frames .yi-btn.bg-warning[disabled]:hover {
  color: #fff !important;
  background-color: #b9bccd;
  border-color: #b9bccd !important
}

.yi-frames .yi-btn.bg-primary:not(.disabled):hover {
  background-color: #315ce1
}

.yi-frames .yi-btn.load {
  padding-left: 30px;
  background: url(https://ychb-img.bitautoimg.com/das/fe/yi-widget/pc-widget/other/load.gif?v=50c5e3e79b) no-repeat 10px center/14px 14px
}

.yi-frames .yi-btn.ghost {
  border: 1px solid transparent
}

.yi-frames .yi-notify {
  position: relative;
  padding: 12px 40px 12px 20px;
  font-size: 12px;
  line-height: 1.5;
  border: 1px solid;
  border-radius: 8px
}

.yi-frames .yi-notify.primary {
  border-color: #c1d1ff;
  background-color: #eff3ff
}

.yi-frames .yi-notify.success {
  border-color: #beeae7;
  background-color: #eefaf9
}

.yi-frames .yi-notify.danger {
  border-color: #fbc7ce;
  background-color: #fef1f2
}

.yi-frames .yi-notify.warning {
  border-color: #fdb;
  background-color: #fff7ed
}

.yi-frames .yi-notify.info {
  border-color: #dfe0e6;
  background-color: #fff
}

.yi-frames .yi-notify dl {
  position: relative;
  padding-left: 70px;
  overflow: hidden;
  zoom: 1
}

.yi-frames .yi-notify dt {
  position: absolute;
  left: 0;
  top: 0
}

.yi-frames .yi-notify dd {
  padding-left: 1.16em;
  text-indent: -1.16em
}

.yi-frames .yi-notify dd+dd {
  margin-top: 4px
}

.yi-frames .yi-row {
  position: relative;
  line-height: 28px;
  zoom: 1
}

.yi-frames .yi-row:after,
.yi-frames .yi-row:before {
  content: "";
  display: table
}

.yi-frames .yi-row:after {
  clear: both
}

.yi-frames .yi-row.row1,
.yi-frames .yi-row.row2 {
  padding-left: 50px
}

.yi-frames .yi-row.row1>.col-tit,
.yi-frames .yi-row.row2>.col-tit {
  width: 44px
}

.yi-frames .yi-row.row3 {
  padding-left: 62px
}

.yi-frames .yi-row.row3>.col-tit {
  width: 58px
}

.yi-frames .yi-row.row4 {
  padding-left: 76px
}

.yi-frames .yi-row.row4>.col-tit {
  width: 72px
}

.yi-frames .yi-row.row5 {
  padding-left: 90px
}

.yi-frames .yi-row.row5>.col-tit {
  width: 86px
}

.yi-frames .yi-row.row6 {
  padding-left: 104px
}

.yi-frames .yi-row.row6>.col-tit {
  width: 100px
}

.yi-frames .yi-row.row7 {
  padding-left: 118px
}

.yi-frames .yi-row.row7>.col-tit {
  width: 114px
}

.yi-frames .yi-row.row8 {
  padding-left: 132px
}

.yi-frames .yi-row.row8>.col-tit {
  width: 128px
}

.yi-frames .yi-row.row9 {
  padding-left: 146px
}

.yi-frames .yi-row.row9>.col-tit {
  width: 142px
}

.yi-frames .yi-row.row10 {
  padding-left: 160px
}

.yi-frames .yi-row.row10>.col-tit {
  width: 156px
}

.yi-frames .yi-row.row1,
.yi-frames .yi-row.row10,
.yi-frames .yi-row.row2,
.yi-frames .yi-row.row3,
.yi-frames .yi-row.row4,
.yi-frames .yi-row.row5,
.yi-frames .yi-row.row6,
.yi-frames .yi-row.row7,
.yi-frames .yi-row.row8,
.yi-frames .yi-row.row9 {
  min-height: 28px
}

.yi-frames .yi-row.row10>.col-tit,
.yi-frames .yi-row.row1>.col-tit,
.yi-frames .yi-row.row2>.col-tit,
.yi-frames .yi-row.row3>.col-tit,
.yi-frames .yi-row.row4>.col-tit,
.yi-frames .yi-row.row5>.col-tit,
.yi-frames .yi-row.row6>.col-tit,
.yi-frames .yi-row.row7>.col-tit,
.yi-frames .yi-row.row8>.col-tit,
.yi-frames .yi-row.row9>.col-tit {
  position: absolute;
  left: 0;
  top: 0;
  text-align: right
}

.yi-frames .yi-row .col24 {
  width: 100%
}

.yi-frames .yi-row .col23 {
  width: 95.83333%
}

.yi-frames .yi-row .col22 {
  width: 91.66667%
}

.yi-frames .yi-row .col21 {
  width: 87.5%
}

.yi-frames .yi-row .col20 {
  width: 83.33333%
}

.yi-frames .yi-row .col19 {
  width: 79.16667%
}

.yi-frames .yi-row .col18 {
  width: 75%
}

.yi-frames .yi-row .col17 {
  width: 70.83333%
}

.yi-frames .yi-row .col16 {
  width: 66.66667%
}

.yi-frames .yi-row .col15 {
  width: 62.5%
}

.yi-frames .yi-row .col14 {
  width: 58.33333%
}

.yi-frames .yi-row .col13 {
  width: 54.16667%
}

.yi-frames .yi-row .col12 {
  width: 50%
}

.yi-frames .yi-row .col11 {
  width: 45.83333%
}

.yi-frames .yi-row .col10 {
  width: 41.66667%
}

.yi-frames .yi-row .col9 {
  width: 37.5%
}

.yi-frames .yi-row .col8 {
  width: 33.33333%
}

.yi-frames .yi-row .col7 {
  width: 29.16667%
}

.yi-frames .yi-row .col6 {
  width: 25%
}

.yi-frames .yi-row .col5 {
  width: 20%
}

.yi-frames .yi-row .col4 {
  width: 16.66667%
}

.yi-frames .yi-row .col3 {
  width: 12.5%
}

.yi-frames .yi-row .col2 {
  width: 8.33333%
}

.yi-frames .yi-row .col1 {
  width: 4.16667%
}

.yi-frames .yi-row>* {
  min-height: 1px;
  float: left;
  zoom: 1
}

.yi-frames .yi-row>:after,
.yi-frames .yi-row>:before {
  content: "";
  display: table
}

.yi-frames .yi-row>:after {
  clear: both
}

.yi-frames .yi-row>.col-nofl,
.yi-frames .yi-row>.nofl {
  float: none
}

.yi-frames .yi-row>.col-nofl.yi-tr,
.yi-frames .yi-row>.nofl.yi-tr {
  text-align: left !important
}

.yi-frames .yi-row>.auto {
  width: auto
}

.yi-frames .yi-input,
.yi-frames .yi-select,
.yi-frames .yi-textarea,
.yi-frames .yi-txta {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #eaeaee;
  border-radius: 2px
}

.yi-frames .yi-input.focus,
.yi-frames .yi-input:hover,
.yi-frames .yi-select.focus,
.yi-frames .yi-select:hover,
.yi-frames .yi-textarea.focus,
.yi-frames .yi-textarea:hover,
.yi-frames .yi-txta.focus,
.yi-frames .yi-txta:hover {
  color: #2f3559;
  border: 1px solid #36f
}

.yi-frames .yi-input.disabled,
.yi-frames .yi-select.disabled,
.yi-frames .yi-textarea.disabled,
.yi-frames .yi-txta.disabled {
  border-color: #eaeaee;
  background-color: #f5f5f5
}

.yi-frames .yi-input.disabled>*,
.yi-frames .yi-select.disabled>*,
.yi-frames .yi-textarea.disabled>*,
.yi-frames .yi-txta.disabled>* {
  cursor: not-allowed;
  color: #b9bccd
}

.yi-frames .yi-input.error,
.yi-frames .yi-select.error,
.yi-frames .yi-textarea.error,
.yi-frames .yi-txta.error {
  border: 1px solid #f2475d
}

.yi-frames .yi-input,
.yi-frames .yi-textarea,
.yi-frames .yi-txta {
  padding-left: 8px;
  padding-right: 8px
}

.yi-frames .yi-input,
.yi-frames .yi-select {
  height: 26px
}

.yi-frames .yi-input {
  width: 122px;
  line-height: 26px
}

.yi-frames .yi-input.cn1 input {
  width: 88%
}

.yi-frames .yi-input.big {
  width: 322px
}

.yi-frames .yi-input.big.cn1 input {
  width: 95%
}

.yi-frames .yi-input.lg {
  width: 222px
}

.yi-frames .yi-input.lg.cn1 input {
  width: 93%
}

.yi-frames .yi-input.sm {
  width: 82px
}

.yi-frames .yi-input.sm.cn1 input {
  width: 82%
}

.yi-frames .yi-input.xs {
  width: 46px
}

.yi-frames .yi-input.yi-count input {
  width: 60%
}

.yi-frames .yi-input.yi-count.big input {
  width: 85%
}

.yi-frames .yi-input.yi-count.lg input {
  width: 77%
}

.yi-frames .yi-input.date {
  width: 122px !important;
  background: #fff url(https://ychb-img.bitautoimg.com/das/fe/yi-widget/m-widget/other/icon-date.png?v=7aa10c0987) no-repeat right center
}

.yi-frames .yi-input.date.w84 {
  width: 104px !important
}

.yi-frames .yi-input input {
  width: 100%;
  height: 26px;
  vertical-align: top;
  border: none;
}

.yi-frames .yi-input .count-msg {
  top: 0
}

.yi-frames .bg-primary {
  background-color: #36f
}

.yi-frames .bg-success {
  background-color: #27bab1
}

.yi-frames .bg-danger {
  background-color: #f2475d
}

.yi-frames .bg-warning {
  background-color: #ff901f
}

.yi-frames .bg-info {
  background-color: #2f3559
}

.yi-frames .bor-primary {
  border-color: #36f
}

.yi-frames .bor-success {
  border-color: #27bab1
}

.yi-frames .bor-danger {
  border-color: #f2475d
}

.yi-frames .bor-warning {
  border-color: #ff901f
}

.yi-frames .bor-info {
  border-color: #2f3559
}

.yi-frames .yi-modal.modal-block {
  display: block;
}

body.index button,
body.index input,
body.index select,
body.index textarea {
  outline: 0;
  border: none;
  vertical-align: baseline;
  background: 0 0
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b9bccd
}

input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  color: #b9bccd
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #b9bccd
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b9bccd
}

body.index .main-body {
  margin: 20px auto;
  max-width: 1200px;
  min-height: 576px;
  background-color: #fff;
}

body.index .main-content__component {
  margin-top: 40px;
  padding-left: 360px;
  width: 320px;
}

.yi-frames .yi-row>* {
  float: left;
}

.yi-frames .yi-row .col-tit {
  position: absolute;
  left: 0;
  top: 0;
  width: 72px;
}

.yi-frames .w100 {
  width: 100px !important
}

.yi-footer {
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background-color: #3c75ff
}

.yi-footer a {
  color: #fff;
}

#mpanelModal {
  margin-top: -140px;
}

.login-jxs__list {
  max-height: 235px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #eaeaee;
  border-radius: 4px
}

.login-jxs__list li {
  padding-left: 16px;
  cursor: pointer;
  height: 52px;
  line-height: 52px
}

.login-jxs__list li:hover {
  background-color: #f7f9ff
}

/* ie 模式弹框样式 */
.yi-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 888;
  display: none;
  background: url(//ychb-img.bitautoimg.com/das/fe/cdnImg/bg-mask__50.png) repeat;
}

.yi-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999;
  margin-left: -200px;
  margin-top: -125px;
  padding: 26px 20px 20px;
  width: 360px;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
}

/* ie 提示样式 */
.ie9 .yi-mask__tips,
.ie9 .yi-modal__tips {
  display: block;
}

.ie9 .yi-modal__tips {
  display: block;
  width: 360px;
  margin-top: -100px;
  margin-left: -200px;
  font-size: 18px;
  line-height: 1.6;
}