*{margin:0px;padding:0px}
li{list-style:none}
.sharecard{max-width:480px;height:100vh;margin:0 auto;text-align:center;position:relative;background:#EDEDED}
.remind{font-size:14px;color:#666;line-height:24px;padding:0 20px;margin-top:5px}
.share-text{width:70px;height:57.5px;position:fixed;bottom:0px;left:50%;margin-left:-35px;background:url(../images/share-bg.png) no-repeat;background-size:100%}
.share-text > img{margin-top:10px;width:24px}
.share-text > span{font-size:12px;text-align:center;width:100%;position:absolute;left:50%;margin-left:-50%;bottom:5px;color:#666}
.set-recommend-container{position:fixed;bottom:0;display:none;height:58vh;max-width:480px;width:100%;border-radius:25px 25px 0 0;background:#fff;z-index:1}
.set-recommend-container > span{color:#333;font-weight:600;font-size:16px;line-height:45px}
.set-recommend-container > ul{height:42vh;background:#f7f7f7;overflow-y:auto}
.set-recommend-container > ul > li{background:#eee;width:90%;margin:10px auto;text-align:left;padding:7px 10px;font-size:14px;letter-spacing:1px;border-radius:10px}
.set-recommend-container > .hdk-btn_copy{width:80%;margin:10px auto;line-height:32px;border-radius:25px;background:#649efd;color:#fff;font-size:16px;cursor:pointer;letter-spacing:5px}
.hdk-btn_close{width:14px;float:right;margin:15px}
.act{background:#d8e4f9 !important;border:2px solid #649efd}
.swiper-slide,.swiper-wrapper{position:relative;transform-style:preserve-3d;width:90%}
.swiper-pagination,.swiper-wrapper{-webkit-transform:translate3d(0,0,0)}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{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;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.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-container{width:100%;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;perspective:1200px}
.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:80vh;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;justify-content:center;-webkit-justify-content:center}
.main-img{min-width:200px;margin:0 auto;display:block;border-radius:10px;-webkit-border-radius:8px;-webkit-box-shadow:0 15px 20px 4.5px rgba(0,0,0,.15)}
#pagination{position:absolute;bottom:100px;width:100%}
.swiper-wrapper .swiper-slide .main-img{width:auto !important}
.element-node{width:320px;overflow:hidden;font-size:0}
#share-tips{position:fixed;z-index:1001;width:100%;height:100%;background:rgba(0,0,0,0.6);top:0;max-width:480px;display:none}
#share-tips .set-recommend-container{display:block;position:absolute}
.download-img,.download-bg{max-width:100%;max-height:100%;vertical-align:bottom}
.main-img{position:relative;overflow:hidden}
@keyframes rotate_borw{0%{-webkit-transform:scale(1);transform:scale(1)}
    20%{-webkit-transform:scale(1.15);transform:scale(1.15)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
    60%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    80%{-webkit-transform:scale(1);transform:scale(1)}
    90%{-webkit-transform:scale(1.05);transform:scale(1.05)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}#ai-wrapper{position:absolute;bottom:20px;left:25%;width:46%;background:#4a90f2;display:flex;height:40px;line-height:40px;justify-content:center;z-index:1;border-radius:40px;color:#fff;transition:all ease;transform-origin:center;animation:rotate_borw 3.0s ease infinite;font-size:14px;padding:0 2%}
#ai-wrapper i{margin-right:5px;display:block}
.slider-content{height:85%;display:flex;align-items:center;width:100%}