body{background:#f0f4f5}
img{max-width:100%}
@media (max-width:768px){
    body{-webkit-transition-duration:.3s;transition-duration:.3s}
}
@-webkit-keyframes slideDown{
    0%{-webkit-transform:translateY(-78px)}
    to{-webkit-transform:translateY(0)}
}
@keyframes slideDown{
    0%{-webkit-transform:translateY(-78px);transform:translateY(-78px)}
    to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes slideUp{
    0%{-webkit-transform:translateY(0)}
    to{-webkit-transform:translateY(-78px)}
}
@keyframes slideUp{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    to{-webkit-transform:translateY(-78px);transform:translateY(-78px)}
}
@-webkit-keyframes fade-zoom-in{
    0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
    to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-o-keyframes fade-zoom-in{
    0%{opacity:0;-o-transform:scale(1.1);transform:scale(1.1)}
    to{opacity:1;-o-transform:scale(1);transform:scale(1)}
}
@keyframes fade-zoom-in{
    0%{opacity:0;-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
    to{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
.clearfix:after{clear:both}
.clearfix:before,.clearfix:after{content:" ";display:table}

.container{position:relative;max-width:1200px;margin-left:auto;margin-right:auto}
.container:after{content:"";display:table;clear:both}
@media (max-width:1200px){
.container{padding:0 20px}
}

.overlay{width:100%;height:100%;background:#000;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;position:absolute;opacity:.5}

.header{position:relative;z-index:9999;height:70px}
#header_main{position:fixed;top:0;left:0;right:0;z-index:99;background:#fff;-webkit-box-shadow:0 10px 20px 0 rgb(6 11 26/5%);box-shadow:0 10px 20px 0 rgb(6 11 26/5%);-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);background:rgba(255,255,255,.9)}
.header_animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.header_animated.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}
.header_animated.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp;-webkit-box-shadow:none;box-shadow:none}
@media (max-width:768px){
#header_main{padding:0;height:60px;backdrop-filter:none;}
.header{height:60px;text-align:center}
}
.logo_body{float:left}
.logo{float:left;overflow:hidden;line-height:normal;margin:12px 10px 0 0}
.logo a{display:block;color:#024afd;font-size:46px}
.logo_txt{font-size:14px;float:left;color:#6d7280;line-height:70px;margin:0;font-weight:100;position:relative;padding-left:20px}
.logo_txt:before{content:"";border-left:2px solid #eee;height:18px;width:2px;position:absolute;left:0;top:26px}
@media (max-width:1120px){
    .logo_body{float:none;width:520px;margin:0 auto}
    .logo_body:after{clear:both}
    .logo_body:before,.logo_body:after{content:" ";display:table}
}
@media (max-width:768px){
.logo_body{float:none;width:auto}
.logo{float:none;margin:0 auto;line-height:normal}
.logo{padding-top:6px}
.logo_txt{display:none}
.logo a{display:inline}
}

.site-navbar{float:right;font-size:15px}
.site-navbar>ul{margin:0;padding:0;list-style:none}
.site-navbar>ul>li:after{content:"";width:0;height:2px;background:#024afd;position:absolute;left:50%;bottom:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.site-navbar>ul>li.on:after,.site-navbar>ul>li:hover:after{width:100%;margin-left:-50%}
.site-navbar a{color:#515767;padding:0 15px;font-size:16px;display:block;font-weight:300;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.site-navbar>ul>li>a{line-height:70px;height:70px;display:inline-block}
.site-navbar li{position:relative;display:inline-block;margin-left:10px}
.site-navbar li:hover{z-index:2}
.site-navbar li.on>a,.site-navbar>ul>li:hover>a{color:#024afd}
.site-navbar li.has-sub-menu{padding-right:15px}
.site-navbar li.has-sub-menu:hover .sub-menu{visibility:visible;opacity:1;margin-top:0}
.site-navbar li.has-sub-menu:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;top:31px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.site-navbar li.has-sub-menu:before,.site-navbar li.has-sub-menu:hover:before{content:"";height:4px;width:4px;display:block;border-color:#333;border-style:solid;border-width:0 0 1px 1px;position:absolute;right:19px}
.site-navbar li.has-sub-menu:hover:before{top:34px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);border-color:#024afd}
.site-navbar .sub-menu{position:absolute;padding-top:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;margin-top:-10px;width:140px;top:100%;left:50%;margin-left:-70px}
.site-navbar .sub-menu ul{position:relative;background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);padding:5px 0}
.site-navbar .sub-menu ul:after,.site-navbar .sub-menu ul:before{content:"";position:absolute;top:-5px;left:50%;margin-left:-3px;border-left:5px solid transparent;border-right:5px solid transparent}
.site-navbar .sub-menu ul:before{border-bottom:5px solid rgba(0,0,0,.1)}
.site-navbar .sub-menu ul:after{border-bottom:5px solid #fff;margin-top:1px}
.site-navbar .sub-menu li{display:block;float:none;margin:0;text-align:center}
.site-navbar .sub-menu li a{display:block;line-height:14px;padding:12px 15px;text-align:center;font-size:14px;color:#333}
.site-navbar .sub-menu li a:hover{background:#f2f2f4}
.site-navbar li:hover>.sub-menu{display:block}

.site-navbar .sub-app-menu{position:absolute;padding-top:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;margin-top:-10px;width:350px;top:100%;left:50%;margin-left:-175px}
.site-navbar li.has-sub-menu:hover .sub-app-menu{visibility:visible;opacity:1;margin-top:0}
.site-navbar .sub-app-menu dl{position:relative;background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2);padding:10px 0 5px 0}
.site-navbar .sub-app-menu dl:after,.site-navbar .sub-app-menu dl:before{content:"";position:absolute;top:-5px;left:50%;margin-left:-3px;border-left:5px solid transparent;border-right:5px solid transparent}
.site-navbar .sub-app-menu dl:before{border-bottom:5px solid rgba(0,0,0,.1)}
.site-navbar .sub-app-menu dl:after{border-bottom:5px solid #fff;margin-top:1px}

.site-navbar .sub-app-menu dt{float:left;width:50px;padding:3px 0;color:#333;font-size:14px;margin:0 0 0 10px}
.site-navbar .sub-app-menu dd{float:left;width:285px;margin-bottom:0}
.site-navbar .sub-app-menu dl:after{content:"";display:table;clear:both}
.site-navbar .sub-app-menu dd a{padding:5px 0;width:90px;display:inline-block;text-align:center;font-weight:normal;color:#333;background:#f6f9fa;border-radius:4px;font-size:12px;margin:0 5px 5px 0}
.site-navbar .sub-app-menu dd a:hover{background:#024afd;color:#fff}
@media (max-width:1120px){
    .site-navbar{float:none;text-align:center}
}
@media (max-width:768px){
.site-navbar{position:fixed;top:0;right:100%;bottom:0;width:80%;padding:58px 0 0;z-index:90;font-size:12px;background:#fff;text-align:left;margin:0;float:none}
.site-navbar>ul{overflow-y:auto;-webkit-overflow-scrolling:touch;position:absolute;top:58px;left:0;bottom:0;right:0}
.site-navbar>ul>li{float:none;display:block;margin-left:0}
.site-navbar>ul>li.on:after,.site-navbar>ul>li:hover:after{width:0}
.site-navbar>ul>li>a{padding:8px 15px;height:auto;line-height:normal;font-weight:700;font-size:16px;color:#666}
.site-navbar>ul>li:hover>a{color:#666}
.site-navbar>ul>li.has-sub-menu:after,.site-navbar>ul>li.has-sub-menu:before,.site-navbar>ul>li.has-sub-menu:hover:after,.site-navbar>ul>li.has-sub-menu:hover:before{display:none}
.site-navbar>ul>li .sub-menu{display:block;visibility:visible;opacity:1;position:relative;width:auto;top:0;left:0;margin:0 15px;padding-top:0;overflow:hidden}
.site-navbar>ul>li .sub-menu ul{padding:0;margin-right:-4%;-webkit-box-shadow:none;box-shadow:none}
.site-navbar>ul>li .sub-menu ul:after,.site-navbar>ul>li .sub-menu ul:before{display:none}
.site-navbar>ul>li .sub-menu ul li{float:left;width:46%;margin-right:4%;margin-bottom:10px}
.site-navbar>ul>li .sub-menu ul a{font-size:13px;padding:8px 15px;background:#f6f9fa;border-radius:4px;color:#888}
.site-navbar>ul>li .sub-menu ul a:hover{background:#eceeef;color:#666}

.site-navbar>ul>li .sub-app-menu{display:block;visibility:visible;opacity:1;position:relative;width:auto;top:0;left:0;margin:0 15px;padding-top:0;overflow:hidden}
.site-navbar>ul>li .sub-app-menu dl{padding:0;margin-right:-4%;-webkit-box-shadow:none;box-shadow:none}
.site-navbar>ul>li .sub-app-menu dl dt{float:none;color:#999}
.site-navbar>ul>li .sub-app-menu dl dd{float:none;width:100%}
.site-navbar>ul>li .sub-app-menu dl dd a{color:#888;width:46%;margin-right:4%}
}
.m-mask,.m-navbar-start,.m-wel,.m-wel-start{display:none}
@media (max-width:768px){
.m-mask{display:block;opacity:0;visibility:hidden;position:fixed;top:0;left:0;bottom:0;right:0;z-index:90;background:#222;background:rgba(0,0,0,.7);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.m-navbar-start{display:block;position:absolute;top:19px;left:0;padding:0 15px;font-size:18px;line-height:1;-webkit-transition-duration:.6s;transition-duration:.6s;z-index:91;color:#515767;cursor:pointer}
.m-navbar-start i{font-size:22px}
.m-wel-start i{font-size:22px;font-weight:bold}
.m-navbar-on{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-transform:translateX(80%);transform:translateX(80%)}
.m-navbar-on .m-mask{opacity:1;visibility:visible}
.m-navbar-on .m-navbar-start{left:-80%;color:#515767}
.m-wel-start{display:block;position:absolute;top:19px;right:0;padding:0 15px;font-size:18px;line-height:1;-webkit-transition-duration:.6s;transition-duration:.6s;z-index:91;color:#515767;cursor:pointer}
.m-wel{display:block;left:100%;width:70%;padding:58px 0 0;z-index:90;background:#fff;margin:0 auto;position:relative;background-image:url(../img/model-bg.png);background-repeat:no-repeat;background-size:100%}
.m-wel,.m-wel-on{position:fixed;top:0;bottom:0}
.m-wel-on{left:0;right:0;overflow:hidden;-webkit-transform:translateX(-70%);transform:translateX(-70%)}
.m-wel-on .m-mask{opacity:1;visibility:visible}
.m-wel-on .m-wel-start{right:-70%;color:#515767}
}


.site-search{margin:0 15px}
.site-search .search-title{text-align:center;font-size:15px;margin:18px 20px;font-weight:200;color:#bcbcbc}
.site-search form{position:relative}
.site-search .iconfont{position:absolute;top:10px;left:10px;color:#202935}
.site-search input{border:none;border-radius:4px;background:#F8F8F8;color:#202935;font-size:13px;padding:0 10px 1px 32px;height:34px;outline:none;width:100%}
.site-search input:focus{background:#F8F8F8}
.site-search button{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#024afd;color:#fff;border:0;cursor:pointer;border-radius:4px;font-size:15px;letter-spacing:.5px;padding:5px 15px;margin:10px 0}

.search-hot{margin:20px 0;text-align:left}
.search-hot-title{font-size:14px;color:#bbb;margin-bottom:15px}

.hot-list a{font-size:14px;color:#666;position:relative;padding-left:10px;display:inline-block;margin:0 10px 10px 0}
.hot-list a::before{content:'';position:absolute;border-radius:100px;background:#FFA01E;left:0;top:50%;margin-top:-2.5px;width:5px;height:5px}
.hot-list a:first-child::before{background:#FF0000}
.hot-list a:nth-child(2)::before{background:#ff5400}
.hot-list a:nth-child(3)::before{background:#ff8400}

.main-search{background:#024afd;padding:30px 0 60px;position:relative}
.main-search h2{font-size:30px;text-align:center;font-weight:100;color:#fff;margin-bottom:30px}
.main-search form{max-width:600px;height:40px;border:1px solid #f5f5f5;position:relative;margin:0 auto;display:flex;border-radius:30px}
.main-search form input{border:0;height:100%;text-indent:2em;flex:1;font-size:14px;border-radius:30px 0 0 30px}
.main-search form .button{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:128px;background:#024afd;color:#fff;border:0;cursor:pointer;border-radius:0 30px 30px 0;font-size:15px;letter-spacing:.5px}
.main-search form .button:focus{outline:none}
.main-search form i{position:absolute;top:50%;transform:translateY(-50%);left:0;margin-left:10px}
.main-search .searchTag{color:#fff;letter-spacing:.5px;text-align:center;margin-top:30px;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main-search .searchTag span{display:inline-block;color:#fff}
.main-search .searchTag a{margin-right:10px;color:#fff}
.main-search .searchTag a:hover{color:#efefef}
.main-search .searchTag i{color:#fff;margin-right:2px;display:inline-block;transform:translateY(1px)}

@media (max-width:768px){
.main-search{padding:30px 10px 46px}
.main-search h2{font-size:20px;margin-bottom:20px}
.main-search form{height:40px}
.main-search form .button{width:86px;line-height:42px;font-size:13px}
}

.plugin-main{padding:20px 0}
.theme-main{padding:20px 0}
.author-main{padding:20px 0;margin-bottom:10px}

.types-title h3{font-size:22px;line-height:30px;float:left;margin-right:50px;margin-bottom:20px}
.types-title h3 i{font-size:22px;color:#024afd;margin-right:5px}
.types-title .menu{user-select:none}
.types-title .menu li{position:relative;padding:0 14px;margin:0;display:inline-block;font-size:14px;line-height:30px;cursor:pointer;color:#545C63;transition:all .2s}
.types-title .menu li:hover a{color:#024afd}
.types-title .menu li.curr a{color:#024afd;font-weight:bold}
.types-title .menu li.curr:after{content:'';position:absolute;left:50%;bottom:0;margin-left:-0.7em;width:1.4em;height:2px;border-radius:100px;background-color:#024afd}

@media (max-width:768px){
.types-title h3{float:none;margin:0 0 20px 0;text-align:center}
.types-title .menu{text-align:center;margin-bottom:20px}
.types-title .menu li{padding:0 6px}
}

.user-level{font-size:12px;color:#fff;margin:0}
.user-level-0{display:inline-block;font-size:12px;font-weight:400;line-height:18px;margin-top:2px;color:#bf7648 !important;background:#f9e1be;background:-webkit-gradient(linear,left bottom,left top,from(#efd3b0),to(#f9e1be));background:linear-gradient(to top,#efd3b0 0%,#f9e1be 100%);border-radius:4px;padding:0 4px}
.user-level .iconfont{font-size:12px;text-shadow:0px 0px 2px #800000}
.user-level .icon-lv0{color:#FFD700}
.user-level .icon-lv1{color:#f5f5f5}
.user-level .icon-lv2{color:#FFD700}
.user-level .icon-lv3{color:#c0c0c0}
.user-level .icon-lv4{color:#cc6633;text-shadow:0px 0px 2px #FFD700}

.list{display:none}
.list.show{display:block}


.applist{margin-bottom:5px}
.applist .item .item-body{position:relative;background:#FFFFFF;box-shadow:1px 6px 10px 0 rgba(95, 101, 105, 0.15);transition:all .2s;border-radius:8px;padding:15px}
.applist .item .item-body:hover{transform:translateY(-2px);box-shadow:2px 12px 20px 0 rgba(95, 101, 105, 0.15)}
.applist .item .img a{display:block;width:100%;height:100%}
.applist .item .img a:after{background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(255,255,255,.2)));background-image:linear-gradient(to right,transparent,rgba(255,255,255,.2));content:"";position:absolute;display:block;width:50%;height:100%;top:0;left:-75%;z-index:2;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);pointer-events:none}
.applist .item:hover .img a:after{-webkit-animation:shine .85s;animation:shine .85s}
@-webkit-keyframes shine{
    100%{left:125%}
}
@keyframes shine{
    100%{left:125%}
}
.applist .item .bottom{font-size:12px;color:#9199A1;line-height:20px;margin-bottom:10px}
.applist .item .bottom .discount{font-size:12px;line-height:1;margin-right:4px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;float:left;background:linear-gradient(130deg,#ff1b40,#ff9a01 50%,#ff1b40);-webkit-box-shadow:0 5px 9px -2px rgba(255,0,0,0.2);background-size:200% auto;transition:all .5s;box-shadow:0 5px 9px -2px rgba(255,0,0,0.2);border-radius:16px;padding:0 5px}
.applist .item:hover .bottom .discount{background-position:right center}
.applist .item .bottom .discount i{font-style:normal;padding:3px 4px;color:#fff}
.applist .item .bottom .freeinfo{float:right;font-weight:bold;color:#093}
.applist .item .bottom .more{float:left}
.applist .item .bottom .origin-price{color:#6D7278;line-height:20px;margin-right:4px;float:right;text-decoration:line-through}
.applist .item .bottom .price{color:#F01414;line-height:20px;margin-right:2px;float:right;font-weight:700!important}
.applist .item .author_info{font-size:14px;line-height:22px;height:22px;color:#9199A1}
.applist .item .author_info .left{float:left;max-width:60%}
.applist .item .author_info .right{float:right}
.applist .item .author_info .user-level{color:#9199A1}
.applist .item .author_info .post-list-meta-avatar{display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.applist .item .author_info .post-list-meta-avatar img{width:22px;height:22px;margin-right:6px;display:inline-block;border-radius:100%;position:relative;background-color:#eee}


.item_theme{height:340px}
.item_theme:hover{z-index:999}

.item_theme .img{position:relative;overflow:hidden;height:198px;margin-bottom:10px;border-radius:8px 8px 0 0;text-align:center;overflow:hidden;background:linear-gradient(-45deg,#fff,#e9f0ff,#fff)}
.item_theme .title{height:20px;margin-bottom:8px}
.item_theme .title a{color:#1d2129;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px}
.item_theme:hover .title a{width:initial !important;overflow:hidden;text-overflow:initial;white-space:nowrap;z-index:2000;
position:absolute;background:linear-gradient(155deg,#467eff 0%,#024afd 100%);color:#fff;border-radius:3px;padding:0 6px;overflow:visible}
.item_theme .description{display:none}
.item_theme .description span{margin-top:10px;color:#86909c;display:block;overflow:hidden;padding:6px 8px;border-radius:4px;background:#f4f4f4;font-size:12px;line-height:20px}
.item_theme:hover .description{display:block}
.item_theme a{color:#9199a1;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.item_theme a:hover,.item_theme:hover a{color:#1c1e20}
@media (min-width:768px){
.item_theme .item-body{max-width:320px;margin:0 auto}
}
@media (max-width:767px){
.item_theme .item-body{max-width:320px;margin:0 auto}
.item_theme{height:auto}
.item_theme .img{height:auto}
.item_theme .description{display:block}
}

.item_plugin .img{width:84px;height:84px;top:15px;left:15px;position:absolute;border-radius:8px;background-size:cover;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#fff;background-position:center}
.item_plugin:hover .img{top:10px}

.item_plugin .right-body{margin-left:95px;height:84px;margin-bottom:10px}
.item_plugin .title{height:22px;margin:0 0 10px}
.item_plugin .title a{color:#1d2129;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px}
.item_plugin:hover .title a{width:initial !important;overflow:hidden;text-overflow:initial;white-space:nowrap;z-index:2000;position:absolute;background:linear-gradient(155deg,#467eff 0%,#024afd 100%);color:#fff;border-radius:3px;padding:0 6px;overflow:visible}
.item_plugin:hover{position:relative;z-index:999}

.item_plugin .description{padding:6px 8px;border-radius:4px;background:#f4f4f4;margin:0 0 0}
.item_plugin .description span{color:#86909c;display:block;overflow:hidden;font-size:12px;line-height:20px;max-height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item_plugin a{color:#9199a1;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.item_plugin a:hover,.item_plugin:hover a{color:#1c1e20}
@media (max-width:767px){
.item_plugin .item-body{max-width:320px;margin:0 auto}
}

.qqqunlist{margin-bottom:5px}
.qqqunlist .item .item-body{height:158px;box-sizing:border-box;overflow:hidden;border-radius:8px;text-align:center;padding:20px 0 0;transition:all .2s;background-image:linear-gradient(0deg,#fff,#f7f9fb);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff}
.qqqunlist .item .qun-avatar{border-radius:100%;transition:all .2s;width:80px;height:80px}
.qqqunlist .item h3 a{font-weight:700;font-size:14px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#000;padding:0 5px}
.qqqunlist .item h4{font-size:12px;color:#98a3b7;margin:0 0 10px}
.qqqunlist .item .qun-jiaru{transition:all .2s;height:0px;display:block;line-height:30px;background:#024afd;text-align:center;font-size:14px;color:#fff}
.qqqunlist .item .qun-jiaru i{font-size:inherit}
.qqqunlist .item .item-body:hover{box-shadow:8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff;transform:translateY(-5px)}
.qqqunlist .item .item-body:hover .qun-avatar{width:50px;height:50px}
.qqqunlist .item .item-body:hover .qun-jiaru{height:30px}
@media (max-width:1024px){
    .qqqunlist .item .qun-avatar{width:50px;height:50px}
    .qqqunlist .item .qun-jiaru{height:30px;font-size:12px}
}

.authorlist{margin-bottom:5px}
.authorlist .item .item-body{transition:all .2s;background:#FFFFFF;box-shadow:0 6px 10px 0 rgba(95, 101, 105, 0.15);border-radius:8px}
.authorlist .item .item-body:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95, 101, 105, 0.15)}
.authorlist .item .usercard-head{background:url(../img/0.png) no-repeat top center #237ffd;background-size:100%;display:flex;align-items:center;border-radius:8px 8px 0 0;padding:0 10px;height:80px}
.authorlist .item .usercard-avatar{border-radius:100%;margin:5px 0;width:45px;height:45px}
.authorlist .item .usercard-head .author-name{margin-left:10px;flex:1}
.authorlist .item .usercard-title{margin-bottom:2px}
.authorlist .item .usercard-title a{font-weight:700;font-size:14px;color:#fff}

.authorlist .item .usercard-body{padding:10px}
.authorlist .item .usercard-body h3{font-size:14px;margin:10px 0 0 }
.authorlist .item .usercard-body h3 i{font-size:14px;color:#024afd;margin-right:5px}
.authorlist .item .usercard-detail{text-align:center;padding:5px 0 5px}
.authorlist .item .usercard-detail a{width:50%;font-weight:bold;float:left}
.authorlist .item .usercard-detail-left{border-right:1px solid #ccc;text-align:right;padding-right:10%;color:#4d555d}
.authorlist .item .usercard-detail-right{text-align:left;padding-left:10%;color:#4d555d}
.authorlist .item .usercard-box{margin:10px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex}
.authorlist .item .usercard-box>a{margin-left:10px;background:#F2F2F2}
.authorlist .item .usercard-box>a:first-child{margin-left:0}
.authorlist .item .usercard-box img{border-radius:6px;display:block;max-height:64px}
.authorlist .item .usercard-box img:hover{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;-webkit-transition:all .1s linear;transition:all .1s linear}


.author-list{position:relative;background:#fff;padding:30px 20px 50px;background:url(../img/auth-bg.png) no-repeat center center;background-size:100%}
.author-list .detail{display:flex;align-items:center}
.author-list .usercard-avatar{border-radius:8px;width:70px;height:70px}
.author-list .usercard-head{flex:1;margin-left:15px}
.author-list .usercard-head .usercard-title{font-weight:700;font-size:20px;margin-bottom:5px;color:#fff}

.author-type{border-radius:30px;background:#ffffff;color:#647491;box-shadow:0 5px 30px -10px rgb(1 38 97 / 18%);padding:6px 3px;width:354px;margin:0 auto;margin-top:-40px;position:relative;z-index:999}
.author-type a{position:relative;display:inline-block;background-color:#ffffff;color:#647491;height:48px;border-radius:24px;text-align:center;width:112px;font-size:16px;line-height:48px;letter-spacing:-0.01em;font-weight:600;padding:0px;margin:0 3px}
.author-type a:hover,.author-type a.hover{background-color:#DCE9FF;color:#024afd}
.author-type a span{display:inline-block;font-size:12px;font-weight:400;line-height:1;color:#fff;background:#188ef4;background:-webkit-gradient(linear,left top,right top,from(#0056f3),to(#2b76ff));background:linear-gradient(to right,#0056f3 0%,#2b76ff 100%);border-radius:4px;padding:1px 3px;position:absolute;margin:5px 0 0 3px;z-index:1000}

@media (max-width:767px){
.author-list{padding:15px 15px 30px;background:url(../img/star-bg.png) no-repeat center center;background-size:100%}
.author-list .usercard-head{margin-left:10px}
.author-list .usercard-head .usercard-title{font-size:18px}
.author-list .usercard-avatar{width:60px;height:60px}
.author-list .btn{padding:4px 20px;font-size:12px}
.author-type{border-radius:30px;width:240px;padding:6px;margin-top:-20px}
.author-type a{height:28px;margin:0;border-radius:14px;width:80px;font-size:14px;line-height:28px}
.author-type a span{position:relative;top:-2px}
}

.clearfix-t{padding:105px 0 0 0}
.product-number-info{position:relative;z-index:2}
.product-number-info li{float:left;width:16.5%;height:90px;color:#fff;list-style:none}
.product-number-info li b{font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px}
.product-number-info li b i{font-style:normal}
.product-number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px}
.product-number-info li p{font-size:14px}
.cloud-banner{background:#0af url(../img/res-bg.png) no-repeat center;position:relative;min-width:100%;height:300px;overflow:hidden;color:#fff;text-align:center}
.cloud-bubble-one{position:absolute;top:-120px;left:50%;z-index:1;margin-left:-120px;width:240px;height:240px;background:url(../img/footer-bule1.png);animation:bubble-animate-1 linear 10s infinite}
.cloud-bubble-two{position:absolute;top:50px;left:34%;z-index:1;width:360px;height:360px;background:url(../img/footer-bule2.png);animation:bubble-animate-2 linear 12s infinite}
.cloud-bubble-three{position:absolute;top:50px;left:48%;z-index:2;width:300px;height:300px;background:url(../img/footer-bule3.png);animation:bubble-animate-3 linear 11s infinite}
@keyframes bubble-animate-1{from{top:-110px}50%{top:-170px}to{top:-110px}}
@keyframes bubble-animate-2{from{top:60px;left:34%}50%{top:70px;left:24%}to{top:60px;left:34%}}
@keyframes bubble-animate-3{from{top:40px;left:48%}50%{top:90px;left:58%}to{top:40px;left:48%}}
@media (max-width:768px){
.cloud-banner{height:200px}
.clearfix-t{padding:10px 0 0 0}
.product-number-info li{width:33.33333%}
.product-number-info li b{font-size:30px}
.product-number-info li b sup{font-size:16px}
}

.buttons{border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:Lato,sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;line-height:1;outline:none;padding:12px 20px;text-align:center;background-color:#34495e}
.buttons{background:linear-gradient(155deg,#467eff 0%,#024afd 100%)}
.buttons:hover{opacity:0.8;color:#fff;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.infinite-button{margin-top:20px;display:flex;justify-content:center}
.infinite-button .buttons{min-width:250px;font-size:14px}

.infinite-button{display:none}
.infinite-button.show{display:flex}

.footer{padding:0 0 30px 0;background:#fff;color:#999}
.footer a{color:#999}
.footer a:hover{color:#000}
.f-link{padding:30px 0 30px 0;border-bottom:1px solid #f0f0f0}
.f-link ul li{display:inline-block;margin-right:10px}
.copyright{text-align:center;font-size:14px;padding:30px 0 0 0;line-height:25px}
@media (max-width:768px){
    .footer a{display:block}
    br{display:none}
}


.page{margin:15px auto;overflow:hidden;clear:both;text-align:center}
.page a{display:inline-block;margin:0 8px;min-width:32px;line-height:32px;font-size:14px;color:#4d555d;text-align:center;border-radius:16px;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}
.page a.text-page-tag:hover{background:#d9dde1;color:#4d555d;text-decoration:none}
.page a.text-page-tag.active{background:#4d555d;color:#fff}
.page span,.page-disabled{display:inline-block;padding:0 4px;min-width:32px;height:32px;line-height:32px;font-size:14px;color:#c8cdd2;text-align:center}
.page-first,.page-last{width:50px}
.page-next,.page-prev{width:70px}
.page .notmargin{margin-right:0}
@media (max-width:768px){
   .page a.text-page-tag{display:none} 
   .page a.text-page-tag.active{display:inline-block}
}


.filter{padding:22px 0 9px;box-shadow:0 2px 8px 0 rgba(7, 17, 27, 0.06);background:#fff}
.filter ul li{line-height:24px;margin-bottom:5px}
.filter ul li.last{border-bottom:0}
/**.filter ul li:hover{background:#fff}**/
.filter ul li:last-child{border-bottom:0}
.filter ul li .filter_type{position:absolute;font-weight:600;font-style:normal}
.filter ul li .xuanxiang{margin-left:50px}
.filter ul li .xuanxiang a{transition:all .3s;display:inline-block;font-size:14px;border:1px solid #efefef;margin:0 8px 8px 0;padding:0 10px;background:#f5f9f9;color:#666;border-radius:26px}
.filter ul li .xuanxiang a:hover{background:#024afd;border:1px solid #024afd;color:#fff}
.filter ul li .xuanxiang a.a, .filter ul li .xuanxiang a.a:hover{border:1px solid #024afd;background:#024afd;color:#fff}
.filter ul li .paixu{margin-left:50px}


.filter ul li .xuanxiang a i{width:7px;height:10px;display:inline-block;margin-left:5px;background:transparent url(../img/sortico.png) no-repeat  0px -20px;cursor:pointer}
.filter ul li .xuanxiang a.sortdesc i{background-position:0px 0px}
.filter ul li .xuanxiang a.sortasc i{background-position:0px -10px}

.filter ul li .xuanxiang_hide{height:102px;overflow:hidden;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.filter ul li .xuanxiang_hide:hover{height:272px}

.filter .shaixuan_search_html a,.filter .shaixuan_search_html .shaixuan_search_body{float:left}
.filter .shaixuan_search_body{max-width:200px;height:26px;position:relative;display:flex}
.filter .shaixuan_search_body input{border:1px solid #efefef;border-right:none;height:100%;line-height:26px;text-indent:2em;flex:1;font-size:12px;border-radius:26px 0 0 26px}
.filter .shaixuan_search_body .button{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:53px;background:#f5f9f9;color:#666;border:0;cursor:pointer;border-radius:0 26px 26px 0;font-size:14px;letter-spacing:.5px;line-height:26px}
.filter .shaixuan_search_body .button:focus{outline:none}
.filter .shaixuan_search_body i{position:absolute;top:50%;transform:translateY(-50%);left:0;margin-left:8px}
.filter .shaixuan_search_hover input{border:1px solid #024afd}
.filter .shaixuan_search_hover .button{background:#024afd;color:#fff}
@media only screen and (max-width:600px){
.filter{padding:10px 0}
.filter ul li .xuanxiang{margin-left:0}
.filter ul li .xuanxiang a:first-child{margin-left:50px}
.filter ul li .xuanxiang a{font-size:12px;margin:0 4px 4px 0;padding:0 8px}
.filter .shaixuan_search_body .button{font-size:12px}
.filter .shaixuan_search_body i{font-size:12px}
}


.plugin-main-list{padding:25px 0 0;margin-bottom:10px}
.theme-main-list{padding:25px 0 0;margin-bottom:10px}
.author-main-list{padding:25px 0 0;margin-bottom:10px}
.qqqun-main-list{padding:25px 0 0;margin-bottom:10px}

.hd-leader{background:#024afd;position:relative;padding:30px 0 60px;text-align:center}
.hd-leader h2{margin:0;font-weight:bold;color:#fff;font-size:30px}
.hd-leader h3{margin:12px 0 0;font-weight:normal;font-size:16px;line-height:1.5;color:#efefef}
@media (max-width:1024px){
.hd-leader{padding:25px 0 35px}
.hd-leader h2{font-size:18px;font-weight:bold}
.hd-leader h3{margin-top:5px;font-size:14px;line-height:1.4}
}


.btn{display:inline-block;font-weight:normal;text-align:center;line-height:1.6;vertical-align:middle;user-select:none;border:1px solid transparent;border-radius:100px;outline:0;padding:8px 36px;font-size:14px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.btn:hover,.btn:focus{outline:0;text-decoration:none}
.btn:active,.btn.active{outline:0;box-shadow:inset 0 1px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}
a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
.btn-sm{padding:4px 20px;font-size:12px}
.btn-lg{padding:11px 42px;font-size:14px}
.btn-block{display:block;width:100%}
.btn-outline{color:#fff;border-color:#fff}
.btn-outline:hover,.btn-outline:focus{color:#202935;background-color:#fff}
.btn-default{color:#666;background-color:#f2f2f2}
.btn-default:hover,.btn-default:focus{color:#202935;background-color:#e2e2e2}
.btn-default:focus{box-shadow:0 0 0 3px rgba(226,226,226,0.5)}
.btn-default-outline{color:#666;border-color:#e2e2e2}
.btn-default-outline:hover,.btn-default-outline:focus{color:#202935;background-color:#f2f2f2}
.btn-default-outline:focus{box-shadow:0 0 0 3px rgba(226,226,226,0.5)}
.btn-primary{color:#fff;background-color:#024afd}
.btn-primary:hover,.btn-primary:focus{color:#fff;background-color:#0097eb}
.btn-primary:focus{box-shadow:0 0 0 3px rgba(0,164,255,0.3)}
.btn-primary-outline{color:#024afd;border-color:#024afd}
.btn-primary-outline:hover,.btn-primary-outline:focus{color:#fff;background-color:#024afd}
.btn-primary-outline:focus{box-shadow:0 0 0 3px rgba(0,164,255,0.3)}
.btn-danger{color:#fff;background-color:#E62412}
.btn-danger:hover,.btn-danger:focus{color:#fff;background-color:#d32111}
.btn-danger:focus{box-shadow:0 0 0 3px rgba(230,36,18,0.3)}
.btn-danger-outline{color:#E62412;border-color:#E62412}
.btn-danger-outline:hover,.btn-danger-outline:focus{color:#fff;background-color:#E62412}
.btn-danger-outline:focus{box-shadow:0 0 0 3px rgba(230,36,18,0.3)}

.btn-qq{background-color:#12b7f5;color:#fff}
.btn-qq:hover,.btn-qq:focus{background-color:#2196f3;color:#fff}
.btn-qq:focus{box-shadow:0 0 0 3px rgba(0,164,255,0.3)}

.breadcrumbs{margin-bottom:15px;color:#ddd;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.breadcrumbs a{margin:0 5px}
.breadcrumbs a:first-child{margin-left:0}
.breadcrumbs span{color:#999;margin-left:5px}
@media (max-width:544px){
.breadcrumbs{font-size:12px;margin-top:15px}
}

.app-item-contentbox{background:#fff}
.app-item-menubar{position:relative;z-index:9;background-color:#fff;font-size:18px;border-radius:8px 8px 0 0;padding-top:15px;font-weight:bold}
.app-item-menubar .container{padding:0}
.app-item-menubar ul:before,.app-item-menubar ul:after{display:table;content:"";line-height:0}
.app-item-menubar ul:after{clear:both}
.app-item-menubar ul li{cursor:pointer;float:left;position:relative;line-height:1;padding:20px 30px;margin-left:10px}
.app-item-menubar ul li.active,.app-item-menubar ul li:hover{color:#024afd;font-weight:bold}
.app-item-menubar ul li.active::after{content:'';position:absolute;bottom:6px;left:50%;margin-left:-12px;width:24px;height:4px;border-radius:10px;background-color:#024afd}
.app-item-menubar .theme-qrcode{display:none}

.app-item-intro{width:60%;float:left;background-color:#fff;border-radius:8px;padding:0}
.app-item-intro dl{padding-top:5px;padding-bottom:5px;padding-left:115px}
.app-item-intro dl.col2{float:left;width:50%;box-sizing:border-box;clear:none;line-height:22px}
.app-item-intro dt{float:left;margin-left:-115px;width:115px;font-weight:normal;color:#999;text-align:right}
.app-item-intro dd{margin-bottom:0}

.app-item-container{border-radius:8px;padding:30px 40px;margin-bottom:20px;/**line-height:1.8;**/overflow:hidden;display:none}
.app-item-container .app-title{margin-bottom:30px;text-align:center}
.app-item-container a{color:#024afd;text-decoration:underline}
.app-item-container a:hover{color:#008ad6}
.app-item-container h2{line-height:inherit;font-weight:bold;font-size:20px;margin:0 0 15px}
.app-item-container h3{line-height:inherit;font-size:17px;font-weight:bold;margin:0 0 15px}
.app-item-container ul{list-style:disc;margin-bottom:15px}
.app-item-container li{margin-bottom:5px}
#id-guide.app-item-container li{text-indent:2em}
.app-item-container p{margin-bottom:15px}
.app-container-details{display:block}
.apptakedown2{background:url('../img/yxj2.png') no-repeat right center}
@media (max-width:1024px){
.app-item-contentbox{min-height:auto;margin-left:0}
.app-item-menubar{padding-top:0}
.app-item-menubar ul{display:flex;text-align:center}
.app-item-menubar ul li{float:none;flex:1;padding:20px 20px;text-align:center;border-top:none;margin-left:0;padding-left:0;padding-right:0}
.app-item-menubar ul li.active{font-weight:bold}
}

@media (max-width:768px){
.apptakedown2{background:url('../img/yxj2.png') no-repeat top center}
.app-item-menubar{border-radius:0}
.app-item-contentbox .suit{display:none}
.app-item-contentbox{margin-left:-20px;margin-right:-20px}
.app-item-container{border-radius:0;padding:20px;margin-bottom:10px}
.app-item-container h2{font-size:16px}
.app-item-container h3{font-size:14px}
.app-item-intro{width:100%;float:none;margin:20px auto}
}

@media (max-width:544px){
.app-item-intro{width:100%;float:none;margin:20px auto}
.app-item-intro dl.col2{width:100%;clear:both}
.app-item-intro dl{padding-top:5px;padding-bottom:5px}
.app-item-container{line-height:1.5}
}

.app-item-focus{overflow:hidden;position:relative;background-color:#fff;padding:40px 0;margin-bottom:20px}
.app-item-fcontent{margin-top:30px}
.app-item-info{position:relative}
.app-item-info h1{margin:0 0;font-size:24px;font-weight:bold}
.app-item-info h3{margin:10px 0 0;font-size:14px;line-height:1.5;text-align:justify;color:#666}

.app-item-counter{position:absolute;top:0;right:10px;margin-top:5px;color:#999;font-size:12px}
.app-item-counter i{font-size:12px}
.app-item-price{margin:20px 0;padding:15px 0;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd}
.app-item-price h5{font-size:14px;color:#024afd;line-height:30px;margin:0;font-weight:bold}
.app-item-price strong{float:right;margin-left:10px;font-size:30px;line-height:1;color:#f01414}
.app-item-price strong dfn{font-weight:bold;font-style:normal;font-size:16px;position:relative;top:-4px;margin-right:7px}
.app-item-price strong.yuan{font-size:14px;position:relative;top:7px;color:#93999f;font-weight:normal;text-decoration:line-through;color:#93999f}
.app-item-price strong.yuan dfn{top:0}
.app-item-price strong .free{color:#093}
.app-item-orderarea{margin-top:20px;text-align:center}
.app-item-orderarea .btn{margin-right:10px;padding:4px 20px}
.app-item-orderarea .btn i{font-size:14px}

.app-item-brand1{float:left;margin-right:20px}
.app-item-brand1 img{height:128px;max-width:180px;border-radius:8px}
.app-item-brand2{background:url(../img/0.png) no-repeat center center;
    background-size:100%;width:180px;float:right;color:#999;background-color:#f6f6f6;padding:8px 0;border-radius:8px;text-align:center;font-size:12px}
.app-item-brand2 h4{margin:7px 0 6px}
.app-item-brand2 h4 a{font-size:12px;color:#fff}
.app-item-brand2 img{border-radius:50%;width:60px;height:60px;display:block;margin:0 auto 10px}

@media (max-width:1024px){
.app-item-fcontent{width:auto;margin-left:0;float:none}
.app-item-focus{padding:15px 0}
.app-item-orderarea .btn{margin:0 5px}
}

@media (max-width:768px){
.app-item-info h1{font-size:22px}
.app-item-focus{margin-bottom:10px}
.app-item-orderarea{margin-top:0;background-color:#fff;z-index:9990;position:fixed;bottom:0;left:0;right:0;height:50px}
.app-item-orderarea:before{content:'1';color:transparent;position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(0,0,0,0.1);display:block;overflow:hidden;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.app-item-orderarea .btn-right{height:30px;line-height:30px;float:right;margin:10px 15px 0 0;font-size:12px;padding-top:0;padding-bottom:0}
.app-item-orderarea .btn-right i{font-size:12px}
.app-item-orderarea .btn-left{float:left;padding:0 15px;border:none;width:auto;font-size:10px;line-height:1;color:#202935;margin-top:7px;background-color:transparent}
.app-item-orderarea .btn-left:hover,.app-item-orderarea .left:active{background-color:transparent}
.app-item-orderarea .btn-left .iconfont{margin-bottom:5px;display:block;font-size:22px}
.app-item-brand1{float:none;margin:0 auto;width:240px;margin-top:20px;text-align:center}
.app-item-brand1 img{height:auto;width:auto}
.app-item-brand2{width:300px;float:none;margin:0 auto;text-align:left}
.app-item-brand2 img{float:left;margin:0 15px 0 15px}
.app-item-brand2 h4{margin:6px 0 5px}
.app-item-brand2 h4 a{font-size:16px}
.app-post .footer{margin-bottom:50px}
.app-post .totop{bottom:55px;right:5px;width:40px;height:40px}
.app-post .totop span i{font-size:28px}
}

@media (max-width:544px){
.app-item-focus{padding:0;margin-top:1px;margin-bottom:0}
.app-item-fcontent{margin-top:10px;padding-bottom:15px}
.app-item-info h1{margin:10px 0}
.app-item-info h3{font-size:14px;margin-top:0;line-height:1.4;margin-bottom:15px}
.app-item-counter{position:static;font-size:11px;margin:10px 0;color:#343a3c}
.app-item-counter i{font-size:11px}
.app-item-price{margin:10px 0}
.app-item-price strong{font-weight:bold;font-size:24px}
.app-item-price strong dfn{top:-2px}
.app-item-price strong.yuan{top:4px}
.app-item-price h5{color:#024afd;font-size:12px;line-height:24px}
}
@media (max-width:320px){
.app-item-price strong{font-weight:bold;font-size:18px}
.app-item-price strong dfn{top:0;font-size:12px;margin-right:3px}
.app-item-price strong.yuan{top:2px;font-size:12px}
}
.search-title{margin-bottom:20px;font-size:18px;text-align:center}

.suit{position:relative;margin:0 0 30px 0;padding:30px 30px;overflow:hidden;background-color:#fff;border-radius:8px}
.suit main{float:left}
.suit h3{margin:0;font-weight:bold;font-size:18px}
.suit h3 strong{margin:0 5px;color:#024afd}
.suit h4{margin:10px 0 0;font-size:14px}
.suit a{float:right;margin-top:5px}
.suit a i{margin-left:5px}
.suit dfn{vertical-align:top;margin-left:10px;display:inline-block;padding:3px 6px;border-radius:2px;font-size:12px;font-style:normal;color:#fff;font-weight:normal;
background-color:#024afd}
@media (max-width:544px){
.suit{margin-bottom:20px;padding:20px}
.page-theme-item .suit{margin-left:15px;margin-right:15px}
.suit h3{font-size:14px}
.suit h4{margin-top:5px;font-size:12px;line-height:1.4}
.suit a{margin-left:15px;margin-top:8px;padding:0 20px}
.suit dfn{padding:1px 5px}
}
.sale-timer{font-size:14px;line-height:30px;margin:0;padding:0 10px;font-weight:bold;display:inline-block;background:linear-gradient(130deg,#ff1b40,#ff9a01 50%,#ff1b40);-webkit-box-shadow:0 5px 9px -2px rgba(255,0,0,0.2);background-size:200% auto;transition:all .5s;-webkit-box-shadow:0 5px 9px -2px rgba(255,0,0,0.2);box-shadow:0 5px 9px -2px rgba(255,0,0,0.2);border-radius:16px}
.sale-timer:hover{background-position:right center}
.sale-timer i{font-style:normal;padding:3px 4px;color:#fff}
@media (max-width:768px){
.sale-timer{font-size:12px;line-height:20px;font-weight:normal;padding:0 5px}
}

.pxl span a{position:relative;float:left;padding:0 20px;font-size:13px}
.pxl span a.a code{position:absolute;bottom:-10px;left:50%;margin-left:-10px;width:20px;height:3px;border-radius:6px;background:#024afd}
.pxl span a.a{color:#024afd}
.pxl span.y{float:right}
.pxl span.y a{position:relative;float:left;padding:0 18px 0 0;font-size:12px}

.apptakedown{position:absolute;left:0px;top:0px;font-size:13px;display:inline-block;padding:6px 10px;font-weight:700;line-height:1;z-index:99;text-align:center;white-space:nowrap;vertical-align:baseline;color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#ff4740),color-stop(#ffa069),color-stop(#ffab55),to(#ff6c40));background-image:linear-gradient(to right,#ff4740,#ffa069,#ffab55,#ff6c40);background-size:300% 100%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;border-radius:inherit;border-top-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:-3px 3px 10px rgb(0 0 0 / 20%);box-shadow:-3px 3px 10px rgb(0 0 0 / 20%)}
.item:hover .apptakedown{background-position:100% 0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.appdemourl{position:absolute;right:0px;top:0px;font-size:13px;display:inline-block;font-weight:700;line-height:1;z-index:99;text-align:center;white-space:nowrap;vertical-align:baseline;color:#bf7648;background-image:-webkit-gradient(linear,left top,right top,from(#efd3b0),color-stop(#f9e1be),color-stop(#f9e1be),to(#efd3b0));background-image:linear-gradient(to right,#efd3b0,#f9e1be,#f9e1be,#efd3b0);background-size:300% 100%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;border-radius:inherit;border-top-left-radius:0;border-bottom-right-radius:0;-webkit-box-shadow:-3px 3px 10px rgb(0 0 0 / 20%);box-shadow:-3px 3px 10px rgb(0 0 0 / 20%)}
.appdemourl a{padding:6px 10px;display:inline-block;color:#bf7648;font-weight:400}
.item:hover .appdemourl{background-position:100% 0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.item:hover .appdemourl a{color:#bf7648}
@media (max-width:768px){
    .apptakedown{padding:7px 11px;font-size:14px}
    .appdemourl a{padding:7px 11px;font-size:14px}
}
.meihua-boo{position:absolute;bottom:0;left:0;right:0;height:30px;z-index:1}
.meihua-boo-waves{position:relative;width:100%;height:15vh;min-height:30px;max-height:30px}
.meihua-boo-parallax > use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
.meihua-boo-parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.meihua-boo-parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.meihua-boo-parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.meihua-boo-parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s}
@keyframes move-forever{
    0%{transform:translate3d(-90px,0,0)}
    100%{transform:translate3d(85px,0,0)}
}
@media (max-width:768px){
.meihua-boo{height:20px;margin-top:-20px}
.meihua-boo-waves{min-height:20px;max-height:20px}
}

.notify{background:linear-gradient(135deg,#ff9a01,#ff1b40 50%,#ff9a01);font-size:14px;color:#fff;padding:5px 0;text-align:center}
.notify .msg{line-height:20px;display:inline-block}
.notify a{width:90px;height:25px;font-size:14px;margin-left:23px;line-height:25px;border-radius:25px;border:1px solid hsla(0,0%,100%,.2);display:inline-block;color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.notify a:hover{background-color:#fff;color:#ff1b40}
@media (max-width:768px){
    .notify{text-align:justify;padding:10px 0}
    .notify .msg{text-indent:2em}
}

.totop{position:fixed;right:30px;bottom:30px;height:46px;width:46px;font-size:1.5rem;cursor:pointer;display:block;border-radius:50px;color:#024afd;background-color:rgba(255, 255, 255, 0.5);z-index:9999;opacity:0;visibility:hidden;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transition:all 200ms linear;transition:all 200ms linear}
.totop:hover{background-color:rgba(255, 255, 255, 1)}
.totop span{position:absolute;width:100%;height:100%;top:0;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.totop span i{font-size:38px}
.totop.backto-top-active{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.totop svg path{fill:none}
.totop svg.back-circle path{stroke:#024afd;stroke-width:3;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear}

.btns{display:inline-block;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;padding:.375rem 1rem;font-size:.875rem;line-height:1.5;border-radius:.1rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.btns:active,.btns.active{background-image:none;outline:0}
.btns-success{color:#fff;background-color:#024afd;border-color:#024afd}
.btns-success:hover{color:#fff;background-color:#467eff;border-color:#467eff}
.btns-success:focus{color:#fff;background-color:#467eff;border-color:#467eff}
.btns-success:active{color:#fff;background-color:#467eff;border-color:#467eff;background-image:none}
.btns-success:active:hover{color:#fff;background-color:#3ac162;border-color:#3ac162}

.site-contact{position:fixed;right:40px;top:400px;z-index:999}
.site-contact .btns{border-radius:50px;box-shadow:1px 3px 0 rgba(0,0,0,0.1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.site-contact .btns:hover{position:relative;top:1px}
@media (max-width:544px){
.site-contact{left:30px;bottom:35px;top:auto}
.app-post .site-contact{left:5px;bottom:58px;}
}
.xiajia{display:inline-block; position:relative;top:-1px;}
.layui-form-switch{margin-top:0}
.layui-form-onswitch{border-color:#024afd;background-color:#024afd}