@charset "utf-8";
/*CSS reset*/
@font-face {font-family: 'webfontjx';
    src: url('//at.alicdn.com/t/webfont_nnq6pj4eu5h.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/webfont_nnq6pj4eu5h.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_nnq6pj4eu5h.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_nnq6pj4eu5h.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_nnq6pj4eu5h.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: 'webfontwb';
    src: url('//at.alicdn.com/t/webfont_iz7cv04i0c.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/webfont_iz7cv04i0c.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_iz7cv04i0c.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_iz7cv04i0c.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_iz7cv04i0c.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: 'webfontcwb';
    src: url('//at.alicdn.com/t/webfont_sg5yunke6n.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/webfont_sg5yunke6n.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_sg5yunke6n.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_sg5yunke6n.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_sg5yunke6n.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: 'webfontrg';
    src: url('//at.alicdn.com/t/webfont_rb4pap3kcyr.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/webfont_rb4pap3kcyr.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_rb4pap3kcyr.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_rb4pap3kcyr.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_rb4pap3kcyr.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
body{
    background: #fff;
    min-width: 1200px;
    height:100%;
    color: #3B3D45;
    overflow: auto;
    overflow-x: hidden;
    font: 12px/1.5 PingFang SC,Microsoft YaHei,arial,helvetica,sans-serif
}

html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

div {
    display: block;
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, a:active, a:hover {
    text-decoration: none !important;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 600;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    font-size: 100%;
    box-sizing: border-box;
}

em, i {
    font-style: normal;
}

/*文字排版*/
.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.f26 {
    font-size: 26px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f36 {
    font-size: 36px;
}

.f40 {
    font-size: 40px;
}

.f46 {
    font-size: 46px;
}

.f50 {
    font-size: 50px;
}

.fb600 {
    font-weight: 600;
}

.fb {
    font-weight: bold
}

.fn {
    font-weight: normal;
}

.t2 {
    text-indent: 2em;
}

.lh150 {
    line-height: 150%;
}

.lh180 {
    line-height: 180%;
}

.lh200 {
    line-height: 200%;
}

.unl {
    text-decoration: underline;
}

.no_unl {
    text-decoration: none;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.line-through {
    text-decoration: line-through;
}

.gray {
    color: #9FA1AC;
}

.red {
    color: #FF4000;
}

.blue {
    color: #3C65FB;
}
.colora99{color:#A99364}
/*定位*/
.txt-l {
    text-align: left;
}

.txt-c {
    text-align: center;
}

.txt-r {
    text-align: right;
}

.bc {
    margin-left: 0;
    margin-right: 0;
}

.cb {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.abs-right {
    position: absolute;
    right: 0
}

.zoom {
    zoom: 1;
}

.none {
    display: none;
}

/*长度高度*/
.w10 {
    width: 10px;
}

.w20 {
    width: 20px;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.w400 {
    width: 400px;
}

.w500 {
    width: 500px;
}

.w600 {
    width: 600px;
}

.w700 {
    width: 700px;
}

.w800 {
    width: 800px;
}

.wd100 {
    width: 100%
}

.wd80 {
    width: 80%
}

.h50 {
    height: 50px;
}

.h65 {
    height: 65px;
}

.h100 {
    height: 100px;
}

.h200 {
    height: 200px;
}

.h {
    height: 100%
}

.ovh {
    overflow: hidden
}

.hide {
    display: none;
}

.hides {
    display: none;
}

/*边距*/
.mgl4 {
    margin-left: 4px;
}

.mg10 {
    margin: 10px;
}

.mg15 {
    margin: 15px;
}

.mgl40 {
    margin-left: 40px;
}

.mgl66 {
    margin-left: 66px;
}

.mgl96 {
    margin-left: 96px;
}

.mg30 {
    margin: 30px;
}

.mgt4 {
    margin-top: 4px;
}

.mgt5 {
    margin-top: 5px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt15 {
    margin-top: 15px;
}

.mgt16 {
    margin-top: 16px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt25 {
    margin-top: 25px;
}
.mgt24{margin-top: 24px;}
.mgt30 {
    margin-top: 30px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt50 {
    margin-top: 50px;
}

.mgt60 {
    margin-top: 60px;
}

.mgt64 {
    margin-top: 64px;
}

.mgt100 {
    margin-top: 100px;
}
.mgb4{margin-bottom: 4px;}
.mgb5 {
    margin-bottom: 5px;
}

.mgb10 {
    margin-bottom: 10px;
}

.mgb15 {
    margin-bottom: 15px;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgb30 {
    margin-bottom: 30px;
}

.mgb50 {
    margin-bottom: 50px;
}

.mgb100 {
    margin-bottom: 100px;
}

.mgl5 {
    margin-left: 5px;
}

.mgl10 {
    margin-left: 10px;
}

.mgl15 {
    margin-left: 15px;
}

.mgl20 {
    margin-left: 20px;
}

.mgl30 {
    margin-left: 30px;
}

.mgl40 {
    margin-left: 40px;
}

.mgl50 {
    margin-left: 50px;
}

.mgl70 {
    margin-left: 70px;
}

.mgl80 {
    margin-left: 80px;
}

.mgl100 {
    margin-left: 100px;
}

.mgr5 {
    margin-right: 5px;
}

.mgr10 {
    margin-right: 10px;
}

.mgr15 {
    margin-right: 15px;
}

.mgr20 {
    margin-right: 20px;
}

.mgr25 {
    margin-right: 25px;
}

.mgr30 {
    margin-right: 30px;
}

.mgr40 {
    margin-right: 40px;
}

.mgr50 {
    margin-right: 50px;
}

.mgr60 {
    margin-right: 60px;
}

.mgr80 {
    margin-right: 80px;
}

.mgr100 {
    margin-right: 100px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.pd30 {
    padding: 30px;
}

.pdt5 {
    padding-top: 5px;
}

.pdt10 {
    padding-top: 10px;
}

.pdt15 {
    padding-top: 15px;
}

.pdt20 {
    padding-top: 20px;
}

.pdt30 {
    padding-top: 30px;
}

.pdt40 {
    padding-top: 40px;
}

.pdt50 {
    padding-top: 50px;
}

.pdt60 {
    padding-top: 60px;
}

.pdt80 {
    padding-top: 80px;
}

.pdt100 {
    padding-top: 100px;
}

.pdb5 {
    padding-bottom: 5px;
}

.pdb10 {
    padding-bottom: 10px;
}

.pdb15 {
    padding-bottom: 15px;
}

.pdb20 {
    padding-bottom: 20px;
}

.pdb30 {
    padding-bottom: 30px;
}

.pdb40 {
    padding-bottom: 40px;
}

.pdb50 {
    padding-bottom: 50px;
}

.pdb60 {
    padding-bottom: 60px;
}

.pdb100 {
    padding-bottom: 100px;
}

.pdl5 {
    padding-left: 5px;
}

.pdl10 {
    padding-left: 10px;
}

.pdl15 {
    padding-left: 15px;
}

.pdl20 {
    padding-left: 20px;
}

.pdl30 {
    padding-left: 30px;
}

.pdl50 {
    padding-left: 50px;
}

.pdl100 {
    padding-left: 100px;
}

.pdr5 {
    padding-right: 5px;
}

.pdr10 {
    padding-right: 10px;
}

.pdr15 {
    padding-right: 15px;
}

.pdr20 {
    padding-right: 20px;
}

.pdr30 {
    padding-right: 30px;
}

.pdr50 {
    padding-right: 50px;
}

.pdr100 {
    padding-right: 100px;
}

/* 字体颜色 */
.col333 {
    color: #333
}

.col555 {
    color: #555
}

.col666 {
    color: #666
}

.col777 {
    color: #777
}

.colccc {
    color: #ccc;
}

.colf22 {
    color: #f22222
}

.col196 {
    color: rgb(196, 196, 196) !important
}

.col2f4 {
    color: #2f40d4
}

.colf82 {
    color: #f82020
}

.colfff {
    color: white
}

.cold8b {
    color: #d8bbbb
}

/*  盒子背景 */
.bgfa {
    background-color: #fafafa
}

.bg2f4 {
    background-color: #2f40d4
}

.bgff {
    background: white
}

.bg999 {
    background: #999
}
.brd-t{border-top: 1px solid #EAEEFF}
.brd-t-t{border-top: 1px solid #F3E7CE}
/*  */
.cursor {
    cursor: pointer;
}

.cursorNot {
    cursor: not-allowed
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}
.wrap-beian a:hover p{color:#ff6a00!important}
input:focus {
    outline: none !important;
}

.ofwy-auto::-webkit-scrollbar-track-piece {
    background-color: #fff;
}

.ofwy-auto::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.ofwy-auto::-webkit-scrollbar-thumb {
    background-color: #bbb;
    background-clip: padding-box;
    min-height: 10px;
    border-radius: 10px
}

.ofwy-auto::-webkit-scrollbar-thumb:hover {
    background-color: #A0A0A0
}

.header-wrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 500ms ease;
    z-index: 99;
    min-width: 1200px;
    height: 56px;
}

.head_wrap_shrink {
    background: #fff;
    /*box-shadow: 0.2px 2px 6px 0 rgba(62, 62, 62, .24);*/
    /*-webkit-box-shadow: 0.2px 2px 6px 0 rgba(62, 62, 62, .24);*/
    /*-moz-box-shadow: 0.2px 2px 6px 0 rgba(62, 62, 62, .24);*/
    /*-o-box-shadow: 0.2px 2px 6px 0 rgba(62, 62, 62, .24);*/
    border-bottom: 2px solid #EAEEFF;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.header-wrap .header-box {
    display: flex;
    width: 1200px;
    align-items: center;
    justify-content: space-between;
}

.hd-fl img {
    width: 56px;
    height: 56px;
}
.logo-box .logo-icon{width:56px;height:56px;background: url("https://cdn3.maicheba.com/logo@3x.png") center no-repeat;background-size: 56px 56px;}
.head_wrap_shrink .logo-box .logo-icon{background-image: url("https://cdn3.maicheba.com/logo_white@3x.png");}
.hd-fl .index-addr {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: url("https://cdn3.maicheba.com/addr-icon-trangel.png") no-repeat;
    background-size: 10px 10px;
}

.hd-fl.active .index-addr {
    background-image: url("https://cdn3.maicheba.com/addr-icon-trangel-active.png");
}

.hd-fl.active span {
    color: #3C65FB
}
.logo-box .area p{margin:0!important;}
.hd-fl, .hd-right {
    display: flex;
    align-items: center;
    height: 56px;
    font-size: 15px;
    color: #3B3D45;
}

.hd-right ul, .hd-right .login-btn {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 0;
}

.hd-right li a {
    color: #3B3D45;
    display: block
}

.hd-right .login-btn {
    display: flex;
    height: 16px;
    border-left: 1px solid #9FA1AC;
    padding-left: 20px;
}

.hd-right li {
    margin-right: 40px;
    /*cursor: pointer;*/
    position: relative
}

.hd-right li:last-child {
    margin-right: 0px;
}

.hd-right li.active:after {
    content: "";
    display: block;
    /*width: 20px;*/
    width: 60%;
    border-bottom: 2px solid #3B3D45;
    position: absolute;
    bottom: -15px;
    left: 50%;
    /*margin-left: -10px;*/
    margin-left: -30%;
}
.hd-right li:hover a{color: #3C65FB;}
.hd-right li:last-child a{cursor: auto;}
.hd-right li:last-child:hover a{color: #3B3D45;}

.city-block {
    display: none;
    min-height: 260px;
    max-height: 590px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #EAEEFF;
    position: absolute;
    top: 56px;
    overflow: hidden
}

.city-block .city-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.city-block .city-wrap .hot-city {
    /*height: 40px;*/
    display: flex;
    align-items: center;
    overflow: hidden;
}
.hot-city .text{
    margin-right: 14px;
    height: 25px;
    font-size: 14px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: #3C65FB;
    line-height: 25px;}
.city-block .city-wrap a {
    float: left;
    margin-right: 14px;
    height: 25px;
    font-size: 14px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: rgba(59, 61, 69, 1);
    line-height: 25px;
}

.city-block .city-wrap a.current, .city-block .city-wrap a:hover {
    font-weight: 500;
    color: #3C65FB;
}

.all-city-list-wrap {
    /*display: flex;*/
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
    /*flex-direction: column;*/
}
.all-city-list-wrap .all-city-item{
    float: left;
    width: 50%;
    display: flex;
    margin-top: 10px;}

.all-city-list-wrap .letter {
    color: #3C65FB;
    height: 25px;
    font-size: 14px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    line-height: 25px;
}
.all-city{width:1050px;}
.footer-wrap {
    width: 100%;
    /*height: 292px;*/
    height: 320px;
    background: rgba(59, 61, 69, 1);
    display: flex;
    overflow: hidden;
}

.footer-wrap .foot-box {
    width: 1200px;
    /*height: 212px;*/
    height: 272px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 40px auto;
}
.footer-wrap .foot-box .wrap-top{
    border-bottom: 1px solid #4C4D53;
    padding-bottom: 20px;}
.footer-wrap .foot-box .wrap-top,
.footer-wrap .foot-box .wrap-bottom {
    width: 100%;
    display: flex;
    overflow: hidden;
}

.footer-wrap .foot-box .wrap-bottom {
    flex-direction: column;
}

.footer-wrap .foot-box .wrap-top .top-clo {
    float: left;
    display: flex;
    flex-direction: row;
}

.footer-wrap .foot-box .wrap-top .info-clo {
}

.footer-wrap .foot-box .wrap-top .info-clo .logo {
    width: 100px;
    height: 98px;
    text-align: center;
}

.footer-wrap .foot-box .wrap-top .info-clo img {
    width: 81px;
    height: 79px;
    display: block;
    margin:0 auto;
}

.footer-wrap .foot-box .wrap-top .info-clo .contract {
    margin-left: 30px;
    width: 406px;
    /*height:48px;*/
    font-size: 15px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: rgba(205, 207, 217, 1);
    line-height: 24px;
}

.footer-wrap .foot-box .wrap-top .info-clo .contract .dsi {
    display: inline-block;
    height: 48px;
    float: left;
}

.footer-wrap .foot-box .wrap-top .info-clo .contract span {
    display: inline
}

.footer-wrap .foot-box .wrap-top .about-clo {
    /*margin-left: 30px;*/
    margin-left: 80px;
}

.footer-wrap .foot-box .wrap-top .about-clo .code {
    margin-right: 30px;
    text-align: center;
}

.footer-wrap .foot-box .wrap-top .about-clo .code img {
    width: 100px;
    height: 100px;
    display: block
}

.footer-wrap .foot-box .wrap-top .about-clo .code p {
    margin-top: 4px;
    height: 21px;
    font-size: 15px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: rgba(205, 207, 217, 1);
    line-height: 21px;
}

.footer-wrap .foot-box .wrap-top .about-clo .link-addr {
    width: 375px;
}

.footer-wrap .foot-box .wrap-top .about-clo .link-addr .link {
    margin-bottom: 16px;
}

.footer-wrap .foot-box .wrap-top .about-clo .link-addr .link a {
    height: 21px;
    font-size: 15px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: rgba(205, 207, 217, 1);
    line-height: 21px;
    float: left;
    margin-bottom: 7px;
}

.footer-wrap .foot-box .wrap-top .about-clo .link-addr .link,
.footer-wrap .foot-box .wrap-top .about-clo .link-addr .copyright {
    overflow: hidden;
    font-size: 15px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: rgba(205, 207, 217, 1);
    line-height: 24px;
}

.footer-wrap .foot-box .wrap-bottom > div,
.footer-wrap .foot-box .wrap-bottom a {
    height: 21px;
    font-size: 13px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: rgba(119, 121, 131, 1);
    line-height: 21px;
}

.footer-wrap .foot-box .wrap-bottom a {
    margin-left: 15px;
}
.footer-wrap .foot-box .wrap-bottom a:first-child {
    margin-left: 0px;
}

.footer-wrap .foot-box .wrap-bottom > div.mgt8 {
    margin-top: 8px;
}

.sider-nav {
    width: 40px;
    height: 100%;
    background: rgba(59, 61, 69, 1);
    position: fixed;
    right: 0;
    top: 0;
    padding-top: 440px;
    z-index: 99
}

.sider-nav a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px; /*margin-bottom:20px;*/
    position: relative;
    z-index: 0;
}

.sider-nav a .icon {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background: url(https://cdn3.maicheba.com/slide-nav-download.png) no-repeat;
    background-size: 24px 24px;
    position: relative;
    z-index: 0;
}

.sider-nav a.gotop .icon {
    background-image: url(https://cdn3.maicheba.com/slide-nav-gotop.png);
}

.sider-nav a.weixin .icon {
    background-image: url(https://cdn3.maicheba.com/slide-nav-wechat.png);
}

.sider-nav a.phone .icon {
    background-image: url(https://cdn3.maicheba.com/slide-nav-phone.png);
}

.sider-nav a:hover {
    background: #5B6176;
}

.sider-nav a .txt {
    background-color: rgba(91, 97, 118, 1);;
    width: 48px;
    height: 45px;
    text-align: center;
    padding-top: 3px;
    font-size: 14px;
    color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
}

.sider-nav a:hover .txt {
    filter: alpha(opacity=100);
    opacity: 1;
}

.sider-nav a.qq .txt,
.sider-nav a.weixin .txt {
    padding-top: 15px;
    height: 33px;
}

.sider-nav a.phone:hover .phone-pop,
.sider-nav a.app:hover .app-pop,
.sider-nav a.weixin:hover .weixin-pop {
    display: block;
}

.sider-nav .pop-box {
    right: 59px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    text-align: center;
    display: none;
    position: absolute;
    width: 240px;
    align-items: center;
    padding: 20px 0;
}

.sider-nav .pop-box img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
}

.sider-nav .pop-box span {
    height: 20px;
    font-size: 14px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: rgba(59, 61, 69, 1);
    line-height: 20px;
    margin-top: 10px;
}

{
}
.sider-nav .pop-box.phone-pop p {
    height: 22px;
    font-size: 16px;
    font-family: 'webfontrg'!important;
    font-weight: 400;
    color: rgba(59, 61, 69, 1);
    line-height: 22px;
}