.f-a{width: 100%;position: relative;z-index: 18;	background-color: #eaeaea;}
.f-cont{width: 15.4rem;margin: 0 auto;}
.f-top{width: 100%;display: flex;align-items: center;justify-content: space-between; position: relative;padding: .55rem 0;border-bottom: 1px solid #dadada;}
.f-logo{display: block;cursor: pointer;width: 2.4rem;min-width: 80px;}
.f-logo img{width: 100%;}
.f-share{display: block; font-size: 0;}
.f-b{display: inline-block;vertical-align: middle;cursor: pointer; margin-left: .15rem; width: 2.5em;height: 2.5em;text-align: center;line-height: 2.5em; border-radius: 1.25em;background-color: #bababa;}
.f-b>img{max-width: 52%;max-height: 50%;}
.f-b:hover{background-color: #da291c;}
.f-middle{width: 100%;padding: .4rem 0 .7rem;border-bottom: 1px solid #dadada; }
.f-middle:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;font-size: 0;width: 8rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.f-item{display: block; padding-right: .15rem;}
.f-c{display: block;color: #333333;line-height: 1.6;margin-bottom: .1rem;}
.f-d{display: inline-block;}
.f-link{display: block;cursor: pointer;color: #888888;line-height: 1.8;margin: .1rem 0;}
.f-link:hover{color: #da291c;}
.f-right{float: right;text-align: right;}
.f-e{color: #333333;line-height: 1.6;margin-bottom: .2rem;}
.f-f{display: block;color: #da291c;margin-bottom: .45rem;}
.f-g{display: inline-block;background-color: #da291c;padding: .14rem .28rem;cursor: pointer;}
.f-gimg{display: inline-block;vertical-align: middle;width: 1.125em;margin-right: .12rem;}
.f-gimg img{width: 100%;}
.f-gtext{display: inline-block;vertical-align: middle;color: #ffffff;line-height: 1.2;}
.f-bottom{width: 100%;padding: .1rem 0;}
.f-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-h{float: left; padding: .1rem 0;color: #888888;line-height: 1.3;}
.f-i{float: right;font-size: 0;padding: .1rem 0;}
.f-j{display: inline-block;vertical-align: middle;color: #888888;cursor: pointer;}
.f-j:after{content: '/';display: inline-block;font-size: 1em;color: #888888;padding: 0 .05rem;}
.f-j:last-child:after{display: none;}
.f-j:hover{color: #da291c;}

.f-rt{display: inline-block;vertical-align: top;}
.f-codebox{display: inline-block;vertical-align: middle;font-size: 0;}
.f-code{display: inline-block;vertical-align: top;text-align: center; width: 1.2rem; margin-right: .2rem;margin-bottom: .3rem;}
.f-img{width: 100%;}
.f-img img{width: 100%;}
.f-tip{width: 100%;margin-top: .1rem;color: #888888;line-height: 1.5;}

@media(max-width: 750px){
    .f-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;}
    .f-item{width: 100%;padding-right: 0;margin-bottom: .25rem;}
    .f-d{width: 100%;}
    .f-link{display: inline-block;vertical-align: middle;margin-right: .25rem;}
    .f-right{width: 100%;text-align: left;}

    .f-codebox{width: 100%;}
    .f-code{margin-right: 0;padding: 0 .2rem;width: 33.33%;}

    .social-share .icon-wechat .wechat-qrcode:after{display: none;}
    .social-share .icon-wechat .wechat-qrcode{position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%,-50%);}
}


.wa-a{width: 12.6rem; padding-top: 0.6rem;padding-bottom: 0.4rem;}
.wa-main{width: 100%;margin: 0 auto;}
.wa-titles{width: 100%;color: #333333;text-align: center;font-weight: bold;margin-bottom: 0.55rem;}
.wa-table{width: 100%;border: 1px solid #e5e5e5;border-bottom: none;margin-bottom: .8rem;}
.wa-table table{width: 100%;border: none;}
.wa-table tr{width: 100%;border: none; border-bottom: 1px solid #e5e5e5;}
.wa-table td{border: none; padding-top: .16rem; padding-bottom: .16rem; color: #666;line-height: 1.5;}
.wa-table td *{line-height: inherit;}
.wa-table .wa-td1{width: 33.333%; background-color: #f5f5f5;padding-left: .3rem;border-right: 1px solid #e5e5e5;}
.wa-table .wa-td2{width: 33.333%;background-color: #fafafa;padding-left: .3rem;padding-right: .3rem;border-right: 1px solid #e5e5e5;}
.wa-table .wa-td3{ width: 33.333%;background-color: #fafafa;padding-left: .3rem;padding-right: .18rem;}
.wa-table .wa-td3:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wa-left{float: left;}
.wa-right{float: right;font-size: 0;}
.wa-download{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .3rem;width: .25rem;}
.wa-download img{width: 100%;}
.wa-download:last-child{margin-right: 0;}

@media (max-width: 750px){
    .wa-a{width: 100%;}
    .wa-table .wa-td1{width: 20%;padding-left: 10px;padding-right: 10px;}
    .wa-table .wa-td2{width: 40%;padding-left: 10px;padding-right: 10px;}
    .wa-table .wa-td3{width: 40%;padding-left: 10px;padding-right: 10px;}
    .wa-left{width: 100%;text-align: center;margin-bottom: 5px;}
    .wa-right{width: 100%;text-align: center;}
}

.wb-cont{position: fixed;top: 50%;right: 0;transform: translate(0,-50%); z-index: 388;}
.wb-item{display: block;cursor: pointer;position: relative; width: .5rem;padding: 3px 0;}
.wb-icon{display: block;width: 100%;background-color: #da291c;height: .5rem;line-height: .5rem;text-align: center; border-radius: .1rem;}
.wb-icon img{width: 60%;}

.wb-item:hover .wb-icon{background-color: #ff9920;}

.wb-sub{display: none; position: absolute;top: 50%; right: .5rem; transform: translate(0,-50%); padding-right: .2rem;}
.wb-service{display: block;position: relative; width: 4.3rem;padding: .2rem; border-top: .04rem solid #da291c;background-color: #fff; box-shadow: 0 3px 8px rgba(0,0,0,.15);}
.wb-service:after{content: '';position: absolute;top: 50%;right: -.1rem;margin-top: -.1rem; border-left: .1rem solid #fff; border-bottom: .1rem solid transparent;border-top: .1rem solid transparent;}
.wbs-top{width: 100%;padding: .1rem 0;font-size: 0;  border-bottom: 1px solid #ccc;position: relative; }
.wbs-top .wbs-icon{display: inline-block;vertical-align: middle;width: .4rem;}
.wbs-top .wbs-icon img{width: 100%;}
.wbs-text{display: inline-block;vertical-align: middle;width: calc(100% - .6rem);padding-left: .2rem;}
.wbs-titles{color: #da291c;line-height: 1.5;font-weight: bold;}
.wbs-tip{color: #5a5a5a;line-height: 1.5;}
.wbs-bottom{width: 100%;}
.wbs-subtitle{width: 100%;padding: .15rem 0;color: #5a5a5a;line-height: 1.5;}
.wbs-list{width: 100%;font-size: 0;}
.wbs-item{display: inline-block;vertical-align: middle;width: 40%;margin-bottom: .1rem;}
.wbs-item .wbs-icon{display: inline-block;vertical-align: middle;width: .3rem;}
.wbs-item .wbs-icon1{display: block;}
.wbs-item .wbs-icon2{display: none;}
.wbs-item .wbs-icon img{width: 100%;}
.wbs-name{display: inline-block;vertical-align: middle;width: calc(100% - .5rem);padding-left: .1rem;}
.wbs-item:hover .wbs-icon1{display: none;}
.wbs-item:hover .wbs-icon2{display: block;}
.wbs-item:hover .wbs-name{color: #da291c;}

.wb-phone{display: block;position: relative; width: 3rem;padding: .2rem; border-top: .04rem solid #da291c;background-color: #fff; box-shadow: 0 3px 8px rgba(0,0,0,.15);}
.wb-phone:after{content: '';position: absolute;top: 50%;right: -.1rem;margin-top: -.1rem; border-left: .1rem solid #fff; border-bottom: .1rem solid transparent;border-top: .1rem solid transparent;}
.wbp-list{width: 100%;}
.wbp-item{display: block; width: 100%;padding: .1rem 0;border-bottom: 1px solid #ccc;}
.wbp-item:last-child{border-bottom: none;}
.wbp-icon{display: inline-block;vertical-align: middle;width: .4rem;}
.wbp-icon img{width: 100%;}
.wbp-text{display: inline-block;vertical-align: middle;width: calc(100% - .6rem);padding-left: .25rem;}
.wbp-nub{color: #da291c;line-height: 1.5;font-weight: bold;}
.wbp-tip{color: #5a5a5a;line-height: 1.5;}

.wb-code{display: block;position: relative; width: 5rem;padding: .2rem; border-top: .04rem solid #da291c;background-color: #fff; box-shadow: 0 3px 8px rgba(0,0,0,.15);}
.wb-code:after{content: '';position: absolute;top: 50%;right: -.1rem;margin-top: -.1rem; border-left: .1rem solid #fff; border-bottom: .1rem solid transparent;border-top: .1rem solid transparent;}
.wbc-list{width: 100%;font-size: 0;text-align: center;}
.wbc-item{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 .1rem;}
.wbc-img{width: 100%;}
.wbc-img img{width: 100%;}
.wbc-tip{margin-top: .1rem; color: #5a5a5a;line-height: 1.5;}


.wb-item.active .wb-sub{display: block;}

.wb-item:nth-child(1) .wbc-item{width: 50%;padding: 0 .2rem;}
.wb-item:nth-child(1)   .wbc-img{width: auto;max-width: 100%;}
@media (max-width: 750px){
    .wb-service{width: 200px;}
    .wbs-item{width: 50%;}
    .wb-phone{width: 200px;}
    .wb-code{width: 220px;}
    .wbc-tip{font-size: 11px !important;}
}