.banner-wrap{height:auto;position:relative;background-position:center center}
.index-banner-top{margin:185px 0;z-index:99;position:absolute}
.y-page-title-bg{width:100px;height:20px;background:linear-gradient(to right,#ffffff,#FFC107);display:inline-block;position:absolute;top:37%;left:22%;z-index:2}
.center{text-align:center}
.tpm-prod-hero__btn-group{margin-top:20px}
h1.banner-title,.index-banner-top p{color:#fff;font-weight:600;margin-bottom:15px;font-size:38px;font-family:inherit;font-style:normal}
.index-banner-top p{line-height:38px !important;height:34px;font-size:16px;font-weight:400;font-family:微软雅黑}
img.products{width:100%;height:438px}
.tpm-prod-hero__btn{background:#0e52ff;box-shadow:8px 8px 20px 0 rgb(121 172 255 / 10%);color:#fff;min-width:136px;height:44px;font-size:16px;line-height:42px;-webkit-font-smoothing:auto;transition:all .3s ease-in-out;outline:0 none;cursor:pointer;white-space:nowrap;text-align:center;text-decoration:none;vertical-align:middle;display:inline-block;box-sizing:border-box;margin-right:20px;border:2px solid #0056ff;border-radius:4px}
.tpm-prod-hero__btn--white{border:1px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);transition:all .3s ease-in-out;color:#fff;border-color:rgba(255,255,255,.6)}
.index-banner-top ul>li button{float:left;padding:6px 35px;background:#fff;color:#3085de;border-radius:3px;font-weight:600;margin-left:0px;margin-top:0px;border:none;height:35.5px}
.index-banner-top ul>li .contorl button{background:none;border:1px solid #fff;color:#fff;padding:5px 35px;margin-left:8px}
.index-banner{width:1240px;margin:auto}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;background-image:url(../images/bannerVG2.jpg)}
.swiper-pointer-events{touch-action:pan-y;height:438px}
.clounm-blank{display:none;height:95px;overflow:hidden}
.cps-clounm{background:#fff;z-index:5;border-bottom:1px solid #ddd;overflow:hidden;min-width:1280px}
.cps-clounm ul{width:1240px;margin:0 auto;overflow:hidden}
.cps-clounm li{float:left;color:#666666;position:relative;width:20%;height:auto;cursor:pointer;padding:30px 20px 20px 82px}
.cps-clounm .active:after{content:'';position:absolute;left:0;bottom:0;width:100%;border-bottom:2px solid #2a62ff;height:auto;top:auto}
.cps-clounm li p{font-size:16px;color:#333;margin:0 0 4px;font-weight:700}
.cps-clounm li:before{content:"";position:absolute;left:30px;width:48px;height:42px;top:24px;background:url("../picture/ico.png?v=1")  no-repeat}
.cps-clounm li:after{content:"";height:40px;width:1px;background:#dddddd;position:absolute;right:0;top:23px}
.cps-clounm li:last-child:after{width:0}
.cps-clounm .item1:before{background-position:1px 0}
.cps-clounm .item2:before{background-position:-47px 0;left:25px}
.cps-clounm .item3:before{background-position:-102px 0;left:25px}
.cps-clounm .item4:before{background-position:-153px 0;left:15px}
.cps-clounm .item5:before{background-position:-206px 0}
.cps-clounm .active{background:#f2f5fa}
.block{display:block;overflow:hidden}
.center{margin:auto;display:block}
.row{display:-webkit-box;display:-moz-box;display:-mz-flexbox;display:flex;flex-direction:row}
.wrap{flex-wrap:wrap}
.ai-center{align-items:center}
.w1200{width:100%;max-width:1240px}
.w60{width:60%}
.w40{width:40%}
.pic100 img{width:100%}
.pad-20{padding:20px}
.mar-b20{margin-bottom:20px}
.security-title{font-size:36px;text-align:center;margin:0 0 75px;overflow:hidden}
.security-title span{display:block;font-size:14px;color:#666666;margin:25px 0 0}
.security-btns{clear:both;text-align:center;padding:50px 0;overflow:hidden}
.security-btns a{display:inline-block;font-size:16px;width:200px;height:40px;line-height:40px;color:#fff}
.security-btns .btn2{background:#059fff}
.security-btns .btn2:hover{background:#34a1fd}
.security-beian{padding:95px 0 70px;overflow:hidden;width:100%}
.security-compensation{padding:95px 0 30px;background:#fafafa;overflow:hidden;width:100%}
.security-refund{padding:95px 0 70px;overflow:hidden;width:100%}
.security-support{padding:95px 0 85px;background:#fafafa;overflow:hidden;width:100%}
.frame-area{background:#fcfcfc}
.frame-details{float:left;border:1px solid #ddd;background-color:#fff}
.frame-detail-content{padding:38px 35px 0;color:#333}
.frame-detail-title{padding:33px 35px;background-color:#0e52ff}
.detail-title{font-size:18px;color:#fff}
.detail-subtitle{margin-top:15px;line-height:30px;text-align:justify;font-size:12px;color:#ebf0fc}
.detail-content-title{font-size:14px}
.detail-content-area{padding-bottom:35px}
.performance-list,.character-list{width:100%}
.character-list{margin-top:15px}
.character-list li{display:list-item;float:left;padding-left:30px;width:50%;height:50px;line-height:50px;background-position:19px center;background-repeat:no-repeat;font-size:12px;background:url("../picture/has.png") left no-repeat;background-position:8px 17px}
.character-list li.item-left{border-right:1px solid #ddd;background-position:2px center;background-repeat:no-repeat;padding-left:30px;background:url("../picture/has.png") left no-repeat;background-position:8px 17px}
.character-list li.item-right,.character-list li.item-left:first-child{border-bottom:1px solid #ddd}
.performance-list li{float:left;padding-left:30px;width:100%;height:40px;line-height:40px;font-size:12px;background:url("../picture/has.png") left no-repeat;background-position:8px 12px}
.w40{width:40%}
@media all and (max-width:768px){.cps-clounm{color:#333333;height:50px;font-size:14px;overflow:hidden;border-bottom:1px solid #ddd;line-height:50px;text-align:center;position:relative;min-width:100%}
.cps-clounm .active{background:#0056ff !important}
.cps-clounm .active p{color:#fff !important}
.cps-clounm .active:after{content:'';position:absolute;left:0;bottom:0;width:100%;border-bottom:2px solid #2a62ff;height:auto;top:auto}
.cps-clounm li{display:block;width:20%;float:left;color:#000;padding:0}
.cps-clounm li p{font-weight:400}
.cps-clounm li:before{content:"";position:absolute;left:0px;width:0px;height:0px;top:0px;display:none}
.cps-clounm li:after{content:"";height:20px;width:1px;background:#e6e6e6;position:absolute;right:0;top:15px}
h1.banner-title{font-size:20px;margin-top:0px;display:inline-block;border-left:3px solid #ffc107;padding-left:14px}
.productswap{height:280px;width:150%}
.banner-title{font-size:20px;margin-top:0px;display:inline-block}
.index-banner-top{margin:105px 0;z-index:99;position:absolute;padding:0px 80px 0 20px}
.index-banner-top p{text-align:left;font-size:14px;color:#ccc}
h1.banner-title{font-size:20px}
.tpm-prod-hero__btn-group{display:none}
.container .w40,.container .w60{width:100%}
.wrap-r{flex-wrap:wrap-reverse}
.security-support,.security-refund,.security-compensation,.security-beian{padding:40px 0 30px}
.security-title{font-size:24px;margin:0 0 25px}
}