.kcshop-top {padding: 0 1.8rem;height: 13rem;background: url(../images/nc-bg.png) left top no-repeat;background-size: 100% 100%;}
.kcshop-top .return {width: 1.6rem;height: 1.6rem;flex-shrink: 0;background: url(../images/gpty-arrow.png) left center no-repeat;background-size: auto 100%;cursor: pointer;margin-right: 2.1rem;}
.kcshop-top .search {flex-grow: 1;box-sizing: border-box;height: 3rem;padding:2px 1.5rem 0 4rem;background: #fff url(../images/kchome_search2.png) 1.8rem center no-repeat;background-size: 1.4rem auto;border-radius: 1.5rem;font-size: 1.4rem;color: #333;cursor: pointer;}
.kcshop-top .tp-box {padding-top: 2.3rem;display: flex;align-items: center;}
.kcshop-intr {padding: 0 1.6rem;position: relative;box-sizing: border-box;background: #fff;margin-bottom: -1rem;}
.kcshop-intr .intr-bd {min-height: 10rem;position: relative;z-index: 2;background: #fff;transform: translateY(-2.8rem);border-radius: 0.8rem;box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 0 1.5rem 1.5rem;}
.kcshop-intr .intr-title {position: relative;padding-left: 10.6rem;height: 6.3rem;}

.kcshop-intr .img {position: absolute;top:-2.7rem;left: 0rem;width: 9rem;height: 9rem;text-align: center;box-sizing: border-box;padding: 4px;border-radius: 50%;background: #fff;box-shadow: 0 0 0.6rem rgba(243, 235, 232, 0.9);}
.kcshop-intr .img img {width: 100%;height: 100%;border-radius: 50%;background: #DFDADE;overflow: hidden;}
.kcshop-intr .intr-title .name {font-size: 2rem;font-weight: bold;line-height: 6.3rem;display: block;}
.kcshop-intr .intr-box {margin-top: 1rem;}
.kcshop-intr .intr-box p {font-size: 1.3rem;color: #666;line-height: 2rem;}
.kcshop-intr .intr-bot {display: flex;margin-top: 1.5rem;}
.kcshop-intr .intr-bot span {padding-left: 1.5rem;line-height: 1.8rem;font-size: 1.2rem;color: #999999;}
.kcshop-intr .intr-bot .per {flex-shrink: 0;margin-right: 2rem;background: url(../images/gr_a.png) left center no-repeat;background-size: 1.1rem auto;}
.kcshop-intr .intr-bot .zt {overflow: hidden;flex-grow: 1;background: url(../images/jg_a.png) left center no-repeat;background-size: 1.2rem auto;text-overflow: ellipsis;white-space: nowrap;}
/*.kcshop-swiper {height: 13.7rem;}*/
.kcshop-swiper .swiper-wrapper img{width: 100%;max-height: 21.1rem;}
.kcshop-swiper>.swiper-pagination{width: auto;left: auto;right: 1rem;background: rgba(0,0,0,.8);height: 1.1rem;line-height: 1.1rem;border-radius:1rem;}
.swiper-pagination-bullet{background: #A8A8A8;width: 0.6rem;height: 0.6rem;border-radius: 50%;opacity: 1;}
.swiper-pagination-bullet-active{background: #FFFFFF;}
.swiper-slide a {display: block;}
.kcshop-swiper>.swiper-pagination .swiper-pagination-bullet {margin:0.25rem 5px;}
.xchm_tthd {height: 4rem;line-height: 4rem;}
.xchm_tthd .tt {display: inline-block;font-size: 1.8rem;color: #333333;}
.xchm_tthd .sub {display: inline-block;font-size: 1.2rem;color: #999999;margin-left: 0.5rem;}
.xchm_tthd .red {color: #F23835;}
.xchm_ranking {padding: 1.5rem 0 2rem;margin: 1rem 0;}
.xchm_ranking .kt_item .item_img {position: relative; } 
.xchm_ranking .kt_item {box-shadow: 0 0 0.8rem rgba(85, 85, 85, 0.2); display: block; overflow: hidden; border-radius: 0.4rem; } 
.xchm_ranking .swiper-container {padding: 0.5rem 1.6rem 0.5rem;} 
.xchm_ranking .kt_item img {width: 100%;height: 9.2rem;cursor: pointer;} 
.xchm_ranking .kt_item .item_num {display: flex;align-items: center;position: absolute;z-index: 10;right: 0;bottom: 0;left: 0;height: 2rem;overflow: hidden;}
.xchm_ranking .kt_item .item_num span {padding: 0.2rem 1rem 0.2rem 2.3rem;font-size: 1.1rem;color: #F9D300;background: url(../images/dfr.png) 1rem center no-repeat;background-size: 1.3rem auto;cursor: pointer;}
.xchm_ranking .kt_item .item_num .b_mask {content: "";display: block;position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #000;opacity: .5;}
.xchm_ranking .kt_item .item_intr {padding: 0.6rem 1.2rem 1.2rem;}
.xchm_ranking .kt_item .item_intr h3 {line-height: 2rem;height: 4rem;font-size: 1.3rem;color: #000;cursor: pointer;}
.xchm_ranking .kt_item .item_intr p {margin-top: 1rem;line-height: 2rem;font-size: 1.3rem;color: #F23835;cursor: pointer;}
.xchm_ranking .kt_item .start_play {position: absolute; left: 50%; top: 50%; z-index: 10; width: 3.2rem; height: 3.2rem; background: url(../images/video_play.png) no-repeat center center; background-size: 100% 100%; transform: translate(-50%,-80%);cursor: pointer;}
.indexDown{margin: 1rem 1.55rem 0;}
.typeList{width: 100%;}
.typeList li{width: 100%;margin-top: 1rem;}
.typeList li:first-child {padding-top: 0;}
.typeList a{width: 100%;position: relative;}
.typeList a .typeL{width: 14rem;position: absolute;left: 0;top: 0;}
.typeList a .typeL img{width:100%;height:7.9rem;border-radius:0.4rem;vertical-align: middle;}
.typeList a .typeR{position: relative;margin-left: 15.5rem;height: 7.9rem;padding-bottom: 1.45rem;border-bottom: 1px solid #ECECEC;}
.typeList a .typeR h2{font-size: 1.6rem;color: #000;font-weight: normal;line-height: 2rem;max-height: 4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.typeList .priceBox{position: absolute;left: 0;bottom: 1.45rem;}
.typeList .priceBox .dz_price{font-size: 1.4rem;font-weight: bold;color: #F23835;margin-right: 1rem;}
.typeList .priceBox .dz_price i{font-size: 1rem;}
.typeList .start_play{position: absolute;left: 50%;top: 50%;z-index: 10;width: 2.4rem;height: 2.4rem;background: url(../images/video_play.png) no-repeat center center;background-size: 100% 100%;transform: translate(-50%,-50%);}
.typeList a .typeR p{font-size: 1.2rem;color: #888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.5rem;}