/* comvip */
body{background-color: #fff;}
.layui-table{color: #333;}
.kch-comvipBg{width: 100%; height: 400px; background-image: url(/common/img/comvipBg.jpg); background-repeat: no-repeat; background-size: 1920px 400px; background-position: center;}
.kch-comvipBt{ background: linear-gradient(90deg,#f9edc2 100px, #f9edc2 200px, #f1d3a7 300px);-webkit-background-clip: text; color: transparent; }
.kch-comvipBtn{width: 150px; height: 40px;color: #fdf5cd; border: 1px solid #f7e1a9; border-radius: 20px; display: flex; justify-content: center; align-items: center; font-size: 18px;}
.kch-comvipBtn:hover{opacity: 0.9;color: #fdf5cd;}
.kch-comvipYsBox{width:1180px; position: absolute; top: -80px;}
.kch-comvipYs{width: 270px; height: 145px; background-color: #fff; border: 1px solid #eee; border-radius: 10px;}
/* .kch-comvipYs .iconfont{color: #d7b879;} */
.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;}
.layui-table th{ height: 180px; background-color: #e7f4ff;min-height:initial; line-height: initial;}
.layui-table td{ height: 100px;padding: 9px 20px;}
.layui-table td.text-center{font-size: 16px;}
.layui-table tbody tr:hover{background-color: initial;}
.text-dd8313{color: #dd8313;}
.kch-vipQyBt{border-bottom: 4px solid #da8a1a;font-weight: 700; padding-bottom: 10px; font-size: 20px; color: #da8a1a; width: 72px;}
.kch-vipQyBt>strong{font-size: 40px; font-weight: bold; margin-left: 5px;}
/* .layui-table[lay-even] tr:nth-child(even){background-color: #fafafa;} */
.layui-table .kch-vipBgYellow-lg{background-color: #fff;}
.layui-table .kch-vipBgYellow{background-color: #e7f4ff;}
.layui-table[lay-skin=row] .kch-vipThBorder{border-color: #57bf57;border-width: 1px 1px 0 1px;}
.layui-table[lay-skin=row] .kch-vipThBorder2{border-color: #57bf57;border-width: 0 1px 0 1px;}
.layui-table[lay-skin=row] .kch-vipThBorder3{border-color: #57bf57;border-width: 0 1px 1px 1px;}
.layui-table[lay-skin=row] .kch-vipThBorder4{border-color: #57bf57;border-width: 0 0 0 1px;}
.kch-vipBuyTc{width: 380px; min-height: 40px; border-radius: 4px; background-color: #fff; position: absolute; z-index: 2; left: 50%; margin-left: -225px; top: 20%;}
.kch-alipay,.kch-wechat{color: #999;}
.layui-tab-title{height: 50px;}
.layui-tab-title .layui-this:after{height: 50px}
.layui-tab-brief>.layui-tab-title .kch-alipay.layui-this{ color: #019fe8;}
.layui-tab-brief>.layui-tab-more li.kch-alipay.layui-this:after, .layui-tab-brief>.layui-tab-title .kch-alipay.layui-this:after{border-bottom: 2px solid #019fe8;}
.layui-tab-brief>.layui-tab-title .kch-wechat.layui-this{ color: #4cb816;}
.layui-tab-brief>.layui-tab-more li.kch-wechat.layui-this:after, .layui-tab-brief>.layui-tab-title .kch-wechat.layui-this:after{border-bottom: 2px solid #4cb816;}
.kch-buyCode{display: flex; justify-content: center; background-color: #019fe8;}
.kch-buyCode2{display: flex; justify-content: center; background-color: #22ab38;}
.kch-buyCode img{width: 200px;}
.kch-buyCode2 img{width: 200px;}
.layui-tab-content{padding: 0;}
.text-red{color: red;}
.kch-comvipBottom{background-color:#4c4c4c; height: 60px; position: fixed; bottom: 0; z-index: 999;}
.text-e7c37b{color:#e7c37b ;}
.kch-comvipBottomBtn{width: 180px; height: 60px; line-height: 60px; background-color: #f9d681;color: #351d06;font-size: 20px;text-align: center;}
.kch-comvipBottomBtn:hover{color: #351d06;opacity: 0.95;}
.kch-upBtn{width: 130px; height:30px; margin: 0 auto; background-color: #e7f4ff; border: 1px solid #307bf8; display: flex; justify-content: center; align-items: center; border-radius: 6px; font-size: 14px ; color: #307bf8;}
.kch-upBtn:hover{background-color: #307bf8; color: #fff;}
.layui-table tbody tr .icon-l-wenhao:hover{color: #307bf8;}
.layui-table tbody tr .icon-l-wenhao:hover > div{display: block;}
.kch-tableTJ{position: absolute; height: 32px; background-color: #57bf57; width: 301px; right: 0; display: flex ; justify-content: center; align-items: center; top: -20px; color: #fff; border-radius: 10px 10px 0 0;}
.kch-comVipLogo{width: 130px!important; height: 130px; margin: 10px; border-radius: 10px; overflow: hidden; display: flex;}
.kch-comVipLogo img{width: 130px; height: 130px;}
.kch-comVipLogo:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.swiper-container.logoSwiper{height: 200px;}
.swiper-button-prev {left: 0px;top: 50%; margin-top: -50px; width: 45px;height: 45px;background: url(/common/img/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
.swiper-button-next {right: 0px;top: 50%; margin-top: -50px;width: 45px;height: 45px;background: url(/common/img/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
.swiper-container.logoSwiper:hover .swiper-button-prev{background-position: 0 -46px;background-size: 100%}
.swiper-container.logoSwiper:hover .swiper-button-next{background-position: 0 -139px;background-size: 100%}
.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;}