.banner { height: 5.2rem; }
.banner .swiper-wrapper { height: 100%; }
.banner .swiper-lazy-preloader { width: 36px; height: 36px; margin: -18px 0 0 -18px; }
.banner .item { height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; }
.banner .swiper-pagination-bullet { background-color: #fff; opacity: 1; }
.banner .swiper-pagination-bullet-active { background-color: #ca0e25; }

.index-nav { margin: 0 0 10px; }
.index-nav .list { padding: .22rem 0; }
.index-nav .list .col { text-align: center; margin: .27rem 0; }
.index-nav .list .ico { display: block; height: 1.45rem; background-repeat: no-repeat; background-position: center top; -webkit-background-size: auto 100%; background-size: auto 100%; }
.index-nav .list .label { margin-top: .15rem; line-height: 1; color: #555; font-size: 12px; }

.index-promo { margin-bottom: 10px; overflow: hidden; background-color: #fff; }
.index-promo .list { overflow: hidden; }
.index-promo .col { position: relative; float: left; width: 33%; height: 4.4rem; text-align: center; line-height: 1; border-right: 1px solid #f4f4f4; }
.index-promo .col-count { width: 34%; border-right: none; }
.index-promo .tit { margin-top: .3rem; font-size: .42rem; color: #ca0e25; }
.index-promo .stit { margin-top: .12rem; font-size: .36rem; color: #999; }
.index-promo .figure { width: 2.7rem; margin: .1rem auto 0; }
.index-promo .figure .img { padding-bottom: 111.111111%; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% auto; background-size: 100% auto; }
.index-promo .bar { position: absolute; right: 0; bottom: 0; left: 0; height:.8rem; white-space: nowrap; background-color: #ca0e25; }
.index-promo .bar-tip { font-size:14px; color:#fff; text-align:center; line-height:.8rem; }
.index-promo .countdown { position: absolute; top: 50%; right: .2rem; margin-top: -.44rem; font-size: 0; text-align: right; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: right center; transform-origin: right center; }
.index-promo .countdown .card { display: inline-block; vertical-align: middle; text-align: center; padding: 0 1px; height: .88rem; line-height: .88rem; font-size: .58rem; color: #ca0e25; background-color: #fff; -webkit-border-radius: 2px; border-radius: 2px; }
.index-promo .countdown .divider { display: inline-block; vertical-align: middle; padding: 0 .1rem; font-size: .58rem; color: #fff; }
.index-promo .info { position: absolute; bottom: 1rem; left: 0; width: 200%; padding: 0 .4rem; text-align: left; line-height: 1.2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left bottom; transform-origin: left bottom; }
.index-promo .info .name { display: block; width: .1px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #999; font-size: .56rem; }
.index-promo .info .price { font-size: .6rem; color: #f00909; }

.index-pdt { margin-bottom: 10px; }
.index-pdt .section { /*padding-top: 26.815%;*/ background-repeat: no-repeat; background-position: center top; -webkit-background-size: 100% auto; background-size: 100% auto; }
/*.index-pdt .plist { padding: 0 5px 5px; }*/
.index-pdt .plist li {/* padding: 0 5px;*/ margin-bottom: 10px; }
.index-pdt .plist li.mui-col-xs-12 { /*padding: 0 5px;*/ margin:0;}
.index-pdt .plist .titles span{
    padding: 0 15px;
}
*{
    margin: 0;
    padding: 0;
}
body{
    font-family: "微软雅黑";
}
header{
    width: 100%;
    height: 150px;
}
input[type='file']{
    display: none;
}
.width100{
    width: 100%;
}
.width90{
    width: 90%;
}
.pd0{
    padding: 0px;
    margin: 0px;
}
.pd-top5{
    padding-top: 5px;
}
.pd-top15{
    padding-top: 15px;
}
.pd-tb10{
    padding: 10px 0;
}
.pd-tb20{
    padding: 20px 0;
}
.pd-lr10{
    padding: 0 10px;
}
.border{
    border:1px solid #ccc;
}
.border-none{
    border: none;
}
.border-bottom{
    border-bottom:1px solid #ccc;
}
.border-top{
    border-top:1px solid #ccc;
}
.border-bottom{
    border-bottom:1px solid #ccc;
}
.height200{
    height: 200px;
}
.pd5{
    padding: 5px;
}
.pd7{
    padding: 7px;
}
.pd8{
    padding: 8px;
}
.pd10{
    padding: 10px;
}
.pd15{
    padding: 15px;
}
.pd20{
    padding: 20px;
}
.mg5{
    margin: 5px;
}
.mg10{
    margin: 10px;
}
.mg-tb10{
    margin: 10px 0;
}
.mg15{
    margin: 15px;
}
.mg20{
    margin: 20px;
}
.mb15{
    margin-bottom: 15px;
}
.mb10{
    margin-bottom: 10px;
}
.fs12{
    font-size: 12px;
}
.fs14{
    font-size: 14px;
}
.fs16{
    font-size: 16px;
}
.fs18{
    font-size: 18px;
}
.fs20{
    font-size: 20px;
}
.fs22{
    font-size: 22px;
}
.fs30{
    font-size: 30px;
}
.fs4em{
    font-size: 4em;
}
.red{
    color: red;
}
.fff{
    color: #fff;
}
.ccc{
    color: #ccc;
}
.lan{
    color: #009BFF;
}
.bgl{
    background-color: #009BFF;
    color: #fff;
}
.bgc{
    background-color: #ccc;
}
.bgcheng{
    background-color: #FF9800;
}
.bgfen{
    background-color: #FFC0CB;
}
.bgyellow{
    background-color: yellow;
}
.fixed{
    position: fixed;
    width: 100%;
    bottom: 0;
}
.info-local{
    display: inline-block;
    margin-left: 10px;
    padding-left: 20px;
    background: url(../images/local.png) no-repeat 5px;
    border-left: 1px solid #e3e3e3;
}
.loginout{
    width: 100%;
    display: block;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #1296DB;
    background-color: #1296DB;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
.chongzhi{
    width: 100%;
    display: block;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #1296DB;
    background-color: #1296DB;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
.tixian{
    width: 100%;
    display: block;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #1296DB;
    border-radius: 5px;
    font-size: 16px;
    color: #1296DB;
}
.goumai{
    padding: 5px 10px;
    border: 1px solid #1296DB;
    font-size: 12px;
    color: #1296DB;
}
.goumai1{
    padding: 7px 25px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
}
.fabu{
    padding: 10px 20px;
    border: 1px solid #1296DB;
    font-size: 16px;
    border-radius: 10px;
    color: #1296DB;
}
.queren{
    padding: 10px 30px;
    border: 1px solid #1296DB;
    background-color: #1296DB;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
.queren1{
    padding: 5px 20px;
    border: 1px solid #1296DB;
    background-color: #1296DB;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
.queren2{
    padding: 5px 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    color: #ccc;
}
.tijiao{
    padding: 5px 20px;
    border: 1px solid #1296DB;
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    color: #1296DB;
}
.yaoqing{
    padding: 10px 20px;
    border: 1px solid #fff;
    background-color: #FF9800;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
}
.icon-send {
    background-image: url(../images/sp_order_060e0107ad.png);
    background-position: -166px -40px;
    width: 38px;
    height: 38px;
    display: inline-block;
    right: 20px;
    top: 14px;
}
.Chatbox{
    position: fixed;
    width: 100%;
    bottom: 0;
}
.wancheng{
    position: fixed;
    top: 70px;
    right: 10px;
}
.dian{
    width: 20px;
    height: 20px;
    background-color: #259B24;
    border-radius: 10px;
    margin-left: 14px;
}
.xian{
    border-left: 1px solid #259B24;
    margin-left: 23px;
    margin-top: 5px;
}
.xian1{
    border-left: 1px solid #ccc;
    margin-left: 23px;
    margin-top: 5px;
}
    table{
      margin: 0 auto;
    }
.index-pdt .plist .item { position: relative; display: block; /*padding-top: 7px;*/ background-color: #fff; }
.index-pdt .plist .item:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dcdcdc; }
@media screen and (-webkit-min-device-pixel-ratio: 2) { .index-pdt .plist .item:after { width: 200%; height: 200%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.5); transform: scale(0.5); } }
.index-pdt .plist .figure { margin: 0 8px; }
.index-pdt .plist .figure .img { padding-bottom: 111.111111%; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% auto; background-size: 100% auto; }
.index-pdt .plist .cnt { padding: 8px; }
/*.index-pdt .plist .cnt .name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 20px; color: #444; }*/
/*.index-pdt .plist .cnt .bottom { overflow: hidden; line-height: 22px; }*/
/*.index-pdt .plist .cnt .price { float: left; font-size: 15px; color: #f00909; }*/
.index-pdt .plist .cnt .buy { float: right; padding: 0 7px; margin-left: 3px; line-height: 20px; font-size: 12px; color: #666; border: 1px solid #d7d7d7; background-color: #fbfbfb; -webkit-border-radius: 3px; border-radius: 3px; }

.index-pdt .plist .cnt .name { text-align: center; height:40px;  font-size: 14px; line-height: 40px; color: #444;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  ; }
.index-pdt .plist .cnt .demand { text-align: center; height:80px;  font-size: 14px;color: #444;overflow: hidden;  text-overflow: ellipsis;}
.index-pdt .plist .cnt .demand .demand1{
    height: 60px;
    float: left;
}
.clear{
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
p{
    margin: 0;
    padding: 2px 0;
}

.text-control {
    text-align: right;
    font-size: 14px;
    padding-top: 12px;
    padding-right: 20px;
}
.input-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.index-pdt .plist .cnt .bottom {text-align: center; overflow: hidden; line-height: 22px; }
.index-pdt .plist .cnt .price { font-size: 15px; color: #f00909; }

.index-category { margin-bottom: 10px; }
.index-category .box-hd,.index-pdt .box-hd,.ui-cells .box-hd,.index-category .box-hd{ padding: 0 10px; overflow: hidden; height: 43px; line-height: 43px; }
.index-pdt .more,.ui-cells .more,.index-category .more{ font-size:12px;}
.index-category .box-hd .tit,.index-pdt .box-hd .tit,.ui-cells .box-hd .tit,.index-category .box-hd .tit{ float: left; color: #444; font-size: 15px; }
.index-category .box-hd .tit i,.index-pdt .box-hd .tit i,.ui-cells .box-hd .tit i,.index-category .box-hd .tit i{ margin-right: 4px; font-size: 19px; color: #444; }
.index-category .grids { overflow: hidden; }
.index-category .grids .item { position: relative; display: block; padding: .55rem 0 .12rem; margin: 1px -1px -1px 0; text-align: center; }
.index-category .grids .item:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
@media screen and (-webkit-min-device-pixel-ratio: 2) { .index-category .grids .item:after { width: 200%; height: 200%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.5); transform: scale(0.5); } }
.index-category .grids .item .ico { height: 2.34rem; background-position: center; background-repeat: no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; }
.index-category .grids .item .label { margin-bottom: .12rem; font-size: .4rem; line-height: 1; color: #666; }

.wap-footer { margin-bottom: 10px; font-size: 14px; color: #666; }
.wap-footer .bar { display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; }
.wap-footer .bar .item { position: relative; display: block; width: .1px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 39px; margin: 0 -1px 0 1px; line-height: 40px; text-align: center; color: #777; }
.wap-footer .bar .item:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #d7d7d7; }
@media screen and (-webkit-min-device-pixel-ratio: 2) { .wap-footer .bar .item:after { width: 200%; height: 200%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.5); transform: scale(0.5); } }
.wap-footer .hotline { padding: 10px 0 9px; line-height: 24px; text-align: center; }
.wap-footer .hotline i { display: inline-block; vertical-align: top; height: 1px; line-height: inherit; margin-right: 4px; font-size: 22px; color: #888; }
.wap-footer .hotline .tel { font-size: 18px; font-style: italic; color: #ff0202; }
.wap-footer .ft { padding: 16px 0; font-size: 13px; line-height: 20px; color: #666; }
.wap-footer .ft .links { font-size: 0; text-align: center; }
.wap-footer .ft .links span, .wap-footer .ft .links a { display: inline-block; vertical-align: middle; color: inherit; font-size: 13px; }
.wap-footer .ft .links a { padding: 0 5px; }
.wap-footer .copyright { text-align: center; }

/*# sourceMappingURL=index.css.map */



  /*首页 热门列表*/
   .hotList {
        width: 100%;
        background-color: #fff;
        height:3rem;
        padding-top:.3rem;
        margin-bottom: .2rem;
        overflow: hidden;

    }
    .hotList .hotContent {
        width: 100%;
        height:3.4rem;
        overflow-x: scroll;
        white-space: nowrap;
        font-size: 0;
        -webkit-overflow-scrolling: touch
    }

    .hotList .hotContent::-webkit-scrollbar {
        display: none!important;
        background: transparent!important;
        height: 0!important;
    }

    .hotList .hotContent .item {
        display: inline-block;
        width: 2.4rem;
        height: 2.4rem;
        margin-right: .25rem;
        position: relative;
    }

    .hotList .item:first-child {
        margin-left: .25rem
    }
    .hotList .item img{
        display: block;
        width:2.4rem;
        height:2.4rem;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        position: absolute;
        bottom: 0;
        z-index: 1;
    }
    .hotList .item .text{
        position: absolute;
        left:0;
        bottom: 0;
        font-size: .34rem;
        width: 100%;
        line-height: 1;
        padding:.2rem 0;
        text-align: center;
        background: rgba(0,0,0,.5);
        color: #fff;
        z-index: 6;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
    }
.evaluate-list { padding: 0 10px; }
.evaluate-list .item { color: #666; padding: 12px 0; }
.evaluate-list .figure { width: 60px; border: 1px solid #d7d7d7; }
.evaluate-list .figure-box .btn { margin: 8px 0 -4px; display: block; height: 22px; line-height: 22px; font-size: 12px; }
.evaluate-list .figure .img { padding-bottom: 111.111111%; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% auto; background-size: 100% auto; }
.evaluate-list .cnt { padding: 0 0 0 10px; }
.evaluate-list .name { font-size: 13px; line-height: 17px; color: #444; }
.evaluate-list .name a { color: inherit; }
.evaluate-list .info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 20px; }
.evaluate-list .time { color: #c0c0c0; font-size: 12px; }
.evaluate-list .post { font-size: 12px; line-height: 18px; }

.ft-service {padding: 5px 10px;background-color: #fff;}
.ft-service .col {text-align: center;padding: 5px 0;}
.ft-service .ico {float: left; width:40px;height:40px;margin-right: 10px; -webkit-background-size: 100%; background-size: 100%;}
.ft-service .col-1 .ico {background-image: url(../img/ico/fs1.png);}
.ft-service .col-2 .ico {background-image: url(../img/ico/fs2.png);}
.ft-service .col-3 .ico {background-image: url(../img/ico/fs3.png);}
.ft-service .col-4 .ico {background-image: url(../img/ico/fs4.png);}
.ft-service .col .label {overflow:hidden;line-height: 40px; font-size: 12px;text-align: left;}

.upload-text{
    width: 100%;
    height: 150px;
    border: 1px dashed #d9d9d9;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
}
.upload-icon{
    padding-top: 60px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    width: 100%;
    height: 150px;
    text-align: center;
}
.upload-icon-add{
    width: 26px;
    height: 26px;
    position: relative;
    display: block;
    margin: 0 auto 30px auto;
}
.upload-icon-add:before{
    height: 100%;
    width: 6px;
    left: 10px;
    top: 0;
    content: '';
    position: absolute;
    background: #cbcbcb;
}
.upload-icon-add:after{
    width: 100%;
    height: 6px;
    top: 10px;
    left: 0;
    content: '';
    position: absolute;
    background: #cbcbcb;
}
.button-submit{
    width: 290px;
    height: 40px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #bfcbd9;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    background-color: #ee7035;
    border-color: #ee7035;
}
.table thead,tbody{
    border:1px solid #ccc;
}
.table thead > tr th{
    padding: 12px 0;
    text-align: center;
}
.table tbody > tr td{
    padding: 12px 0;
    text-align: center;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.fenye .kuan {
    text-align: center;
    width: 35px;
    height: 32px;
    margin-left: 5px;
    border: 1px solid #ccc;
}
.fenye .butt {
    padding: 8px 8px;
    margin-left: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
}