@charset "utf-8";
a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    font-family: "Microsoft YaHei, Helvetica, Arial, sans-serif";
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

a,
img {
    -webkit-touch-callout: none
}

li,
ol,
ul {
    list-style: none
}

input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub { 
    top: 0.4em; 
}  

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
html {
	font-size: 256px;
}
@media screen and (max-width:320px) {
    html {
        font-size: 42.667px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:321px) {
    html {
        font-size: 48px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:361px) {
    html {
        font-size: 50px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:376px) {
    html {
        font-size: 52.4px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:394px) {
    html {
        font-size: 54.93px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:413px) {
    html {
        font-size: 55.2px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:415px) {
    html {
        font-size: 64px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:481px) {
    html {
        font-size: 72px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:541px) {
    html {
        font-size: 85.33px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:641px) {
    html {
        font-size: 96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:721px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:769px) {
    html {
        font-size: 266.66px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width:2000px) {
    html {
        font-size: 266.66px;
        font-size: 13.33333vw;
    }
} 
@media screen and (min-width:3000px) {
    html {
        font-size: 405.33px;
        font-size: 13.33333vw;
    }
}


body {
    font-family: "Microsoft YaHei, Helvetica";
}

body,
html a {
    color: #333
}

.hidden,
.none {
    display: none!important
}
.wap-wrap {
    font-size: .32rem;
    width: 100%
}

.st {
    font-family: "simsun";
}
.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}
.clear:after, .cl:after {
    content: '';
    display: block;
    clear: both;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}
.sbox {
    border-top: .2rem solid #f5f5f5;
}
/************************* 内容 *************************/
.index {
    background: #143362 url(https://www.mktman.com/u-static/2020/cobusiness/m/images/bg.jpg) top center no-repeat;
    background-size: 100% auto;
}
.activeindex {
    background: #ffad00 url(https://www.mktman.com/u-static/2020/cobusiness/m/images/activebg.jpg) top center no-repeat;
    background-size: 100% auto;
}
.liveindex {
    background: #122f75 url(https://www.mktman.com/u-static/2020/cobusiness/m/images/livebg.jpg) top center no-repeat;
    background-size: 100% auto;
}
.header {
    position: relative;
    height: .79rem;
    padding: .12rem .22rem .12rem .22rem;
    border-bottom: 1px solid #edeff0;
    box-sizing: border-box;
}
.hback {
    display: block;
    position: relative;
    width: .76rem;
    height: .76rem;
    background: url(https://www.mktman.com/u-static/2020/zdc/m/images/hback.png) center center no-repeat;
    background-size: .2rem .32rem;
    float: left;
    margin-top: -0.12rem;
    margin-right: .2rem;
  	margin-left: -0.22rem;
}
.logo {
    display: block;
    float: left;
    width: 1.83rem;
    height: .48rem;
}
.logo img {
    width: 100%;
    vertical-align: top;
}
.hsearch {
	position: relative;
    float: right;
    margin-right: .46rem;
}
.hsearch .search {
    width: 3rem;
    height: .52rem;
    padding: 0 .22rem;
    background: #fff5f5 url(https://www.mktman.com/u-static/2019/mn/images/sousuo.png) right .2rem center no-repeat;
    background-size: .26rem .27rem;
    border-radius: .52rem;
    -webkit-border-radius: .52rem;
    -moz-border-radius: .52rem;
    -ms-border-radius: .52rem;
    -o-border-radius: .52rem;
    box-sizing: border-box;
}
.hsearch input[type="search"] {
    font-size: .24rem;
    line-height: .54rem;
    color: #333;
    vertical-align: top;
    background: none;
}
.hgologin {
    display: block;
    float: right;
    width: .29rem;
    height: .52rem;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/hgologin.png) center center no-repeat;
    background-size: .29rem .32rem;
}
.ssubmit {
    display: block;
    position: absolute;
    width: .52rem;
    height: .52rem;
    right: .04rem;
    bottom: 0;
    background: none;
}

.logoes {
	display: block;
	float: left;
	margin-left: .16rem;
	font-size: .24rem;
	font-weight: bold;
	line-height: .52rem;
	color: #e60012;
}

.inline {
    display: flex;
    align-items: center;
}
.inline i {
    display: block;
    width: 4px;
    height: .3rem;
    background: #e02837;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.inline .tit,
.tit {
    display: block;
    padding: .2rem .2rem;
    font-size: .34rem;
    line-height: .46rem;
    color: #343434;
}
h1.tit2 {background: #fff;}
/********************内容********************/
.mms {
    display: block;
    width: 7.08rem;
    margin: .3rem auto 0;
    padding: .2rem .28rem .2rem .32rem;
    border-radius: .16rem;
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    -ms-border-radius: .16rem;
    -o-border-radius: .16rem;
    background: #fff;
    box-sizing: border-box;
}
.mms .mmslabel {
    display: block;
    margin-bottom: .2rem;
    font-size: .24rem;
    font-weight: bold;
    line-height: .5rem;
    color: #717171;
}
.mms .mmsselect {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.mms .mmsselect .item {
    display: block;
    width: 2rem;
    height: .6rem;
    margin-left: .2rem;
    margin-bottom: .22rem;
    font-size: .24rem;
    line-height: .56rem;
    text-align: center;
    color: #333;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box;
  	overflow: hidden;
    padding: 0 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mms .mmsselect2 .item {
    width: 1.46rem;
}
.mms .mmsselect .item.cur {
    color: #e60012;
    border-color: #e60012;
}

.mmsselected {
    position: relative;
    width: 7.08rem;
    margin: .3rem auto 0;
    padding-right: 1.22rem;
    font-size: 0;
    box-sizing: border-box;
}
.mmsselected span {
    display: inline-block;
    height: .5rem;
    position: relative;
    margin-right: .1rem;
    padding: 0 .36rem 0 .1rem;
    font-size: .24rem;
    line-height: .46rem;
    color: #efefef;
    border: 1px dashed #fff;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/delicon.png) right .14rem center no-repeat;
    background-size: .14rem auto;
    box-sizing: border-box;
}
.mmsselected .reseta {
    display: block;
    position: absolute;
    top: 0;
    right: 2px;
    height: .5rem;
    font-size: .24rem;
    text-align: center;
    line-height: .5rem;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box;
    border: 0;
    padding-left: .4rem;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/reseta.png) left center no-repeat;
    background-size: .3rem auto;
}

/*vr产品列表*/
.prolist {
    margin-top: .3rem;
    background: #eee;
    border-radius: .16rem .16rem 0 0;
    -webkit-border-radius: .16rem .16rem 0 0;
    -moz-border-radius: .16rem .16rem 0 0;
    -ms-border-radius: .16rem .16rem 0 0;
    -o-border-radius: .16rem .16rem 0 0;
    overflow: hidden;
}

.prolist .item {
    display: block;
    position: relative;
    padding: .07rem .2rem;
    overflow: hidden;
    border-top: 1px solid #eee;
    background: #fff;
}

.prolist .item:first-child {
    border: 0;
}

.prolist .item .icon {
    display: block;
    float: left;
    position: relative;
    width: 3.4rem;
    height: 2.35rem;
    font-size: 0;
    line-height: 2.35rem;
    text-align: center;
}

.prolist .item .icon img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.prolist .item .icon i {
    display: block;
    position: absolute;
    width: .42rem;
    height: .26rem;
    top: .3rem;
    right: 0;
    background: url(https://www.mktman.com/u-static/2020/shantui720/images/iconvr.png) center center no-repeat;
    background-size: 100% 100%;
}

.prolist .item .itemin {
    display: flex;
    flex-wrap: wrap;
    height: 2.35rem;
    align-items: center;
    align-content: center;
    margin-left: 4rem;
}

.prolist .item .itemin h3 {
    display: block;
    max-height: 1.5rem;
    overflow: hidden;
    font-size: .24rem;
    font-weight: normal;
    line-height: .4rem;
    color: #212121;
    word-break: break-all;
}

.prolist .item .itemin h3 span {
    display: block;
}

.prolist .item .itemin .govr {
    display: block;
    width: 1.45rem;
    height: .5rem;
    margin-top: .24rem;
    background: url(https://www.mktman.com/u-static/2020/vrcover/images/govr.jpg) center center no-repeat;
    background-size: 100% auto;
}

/*直播*/
.sbox {
    border-top: .2rem solid #f5f5f5;
    background: #fff;
}
.livelist {
    display: flex;
    justify-content: space-between;
    padding: 0 .26rem 1px;
}
.livelist .item {
    display: block;
    /*width: 3.44rem;
    height: 4.86rem;*/
    margin-bottom: .14rem;
    box-shadow: 0 0 .1rem #eee;
  
  	padding-bottom: .1rem;
}
.livelist .item .icon {
    display: block;
    width: 3.44rem;
    height: 3.02rem;
    border-radius: .12rem .12rem 0 0;
    -webkit-border-radius: .12rem .12rem 0 0;
    -moz-border-radius: .12rem .12rem 0 0;
    -ms-border-radius: .12rem .12rem 0 0;
    -o-border-radius: .12rem .12rem 0 0;
    overflow: hidden;
}
.livelist .item .icon img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.livelist .item .itit {
    display: block;
    /*height: .92rem;*/
    margin-top: .1rem;
    font-size: .3rem;
    line-height: .46rem;
    color: #353535;
    overflow: hidden;
}
.livelist .item .itit a {
    display: block;
    color: #353535;
}
.livelist .item .icompany {
    display: flex;
    margin-top: .12rem;
    padding: 0 .3rem;
    font-size: .26rem;
    line-height: .56rem;
    color: #b3b3b3;
}
.icompany .iclogo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .56rem;
    min-width: .56rem;
    height: .56rem;
    margin-right: .2rem;
    border: 1px solid #ededed;
    background: #fff;
    border-radius: .56rem;
    -webkit-border-radius: .56rem;
    -moz-border-radius: .56rem;
    -ms-border-radius: .56rem;
    -o-border-radius: .56rem;
    box-sizing: border-box;
    overflow: hidden;
}
.icompany .iclogo img {
    width: 80%;
}

/*活动列表*/
.activelist {
    padding-bottom: 1px;
    overflow: hidden;
}
.aactivelist {
    margin-top: .2rem;
    padding-top: .3rem;
    border-radius: .16rem .16rem 0 0;
    -webkit-border-radius: .16rem .16rem 0 0;
    -moz-border-radius: .16rem .16rem 0 0;
    -ms-border-radius: .16rem .16rem 0 0;
    -o-border-radius: .16rem .16rem 0 0;
    background: #f7f7f7;
}
.activelist .item {
    margin: 0 .22rem .16rem;
}
.activelist .item .icon {
    display: block;
    width: 100%;
    height: 3.52rem;
    border-radius: .16rem;
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    -ms-border-radius: .16rem;
    -o-border-radius: .16rem;
    overflow: hidden;
}
.activelist .item .icon img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.activelist .item .itit {
    display: block;
    font-size: .3rem;
    line-height: .6rem;
    text-align: center;
    color: #353535;
}

/*vr详情页*/
.vrpiclist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .56rem .2rem 1px;
}
.vrpiclist .item {
    display: block;
    position: relative;
    float: left;
    width: 3.5rem;
    height: 2.86rem;
    margin-bottom: .15rem;
    font-size: 0;
    line-height: 2.86rem;
}
.vrpiclist .item .icon {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}
.vrpiclist .item .vrptag {
    display: block;
    position: absolute;
    height: .3rem;
    padding: 0 .1rem;
    top: .13rem;
    left: 0;
    font-size: .24rem;
    font-weight: bold;
    line-height: .3rem;
    text-align: center;
    color: #fff;
    background: #fd7139;
}

.vriconwrap {
    display: block;
    position: absolute;
    top: .1rem;
    right: 0;
}
.vriconwrap .vriwitem {
    display: block;
    float: left;
    width: .4rem;
    height: .4rem;
    margin-right: .1rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    background: url(https://www.mktman.com/u-static/2019/zj/images/vriconbg.png) center center no-repeat;
    background-size: 100% 100%;
}
.vriconwrap .vriwitem i {
    display: block;
    width: .4rem;
    height: .4rem;
    border-radius: .4rem;
    overflow: hidden;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}
.vriconwrap .vricon-vr i {
    background: url(https://www.mktman.com/u-static/2019/zj/images/vricon-vr.gif) center center no-repeat;
    background-size: 100% 100%;
}
.vriconwrap .vricon-360 i {
    background: url(https://www.mktman.com/u-static/2019/zj/m/images/vricon-360.png) center center no-repeat;
    background-size: 100% 100%;
}

.vrdtitle {
    display: block;
    margin: 0 .2rem;
    font-size: .34rem;
    font-weight: bold;
    line-height: .66rem;
    color: #000;
}
.vrdart {
    display: block;
    margin: 0 .2rem .2rem;
    font-size: .28rem;
    line-height: .46rem;
    color: #323232;
    text-indent: 2em;
}

.plist {background:#fff;border-top: 1px solid #ececec;}
.plistmt {border-top:.24rem solid #f2f2f2;}
.plist .item {clear:both;padding:0.1rem 0 0.3rem;margin:0 0.25rem;border-bottom:0.02rem solid #ECECEC;position:relative;}
.plist .item .itema {position:absolute;left:0;right:0;top:0;bottom:0;}
.plist .item .in {float:right;width:60%;padding:0;position:relative;}
.plist .item .icon {display:block;float:left;width:40%;height:2.2rem;line-height:2.2rem;text-align:center;box-sizing:border-box;padding-right:0.2rem;}
.plist .item .icon img {max-width:100%;max-height:2.2rem;vertical-align:middle;}
.plist .item h2 {padding:0;word-break:break-all;font-size:0.32rem;line-height:160%;text-align:left;color:#141414;margin:0.2rem 0;}
.plist .item p {padding-top:0.1rem;}
.plist .item .pmore {text-align:right;}
.plist .item .pmore a {font-size:0.28rem;border:0.02rem solid #aaa;color:#555;padding:0 0.25rem;margin:0.1rem 0.2rem 0.1rem 0;border-radius:.05rem;line-height:.62rem;display:inline-block;}
.plist .item .pmore a.askp {border-color:#f60;color:#f60;}
.plist .item dl {box-sizing:border-box;font-size:0;margin-bottom:.05rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.plist .item dl dt,.plist .item dl dd {display:inline;overflow:hidden;font-size:0.24rem;line-height:.4rem;text-align:center;box-sizing:border-box;padding:0 0.1rem;background:#F5F5F5;color:#999;}
.plist .item dl dt {color:#bbb;}
.plist .item dl dd {margin-top:.14rem;}
.plist .item .dprice {font-size:0.24rem;position:relative;padding:0.15rem 0 0 .1rem;margin-top:0.1rem;height:0.6rem;line-height:0.6rem;color:#666;}
.plist .item .dprice strong {color:#f80;font-size:0.3rem;}
.plist .item .dprice span {color:#f80;font-size:.3rem;}
.plist .item .dprice .aaskp {float:right;}
.pliaskp {display:block;position:absolute;height:.5rem;right:0;bottom:0.05rem;text-align:center;line-height:.5rem;font-size:.24rem;color:#ff7200;border:0.02rem solid #ff7200;border-radius:3px;box-sizing:border-box;background:#fff;padding:0 0.1rem;z-index:2;}
.lpliaskp {display:block;position:absolute;height:.6rem;left:0;bottom:0.05rem;text-align:center;line-height:.6rem;font-size:.24rem;color:#ff7200;border:0.02rem solid #ff7200;border-radius:3px;box-sizing:border-box;background:#fff;padding:0 0.3rem;z-index:2;}

.plmore {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .8rem;
    font-size: .24rem;
    line-height: .8rem;
    text-align: center;
    color: #e60012;
}
.plmore i {
    display: block;
    width: .16rem;
    height: .16rem;
    margin-left: .1rem;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/plmorearrow.png) center center no-repeat;
    background-size: 100% auto;
}


/*2020年6月28日  详情vr 样式*/
.vrprolist {}
.vrprolist .item {}
.vrpicon {display:block;}
.vrpicon .itembig {display:block;position:relative;float:left;width:4.98rem;height:3.84rem;overflow:hidden;}
.vrpicon .item {display:block;position:relative;float:right;width:2.5rem;height:1.9rem;margin-bottom:0.04rem;}
.vrpicon .itembig1 {width:auto;height:auto;}
.vrpicon .itembig img,.vrpicon .item img {width:100%;height:100%;}
.vrpicon .itembig .tag {display:block;position:absolute;top:0;left:.2rem;height:.36rem;padding:0 .05rem;font-size:.24rem;line-height:.36rem;text-align:center;color:#fff;background:#e37b54;}
.vrpicon .item .tag {display:block;position:absolute;top:0;left:.1rem;height:.36rem;padding:0 .05rem;font-size:.24rem;line-height:.36rem;text-align:center;color:#fff;background:#e37b54;}
.vrpicon .vricon {display:flex;align-items:center;justify-content:center;position:absolute;width:.38rem;height:.38rem;top:.1rem;right:.2rem;background:rgba(0,0,0,.4);border-radius:.38rem;}
.vrpicon .vricon i {display:block;width:100%;height:100%;border-radius: .4rem;overflow: hidden;}
.vrpicon .vricon-vr i {background:url(https://www.mktman.com/u-static/2019/zj/images/vricon-vr.gif) center center no-repeat;background-size:100% 100%;}
.vrpicon .vricon-360 i {background:url(https://www.mktman.com/u-static/2019/zj/m/images/vricon-360.png) center center no-repeat;background-size:100% 100%;}
.vrcontents {display:block;padding:.1rem .24rem;}
.vrcontents h3 {display:block;font-size:.3rem;font-weight:bold;line-height:.5rem;color:#151515;}
.vrprolist .item .itit {
    display: block;
    padding: 0 .2rem;
    font-size: .3rem;
    font-weight: bold;
    line-height: .6rem;
    color: #000;
}


.pproducts {margin:0 auto;padding: 0 .2rem;border-top: 1px solid #eee;}
.pproducts .item {float:left;width:33.33%;height:2.9rem;padding-top:.06rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;}
.pproducts .item a {display:block;}
.pproducts .item .icon {width:1.74rem;height:1.26rem;margin:0 auto;line-height:1.26rem;text-align:center;}
.pproducts .item .icon img {max-width:100%;max-height:100%;vertical-align:middle;}
.pproducts .item h3,.pproducts .item .h3 {margin-top:.1rem;}
.pproducts .item h3 a,.pproducts .item .h3 {display:block;height:.64rem;padding:0 .1rem;font-size:.26rem;font-weight:bold;line-height:.64rem;text-align:center;color:#151515;word-break:break-all;}
.pproducts .item .h3 span {display:block;margin-top:.05rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pproducts .item p {display:block;margin-top:.1rem;font-size:.2rem;line-height:.26rem;text-align:center;color:#797979;}
.pproducts .item .aaskp {display:block;width:1.4rem;height:.5rem;margin:.1rem auto 0;font-size:.26rem;line-height:.5rem;text-align:center;color:#fff;background:#ff8800;border-radius:3px;}
.pproducts .item:nth-child(1),.pproducts .item:nth-child(2),.pproducts .item:nth-child(3) {border-top:0;}
.pproducts .item:nth-child(3n) {border-right:0;}


/******活动页面******/
.activepic {
    display: block;
    width: 7.12rem;
    margin: 0 auto;
    padding-top: .2rem;
}
.activepic img {
    width: 100%;
    vertical-align: top;
    border-radius: .12rem;
    -webkit-border-radius: .12rem;
    -moz-border-radius: .12rem;
    -ms-border-radius: .12rem;
    -o-border-radius: .12rem;
}
.dactivelist {
    padding-top: .2rem;
    border-top: 1px solid #eee;
}

/*轮播*/
.banner {
    overflow: hidden;
}
.banswiper {
    width: 7.12rem;
    margin: .2rem auto;
}
.banswiper .item {
    display: block;
    position: relative;
    border-radius: .12rem;
    -webkit-border-radius: .12rem;
    -moz-border-radius: .12rem;
    -ms-border-radius: .12rem;
    -o-border-radius: .12rem;
    overflow: hidden;
}
.banswiper .item .icon {
    display: block;
    width: 100%;
}
.banswiper .item .bantit {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 1.08rem;
    padding: 0 .48rem;
    left: 0;
    bottom: 0;
    font-size: .24rem;
    font-weight: normal;
    line-height: .4rem;
    color: #fff;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/bantitbg.png) left center repeat-x;
    background-size: auto 100%;
    box-sizing: border-box;
}
.banswiper .baniwrap {
    margin-top: .2rem;
    font-size: 0;
    text-align: center;
}
.banswiper .baniwrap span {
    width: 4px;
    height: 4px;
    margin: 0 3px !important;
    opacity: 1;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.banswiper .baniwrap span.swiper-pagination-bullet-active {
    width: 8px;
}

/*直播*/
.companymsg .cpmhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .3rem .2rem 0 .36rem;
}
.companymsg .cpmhead .cpmhlogo {
    display: flex;
    align-items: center;
    font-size: .34rem;
    line-height: 1.3rem;
    color: #06080e;
}
.companymsg .cpmhead .cpmhlogo .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: .2rem;
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 1.3rem;
    -webkit-border-radius: 1.3rem;
    -moz-border-radius: 1.3rem;
    -ms-border-radius: 1.3rem;
    -o-border-radius: 1.3rem;
    overflow: hidden;
}
.companymsg .cpmhead .cpmhlogo .icon img {
    width: 80%;
    vertical-align: top;
}
.companymsg .cpmhead .clmhfollowbtn {
    display: flex;
    justify-content: center;
    margin-top: .12rem;
    width: 1.68rem;
    height: .5rem;
    font-size: .28rem;
    line-height: .5rem;
    color: #fff;
    background: #ff9000;
    border-radius: .5rem;
}
.companymsg .cpmhead .clmhfollowbtn  i {
    display: block;
    width: .32rem;
    height: .5rem;
    margin-right: .16rem;
    background: url(https://www.mktman.com/u-static/2020/imbusiness/images/clfollowicon.png) center center no-repeat;
    background-size: 100% auto;
}
.companymsg .companyintro {
    display: block;
    margin: 0 .2rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #5a5a5a;
    text-indent: 2em;
}
.companymsg .companyintro p {
    margin-top: .1rem;
}
.companymsg .companyintromax {
    height: 1.2rem;
    overflow: hidden;
}
.plmoreshow i {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

/*直播*/
.liveilist {
    margin-top: .2rem;
    padding-top: .1rem;
    background: #f7f7f7;
}
.liveilist .item {
    display: block;
    width: 7.08rem;
    /*height: 3.94rem;*/
    margin: .2rem auto 0;
    background: #fff;
    border-radius: .16rem;
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    -ms-border-radius: .16rem;
    -o-border-radius: .16rem;
    overflow: hidden;
}
.liveilist .item .icon {
    display: block;
    float: left;
    width: 3.66rem;
    min-width: 3.66rem;
    height: 3.94rem;
    border-radius: .16rem;
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    -ms-border-radius: .16rem;
    -o-border-radius: .16rem;
    overflow: hidden;
}
.liveilist .item .icon img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.liveilist .item .itemin {
    /*margin-left: 3.86rem;*/
  	padding: .2rem;
}
.liveilist .item .itemin .itit {
    display: block;
    /*height: .92rem;*/
    font-size: .3rem;
    line-height: .46rem;
    color: #353535;
    overflow: hidden;
}
.liveilist .item .itemin .icompany {
    display: flex;
    margin-top: .12rem;
    font-size: .26rem;
    line-height: .56rem;
    color: #b3b3b3;
}
.liveilist .item .clplaybackvideo {
  	margin-top: 0;
}
.itemabout {
    display: block;
    margin-top: .2rem;
    font-size: 0;
}
.itemabout .item {
    display: inline-block;
    position: relative;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .12rem;
    font-size: 0;
    line-height: 1.4rem;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}
.itemabout .item img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.itemabout .item .num {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/maskbg.png) repeat;
    font-size: .3rem;
    color: #fff;
}

/*直播详情*/
.livedtop {
    padding-top: .2rem;
}
.livedtop .activepic {
    position: relative;
    padding-top: 0;
}
.activepic .vplayicon {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/maskbg.png) repeat;
    border-radius: .12rem;
    -webkit-border-radius: .12rem;
    -moz-border-radius: .12rem;
    -ms-border-radius: .12rem;
    -o-border-radius: .12rem;
}
.activepic .vplayicon i {
    display: block;
    position: absolute;
    width: .94rem;
    height: .94rem;
    top: 50%;
    left: 50%;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/nplay.png) center center no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}



.clivelist .item,.clplayback .item {
    position: relative;
    padding: .3rem .3rem .34rem .2rem;
    border-top: 1px solid #c9c9c9;
}
.clivelist .item:first-child,.clplayback .item:first-child {
    border: 0;
}
.clivelist .item h3,.clivelist .item h3 a,
.clplayback .item h3,.clplayback .item h3 a {
    display: block;
    font-size: .3rem;
    line-height: .4rem;
    color: #5b5b5b;
}
.clivelist .item .itemin,
.clplayback .item .itemin {
    display: flex;
    align-items: center;
    margin-top: .08rem;
    font-size: .24rem;
    line-height: .42rem;
}
.clivelist .item .itemin .clstatus,
.clplayback .item .itemin .clstatus {
    display: block;
    height: .4rem;
    padding: 0 .06rem;
    font-size: .24rem;
    line-height: .42rem;
    color: #fff;
    border-radius: 3px;
}
.clivelist .item .itemin .clstatusing,
.clplayback .item .itemin .clstatusing {
    display: block;
    position: relative;
    padding-left: .25rem;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/ingbg.png) top left no-repeat;
    background-size: 100% 100%;
}
.clivelist .item .itemin .clstatusyugao,
.clplayback .item .itemin .clstatusyugao {
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/yugaobg.png) top left no-repeat;
    background-size: 100% 100%;
}
.clivelist .item .itemin .clstatused,
.clplayback .item .itemin .clstatused {
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/edbg.png) top left no-repeat;
    background-size: 100% 100%;
}
.clivelist .item .itemin .clstatusing i,
.clplayback .item .itemin .clstatusing i {
    display: block;
    position: absolute;
    width: .08rem;
    height: .08rem;
    top: 50%;
    left: .08rem;
    transform: translateY(-50%);
    border-radius: .08rem;
    background: #fff;
}
.clivelist .item .itemin .clspnum,
.clplayback .item .itemin .clspnum {
    margin-left: .45rem;
    color: #9e9e9e;
}
.clivelist .item .itemin .clspnum span,
.clplayback .item .itemin .clspnum span {
    font-size: .28rem;
    font-weight: bold;
    color: #3f77cd;
}

.clivelist .item .clremind {
    display: block;
    position: absolute;
    top: .45rem;
    right: .3rem;
    height: .54rem;
    padding: 0 .22rem;
    font-size: .26rem;
    line-height: .5rem;
    text-align: center;
    color: #2f85d0;
    border: 1px solid #3b7acd;
    border-radius: .54rem;
    box-sizing: border-box;
}

.clplaybacktit {
    display: block;
    position: relative;
    padding: 0 .2rem 0 .7rem;
    font-size: .3rem;
    line-height: .7rem;
    color: #4e4d4d;
    border-top: .2rem solid #f5f5f5;
    border-bottom: 1px solid #c9c9c9;
}
.clplaybacktit i {
    display: block;
    position: absolute;
    width: .3rem;
    height: .7rem;
    top: 0;
    left: .2rem;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/playbackicon.png) center center no-repeat;
    background-size: 100% auto;
}
.clplayback .item .itemin .clspnum {
    color: #8b8b8b;
}
.clplayback .item .itemin .clsdate {
    margin-left: auto;
    color: #8b8b8b;
}
.clplaybackvideo {
  	display: block;
    position: relative;
    margin-top: .2rem;
    border-radius: .1rem;
    overflow: hidden;
}
.clplaybackvideo img {
    width: 100%;
    vertical-align: top;
}
.clplaybackvideo .playicon {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/maskbg.png) repeat;
}
.clplaybackvideo .playicon i {
    display: block;
    position: absolute;
    width: .76rem;
    height: .76rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(https://www.mktman.com/u-static/2020/cobusiness/m/images/nplay.png) center center no-repeat;
    background-size: 100% 100%;
}

.pages { color: #0363af; font-size: 12px; margin:0 auto; text-align:center; border-width:0 0 1px; }
.pages a { /*background:#fff;*/border:1px solid #9AAFE5;color:#000; }
.pages .nextprev { border:1px solid #FF785E; /*background:#fff;*/ border:1px solid #aaa;}
.pages .this { color:#fff; font-weight:bold; background-color:#FF0900;border: solid 1px #aaa;}
.pages:after { clear:both; content:''; display: block;  }
.pages span, .pages a { display:none; margin:0px; padding:5px 0;}
.pages .nextprev:first-child:before { border-right:1px solid #ddd; content:''; float:right; height:35px; }
.pages .nextprev { background:#fff; display:inline; float:left; width:50%; height:35px; line-height:35px; border:none;}
.pages span.nextprev { color:#999; }
.pagessel .nextprev { width:42%; }
.pagessel span { color:#ccc; }
.pagessel select { float:left;  width:14%; padding:0 1%; height:35px; margin:5px 0; text-align:center; -webkit-appearance: none; background:#fff; color:#555; border-radius:0; border:1px solid #ddd; border-width:0 0 0 1px;}

.bread {padding:0.1rem .2rem;font-size:.26rem;line-height:.7rem;border:0.2rem solid #f2f2f2;border-width:0.2rem 0 0;white-space:nowrap;overflow-x:auto;background: #fff;}


/*底部*/
.fter-copyright {background:#fff;font-size: .28rem;text-align:center;padding:0.2rem 0 1.1rem;border-top:.24rem solid #f2f2f2;}
.fter-copyright .i {padding:0.1rem 0;color:#666;}
.fter-copyright .ii {color:#333;}
.fter-copyright .i a {color:#666;}
.fter-copyright .ii a {color:#333;}


.fwrap {position:relative;max-width:100vw;border-top:.24rem solid #f2f2f2;overflow:hidden;box-sizing:border-box;font-size:0;}
.fwrap .container {width:auto;white-space:nowrap;border:0;}
.fwrap .swiper-container {padding:.47rem .2rem .4rem;overflow:inherit;}
.fwrap .gitem {display:inline-block;width:80%;height:2.98rem;margin-bottom:.4rem;/*margin-right:.2rem;*/padding:0 .24rem;box-shadow:0 0 5px #ddd;border-radius:.08rem;box-sizing:border-box;}
.fwrap .gitem h3 a {display:block;padding:.1rem .22rem;font-size:.28rem;line-height:.7rem;color:#707070;border-bottom:1px solid #f0f0f0;}
.fwrap .gitem .gitemin {height:1.88rem;white-space:normal;overflow:hidden;}
.fwrap .gitem .gitemin a {padding:0 0.2rem;height:.46rem;font-size:.24rem;line-height:.46rem;background:#fff;text-align:center;overflow:hidden;color:#333;display:inline-block;font-style:normal;margin:0.1rem 0.05rem 0;border-radius:3px;}
.swiper-pagination {width:100%;bottom:14px;text-align:center;}
.swiper-pagination span {width:.12rem;height:.12rem;margin:0 .07rem;background:none;border:1px solid #9d9d9d;border-radius:.12rem;box-sizing:border-box;}
.swiper-pagination span.swiper-pagination-bullet-active {background:#ff8e00;border-color:#ff8e00;}