body{
    background: #fff;
}
.g-nav{
    position: relative;
}
#nav .nav-dex{
    display: block;
    background: rgba(0,0,0,0.5);
    top:52px;
    text-align: left;
}
#nav .nav-dex a{
    margin-left: 0;
}
#nav .nav-dex .u-tit{
    font-size: 12px;
    /*margin-right: 5%;*/
}
#nav .nav-dex .u-notit{
    margin-right: 0;
}
.g-taskbarnav .banner-r{
    position: absolute;
    z-index: 11;
    right: 10px;
    top:84px;
    background: #fff;
    line-height: normal;
    font-size: 12px;
    color: #8f8f8f;
    width: 226px;
    overflow: hidden;
    border-radius: 1em;
}
.g-taskbarnav .banner-r .tab-bot a{
    display: inline-block;
    padding: 12px 18px;
    margin-left: 0;
    font-size: 14px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    margin-top: 0px;
    border-top: 1px solid #eee;
}
.g-taskbarnav .banner-r .tabbable .nav-tabs li{
    position: relative;
}
.icon-down{
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -7px;
    display: none;
}
.nav-tabs>li.active>.icon-down, .nav-tabs>li.active>.icon-down:focus , .nav-tabs>li.active>.icon-down:hover {
    display: block;
}
.g-taskbarnav .banner-r .tab-content{
    border: 0;
    border-bottom: 1px solid #eee;
}
.g-taskbarnav .banner-r .tab-bot .u-btn{
    border-right: 1px solid #eee;
}
.g-taskbarnav .banner-r .tab-top .pull-left a{
    margin-left: 0;
    font-size: 12px;
    color: #2f549f;
}
.g-taskbarnav .banner-r .tab-top .home-usercenter{
    padding: 4px 12px;
}
.g-taskbarnav .banner-r .tab-top .p-mgl{
    margin-left: 88px;
}
.g-taskbarnav .banner-r .tab-top{
    border: 0;
}
.g-taskbarnav .nav-tabs a{
    margin-left: 0
}
.g-taskbarnav .nav-tabs .z-tit1{
    padding: 15px 22px;
    border-color: #eee;
    font-size: 14px;
}
.g-taskbarnav .nav-tabs a.z-tititm{
    padding: 15px 11px;
}

.g-taskbarnav .nav-tabs .z-tit2{
    padding: 15px 12px;
}
.g-banner .carousel-inner{
    top:-4px;
}
.g-banner .carousel-inner>.item>a>img{
    /*height: 460px;*/
}
.g-banner .carousel-inner .item .u-item1{

}
.u-grayico{
    padding: 26px 0;
    border: 1px solid #eee;
}
.s-ico{
    background: url(../images/index-ico1.png) no-repeat 50px center;
    padding: 0 41px;
    border-right: 1px solid #eee;
}

.s-ico2{
    background: url(../images/index-ico2.png) no-repeat 50px center;
}
.s-ico3{
    background: url(../images/index-ico3.png) no-repeat 50px center;
}
.s-ico4{
    background: url(../images/index-ico4.png) no-repeat 50px center;
    border-right: 0;
}
/*banner*/

.g-banner .carousel-fade .carousel-inner .item{
    opacity:0;
    -webkit-transition-property:opacity ;
    -moz-transition-property:opacity ;
    -ms-transition-property:opacity ;
    -o-transition-property:opacity ;
    transition-property:opacity ;
}

.g-banner .carousel-fade .carousel-inner .active{
    opacity: 1;
}

.g-banner .carousel-fade .carousel-inner .active.left,
.g-banner .carousel-fade .carousel-inner .active.right{
    left: 0;
    opacity: 0;
}

