.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} .cloumn-blank{display:none;height:95px;overflow:hidden} .cps-cloumn{background:#fff;z-index:5;border-bottom:1px solid #ddd;overflow:hidden;min-width:1280px} .cps-cloumn ul{width:1240px;margin:0 auto;overflow:hidden} .cps-cloumn li{float:left;color:#666666;position:relative;width:20%;height:auto;cursor:pointer;padding:30px 20px 20px 82px} .cps-cloumn .active:after{content:'';position:absolute;left:0;bottom:0;width:100%;border-bottom:2px solid #2a62ff;height:auto;top:auto} .cps-cloumn li p{font-size:16px;color:#333;margin:0 0 4px;font-weight:700} .cps-cloumn li:before{content:"";position:absolute;left:30px;width:48px;height:42px;top:24px;background:url("../picture/ico.png?v=1")  no-repeat} .cps-cloumn li:after{content:"";height:40px;width:1px;background:#dddddd;position:absolute;right:0;top:23px} .cps-cloumn li:last-child:after{width:0} .cps-cloumn .item1:before{background-position:1px 0} .cps-cloumn .item2:before{background-position:-47px 0;left:25px} .cps-cloumn .item3:before{background-position:-102px 0;left:25px} .cps-cloumn .item4:before{background-position:-153px 0;left:15px} .cps-cloumn .item5:before{background-position:-206px 0} .cps-cloumn .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-cloumn{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-cloumn .active{background:#0056ff !important} .cps-cloumn .active p{color:#fff !important} .cps-cloumn .active:after{content:'';position:absolute;left:0;bottom:0;width:100%;border-bottom:2px solid #2a62ff;height:auto;top:auto} .cps-cloumn li{display:block;width:20%;float:left;color:#000;padding:0} .cps-cloumn li p{font-weight:400} .cps-cloumn li:before{content:"";position:absolute;left:0px;width:0px;height:0px;top:0px;display:none} .cps-cloumn 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} }