@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;
}

.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;
    }
}

input,button {border-radius:0;}
.html320 {font-size:42.667px;font-size:13.33333vw}
.html360 {font-size:48px;font-size:13.33333vw}
.html375 {font-size:50px;font-size:13.33333vw}
.html393 {font-size:52.4px;font-size:13.33333vw}
.html412 {font-size:54.93px;font-size:13.33333vw}
.html414 {font-size:55.2px;font-size:13.33333vw}
.html480 {font-size:64px;font-size:13.33333vw}
.html540 {font-size:72px;font-size:13.33333vw}
.html640 {font-size:85.33px;font-size:13.33333vw}
.html720 {font-size:96px;font-size:13.33333vw}
.html768 {font-size:102.4px;font-size:13.33333vw}
.htmlx768 {font-size:102.4px;font-size:13.33333vw}
body {font-family:"Microsoft YaHei,Helvetica";}
body,html a {color:#333}
.hidden,.none {display:none!important}

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

body,
html a {
    color: #333
}

.hidden,
.none {
    display: none!important
}

@media screen and (min-width:769px) {
    html {
        font-size: 102.4px
    }
    html .wap-wrap {
        width: 768px;
        margin: 0 auto
    }
}

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

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

.fr {
    display: block;
    float: right;
}
.psta {
    position: absolute;
}
.hide {
    display: none;
}
.clear:after,
.cl:after {
    content: '';
    display: block;
    clear: both;
}
.sbox {
    /* padding-bottom: .24rem; */
	border-top: .2rem solid #f6f6f6;
}
/************************* 内容 *************************/
body {
    max-width: 100vw;
  	overflow-x: hidden;
}
.inline {
	position: relative;
}
.h2 {
	display: block;
	position: relative;
    padding-left: .26rem;
    padding: .2rem 0 .2rem .36rem;
	font-size: .34rem;
	line-height: .48rem;
	color: #323232;
}
.h2 i {
    display: block;
    position: absolute;
    width: .08rem;
    height: .28rem;
    top: .3rem;
    left: .14rem;
    /* transform: translateY(-50%); */
    background: #e60012;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.h2 a {
    color: #e60012;
}
/* 面包屑导航*/
.bread{padding: 0 .2rem;font-size: .28rem;line-height: .8rem;color: #616161;white-space: nowrap;box-sizing:border-box;overflow: hidden;}
.bread a{color: #616161;}
.bread span{color: #323232;}
.bupdate {
    display: block;
    width: 100%;
    padding: 0 .2rem .28rem;
    font-size: .28rem;
    line-height: .6rem;
    text-align: right;
    color: #616161;
    box-sizing: border-box;
}


h1 {
    display: block;
    font-size: .32rem;
    font-weight: bold;
    line-height: .48rem;
    color: #2e2e2e;
}
.beforeintro {
    padding: .2rem;
    box-sizing: border-box;
}
.beforeintro .date {
    display: block;
    margin-top: .1rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #929292;
}
.beforeintro .answernum {
    display: block;
    margin-top: .1rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #929292;
}
.beforeintro .answernum span {
    color: #ff6d00;
}

.relsmore {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .2rem 0;
    font-size: .24rem;
    line-height: .44rem;
    color: #151515;
}
.relsmore i {
    display: block;
    width: .08rem;
    height: .16rem;
    margin-left: .1rem;
    background: url(https://www.mktman.com/u-static/2020/sccj/images/morearrow.png) center center no-repeat;
    background-size: 100% 100%;
}

/*问答列表*/
.qlist {border-top: 1px solid #f6f6f6;}
.qlist .item {position:relative;margin: 0 .2rem .1rem;padding:.1rem 0 .22rem;background:#fff;border-bottom: 1px solid #eaeaea;}
.itema {display:block;position:absolute;width:100%;height:100%;top:0;left:0;}
.qlist .item .tit {position: relative;;padding:.1rem 1.5rem .1rem 0;overflow:hidden;}
.qlist .item .tit h3 {display:block;float:left;font-size:.3rem;font-weight: normal;line-height:.4rem;color:#1c1c1c;}
.qlist .item .tit span {display: block;position: absolute;right: 0;padding:0 .12rem;font-size: .24rem;line-height: .38rem;color:#626262;background:#f5f5f5;border:1px solid #cbcbcb;border-radius:3px;}
.qlist .item .uinfo {display: flex;align-items: center;margin-top:.2rem;line-height:.64rem;overflow:hidden;}
.qlist .item .uinfo img { display:block; float:left; width:.64rem; height:.64rem; line-height:.64rem; border-radius:.64rem; -webkit-border-radius:.64rem; -moz-border-radius:.64rem; -ms-border-radius:.64rem; -o-border-radius:.64rem; border:1px solid #eee; box-sizing:border-box; }
.qlist .item .uinfo span {display:block;float:left;margin-left:.16rem;font-size:.28rem;line-height:.64rem;color:#8e8e8e;}
.qlist .item .uinfo .date {margin-left: auto;display: block;font-size: .24rem;line-height: .4rem; color: #a9a9a9;}
.qlist .item .info {display:block;margin-top:.2rem;font-size:.28rem;line-height:.48rem;color:#1c1c1c;}
.qlist .item .info a {color:#36689b;}
.qlist .item .itemfoot {display: flex;align-items: center;justify-content: space-between;margin-top: .24rem;}
.qlist .item .itemfoot .date {display: block;font-size: .24rem;line-height: .4rem; color: #a9a9a9;}
.qlist .item:last-child {border: 0;}

.hdbtn {text-align:right;font-size: 0;}
.hdbtn a {position:relative;display:inline-block;margin-left:.34rem;padding-left:.4rem;font-size:.24rem;line-height:.4rem;color:#90a0bd;}
.hdbtn .zan {background:url(https://www.mktman.com/u-static/2019/question/images/zan.png) left top .05rem no-repeat;background-size:.26rem .26rem;}
.hdbtn .pl {background:url(https://www.mktman.com/u-static/2019/question/images/pl.png) left center no-repeat;background-size:.26rem .26rem;}
.hdbtn .adopt {float:left;width:87px;height:34px;margin-left:0;padding:0;font-size:14px;line-height:34px;text-align:center;color:#fff;background:#e60012;border-radius:3px;}
.hdbtn span {display:block;float:left;font-size:.24rem;color:#a9a9a9;}

/*产品*/
.pproducts {border-top:1px solid #eee;padding: 0 .2rem;}
.pproducts .item {float:left;width:33.33%;height:2.6rem;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;font-size:0;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:.36rem;padding:0 .1rem;font-size:.26rem;font-weight:normal;line-height:.32rem;text-align:center;color:#151515;word-break:break-all;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.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:#e30620;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;}

.introart {
    display: block;
    padding: .3rem .2rem;
    margin-top: .1rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #2e2e2e;
    text-indent: 2em;
    border-top: 1px solid #f6f6f6;
    box-sizing: border-box;
}
.introart a {
  	font-weight: bold;
}

.aboutrecommend-sbox {
    position: relative;
}
.aboutrecommend {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 .46rem;
}
.aboutrecommend .item {
    display: block;
    width: 48%;
    padding: .1rem 0;
    font-size: .24rem;
    line-height: .44rem;
    color: #1a1a1a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aboutrefresh {
    display: block;
    position: absolute;
    top: .12rem;
    right: .2rem;
    padding-left: .5rem;
    font-size: .24rem;
    line-height: .6rem;
    color: #8d8c8c;
}
.aboutrefresh i {
    display: block;
    position: absolute;
    width: .3rem;
    height: .3rem;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(https://www.mktman.com/u-static/2020/sccj/images/refresh.png) center center no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


.fwrap {position:relative;max-width:100vw;overflow:hidden;box-sizing:border-box;}
.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;line-height: 0.46rem;}
.fwrap .gitem .gitemin a {padding:0 0.2rem;height:.46rem;font-size:.24rem;line-height:.46rem;text-align:center;overflow:hidden;color:#333;display:inline-block;font-style:normal;margin:0.1rem 0.05rem 0;border-radius:3px;}
.fwrap .swiper-pagination {width:100%;bottom:4px;text-align:center;}
.fwrap .swiper-pagination span { width:6px; height:6px; margin:0 .07rem; background:none; border:1px solid #9d9d9d; border-radius:12px; box-sizing:border-box; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; }
.fwrap .swiper-pagination span.swiper-pagination-bullet-active {background:#ff8e00;border-color:#ff8e00;}
.pabout .icon {position:relative;padding:.68rem 0 .2rem;}
.pabout .icon .picon {display:block;width:4.8rem;height:3.1rem;margin:0 auto;font-size:.24rem;line-height:3.1rem;text-align:center;}


/*面包屑导航*/
.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;}

/*底部*/
.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;}

/*电话弹窗*/
.npopup {display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index: 99;}
.npopupmask {display:block;position:fixed;width:100%;height:100%;background:#000;opacity:.5;}

.npopupcon {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 5.56rem;
  transform: translate(-50%,-50%);
}

.npopupconin {
  padding: .3rem .2rem .2rem;
  background: #fff;
  border-radius: .1rem;
}

.npopupcon .nptitle {
  display: block;
  font-size: .32rem;
  font-weight: bold;
  text-align: center;
  line-height: .62rem;
  color: #333;
}
.npopupcon .nptips {
  display: block;
  font-size: .24rem;
  line-height: .3rem;
  text-align: center;
  color: #ddd;
}

.npopupcon .npinput {
  display: block;
  height: .78rem;
  margin: .3rem .2rem 0;
  padding: 0 .2rem;
  border: 1px solid #ebebeb;
  background: #f3f3f3;
  box-sizing: border-box;
  border-radius: .1rem;
}
.npopupcon .npinput input {
  display: block;
  width: 100%;
  height: 100%;
  font-size: .24rem;
  line-height: .3rem;
  background: none;
  outline: none;
}

.npopupcon .itprodc {margin: .1rem .2rem 0;color: #ff7200; font-size: .24rem; background: url(https://www.mktman.com/u-static/2019/zj/images/shield.png) no-repeat left center;padding-left: .35rem;}


.npopupcon .npbrands {
  display: flex;
  flex-wrap: wrap;
  margin: .2rem 0;
  max-height: 5rem;
  margin-left: -0.2rem;
  padding: 1px 0 0;
  overflow-y: auto;
}
.npopupcon .npbrands .item {
  display: block;
  margin-left: .2rem;
  margin-bottom: .18rem;
  padding: 0 .22rem;
  font-size: .26rem;
  line-height: .58rem;
  color: #414141;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}
.npopupcon .npbrands .item.cur {
  color: #f07418;
  background: #ffefdd;
  border-color: #fce7cf;
}

.npopupcon .nptextarea {
  display: block;
  width: 100%;
  height: 2rem;
  padding: .16rem .2rem;
  font-family: "Microsoft YaHei,Helvetica";
  font-size: .28rem;
  line-height: .3rem;
  color: #333;
  background: #f3f3f3;
  border: 1px solid #ebebeb;
  border-radius: .1rem;
  box-sizing: border-box;
}

.npsubmit {
  display: block;
  width: 3.91rem;
  height: 1.05rem;
  padding-top: .13rem;
  margin: .2rem auto 0;
  font-size: .28rem;
  line-height: .82rem;
  text-align: center;
  color: #fff;
  background: url(https://www.mktman.com/u-static/2019/zj/m/images/npsubmit.png) center center no-repeat;
  background-size: 100% auto;
}

.popupclose {
  display:block;
  position: relative;
  width: .6rem;
  height: .6rem;
  margin: .3rem auto 0;
  background:url(https://www.mktman.com/u-static/2019/zj/m/images/npclose.png) center center no-repeat;
  background-size:100% 100%;
}

.npsucc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 5.56rem;
  margin-top: -0.1rem;
  margin-left: -0.2rem;
  height: 2.35rem;
  border-bottom: .2rem solid #f5f5f5;
}
.npsucc .icon {
  display: block;
  width: 1.23rem;
  height: 1.23rem;
}
.npsucc .text {
  display: block;
  font-size: .28rem; 
}


.npprolist {}
.npprolist .item {
  display: flex;
  align-items: center;
  padding: .2rem 0;
  border-bottom: 1px solid #f6f6f6;
}
.npprolist .item .icon {
  display: block;
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.3rem;
  margin-right: .22rem;
  font-size: 0;
  line-height: 1.3rem;
  text-align: center;
  border-radius: .1rem;
  overflow: hidden;
}
.npprolist .item .icon img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.npprolist .item .name {
  display: block;
  font-size: .26rem;
  line-height: .34rem;
  color: #282828;
}
.npprolist .item span {
  display: block;
}

.tokefu {
  display: block;
  position: fixed;
  width: 1.8rem;
  height: 1.8rem;
  right: 0;
  bottom: 3rem;
  background: url(https://www.mktman.com/u-static/2019/zj/m/images/tokefuicon.png) center center no-repeat;
  background-size: 100% auto;
  z-index: 15;
}

#gotop,
.gotop {
    display: block;
    position: fixed;
    width: .8rem;
    height: .8rem;
    right: .44rem;
    bottom: 2rem;
  	font-size: 0;
    background: url(https://www.mktman.com/u-static/2019/zj/m/images/gotop.png) center center no-repeat;
    background-size: 100% auto;
    z-index: 2;
    display:none;
}