.g-banner .carousel-fade .carousel-inner .next.left,
.g-banner .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
/*最新任务*/
.m-task{
    /*padding:0 5px 0 0;*/
}
.s-homewrap1{
    /*display: inline-block;*/
    margin-right: 10px;
}
.u-more{
    padding-top: 21px;
    padding-right: 20px;
}
.u-more-nopd{
    padding-right: 0;
}
.m-homelist{
    /*padding: 26px 0 0 26px;*/
    overflow: hidden;
}
.m-homelist .g-taskItem{
    margin-bottom: 20px;
    overflow: hidden;
}
.s-hometit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.g-taskleft{
    height:auto;
    overflow: hidden;
    height:387px;
}
.g-taskright{
    /*padding: 0 0 0 15px;*/
}
.u-rightwrap1{
    height: 387px;
    padding: 10px 18px 18px 18px!important;
    overflow: hidden;
}
.u-rightwrap1 .mg-margin .u-rlistitem{
    padding: 12px 0;
    border-bottom: 1px dashed #d6d6d6;
    height: auto!important;
}
.mg-margin .carousel-indicators .active{
    background-color: #c4c4c4;
}
.mg-margin .carousel-indicators li{
    background: #e3e3e3;
}
/*服务商*/
.s-servicericon{
    display: inline-block;
    width: 16px;
    height:16px;
    margin-right: 4px;
    /*background: url("../images/index-icon.png") no-repeat 0 -18px;*/
}
.bank-attestation{
    background: url(../images/bank-c.png) center no-repeat;
}
.bank-attestation-no{
    background: url(../images/bank-h.png) center no-repeat;
}
.cd-card-attestation{
    background: url(../images/realname-c.png) center no-repeat;
}
.cd-card-attestation-no{
    background: url(../images/realname-h.png) center no-repeat;
}
.email-attestation{
    background: url(../images/email-c.png) center no-repeat;
}
.email-attestation-no{
    background: url(../images/email-h.png) center no-repeat;
}
.alipay-attestation{
    background: url(../images/pay-c.png) center no-repeat;
}
.alipay-attestation-no{
    background: url(../images/pay-h.png) center no-repeat;
}
.com-attestation{
    background: url(../images/com-c.png) center no-repeat;
}
.com-attestation-no{
    background: url(../images/com-h.png) center no-repeat;
}
/*.s-ico1{*/
    /*background-position: 0 0;*/
/*}*/
/*.s-ico2{*/
    /*background-position: 50px 9px;*/
/*}*/
.u-wrap1 .s-ico2{
    background-position: 0 -36px;
}
.g-servicer .g-servicer-wrap1{
    padding: 20px 27px 25px 27px;
    background: #f7f7f7;
    border-bottom: 2px solid #f0f0f0;
    overflow: hidden;
    cursor: pointer;
}
.g-servicer .g-servicer-wrap1 .u-wrap1{
    padding: 16px 0;
    border-bottom: 1px solid #e8e8e8;
}
.g-servicer .g-servicer-wrap1:hover .carousel-inner .item h4{
    color: #2f549f;
}
.g-servicer .g-servicer-wrap1 .carousel-inner .item .f-pr{
    height:235px;
    position: relative;
    overflow: hidden;
}
.g-servicer .g-servicer-wrap1 .carousel-inner .item .j-img{
    vertical-align: middle;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    width: 100%;
    height: 100%;
}
.g-servicer .g-servicer-wrap1:hover .carousel-inner .item .j-img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


.g-servicer .carousel-indicators{
    top:50px;
    height: 14px;
    bottom: 0;
}


.g-servicer li .u-index{
    cursor: pointer;
}
/*.g-servicer .u-listitem1{*/
/*padding: 0 15px 0 0;*/
/*}*/
/*.g-servicer .u-listitem2{*/
/*padding: 0 10px 0 5px;*/
/*}*/
/*.g-servicer .u-listitem3{*/
/*padding: 0 5px 0 10px;*/
/*}*/
/*.g-servicer .u-listitem4{*/
/*padding: 0 0 0 15px;*/
/*}*/
ul.g-serv{
    max-height: 453px;
    overflow: hidden;
}
ul.g-succ{
    max-height: 308px;
    overflow: hidden;
}
@media (min-width: 768px) and (max-width: 992px){
    .g-servicer .g-servicer-wrap1 .carousel-inner .item .f-pr{
        height: 166px;
    }
    ul.g-serv{
        max-height: 383px;
    }
    ul.g-succ{
        max-height: 266px;
    }

}

/*成功案例*/
.g-servicer li .u-index:hover h4 a{
    text-decoration: none;
}
.g-servicer li .u-index .f-pr{
    height: 197px;
    position: relative;
    overflow: hidden;
}
.g-servicer li .u-index .f-pr a .j-img{
    vertical-align: middle;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    height: 100%;
}
.g-servicer li .u-index:hover .f-pr a .j-img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.g-servicer .g-scueeitem1{
    padding: 18px 20px 15px 20px;
    border-bottom: 2px solid #e8e8e8;
    background: #f7f7f7;
}
.g-servicer .g-scueeitem1 .u-pd{
    padding: 10px 0 0 50px;
}
@media (min-width: 992px ) and (max-width: 1200px) {
    .g-servicer li .u-index .f-pr{
        height:208px;
    }
}
@media (min-width: 768px ) and (max-width: 991px) {
    .g-servicer li .u-index .f-pr{
        height:156px;
    }
}
@media (max-width: 767px) {
    .g-servicer li .u-index .f-pr{
        height:auto;
    }
}

