/* comvip */
body{background-color: #fff;font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Arial, sans-serif;}
.kch-comvipBox{padding-bottom: 0; color: #666; background: url(https://www.kchuhai.com/common/img/vip-header.png); background-size: auto 1080px; background-repeat: no-repeat;}
.kch-comvipYsBox{width:1180px; top: -80px;}
.kch-comvipYs{width: 270px; height: 145px; background-color: #ffffff54; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border-radius: 10px;}
.text-ca963b{color: #ca963b;}
.kch-gcT01{background: linear-gradient(#465ad5,#a2b3fd);-webkit-background-clip: text; color: transparent;}
.kch-gcT02{background: linear-gradient(#2eac45, #b3ea7e);-webkit-background-clip: text; color: transparent;}
.kch-gcT03{background: linear-gradient(#f13b61, #ffaaab);-webkit-background-clip: text; color: transparent;}
.kch-gcT04{background: linear-gradient(#4885ff, #5bd4ff);-webkit-background-clip: text; color: transparent;}
.kch-vipCardBox{width: 1446px;}
.scc-card-new { width: 280px; background: #ffffff; box-shadow: 0px 2px 8px 0px rgba(51, 51, 51, 0.1);border-radius: 16px;position: relative; cursor: pointer; padding: 20px 20px;overflow: hidden; -webkit-transition: .5s; transition: .5s;height: max-content;margin: 0 10px;}
.card-head {height: 100px;}
.card-new-title { font-size: 20px;font-weight: bold;position: relative; z-index: 1;color: #fff;}
.card-title-text {font-size: 14px;position: relative;z-index: 1;color: #fff;margin-top: 10px;}
.card-logo {width: 100%; position: absolute;  right: 0; top: 0;height: 118px; border-radius: 4px 4px 0px 0px;}
.price-box {height: 100px;padding: 20px 0; box-sizing: border-box;color: #333;display: flex; flex-direction: column;justify-content: center;}
.price-text {text-align: center;}
.kch-comVipBtn{width: 100%; text-align: center;  border-radius: 8px; line-height: 40px; height: 40px; font-size: 14px; color: #fff;cursor: pointer;}
.bg-5dd1ff{background-color: #5dd1ff;}
.bg-2bb967{background-color: #2bb967;}
.bg-1875f0{background-color: #1875f0;}
.bg-ff9d40{background-color: #ff9d40;}
.bg-23cea5{background-color: #23cea5;}
.text-5dd1ff{color: #5dd1ff;}
.text-2bb967{color: #2bb967;}
.text-1875f0{color: #1875f0;}
.text-ff9d40{color: #ff881b;}
.text-23cea5{color: #23cea5;}
.kch-comVipQyTable tr{background-color: #fff!important;}
.kch-comVipQyTable td, .kch-comVipQyTable th{padding:15px 15px; box-sizing: border-box; font-size: 16px;}
.kch-comVipFixed{ position: fixed; top:70px;  background: #fff;width: 1200px; z-index: 8;margin-left: -600px;left: 50%;}
.kch-comVipFixed tr th{width: 180px;}
.kch-comVipFixed tr th:first-child{width: 300px;border-left-width: 1px;}
.kch-comVipIcon{width: 30px; height: 30px; }
.kch-comVipQyTable .icon-f-dui{width: 20px; height: 20px; background-color:#2bb967 ; color: #fff; font-size: 12px; border-radius: 10px; display: inline-block; }
.bg-hzqtBox{background-color: rgba(16,146,241,0.12);}
.kch-comUserBtn{width:228px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 13px; background-color: #43a8ff;}
.bg-hzqtBox .font-18{font-weight: 400;color: #333;}
.bg-hzqtBox input{font-size: 16px;}
.bg-hzqtBox .layui-form-checkbox[lay-skin=primary] span{color: #333; font-size: 16px;}
.bg-hzqtBox .layui-textarea{font-size: 16px;}
.swiper-button-next, .swiper-button-prev{width: 32px; height: 32px; background-color: #fff; border: 1px solid #ddd; border-radius: 16px;background-size: 10px;}
.swiper-button-next{right: 0px;}
.swiper-button-prev{left: 0px;}
.kch-contentBox{height: 62px; box-sizing: border-box; overflow: hidden; border-bottom: 1px solid #eeeeee;transition: all .3s ease-out; }
.kch-blueDian{width: 8px; height: 8px; border-radius: 4px; background-color: #3988ff;}
.kch-xiala{width: 20px; height: 20px; background-color: #e5efff;border-radius:10px; font-size: 12px; color: #3988ff; font-weight: bold; display: flex; justify-content: center; align-items: center; }
.kch-xiala.icon-l-drop-down:before{margin-top: 2px;}
.kch-contentMore{padding-left: 30px;}
@media screen and (max-width: 800px) {
	.kch-comVipQyTableBox{display: none;}
	.font-60.mb-3{font-size: 24px; margin-bottom: 10px;}
	.font-24.mb-3{font-size: 16px;margin-bottom: 10px;}
	.kch-comvipYsBox{width: 100%;flex-wrap: wrap; padding: 0 10px;}
	.kch-comvipYs{width: 48%; padding: 10px; height: auto; margin: 1%;}
	.kch-comvipYs .iconfont{font-size: 32px;}
	.kch-comvipYs .font-18{font-size: 12px;}
	.w-center.py-3.mb-5{margin-bottom: 0;}
	.swiper-container{overflow: initial;width: 100%;}
	.swiper-wrapper{display: initial; margin: initial;}
	.swiper-slide{width: 100%!important; height: initial;}
	.kch-vipCardBox{width: 100%; flex-wrap: wrap;}
	.scc-card-new{width: 92%; margin: 0 4%; margin-bottom: 30px;}
	.kch-comvipBox{margin-bottom: 0;}
	.kch-comvipBox>.w-center.flex.justify-between.mb-5{margin-bottom: 0;}
	.font-32{font-size: 20px;}
	.w-center.bg-white.p-3.rounded-10{padding: 15px;}
	.layui-form-item.w-50.px-1{width: 100%;}
	.bg-hzqtBox{padding: 15px;}
}