You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
6.6 KiB
1 line
6.6 KiB
2 years ago
|
.guide-slider{width:1050px;margin:5% auto 2%;background:#fff;height:260px}.guide-slider .guide{overflow:hidden}.guide-slider .guide,.guide-slider .guide .display{width:200px;height:260px;float:left;transition:all .3s ease-in;position:relative}.guide-slider .guide .display{border-right:1px solid #d5d5d5;text-align:center;z-index:2;background:#fff}.guide-slider .guide .display .icon{display:inline-block;width:74px;height:74px;margin-top:42px;border:1px solid #ddd;border-radius:50%;background-color:#fff;background-image:url(../../static/img/product-sprite.6f4ba2cf.png)}.guide-slider .guide .display .icon.icon1{background-position:-82px -283px}.guide-slider .guide .display .icon.icon2{background-position:-180px -283px}.guide-slider .guide .display .icon.icon3{background-position:-285px -283px}.guide-slider .guide .display .icon.icon4{background-position:-380px -283px}.guide-slider .guide .display .icon.icon5{background-position:-518px 0}.guide-slider .guide .display .title{font-size:16px;color:#666;height:40px;line-height:40px}.guide-slider .guide .display .introduction{border-top:1px solid #ddd;width:150px;margin:0 auto;font-size:12px;color:#999;text-align:left;line-height:20px}.guide-slider .guide .display:after{content:"";display:block;position:absolute;border-style:solid;border-color:transparent #fff transparent transparent;border-width:10px 15px;top:100%;margin-top:0;right:-1px;transition:all .3s ease-in}.guide-slider .guide .behind{width:250px;height:260px;display:inline-block;border-right:1px solid #ddd;background:#fff;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.guide-slider .guide .behind .function-list-wrap{width:210px;margin:0 auto}.guide-slider .guide .behind .function-list{margin-top:20px}.guide-slider .guide .behind .function-list>li{float:left;padding-right:10px}.guide-slider .guide .behind .function-list>li>a{display:block;border:1px solid #ddd;width:200px;height:40px;text-align:center;line-height:40px;margin-bottom:6px;color:#df3434}.guide-slider .guide .behind .function-list>li>a:hover{text-decoration:none;border:1px solid #df3434;background:#df3434;color:#fff}.guide-slider .guide .behind .function-list>li>a.important{color:#f58914}.guide-slider .guide .behind .function-list>li>a.important:hover{border:1px solid #f58914;background:#f58914;color:#fff}.guide-slider .guide.on{width:450px}.guide-slider .guide.on .display{background:#df3434;border-right-color:transparent}.guide-slider .guide.on .display .introduction,.guide-slider .guide.on .display .title{color:#fff}.guide-slider .guide.on .display:after{top:50%;margin-top:-5px}.guide-slider .guide.on .display .icon.icon1{background-position:-82px -183px}.guide-slider .guide.on .display .icon.icon2{background-position:-180px -183px}.guide-slider .guide.on .display .icon.icon3{background-position:-285px -183px}.guide-slider .guide.on .display .icon.icon4{background-position:-380px -183px}.guide-slider .guide.on .display .icon.icon5{background-position:-666px 0}[data-v-7f015026]:export{menuText:hsla(0,0%,100%,.7);menuActiveText:#fff;subMenuActiveText:#fff;menuBg:#1b5c7d;menuHover:#01496e;menuHover2:hsla(0,0%,100%,.3);subMenuBg:#01496e;subMenuHover:#01496e;sideBarWidth:235px;menuTextHover:#fff;myRed:#c03639;myGreen:#30b08f;myYellow:#fec171}.row-block[data-v-7f015026]{position:relative;width:100%}.row-block .content.text-center[data-v-7f015026]{padding-bottom:0}.row-block .content.text-center img[data-v-7f015026]{margin-bottom:-5px}.row-block-gray[data-v-7f015026]{position:relative;width:100%;background:#f7f7f7;min-height:420px;color:#fff}.row-block-bg[data-v-7f015026]{position:relative;width:100%;background:url(../../static/img/product-bg03.b29ba1df.png) no-repeat;background-size:100% 100%;min-height:420px;color:#fff}.row-block-bg .content .title-1[data-v-7f015026]{color:#fff}.row-block-bg .content .title-1[data-v-7f015026]:before{background-color:#fff}.row-block-bg .content .title-2[data-v-7f015026]{color:#fff}.row-block-bg .content-block[data-v-7f015026]{width:1200px;margin:0 auto}.row-block-bg .content-block .block-grey[data-v-7f015026]{position:
|