/*资讯*/
.g-info .g-infoitem{
    margin-bottom: 20px;
}
.g-info .u-infowrap{
    height:158px;
    overflow: hidden;
    /*cursor: pointer;*/
    width: 158px;
}
.g-info .f-pd{
    /*padding:0 0 0 20px;*/
}
.g-info .u-infowrap img.j-img{
    height: 100%;
    vertical-align: middle;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.g-info img.j-img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.g-info .f-pd:hover .u-infowrap a{
    text-decoration: none;
}
.g-info .f-pr{
    height:340px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.g-info .f-pr a .j-img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.g-info .f-pr:hover a .j-img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.g-info .f-pr .f-prwarp{
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    background: rgba(0,0,0,0.7);

}
.g-info .f-pr .f-prwarp h5 a:hover{
    color: #ffffff;
    text-decoration: none;
}
.g-info .u-infoItm{
    margin-left: 158px;
    padding:10px 15px;
    overflow: hidden;
    width: auto;
    height:158px;
}
.g-info .u-infoItm p{
    height:64px;
    text-overflow : ellipsis;
    /*white-space : nowrap;*/
    overflow : hidden;
    line-height: 22px;
}
@media (min-width: 992px) and (max-width: 1200px){
    .g-info .u-infoItm p{
        height:36px;
    }
}
@media (min-width: 769px) and (max-width: 992px){
    .g-info .u-infoItm p{
        height:72px;
    }
}
@media (max-width: 768px){
    .g-info .u-infoItm p{
        height:51px;
    }
}
/*友情链接*/
.g-lk .u-gray{
    height:123px;
    border: 1px solid #eee;
    padding: 34px 10px;
    overflow: hidden;
    position: relative;
}
.g-lk .u-gray .u-item{
    border-right: 1px solid #eee;
    padding: 0 30px;
}
.g-lk .u-gray .u-item img{
    height:55px;
    width:148px;
}
.g-lk .u-gray .z-btn1{
    position: absolute;
    width: 30px;
    height:75px;
    background: #f7f7f7;
    left:0;
    top:24px;
    color: #dcdcdc;
    line-height: 85px;
    text-align: center;
    display: none;
    z-index: 12;
}
.g-lk .u-gray .z-btn2{
    position: absolute;
    width: 30px;
    height:75px;
    background: #f7f7f7;
    right:0;
    top:24px;
    color: #dcdcdc;
    line-height: 85px;
    text-align: center;
    display: none;
    z-index: 12;
}
.g-lk .u-gray:hover .z-btn1,.g-lk .u-gray:hover .z-btn2{
    display: block;
}
.txtMarquee-top .tempWrap{
    height: 380px !important;
}

/*友情链接滚动*/
.g-lkroll .tempWrap{
    width: 100%!important;
}
.g-lkroll .hd{
    overflow:hidden;
    height:30px;
    background:#f4f4f4;
    padding:0 10px;
}
.g-lkroll .bd ul{
    overflow:hidden;
    zoom:1;
}
.g-lkroll .bd ul li{
    float:left;
    _display:inline;
    overflow:hidden;
    text-align:center;
    width:200px!important;
}

.carousel-indicators{
    bottom: 0;
}



.g-servicer-list .g-scueeitem1 .u-pd {
    padding: 10px 0 0 10px;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .g-banner .carousel-inner>.item>a>img{
        max-width: 100%;
        height:347px; ;
    }
    ul.g-serv>li:nth-child(4){
        display: none;
    }
    ul.g-serv>li:nth-child(4){
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .g-banner .carousel-inner>.item>a>img{
        max-width: 100%;
        height:266px; ;
    }
}
@media (max-width: 767px) {
    .g-banner .carousel-inner>.item>a>img{
        max-width: 100%;
        height:auto ;
    }
    ul.g-serv{
        max-height: none;
    }
    ul.g-serv>li:nth-child(3),ul.g-serv>li:nth-child(4){
        display: none;
    }
    ul.g-succ{
        max-height: none;
    }
    ul.g-servicer-list>li:nth-child(3),ul.g-servicer-list>li:nth-child(4){
        display: none;
    }
}


@media screen and (max-width: 1200px){
    #nav .nav-dex {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .g-taskbarnav {
        border-bottom: none;
    }
}
@media screen and (max-width: 991px) {
    .g-taskbarnav {
        border-bottom: none;
    }
}

.g-taskbarnav .banner-r .tab-content-wrap{
    min-height: 167px;
}
/*.g-banner .carousel-fade .carousel-inner .item-banner1{*/
    /*background: #4bac4d;*/
/*}*/
/*.g-banner .carousel-fade .carousel-inner .item-banner2{*/
    /*background: #0190ec;*/
/*}*/
/*.g-banner .carousel-fade .carousel-inner .item-banner3{*/
    /*background: #9d1308;*/
/*}*/
/*.g-banner .carousel-fade .carousel-inner .item-banner4{*/
    /*background: #0f51b2;*/
/*}*/
/*.g-banner .carousel-fade .carousel-inner .item-banner5{*/
    /*background: #3aa11e;*/
/*}*/
/*.g-banner .carousel-fade .carousel-inner .item-banner6{*/
    /*background: #4bac4d;*/
/*}*/
.g-banner .carousel-fade .carousel-inner .itm-banner {
    margin: 0 auto;
}
.homemenu-taskbarnav{
    border-bottom: 0;
    height:56px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{
    box-shadow: none;
}
.homemenu-taskbarnav #nav .sub{
    height: 434px;
}
.homemenu-taskbarnav .g-tasknavdrop{
    height: 54px;
}
.g-succ .u-listitem1 .cor-gray87{
    color: #d2d2d2;
}
@media screen and (min-width: 1200px){
    .m-homelist{
        min-height: 360px;
    }
}
@media (min-width:320px) and (max-width:767px){
	.navbar-static-position{
		  position: relative;
		  z-index: 999;
	}
	
}
@media (min-width: 1200px) {
    .g-servicer li .u-index .f-pr-shop{
        height: 285px;
    }
}

.f-pr-shop span{
    position: absolute;
    background: url(../images/shop/shopliimgico.png) no-repeat;
    width: 30px;
    height: 32px;
    text-align: center;
    color: #fff;
    right: 0;
    top: 0;
}

.g-lk .u-gray {
    height: 123px;
    border: 1px solid #eee;
    padding: 34px 10px;
    overflow: hidden;
    position: relative;
}
.g-lk .g-lkrollM1 {
    min-height: 60px;
    overflow: hidden;
    position: relative;
}
.g-lk .g-lkrollM1 a {
    color: #ADADAD;
    padding-right: 15px;
}


.ulShopOnesIndex{
    margin-left:0;
    padding:0;
}
.liShopOnes {
    margin-bottom: 20px;
    height: 213px;
}
.liInfoBox {
    height: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 0;
}

.imgContentIndex {
    width: 100%;
    height: 141px;
    background-color: #fafafa;
    padding: 10px;
}
.imgShopIndexS {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.imgShopIndexS>a {
    display: block;
    width: 100%;
    height: 100%;
}
.imgShopIndexS>a>img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
}
.infoIndexBox {
    margin-left: 20px;
    height: 100%;
    overflow: hidden;
}
.titleIndexF {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.titleFontStyleI {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #333333;
}
.IconBoxListS{
    margin:5px 0;
}

.leftSpanS{
    padding-right:30px;
}
.rightSpanS{
    float:right;
}
.numberCntentI{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #666666;
}

.countShopI{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #2f549f;
}

.addressIndexBtn{
    margin-top:9px;
}

.adresImgI{
    width:14px;
    height:11px;
    padding-right:5px;
    display:inline-block;
    position:relative;
    top:-1px;
}

.adresCityI{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #999999;
    padding-right:40px;
}

.btnStyleIndexI{
    width: 64px;
    text-align:center;
    line-height:25px;
    height: 25px;
    /*background-color: #2f549f;*/
    border-radius: 4px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #666;
    display: inline-block;
    position:relative;
    float:right;
    /*top:-6px;*/
}

.btnStyleIndexI:hover{
    opacity:.8;
}

.footerIndexContent{
    width:100%;
    height:70px;
    padding:20px;
}

.footClasstfy{
    width:60px;
    height:100%;
    margin-right:15px;
}

.footerFontI{
    width:100%;
    display:block;
    height:24px;
    text-align:center;
    line-height:24px;
    background:#f2f2f2;
    font-size: 12px;
    color: #6689d1;
}
.tapShopI {
    padding-right: 20px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #999999;
}
.tabMediaI {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #999999;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tab-card {
    height: 166px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.tab-card1{
    background-image: url(../images/bg10.png);
}
.tab-card2{
    background-image: url(../images/bg11.png);
}
.tab-card3{
    background-image: url(../images/bg12.png);
}
.tab-card-btn{
    display: block;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 5px 8.66px 10px 0 rgba(0,0,0,.1);
    width: 166px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    color: #fe471f;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.g-tasksidelist {
    border: 1px solid #eaeaea;
    background: #fff;
    padding: 0 20px ;
}
.g-tasksidelist ul {
    margin: 0 0 -1px 0;
    overflow: hidden;
    height: 629px;
}
.g-tasksidelist li {
    height: 126px;
    border-bottom: 1px dashed #ccc;
    padding: 20px 0;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-left, .media>.pull-left {
    padding-right: 10px;
}
.g-tasksidelist li img {
    height: 86px;
    width: 86px;
}
.g-shopsidelinfo {
    padding-left: 0;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.g-tasksidelinfo p {
    margin: 0;
}
.g-tasksidelinbtn:nth-of-type(1) {
    margin-right: 10px;
}
.g-tasksidelinbtn {
    width: 64px;
    height: 22px;
    line-height: 20px;
    border: 1px dashed #bcbcbc;
    border-radius: 4px;
    color: #ABABAB;
    text-align: center;
}

.index2-list-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list-title,.index2-list-title>p {
    font-size: 22px;
    color: #333;
    height: 22px;
    line-height: 22px;
    border-left: 6px solid #db4939;
    padding-left: 10px;
}
.index2-list-title>p>span {
    font-size: 14px;
}
.index2-list-title>a {
    color: #999999;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.index2-list-title>a>i {
    top: -1px;
    font-size: 12px;
    margin-right: 2px;
}
.meibp-mall-content {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;
}
.meibp-mall-list-box {
    padding: 30px 20px;
    float: left;
    width: 400px;
    position: relative;
}
.meibp-mall-list-box::before{
    content: '';
    position: absolute;
    top: 30px;
    right: -0.5px;
    bottom: 30px;
    width: 1px;
    background: #EEEEEE;
}
.meibp-mall-list-box::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    /*height: 1px;*/
    /*background: #EEEEEE;*/
}
.meibp-mall-list-box:nth-child(3n)::before{
    display: none;
}
.meibp-mall-list-box:nth-child(n+4)::after{
    display: none;
}
.meibp-mall-shp-tab-box>.meibp-mall-shp-tab-list.active {
    display: block;
}
.meibp-mall-shp-tab-list {
    overflow: hidden;
    display: none;
}
.meibp-mall-shp-tab-img {
    display: block;
    width: 120px;
    height: 120px;
    float: left;
}
.meibp-mall-shp-tab-img>img {
    width: 100%;
    height: 100%;
}
.meibp-mall-shp-tab-text {
    width: 200px;
    float: right;
}
.meibp-mall-shp-tab-text>a {
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px;
}
.meibp-mall-shp-tab-text>p {
    font-size: 14px;
    color: #666666;
    line-height: 14px;
    margin-top: 13px;
}
.meibp-mall-shp-tab-text>span {
    color: #666666;
    display: block;
    line-height: 14px;
    border-left: 4px solid rgba(46,72,141,.2);
    padding-left: 6px;
    margin-top: 18px;
}
.meibp-mall-shp-list>div {
    float: left;
    width: 76px;
    height: 76px;
    margin-right: 12px;
    position: relative;
    cursor: pointer;
}
.meibp-mall-shp-list>div:last-child{
    margin-right: 0;
}
.meibp-mall-shp-list>div>img {
    width: 100%;
    height: 100%;
    border-radius: 40px;
}
.meibp-mall-shp-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.meibp-mall-shp-price>p {
    color: #ED8B31;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
.meibp-mall-shp-price>p>span {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
}
.meibp-mall-shp-price>a {
    display: none;
}
.meibp-mall-shp-price>span {
    color: #999999;
}
.meibp-mall-shp-list>div.active::before {
    /*content: '';*/
    /*position: absolute;*/
    /*top: -20px;*/
    /*left: 50%;*/
    /*border-bottom: 8px solid #ED8B31;*/
    /*border-left: 8px solid transparent;*/
    /*border-right: 8px solid transparent;*/
    /*border-top: 8px solid transparent;*/
    /*margin-left: -8px;*/
}
.meibp-mall-shp-list>div.active::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 3px solid #f9d9bd;
}








.category-hot {
    /* width: 921px; */
    height: 200px;
    /*float: left;*/
    background: #9c27b0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.category-hot > ul {
    height: 150px;
    background: #fff;
}
.category-hot ul li{
    /*width: 271px;*/
    border-right: 1px solid #f5f5f5;
}
.category-hot ul li:last-child{
    border-right: none;

}
.category-hot > ul > li {
    height: 150px;
    /*width: 272px;*/
    float: left;
    padding-left: 35px;
}
.category-hot-title {
    display: block;
    /*font-weight: bold;*/
    font-size: 18px;
    color: #333;
    line-height: 30px;
    padding-top: 25px;
}
.category-hot-title img{
    width:24px;
}
.category-hot-title .hot {
    background: url(https://style.yuzhua.com/public/mj/version5/images/icon2.png) no-repeat;
}
.category-hot-title i {
    width: 32px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
    margin-top: 7px;
}
.category-hot-title::after {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    /*background: #E7EAF2;*/
    margin-top: 11px;
}
.category-hot .category-hot-platform {
    margin-top: 10px;
    width: 244px;
    overflow: hidden;
}
.category-hot .category-hot-platform .category-hot-p2 {
    width: 271px;
}
.category-hot .category-hot-platform span {
    display: inline-block;
    width: 72px;
    height: 20px;
    margin-bottom: 5px;
    float: left;
    margin-right: 15px;
    position: relative;
}
.category-hot-media {
    color: #FF3E1E !important;
    font-weight: bold;
}

.category-hot .category-hot-platform span {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.category-hot .category-hot-platform span::after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #E5E5E5;
    position: absolute;
    right: 0;
    top: 5px;
}




.media_single{
    height: 220px;
    padding: 0 3px !important;
}
.media_box:hover{
    border: 1px solid #abbac3;
}
.media_box{
    border: 1px solid #eee;
    padding: 0 10px;
}
.media-list-left {
    height: 435px;
}
.media-list-left-duanshiping {
    background: url(https://tuitu.oss-cn-hangzhou.aliyuncs.com/meibp/static/images/index/duanshiping.jpg) no-repeat;
}
.media-list-left-weibo {
    background: url(https://tuitu.oss-cn-hangzhou.aliyuncs.com/meibp/static/images/index/weibo.jpg) no-repeat;
}
.media-list-left-ruanwen {
    background: url(https://tuitu.oss-cn-hangzhou.aliyuncs.com/meibp/static/images/index/ruanwen.jpg) no-repeat;
}

.media-list-left-zimeiti {
    background: url(https://tuitu.oss-cn-hangzhou.aliyuncs.com/meibp/static/images/index/zimeiti.jpg) no-repeat;
}

.media-list-left-weixin {
    background: url(https://tuitu.oss-cn-hangzhou.aliyuncs.com/meibp/static/images/index/weixin.jpg) no-repeat;
}


.media-list-right{
    padding-left: 30px;
}
.media_title{
    font-size: 14px;
    color: #333;
    text-align: center;
    /* text-indent: 6px; */
    /*padding: 25px 0 0;*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.media_title a{
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.item_img {
    max-width: 120px;
    max-height: 66px;
}




.item_cover {
    width: 120px;
    height: 96px;
    margin: 0 auto;
    padding-top: 30px;
    overflow: hidden;
}
.media_intro {
    color: #999;
    font-size: 12px;
}
.media_price {
    text-align: center;
    margin-top: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.media_price span {
    font-size: 22px;
    text-align: center;
    overflow: hidden;
    color: #ff0004;
    font-family: 'arial';
}
.shopCarWrapper {
    position: relative;
}



.media-recommend-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin: 5px 12px;*/
    margin: 2em 0 1em 0;
}
.media-recommend-title h2 a{
    padding-left: .8em;
    display: inline-block;
}
.media-recommend-title h2{
    font-size: 22px;
    /*color: #333;*/
    height: 22px;
    line-height: 22px;
    /*border-left: 6px solid #2E488D;*/
    padding-left: 10px;
    display: contents;
}
.media-recommend-title h2 a{
    font-size: 14px;
}
.media-recommend-title a{
    color: #333;
    /* display: flex; */
    align-items: center;
    font-size: 16px;
    padding-left: .7em;
    padding-right: 3em;
    font-weight: 500;
}
.media-recommend-title a:first-child{
    padding-right: 10em;
}
.media-title-list{
    color: #333;
    height: 22px;
    line-height: 22px;
    border-left: 6px solid #db4939;
    display: flex;
}


.hot-media-item {
    height: 202px;
    padding: 0 3px 0 3px;
}
.hot-media-item-box{
    border: 1px solid #eee;
    padding: 0 10px 0 10px;
}
.hot-media-item-box:hover{
    border: 1px solid #abbac3;
}
.hot-media-item > a {
    display: block;
    padding: 0 20px 0 15px;
    height: 100%;
}
.hot-media-item .s1 {
    font-weight: bold;
    font-size: 16px;
    color: #354168;
    /*height: 41px;*/
    line-height: 38px;
    padding: 15px 0 18px;
    border-bottom: 1px dotted #e1e6ea;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot-media-item .s1 a{
    font-size: 16px;
    color: #333;
    font-weight: normal;
}
.hot-media-item .s1 span {
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-right: 11px;
    vertical-align: top;
}
.hot-media-item .s1 img {
    width: 41px;
    height: 41px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}
.hot-media-item .s2 {
    border-bottom: 1px dotted #e1e6ea;
    height: 65px;
    padding-top: 14px;
}
.hot-media-item .s2 >div:first-child {
    padding-left: 7px;
    border-right: 1px dotted #e1e6ea;
    width: 50%;
    margin-right: 0;
}

.hot-media-item .s2 >div {
    float: left;
    height: 33px;
    padding-left: 25px;
    width: 75px;
    margin-right: -30px;
}
.hot-media-item .s2 span {
    display: block;
    font-size: 12px;
    color: #9b9fac;
    margin-top: -3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot-media-item .s2 p {
    font-size: 14px;
    color: #354168;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot-media-item .s2 p {
    font-size: 14px;
    color: #354168;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot-media-item .s3 {
    /*font-weight: bold;*/
    font-size: 14px;
    /*color: #fe4d6a;*/
    padding-left: 7px;
    padding-top: 17px;
    height: 55px;
}
.hot-media-item .s3 span {
    font-size: 12px;
}
.hot-media-item .s3 span {
    font-size: 12px;
}
.hot-media-item .s3 >div:first-child {
    float: left;
    width: 60%;
}
.hot-media-item .province {
    font-size: 12px;
    font-weight: normal;
    color: gray;
    text-align: right;
    padding-top: 5px;
}
.hot-media-item .contact a::after {
    content: "";
    display: inline-block;
    border-left: 3px solid #cdcfd5;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    margin-left: 8px;
    margin-top: 6px;
    vertical-align: top;
}

.s-weiboviconimg{
    width: 15px !important;
    height: 15px !important;
}
.s-weibovicon{
    position: absolute;
    top: 16px;
    left: 28px;
}

.s-servicericon{
    display: inline-block;
    width: 16px;
    height:16px;
    margin-right: 4px;
    /*background: url("../images/index-icon.png") no-repeat 0 -18px;*/
}
.media-recommend-list{
    margin-right: -3px;
}

.media-list-right{
    padding: 1em;
}
.toggled-btn span{
    padding: 0 3px 5px;
}
.toggled-btn-on span{
    border-bottom: 2px solid #cd0d0d;
}
@media (max-width: 767px){
    .g-servicer .g-servicer-wrap1 .carousel-inner .item .f-pr{
        height: auto;
    }
    .media-recommend-list{
        padding-left: 0;
        padding-right: 0;
    }
    .hot-media-item {
        margin-left: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #fddad7;
    }
    .hot-media-item > a {
        padding: 0 10px 0 5px;
    }
    .media-recommend-list .hot-media-item:nth-child(2n-1){
        border-right: 1px solid #fddad7;
    }
    .s-servicericon{
        margin-left:0;
        margin-right: 4px;
    }
    .media-recommend-title a:first-child{
        padding-right: 0;
    }
    .media-recommend-title a {
        color: #333;
        /* display: flex; */
        align-items: center;
        font-size: 14px;
        padding-left: .7em;
        padding-right: 0;
        font-weight: 500;
    }
}