/*file md5 value:26123d40cac654681e87ceb31bc40360*/
/*compress time:2023-06-15 10:14:03*/
body { margin:0; padding:0; background-color:#fff; font-size:14px; color:#364150; font-family:"微软雅黑" !important; line-height:25px; } * { margin:0; padding:0; box-sizing:border-box; outline:none !important; } a,a:hover,a:focus { outline:none; text-decoration:none; cursor:pointer; } a:hover,button:hover { opacity:.9; } .link:hover { text-decoration:underline !important; } .link-underline { text-decoration:underline; } .link-underline:hover { text-decoration:underline; } .text-center { text-align:center; } .text-right { text-align:right !important; } h1,.h1,h2,.h2,h3,.h3 { margin-bottom:0; } .content { margin-top:88px; min-height:680px; min-width:1200px; } .main-box { margin:auto; width:1200px; } .img_box { position:relative; width:100%; overflow:hidden; position:relative; } .img_box .imgs { position:relative; display:block; left:50%; margin-left:-960px; } @font-face { font-family:contNumber; src:url('/static/fonts/DIN Alternate Bold.ttf'); } .contNumber { color:#FF1B14; font-size:24px; font-family:contNumber; } .bold{ font-weight:bold; } #header { position:fixed; top:0; left:0; width:100%; height:88px; background-color:#fff; z-index:99999999; border-bottom:1px solid #e9e8e8; } #header .logo-div { position:relative; width:100%; height:88px; } #header .loginImg { position:relative; display:inline-block; width:242px; height:88px; margin:0 150px 0 12px; cursor:pointer; } #header .loginImg img{   position:absolute;   max-width:100%;   max-height:80%;   object-fit:contain;   top:50%;   transform:translateY(-50%); } #header .loginImg .loginLink { display:inline-block; border-radius:50%; } #header .arrow-down { display:inline-block; width:20px; height:20px; background:url(/static/images/icon-arrow-down.png) center no-repeat; vertical-align:middle; } #header .login-link { position:absolute; display:block; margin-top:14.5px; margin-left:10px; width:140px; height:auto; overflow:hidden; background-color:#fff; box-shadow:0px 5px 5px #eceef0; } #header .login-link a { display:block; text-align:center; margin-left:0; } #header .login-link a:hover { color:#2B7EFF; } #header .main-box{ position:relative; height:88px; } #header .layui-nav{ background-color:transparent; overflow:visible; } #header .layui-nav .layui-nav-item{ line-height:88px; } .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after { background-color:transparent !important; } #header .layui-nav .layui-nav-item a{ color:#2C3441; } .inline-div { position:relative; float:left; } .a-margin { margin-right:15px; } .memu { margin:0; height:88px; width:auto; text-align:center; } .memu li { display:inline-block; width:auto; margin:0 30px; text-align:center; font-size:15px; } .memu li a { position:relative; display:inline-block; width:100%; height:100%; line-height:88px; color:#2C3441; text-align:center; } .memu li a span{ position:relative; z-index:3; } .memu li a:hover { color:#2b7eff; text-decoration:none; } .memu li .active { color:#2b7eff; font-weight:bold; } .memu li .active:after{ position:absolute; display:inline-block; content:''; width:32px;   height:4px;   background-color:#2b7eff; bottom:0; left:50%; margin-left:-16px; } .login-status { width:auto; margin:30px 0; text-align:right; } .login-status a { display:inline-block; margin-left:10px; height:41px; line-height:41px; color:#5f7084; font-size:14px; } .login-status a img { margin-top:0 !important; } a.login-btn,a.register-btn { position:relative; display:inline-block; width:72px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:14px; background:linear-gradient(180deg,rgba(13,101,238,1) 0%,rgba(68,139,255,1) 100%); } a.login-btn{ color:#2C3441; background:none; } a.login-btn:hover { text-decoration:underline; } .login-status .logged { width:118px; font-size:14px; } .login-status .logged i { display:inline-block; width:20px; height:16px; background:url(/static/images/icon-qy-logged.png) no-repeat 0 0; vertical-align:middle; } table { border-collapse:collapse; } ul { list-style:none; height:auto; overflow:hidden; } .float-right { float:right; font-size:12px; font-weight:normal; } .blue-a,.gray-a,.white-a { display:inline-block; width:88px; height:32px; line-height:30px; color:#fff !important; font-size:12px; text-align:center; background:linear-gradient(311deg,rgba(13,101,238,1) 0%,rgba(68,139,255,1) 100%); vertical-align:middle; margin-right:8px; } .white-a { color:#2B7EFF !important; background:#fff; border:1px solid #2B7EFF; } .gray-a { background:#fff; border:1px solid #d0d0d0; color:#5f7084 !important; } .red-text { color:#FF1B14 !important; } .blue-text { color:#2B7EFF !important; } .green-text{ color:#13CF5A !important; } .orange-text{ color:#FF5813 !important; } .f-16 { font-size:16px; } .f-14 { font-size:14px !important; } .f-12 { font-size:12px !important; } .f-24 { font-size:24px; } .f-10{ font-size:12px; -webkit-transform:scale(0.833333); } .f-11{ font-size:12px; -webkit-transform:scale(0.916666); } .f-20{ font-size:20px; } .f-30{ font-size:30px; } #footer { padding:35px 0; background-color:#232531; height:auto; overflow:hidden; color:#fff; } #footer .contact { width:300px; color:#989898; line-height:40px; } #footer .icon-footer-phone { display:inline-block; width:33px; height:32px; background:url(/static/images/icon-bottom-phone.png); margin-right:5px; vertical-align:middle; } #footer .phone-400 { font-size:22px; font-weight:bold; text-align:center; } #footer .online-service { display:inline-block; margin-top:10px; width:122px; height:40px; line-height:40px; text-align:center; color:#444; font-size:12px; border:1px solid #333; border-radius:30px; } #footer .about { height:auto; overflow:hidden; margin-bottom:10px; } #footer .about li { position:relative; float:left; width:33.333333%; } #footer .about li a { color:#fff; font-size:16px; line-height:42px; } #footer .scan-code { float:right; } #footer .scan-code li { float:left; width:99px; text-align:center; margin-left:50px; } #footer .bottom { height:auto; overflow:hidden; color:#989898; } #footer .icp { padding:10px 0; } #footer .wx-text { color:#fff; font-size:16px; line-height:38px; margin-bottom:5px; } #footer .kf-dh { color:#fff; font-size:48px; line-height:45px; margin:13px 0; font-family:contNumber; } #footer .cx { margin-top:30px; border-top:1px solid #2c3441; padding-top:20px; text-align:center; color:#5f7084; } #footer .kf-zx { margin-top:10px; display:inline-block; padding:0 5px 0 0; color:#fff; border:1px solid #fff; line-height:30px; cursor:pointer; } .popup { position:absolute; display:none; margin-top:40px; margin-left:-70px; padding:10px; border:1px solid #e1e1e1; background-color:#fff; z-index:999999999; text-align:center; } .popup img { display:block; } .icon-horn { display:inline-block; margin-right:5px; width:24px; height:25px; background:url(/static/images/icon-horn.png) center no-repeat; } .notice-time { font-size:12px; color:#8f8f8f; } .more { float:right; font-size:14px; color:#5f7084; font-weight:normal; } .gray-border { height:auto; overflow:hidden; border:1px solid #dfdfdf; box-sizing:border-box; } form { padding-bottom:15px; } form .form-line { position:relative; margin:0; padding:0; height:68px; line-height:68px; border:none; } form .form-line > label { position:absolute; left:0; margin-left:100px; width:150px; } form .form-line .form-right { margin-left:250px; } form .form-line .form-text { font-size:12px; color:#8d8d8d; line-height:40px; } form input,form select,form button,form textarea { padding-left:10px; width:320px; height:38px; border:1px solid #E7ECF1; vertical-align:middle; } form input:focus { border:1px solid #f5b834 !important; box-shadow:none !important; } form textarea { height:150px; resize:none; } form .input-verification { width:210px; } .form-control[readonly] { background-color:#fff !important; } .verification-btn { display:inline-block; margin-left:5px; width:100px; height:38px; line-height:36px; text-align:center; color:#2B7EFF; vertical-align:middle; cursor:pointer; background:transparent !important; } .verification-btn:hover{ color:#2B7EFF; } .verification-btn[disabled]{ color:#8598B0; } form button { height:46px; line-height:46px; background-color:#2B7EFF; border:none; border-radius:5px; color:#fff; font-size:16px; outline:none; } form .form-div { height:40px; line-height:40px; } form .form-text { line-height:20px; } form input[type=checkbox],form input[type=radio] { margin-top:0; margin-right:5px; width:14px; height:14px; vertical-align:middle; } form .btn-div { margin-top:20px; margin-bottom:10px; text-align:center; } .white-box { background-color:#fff; height:auto; overflow:hidden; } .gray2-box { padding:20px 0; background-color:#f7f7f7; } .btn-file { display:inline-block; width:36px !important; height:36px !important; border:1px dashed #e1e1e1 !important; background-color:#fff !important; border-radius:0 !important; color:#ccc !important; padding-left:0 !important; } .upload-div * { vertical-align:middle; } .select2-container .select2-selection--single { height:36px !important; border:1px solid #E7ECF1 !important; border-radius:0 !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:38px !important; color:#364150 !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height:36px !important; } .yellow-text { color:#f5b834 !important; } .m-t-20 { margin-top:20px !important; } .m-t-30 { margin-top:30px !important; } .gray-text,.grey-text { color:#8598B0; } .gray2-text{ color:#5F7084; } .m-r-20 { margin-right:20px; } .m-b-20 { margin-bottom:20px; } .icon-promet-fail { padding-left:10px; color:#ff0000; } .promet { font-size:12px; font-weight:normal; color:#666; } .thumb { border:1px solid #dfdfdf; padding:0px; width:118px; height:118px; line-height:100px; text-align:center; font-size:50px; color:#ccc; position:absolute; top:0; left:0; box-sizing:border-box; } .thumb div { position:absolute; display:inline-block; top:0; left:0; width:100%; height:100%; z-index:1; } .thumb div:after { content:'+'; } .thumb img { position:absolute !important; display:inline-block !important; top:0; left:0; width:100%; height:100%; z-index:2; } .layui-upload-file { display:none!important; opacity:.01; filter:Alpha(opacity=1); } #float-right { position:fixed; right:10px; bottom:50px; z-index:999999999; background-color:#2c3441; } #float-right ul { overflow:visible; } #float-right li { width:52px; height:52px; border-bottom:1px solid #fff; } #float-right li:hover { background-color:#2B7EFF; opacity:1; } #float-right .zxzx { background:#2c3441 url(/static/images/zxkf-l.png) center no-repeat; opacity:0.5; } #float-right .phone { border-top:1px solid #fff; background:#2c3441 url(/static/images/float-right.png) -8px -71px; opacity:0.5; } #float-right .wx { background:#2c3441 url(/static/images/float-right.png) -8px -138px; opacity:0.5; } #float-right .icon-more { background:#2c3441 url(/static/images/icon-tools-more.png) no-repeat center; } #float-right .calculator { background:#2c3441 url(/static/images/float-right.png) -8px -204px; opacity:0.5; } #float-right .top { background:#2c3441 url(/static/images/float-right.png) -8px -270px; opacity:0.5; } #float-right .kf-phone,#float-right .calculator-show { position:absolute; background:#2B7EFF; margin-left:-120px; width:120px; height:52px; line-height:52px; font-size:12px; color:#fff; text-align:center; border-right:1px solid #fff; z-index:99999999; } #float-right .calculator-show { cursor:pointer; } #float-right .wx-qr { position:absolute; width:120px; height:120px; margin-left:-120px; background:#2B7EFF; border-right:1px solid #fff; z-index:99999999; } #float-right .wx-qr img { display:block; margin:auto; width:110px; margin-top:5px; } #float-right .hongbao { display:block; width:52px; height:52px; background:#fff url(/static/images/icon-hb.png) center no-repeat; opacity:1; } #float-right .hongbao:hover { background:#fff url(/static/images/icon-hb-hover.png) center no-repeat; } #float-right .hb-qr { position:absolute; width:180px; height:auto; overflow:hidden; margin-left:-180px; background:#fff; border:5px solid #2B7EFF; z-index:99999999; } #float-right .hb-qr img { display:block; margin:auto; width:110px; margin-top:5px; } #float-right .hb-qr .qr-text { text-align:center; } #float-right .hb-qr .hb-text { margin:5px; padding:5px; background-color:#fff; } #float-right .hb-qr .hb-text p { font-size:12px; line-height:20px !important; } .my-zxkf { text-align:center; margin-bottom:40px; } .my-zxkf * { display:block; margin:auto; } .my-zxkf a { margin-top:20px; border-radius:0; width:120px; height:40px; line-height:40px; } .tb-imgFile {   position:relative; } .icon-img-delete { position:absolute; display:inline-block; top:0; right:0; width:20px; height:20px; background:url(/static/images/wap/icon-img-delete.png) no-repeat center / 100% auto; cursor:pointer; z-index:3; } .icon-upload-info { position:absolute; display:inline-block; bottom:0; left:0; width:100%; height:30px; line-height:30px; cursor:pointer; background-color:rgb(0,0,0,0.8); color:#fff; text-align:center; z-index:3; } .icon-upload-success { display:inline-block; width:16px; height:16px; background:url(/static/images/right.png) no-repeat center / 100% auto; cursor:pointer; vertical-align:middle; margin-right:4px; } .icon-upload-error { position:absolute; display:inline-block; top:7px; width:16px; height:16px; background:url(/static/images/error.png) no-repeat center / 100% auto; cursor:pointer; } .row { height:auto; overflow:hidden; } .text-left { text-align:left; } a.blue-text:hover { color:#2B7EFF; } .layui-form-radio > i:hover,.layui-form-radioed > i { color:#2B7EFF; } .layui-form-select dl dd.layui-this { background-color:#2B7EFF; } .layui-container { width:1200px; padding:0 !important; } .input-group-addon { position:absolute; right:15px; top:5px; border:0px; background-color:white; } .cont-number { font-family:contNumber; font-size:36px; color:#FF1B14; } .layui-layer-title {   color:#fff !important; background-color:#2B7EFF !important; } ::-webkit-input-placeholder {  color:#5F7084; opacity:1; } :-moz-placeholder {  color:#5F7084; opacity:1; } ::-moz-placeholder {  color:#5F7084; opacity:1; } :-ms-input-placeholder {  color:#5F7084; opacity:1; } .layui-btn{ background:#2B7EFF; } .layui-input{ border-color:#E7ECF1; border-radius:0; } .underLine {   text-decoration:underline; } .index-title { position:relative; margin:88px 0 0 0; text-align:center; font-size:30px; line-height:30px; font-weight:bold; } .index-subtitle { color:#E7ECF1; font-size:48px; line-height:48px; font-weight:bold; text-align:center; margin:-54px 0 70px 0; } .notice-box{ padding:64px; height:auto; overflow:hidden; background:rgba(255,255,255,1); box-shadow:0px 0px 8px 0px rgba(231,236,241,1); margin:20px 0; } .notice-row{ display:block; line-height:64px; border-bottom:1px solid #E7ECF1; } .notice-row .bold{ position:relative; padding:0 32px; height:64px; overflow:hidden; line-height:64px; text-overflow:ellipsis; white-space:nowrap; } .notice-row .bold:hover{ text-decoration:underline; } .notice-row .bold:before{ position:absolute; display:block; content:''; width:5px; height:5px; background:rgba(133,152,176,1); left:16px; top:30px; } .notice-row .gray-text{ text-align:right; padding-right:16px; } .notice-detail{ margin:40px 0; color:#5f7084; font-size:14px; line-height:30px; } .bulletin-link{ margin-top:64px; position:relative; } .layui-laypage .layui-laypage-curr .layui-laypage-em {   background-color:#2B7EFF; } .disabled,.back-btn{ color:#5f7084 !important; background:#f0f1f5 !important; } .page-btns{ background-color:transparent; } .page-btns button{ width:140px;   height:38px; line-height:38px;   text-align:center;   font-size:14px; border-radius:0; background:-moz-linear-gradient(left,#448BFF 0%,#0D65EE 100%);   background:-webkit-linear-gradient(left,#448BFF 0%,#0D65EE 100%);   background:-o-linear-gradient(left,#448BFF 0%,#0D65EE 100%);   background:-ms-linear-gradient(left,#448BFF 0%,#0D65EE 100%);   background:linear-gradient(left,#448BFF 0%,#0D65EE 100%); } .banner img{ display:block; margin:auto;   width:100%;   height:100%;   object-fit:cover; } .auth-box.content { margin-top:0; }#banner img { width:100%; height:100%; position:relative; display:block; object-fit:cover; } .index-notice {   position:relative;   margin-top:-32px;   margin-bottom:5px;   background:rgba(255,255,255,1);   box-shadow:0px 20px 20px 0px rgba(231,236,241,1);   padding:19px 24px; z-index:2; } .index-notice .title {   display:inline-block;   margin-left:4px;   padding-left:4px;   font-size:14px;   color:#364150;   width:calc(100% - 60px);   height:16px;   line-height:16px;   overflow:hidden;   text-overflow:ellipsis;   white-space:nowrap;   vertical-align:middle;   border-left:1px solid #C8CBD3; } .index-notice .title:hover {   text-decoration:underline; } .index-notice .arrow-right {   display:inline-block;   width:40px;   height:16px;   background:url(/static/diy/images/arrow-right.png) no-repeat center right;   vertical-align:middle; } .index-notice span {   display:inline-block;   line-height:16px;   vertical-align:middle; } .advantages {   margin-top:-36px;   padding:34px 0 64px 0; height:682px;   background:url(/static/diy/images/advantages-bj.png) 0 0 no-repeat; } .index-title {   position:relative;   margin:88px 0 0 0;   text-align:center;   font-size:30px;   line-height:30px;   font-weight:bold; } .index-subtitle {   color:#E7ECF1;   font-size:48px;   line-height:48px;   font-weight:bold;   text-align:center;   margin:-54px 0 70px 0; } .advantages .layui-col-md3 {   height:402px; } .advantages .white-box {   position:relative;   width:100%;   height:100%;   padding:64px 0;   text-align:center;   box-shadow:0px 0px 20px 0px rgba(231,236,241,1);   transition:box-shadow .2s linear,width .2s linear,height .2s linear,top .2s linear,left .2s linear;   z-index:1; } .advantages .white-box img {   display:block;   margin:auto;   height:200px; } .advantages .white-box p {   color:#2C3441;   font-size:20px;   margin-top:48px; } .advantages .white-box:hover {   top:-10px;   left:-10px;   width:calc(100% + 20px);   height:calc(100% + 20px);   box-shadow:0px 0px 40px 0px rgba(231,236,241,1);   z-index:2; } .advantages .white-box:hover img {   height:220px; } .advantages .white-box:hover p {   color:#2B7EFF;   font-size:24px;   font-weight:bold; } .price .box-price {   width:1200px;   margin:auto; } .price .left {   height:677px;   background:rgba(255,255,255,1);   box-shadow:0px 0px 20px 0px rgba(231,236,241,1); } .price .left a {   position:relative;   display:block;   margin:auto;   height:160px;   line-height:160px;   text-align:center;   color:#2C3441;   font-size:18px;   font-weight:bold; } .price .left a.active {   width:249px;   height:200px;   line-height:200px;   font-size:22px;   color:#fff;   left:-30px;   top:-30px;   margin-bottom:-50px;   background:url(/static/diy/images/index-price-active.png) no-repeat; } .price .left a.active:after {   position:relative;   display:block;   content:'';   width:28px;   height:4px;   background:#fff;   border-radius:2px;   bottom:73px;   left:50%;   margin-left:-14px; } .price .right {   padding:30px 60px; } .price .right .price-screen {   margin-bottom:12px; } .price .right .price-screen .label {   color:#8598B0; } .price .right .price-screen .text a {   display:inline-block;   color:#2C3441;   margin-right:28px; } .price .right .price-screen .text a.active {   color:#2B7EFF;   font-weight:bold; } .price .chatrs {   width:100%;   height:540px; } .bank-color {   margin-bottom:12px; } .bank-color i {   display:inline-block;   width:16px;   height:3px;   background:#FF1B14;   border-radius:2px;   vertical-align:middle;   margin-right:19px; } .bank-color span {   color:#8598B0;   font-size:12px;   vertical-align:middle; } .bank-color:nth-child(2) i {   background:#2B7EFF; } .bank-color:nth-child(3) i {   background:#FF5813; } .bank-color:nth-child(4) i {   background:#13CF5A; } .bank-color:nth-child(5) i {   background:#FFB700; } .bank-color:nth-child(6) i {   background:#44D7B6; } .bank-color:nth-child(7) i {   background:#6236FF; } .bank-color:nth-child(8) i {   background:#B620E0; } .bank-color:nth-child(9) i {   background:#6872A6; } .problem {   margin-top:60px;   height:738px;   overflow:hidden;   background:#F7F9FD;   padding-bottom:60px; } .problem .main-box {   width:1371px;   background:url(/static/diy/images/problem-right-bj.png) no-repeat 228px 0; } .problem .main-box .row {   margin:auto;   width:1200px; } .problem .swiper {   position:relative;   margin:auto;   width:1200px;   padding-left:140px; } .problem .swiper-problem {   padding:0 0 40px 0; } .problem .swiper-problem .swiper-slide {   position:relative;   text-align:left;   font-size:12px;   line-height:30px;   color:#2C3441;   padding:38px 0 0 0;  display:-webkit-box;   display:-ms-flexbox;   display:-webkit-flex;   display:flex;   -webkit-box-pack:center;   -ms-flex-pack:center;   -webkit-justify-content:center;   justify-content:center;   -webkit-box-align:center;   -ms-flex-align:center;   -webkit-align-items:center;   align-items:center;   transition:300ms;   transform:scale(0.944444); } .problem .swiper-problem .swiper-slide:before{   position:absolute;   display:block;   content:'';   width:88px;   height:80px;   background:url(/static/diy/images/problem-top.png);   top:0;   right:0; } .problem .swiper-problem .swiper-slide-active,.problem .swiper-problem .swiper-slide-duplicate-active {   transform:scale(1); } .problem .swiper-problem .swiper-slide .white-box {   width:360px;   height:418px;   padding:40px 24px 0 24px;   background:rgba(255,255,255,1);   box-shadow:0px 20px 20px 0px rgba(231,236,241,1); } .problem .swiper-problem .swiper-slide-active .white-box {   box-shadow:0px 20px 40px 0px rgba(231,236,241,1); } .problem .swiper-problem .swiper-slide .white-box .title .type{   display:inline-block;   padding:0 3px;   height:18px;   line-height:18px;   text-align:center;   font-size:12px;   font-weight:bold;   color:#fff;   background:linear-gradient(270deg,rgba(13,101,238,1) 0%,rgba(68,139,255,1) 100%);   vertical-align:middle;   margin-right:2px; } .problem .swiper-problem .swiper-slide .white-box .title .type-2{   background:linear-gradient(90deg,rgba(255,88,19,1) 0%,rgba(255,27,20,1) 100%); } .problem .swiper-problem .swiper-slide .white-box .title .text{   font-size:15px;   font-weight:bold;   vertical-align:middle; } .problem .swiper-problem .swiper-slide .white-box .gray-text{   margin-top:12px;   line-height:20px; } .problem .swiper-button-prev ,.problem .swiper-button-next{   width:44px;   height:44px;   background:rgba(255,255,255,1);   box-shadow:0px 0px 20px 0px rgba(231,236,241,1);   left:8px;   bottom:56px;   top:auto; } .problem .swiper-button-next {   left:64px; } .problem .swiper-button-prev .triangle,.problem .swiper-button-next .triangle{   display:inline-block;   width:0;   height:0;   border:6px solid transparent ;   margin-top:16px;   transition:width 1s linear; } .problem .swiper-button-prev .triangle{   margin-left:10px;   border-right:10px solid red; } .problem .swiper-button-next .triangle{   margin-left:18px;   border-left:10px solid red; } .problem .swiper-button-prev:hover ,.problem .swiper-button-next:hover{   background:linear-gradient(180deg,rgba(255,88,19,1) 0%,rgba(255,27,20,1) 100%); } .problem .swiper-button-prev:hover .triangle,.problem .swiper-button-next:hover .triangle{   width:44px;   height:12px;   border:none;   margin-left:0;   background:url(/static/diy/images/problem-arrow-left.png) no-repeat center; } .problem .swiper-button-next:hover .triangle{   background:url(/static/diy/images/problem-arrow.png) no-repeat center; } .bordered {   line-height:30px; } .f-18 {   font-size:18px; } .qa-box {   padding:10px;   height:auto;   overflow:hidden;   border-left:1px solid #f3f3f3;   background:#f9f9f9; } .qa-box .text {   display:block;   margin-top:5px;   color:#999; } .icon-horn {   display:inline-block;   width:14px;   height:18px;   background:url(/static/diy/images/icon-horn.png) center no-repeat;   vertical-align:middle; } .icon-more {   width:24px;   height:18px;   background:url(/static/diy/images/icon-more.png); } .cooperation{   padding-bottom:48px; height:415px; overflow:hidden; } .swiper-cooperation {   padding:20px 0; } .swiper-cooperation .swiper-slide .white-box{   display:table;   margin:auto;   width:285px;   height:120px;   background:rgba(255,255,255,1);   box-shadow:0px 0px 20px 0px rgba(231,236,241,1); } .swiper-cooperation img {   display:block;   margin:40px auto;   width:240px;   height:40px; object-fit:contain; } .swiper-cooperation .swiper-button-prev,.swiper-cooperation .swiper-button-next{   display:none;   width:44px;   height:44px;   background:linear-gradient(180deg,rgba(255,88,19,1) 0%,rgba(255,27,20,1) 100%);   box-shadow:0px 0px 20px 0px rgba(231,236,241,1);   z-index:2; } .swiper-cooperation .swiper-button-prev .triangle,.swiper-cooperation .swiper-button-next .triangle{   display:inline-block;   width:0;   height:0;   border:6px solid transparent ;   margin-top:16px; } .swiper-cooperation .swiper-button-prev .triangle{   margin-left:10px;   border-right:10px solid white; } .swiper-cooperation .swiper-button-next .triangle{   margin-left:18px;   border-left:10px solid white; } .no-chart{   background:url(/static/diy/images/no-chart.png) center center no-repeat; } @keyframes key { 0% {  margin-top:200px;  opacity:0; } 100% {  margin-top:0px;  opacity:1; } } @keyframes price_animation { 0% {  margin-right:-200px;  opacity:0; } 100% {  margin-right:0;  opacity:1; } } @keyframes problem_animation { 0% {  margin-top:-100px;  opacity:0; } 100% {  margin-top:0;  opacity:1; } } @keyframes cooperation_animation { 0% {  margin-top:100px;  opacity:0; } 100% {  margin-top:0;  opacity:1; } }   .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}