.mk-a{width: 100%;background-color: #f6f6f6;}
.mk-top{width: 100%;padding: .55rem 0; }
.mk-b{width: 13.3rem;margin: 0 auto;}
.mk-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.mk-left{float: left;width: 6rem;}
.mk-big{width: 100%;position: relative;margin-bottom: .1rem;}
.mk-c{width: 100%;}
.mk-item{width: 100%;height: auto;}
.mk-img{width: 100%;}
.mk-img img{width: 100%;}
.mk-img video{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.mk-small{width: 100%; position: relative;}
.mk-prev{display: none;}
.mk-next{display: none;}
.mk-d{width: 100%;}
.mk-nav{width: 1.12rem;margin-right: .1rem;cursor: pointer;}
.mk-bg{display: block; width: 100%;height: 1.12rem;line-height: 1.12rem;text-align: center; background-color: #fff;border-radius: 4px;border: solid 1px #fff;overflow: hidden;}
.mk-bg img{max-width: 100%;max-height: 100%;}
.mk-bg video{width: 100%;height: 100%;}
.mk-nav.active .mk-bg{border: solid 1px #cd010d;}

.mk-right{float: right;width: 6rem;padding-top: .65rem;}
.mk-tip{color: #999999;margin-bottom: .23rem;}
.mk-name{color: #333333;font-weight: bold;line-height: 1.3;padding-bottom: .35rem;margin-bottom: .35rem; position: relative;}
.mk-name:before{content: '';position: absolute;bottom: 0;left: 0; width: .23rem;height: .02rem;background-color: #333333;}
.mk-text{color: #999999;line-height: 1.6;margin-bottom: .4rem;}
.mk-text *{line-height: inherit;}
.mk-color{width: 100%;border-bottom: 1px solid #b5b5b5;min-height: 1.26rem;padding-bottom: .2rem;margin-bottom: .5rem;}
.mk-one{display: inline-block;vertical-align: middle;padding: .09rem .32rem; color: #999999;margin-right: .23rem;margin-bottom: .25rem;border-radius: .17rem;border: solid 1px #c7c7c7;}
.mk-share{width: 100%;}
.mk-e{display: inline-block;vertical-align: middle;color: #999999;margin-right: .35rem;}
.mk-f{display: inline;vertical-align: middle;}
.mk-g{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .25rem;}
.mk-gimg1{display: block;height: 1.125em;}
.mk-gimg1 img{height: 100%;}
.mk-gimg2{display: none;height: 1.125em;}
.mk-gimg2 img{height: 100%;}
.mk-g:hover .mk-gimg1{display: none;}
.mk-g:hover .mk-gimg2{display: block;}

.mk-bottom{width: 100%;background-color: #fff;padding: 1.3rem 0;}
.mk-h{width: 13.3rem;margin: 0 auto;}
.mk-titles{color: #000000;margin-bottom: .5rem;text-align: center;}
.mk-textbox{color: #999999;line-height: 1.6;margin-bottom: .4rem;}
.mk-textbox *{line-height: inherit;max-width: 100%;}

@media(max-width: 900px){ 
    .mk-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mk-h{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mk-left{width: 100%;}
    .mk-nav{width: calc(25% - .1rem);margin-right: .1333rem;}
    .mk-right{width: 100%;}
}