html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font:14px/1.2 "Helvetica Neue","Microsoft YaHei",arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:normal}button{outline:none;border:0}button,a{cursor:pointer}table{border-collapse:collapse;border-spacing:0}em,i{font-weight:normal;font-style:normal}fieldset,img{border:0;vertical-align:middle}ul,ol,li{list-style:none}input,button,textarea,select{font-size:100%;outline:none;vertical-align:middle}a:active,a:hover{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}.clearfix{zoom:1}a{text-decoration:none;text-underline:none}body{font:14px/1.2 Helvetica Neue,Microsoft YaHei,arial,sans-serif}ul li{text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}.layout{width:1200px;margin:0 auto}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.more-btn{display:inline-block;width:160px;height:48px;line-height:48px;text-align:center;border-radius:24px;background:#1593ff;border-radius:100px;color:#fff}.more-btn:hover{background-color:#198ae7;color:#fff}.home-msg-model{position:fixed;top:200px;left:50%;z-index:1000;width:450px;height:60px;margin-left:-225px;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);border-radius:3px;font-size:22px;padding:15px}.home-msg-model span{font-size:24px;margin-right:10px;vertical-align:middle}.home-msg-model span.eqf-yes-f{color:#1bc7b1}.home-msg-model span.eqf-no-f{color:#ff296a}.home-msg-model span.eqf-info-f{color:#ffb243}.home-btn{display:inline-block;width:180px;height:56px;line-height:56px;border-radius:3px;text-align:center;font-size:18px}.white-btn{background-color:#fff;color:#1593ff;border:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease, -webkit-transform .25s ease}.white-btn:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.16);box-shadow:0 4px 16px rgba(0,0,0,.16)}.blue-btn{background-color:#1593ff;-webkit-transition:all .2s linear;transition:all .2s linear;color:#fff}.blue-btn:hover{background-color:#198ae7;color:#fff}body{min-width:1200px}.mask{background:rgba(0,0,0,.7);-webkit-animation:dialog-fadein .3s;animation:dialog-fadein .3s;position:fixed;overflow:auto;z-index:1000;top:0;right:0;bottom:0;left:0}.mask .dialog{position:fixed;left:50%;top:50%;width:450px;height:200px;background:#fff;margin-top:-100px;margin-left:-225px;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);border-radius:3px}.mask .dialog .titleDiv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-top:26px;height:24px;font-family:PingFangSC-Regular;font-size:18px;color:#333;letter-spacing:0;padding-left:28px}.mask .dialog .titleDiv .msg-icon{font-size:20px;margin-right:16px}.mask .dialog .titleDiv .eqf-yes-f{color:#1bc7b1}.mask .dialog .titleDiv .eqf-no-f{color:#ff296a}.mask .dialog .titleDiv .eqf-alert-f{color:#ffb243}.mask .dialog .contentDiv{margin-top:12px;padding-left:60px;font-family:PingFangSC-Regular;font-size:14px;line-height:20px;color:#666;letter-spacing:0}.mask .dialog .handleDiv{width:100%;position:absolute;bottom:28px;padding:0 28px}.mask .dialog .handleDiv button{float:right;width:96px;height:36px;margin-left:16px}.button{height:36px;line-height:36px;text-align:center;border-radius:3px;padding:0 12px;display:inline-block}.button.button-primary{color:#fff;background-color:#1261ff}.button.button-primary:hover{background-color:#2c72ff;color:#fff}.button.button-grey{color:#666;background-color:#fff;border:1px solid #ccd5db}.button.button-grey:hover{color:#1261ff;border:1px solid #1261ff}
.first-intro{overflow:hidden;width:100%;height:500px;color:#fff;background-image:-webkit-gradient(linear, left top, left bottom, from(#689FFD), to(#5D61FF));background-image:linear-gradient(-180deg, #689FFD 0%, #5D61FF 100%);margin-top:60px}.first-intro .first-intro-content{height:500px;overflow:hidden;position:relative}.first-intro .first-intro-content h2{font-size:46px;margin-top:110px;line-height:64px}.first-intro .first-intro-content h4{font-size:20px;margin-top:8px;line-height:28px}.first-intro .first-intro-content a{display:inline-block;width:164px;height:56px;line-height:56px;text-align:center;border-radius:2px;border:1px solid #fff;margin-top:58px;font-size:18px;-webkit-transition:all .2s linear;transition:all .2s linear}.first-intro .first-intro-content a:hover{background:#fff;color:#5d61ff}.first-intro .first-intro-content .imgBox{position:absolute;right:0;bottom:0;overflow:hidden;height:340px;width:600px}.first-intro .first-intro-content .imgBox img{position:absolute;-webkit-transition:all .2s linear;transition:all .2s linear}.first-intro .first-intro-content .imgBox img:nth-of-type(1){top:50px;right:526px;z-index:1}.first-intro .first-intro-content .imgBox img:nth-of-type(2){top:6px;right:36px;z-index:1}.first-intro .first-intro-content .imgBox img:nth-of-type(3){bottom:0;right:30px}.first-intro:hover .first-intro-content img:nth-of-type(1){top:46px}.first-intro:hover .first-intro-content img:nth-of-type(2){top:4px}.second-intro{height:620px;overflow:hidden}.second-intro .second-intro-content{position:relative}.second-intro .second-intro-content h2{font-size:42px;color:#333;margin:62px 0 42px;text-align:center;line-height:36px}.second-intro .second-intro-content .second-item{width:380px;height:420px;background:#fff;-webkit-box-shadow:0 0 6px 0 rgba(51,51,51,.2);box-shadow:0 0 6px 0 rgba(51,51,51,.2);border-radius:4px;text-align:center;float:left;margin-right:30px;padding-top:60px;position:relative}.second-intro .second-intro-content .second-item:nth-of-type(3){margin-right:0px}.second-intro .second-intro-content .second-item h3{font-size:28px;color:#111;line-height:40px;position:absolute;left:0;bottom:94px;width:100%}.second-intro .second-intro-content .second-item span{width:100%;font-size:14px;line-height:20px;color:#666;position:absolute;left:0;bottom:60px}.three-intro{overflow:hidden;width:100%;height:850px;background-image:-webkit-gradient(linear, left bottom, left top, from(#F4F6F9), to(#F4F6F9));background-image:linear-gradient(0deg, #F4F6F9 0%, #F4F6F9 100%)}.three-intro .three-intro-content h2{font-size:42px;color:#333;text-align:center;margin-top:62px;line-height:36px}.three-intro .three-intro-content h4{font-size:14px;color:#666;text-align:center;margin-top:18px;line-height:20px}.four-intro h2{height:36px;line-height:36px;font-size:42px;color:#333;margin:60px 0 18px;text-align:center}.four-intro .h2-list{width:1220px;overflow:hidden}.four-intro .four-intro-content{position:relative;height:624px;overflow:hidden}.four-intro .four-intro-content .swiper-container{width:1200px;height:465px;padding-top:30px;overflow:visible}.four-intro .four-intro-content .swiper-container .swiper-wrapper{padding-top:4px}.four-intro .four-intro-content .swiper-container .swiper-pagination{z-index:auto}.four-intro .four-intro-content .swiper-slide{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.four-intro .four-intro-content .swiper-slide .flags{position:absolute;left:6px;top:6px;width:44px;height:16px;background:#ff5448;border-radius:12px;font-size:12px;font-weight:500;color:#fff;line-height:16px;text-align:center;z-index:2}.four-intro .four-intro-content .swiper-slide .member-free-tag{position:absolute;right:0;top:0;z-index:2;width:74px;height:24px;background:#333;border-radius:0 5px 0 12px;font-size:12px;font-weight:400;color:#e1ae84;line-height:24px;text-align:center}.four-intro .four-intro-content .swiper-slide{display:block;float:left;background-color:#fff;width:180px;height:342px;overflow:hidden;position:relative;border-radius:5px;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}.four-intro .four-intro-content .swiper-slide:hover{-webkit-transform:scale(1.1);transform:scale(1.1);overflow:visible;z-index:2;-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.15);box-shadow:0 4px 10px 0 rgba(0,0,0,.15)}.four-intro .four-intro-content .swiper-slide:hover .temcon{-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.15);box-shadow:0 4px 10px 0 rgba(0,0,0,.15)}.four-intro .four-intro-content .swiper-slide:hover .swiper-slide{overflow:visible}.four-intro .four-intro-content .swiper-slide:hover .memberFreeBox{display:block}.four-intro .four-intro-content .swiper-slide:hover .memberDiscountBox{display:block}.four-intro .four-intro-content .swiper-pagination{bottom:43px}.four-intro .four-intro-content .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;height:12px;border-radius:20px}.four-intro .four-intro-content .swiper-pagination-bullet{width:12px;height:12px}.four-intro .four-intro-content .tpl-cover{position:relative;width:180px;height:272px;overflow:hidden;border-radius:5px 5px 0 0;background:-webkit-gradient(linear, left top, left bottom, from(#d3d3d3), color-stop(24%, #fff), color-stop(76%, #fff), to(#d3d3d3));background:linear-gradient(180deg, #d3d3d3, #fff 24%, #fff 76%, #d3d3d3)}.four-intro .four-intro-content .tpl-cover.horizontal-bg{background:-webkit-gradient(linear, left top, left bottom, from(#d3d3d3), color-stop(24%, #fff), color-stop(76%, #fff), to(#d3d3d3));background:linear-gradient(180deg, #d3d3d3, #fff 24%, #fff 76%, #d3d3d3)}.four-intro .four-intro-content .tpl-cover .normal-img{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:5px}.four-intro .four-intro-content .tpl-cover .horizontal-img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:5px;width:164px;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15)}.four-intro .four-intro-content .tpl-cover .img-blur{position:absolute;top:0;left:0;width:180px;height:272px;-webkit-filter:blur(13px);filter:blur(13px);background:100%/cover}.four-intro .four-intro-content .memberDiscountBox{width:224px;height:48px;padding:12px;background:rgba(0,0,0,.6);position:absolute;top:176px;left:0;display:none}.four-intro .four-intro-content .memberDiscountBox span{display:inline-block;width:200px;line-height:24px;height:24px;font-size:12px;text-align:center;color:#fff;border-radius:2px;background-image:linear-gradient(-133deg, #1593FF 0%, #5D80FF 100%)}.four-intro .four-intro-content .memberFreeBox{display:none;position:absolute;bottom:0;background:rgba(0,0,0,.4);height:44px;line-height:44px;width:100%;text-align:center;z-index:3;font-size:0}.four-intro .four-intro-content .memberFreeBox span{display:inline-block;border-radius:14px;width:152px;cursor:pointer;height:28px;line-height:28px;text-align:center;font-size:14px;color:#a25719;vertical-align:middle;background:linear-gradient(279deg, rgb(250, 198, 112) 0%, rgb(253, 235, 181) 100%)}.four-intro .four-intro-content .memberFreeBox span:hover{background:linear-gradient(279deg, rgb(234, 174, 81) 0%, rgb(253, 220, 172) 100%);color:#a25719}.four-intro .four-intro-content .temcon{border-radius:5px;background-color:#fff;width:100%;padding:0 8px 16px;cursor:pointer;overflow:hidden}.four-intro .four-intro-content .temcon h4{margin-top:16px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:left;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:14px}.four-intro .four-intro-content .temcon .pv-and-price{line-height:24px;height:24px;margin-top:10px;margin-bottom:10px;overflow:hidden}.four-intro .four-intro-content .temcon .pv-and-price .pv{float:left;height:24px;line-height:24px}.four-intro .four-intro-content .temcon .pv-and-price .pv i{color:#999;font-size:16px;vertical-align:middle}.four-intro .four-intro-content .temcon .pv-and-price .pv span{display:inline-block;vertical-align:middle;height:24px;line-height:24px;font-size:12px;color:#666;margin-left:5px}.four-intro .four-intro-content .temcon .pv-and-price .price{float:right;display:inline-block;vertical-align:middle;line-height:24px;height:24px;color:#666;font-size:12px}.four-intro .four-intro-content .temcon .pv-and-price .price span+span{margin-left:8px}.four-intro .four-intro-content .temcon .pv-and-price .price .normal{text-decoration:line-through;color:#999}.four-intro .four-intro-content .temcon .avatar .showker{float:left;font-size:0;height:24px;line-height:24px;cursor:pointer}.four-intro .four-intro-content .temcon .avatar .showker span{font-size:12px;font-family:PingFangSC-Medium,PingFang SC;font-weight:400;color:#333;display:inline-block;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:24px;line-height:24px;margin-left:5px}.four-intro .four-intro-content .temcon .avatar .showker p{display:inline-block;height:24px;width:24px;border-radius:50%;background-color:#ccd5db;text-align:center;line-height:24px;color:#fff;font-size:12px;overflow:hidden}.four-intro .four-intro-content .temcon .avatar .showker p img{height:100%;width:100%;border-radius:50%;float:left}.four-intro .four-intro-content .temcon .avatar .collect{float:right;position:relative;line-height:24px;height:24px;width:24px;text-align:right;cursor:pointer}.four-intro .four-intro-content .temcon .avatar .collect i{font-size:16px;vertical-align:text-top;color:#ff5448;cursor:pointer}.four-intro .four-intro-content .temcon .avatar .collect i.selected：before{content:""}.four-intro .four-intro-content .temcon .avatar .collect .add1{position:absolute;bottom:14px;left:2px;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#ff5448;display:none}.four-intro .four-intro-content .temcon .avatar .collect .add1.ani{display:block;-webkit-animation:fadeScaleOutUp 1s ease forwards;animation:fadeScaleOutUp 1s ease forwards}.five-intro{overflow:hidden;width:100%;height:760px;background:#f4f6f9}.five-intro .five-intro-content h2{font-size:42px;color:#333;text-align:center;margin:60px 0 40px;line-height:36px}.five-intro .five-intro-content .comment-wrap{display:inline-block}.five-intro .five-intro-content .comment-wrap li{display:inline-block;float:left;width:580px;height:160px;background:#fff;-webkit-box-shadow:0 0 6px 0 rgba(51,51,51,.2);box-shadow:0 0 6px 0 rgba(51,51,51,.2);border-radius:4px;margin:0 40px 40px 0;overflow:hidden}.five-intro .five-intro-content .comment-wrap li:nth-child(2n){margin-right:0}.five-intro .five-intro-content .comment-wrap li img{float:left;width:186px;margin-top:12px}.five-intro .five-intro-content .comment-wrap li div{float:right;width:360px;margin-right:34px}.five-intro .five-intro-content .comment-wrap li div h5{width:100%;font-size:18px;color:#333;margin:40px 0 14px}.five-intro .five-intro-content .comment-wrap li div span{display:inline-block;height:24px;line-height:24px;font-size:14px;color:#999}.default-style{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}.vs-full{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:100%}.img-long{display:block;width:100%}.vs-mobile{position:absolute;width:105px;height:228px;top:23px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background-position:top center;background-size:100%;background-repeat:no-repeat}.vs-mobile-mask{position:relative;display:block;width:120px;height:240px;margin:16px auto 0;z-index:1}.vs-mobile-small{position:absolute;width:123px;height:217px;top:28px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background-position:top center;background-size:100%;background-repeat:no-repeat}.vs-mobile-small-mask{position:relative;display:block;width:140px;height:233px;margin:20px auto 0;z-index:1}.vs-line{display:block;width:96px;margin:0 auto}.vs-line-image{display:block;width:146px;border:4px solid #fff;margin:0 auto;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15)}.vs-double{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-height:196px;width:156px}.vs-double img{width:72px;float:left;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15)}.vs-double img+img{margin-left:12px}.hs-mobile{position:absolute;width:124px;height:110px;bottom:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background-position:center 38px;background-size:100%;background-repeat:no-repeat;z-index:1}.hs-mobile-mask{position:absolute;display:block;width:143px;height:110px;bottom:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.hs-mobile-image{position:relative;height:152px;margin-top:5px;overflow:hidden}.hs-mobile-image img{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:148px;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15)}.hs-computer{position:absolute;width:142px;height:82px;bottom:59px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background-position:center;background-size:100%;background-repeat:no-repeat;z-index:1}.hs-computer-mask{position:absolute;display:block;width:154px;height:124px;bottom:22px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.hs-computer-image{position:relative;height:116px;margin-top:5px;overflow:hidden}.hs-computer-image img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:block;width:154px;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15)}.hs-line{display:block;width:96px;margin:0 auto}.hs-line-image{display:block;width:146px;border:4px solid #fff;margin:0 auto;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15)}.hs-double{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.hs-double img{-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);width:156px}.hs-double img+img{margin-top:22px}