@charset "utf-8";
@import url(/static/v8/m/fonts/iconfont.css);
* {margin:0;padding:0;box-sizing:border-box;}
html{height:100%; width:100%;background: #fff;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {-webkit-text-size-adjust:none;background:#fff;min-width:320px;margin:0;padding:0;font-family:"microsoft yahei",Verdana,Arial,Helvetica,sans-serif;font-size:14px;max-width:640px;margin:0 auto;
  height:100%; width:100%;}
ul,li {list-style:none;}
a {text-decoration:none;color:#333;}
a:hover{ text-decoration:none;}
img,img a {border:0;vertical-align:middle;}
.font_1 {color:red;}
.w {margin:auto;padding:0 6px;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
i,em{font-style: normal;}
input{outline: 0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {margin:0;-webkit-appearance:none}
input[type=search] {font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;text-align:center;border:0;border-radius:6px;background-color:rgba(0,0,0,.1)}
input[type=search]:focus {text-align:left}
textarea {height:auto;resize:none}
.h80{height:0.8rem; width: 100%;clear: both; overflow: hidden;}
.h70{height:0.7rem; width: 100%;clear: both; overflow: hidden;}
.h90{height:1.5rem;border-bottom:0.14rem solid #f6f6f6}
[v-cloak]{
    display: none;
}

/*头部搜索*/
.headcontent {width:100%;background-color:#fff;position:fixed;top:0;z-index:99;height:0.8rem;display:flex;padding:0 0.2rem;margin-right:auto;margin-left:auto;box-sizing:border-box;max-width: 640px;justify-content: center;}
.headcontent .logo_link {width:1.2rem;height:100%;display:block;}
.headcontent .logo_link a {
    display: inline-block;
    width: 100%;
    height: 100%;    
}
.headcontent .topSearch {height:0.6rem;line-height:0.6rem;display:flex;flex: 1;border-radius: 0.3rem;margin-top: 0.1rem; margin-right: 0.14rem;background: #f5f5f5;padding:0 0.2rem}
.headcontent .top_form{ display: flex; flex: 1;}
.headcontent .text_input {flex:1;border:none;background:#f5f5f5;box-sizing:border-box;border-radius: 0 0.3rem 0.3rem 0;font-size: 0.22rem; text-align: left; width: 100%; height: 100%;line-height: 0.4rem; padding: 0.1rem 0.2rem;}
.headcontent .searchBtn {display: inline-block; width: 0.3rem;}
.headcontent .searchBtn .iconfont{color: #555;font-size: 0.3rem;}
.headcontent .navRight {padding-left:0px;width:0.65rem;text-align:right;line-height:0.8rem;height: 100%;}
.headcontent .navRight .iconfont{color: #888; font-size: 0.4rem;}
.headcontent .navRight .toreply{ background: url(../images/index/topIcon.png) no-repeat center center/100%; display: flex; height: 100%;animation: upAnimation 2s ease .5s infinite both;}
@keyframes upAnimation {
    0% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    10% {
        transform: rotate(-18deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    20% {
        transform: rotate(18deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    28% {
        transform: rotate(-15deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    36% {
        transform: rotate(15deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    42% {
        transform: rotate(-10deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    48% {
        transform: rotate(10deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    52% {
        transform: rotate(-8deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    56% {
        transform: rotate(8deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    60% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    to {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }
}

/*回到顶部*/
.goUp{width: 1.4rem;height: 1.4rem;position:fixed;z-index: 999;right: 20px;bottom:30px;display: none; text-align:right}
.goUp img{ width:0.7rem; height:0.7rem; }

/*提示语*/
#sendText {width:70%;max-width:600px; color: #fff; font-size: 0.24rem; text-align: center;z-index: 999999;position: fixed;top:50%; right:0; left:0; margin:-24px auto 0; display:none; box-sizing:border-box;}
#sendText .msgtext{background-color:rgba(0,0,0,.7);border-radius: 5px;padding:0.2rem 0.3rem; display:inline-block; margin:0 auto;}

/*分类弹窗*/
.yqh_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:99999999;cursor: pointer;-webkit-tap-highlight-color: transparent;}
.yqh_overlay * {box-sizing:border-box;}
.yqh_overlay .yqh_layer_wrap {box-sizing:border-box;width:90%;max-width:640px;position: fixed;;padding:0.2rem 0.2rem 0.3rem;margin:auto;border-radius:0.2rem;background-color:#fff;box-shadow:1px 2px 4px 0 rgba(0,0,0,0.12);left: 50%;top:50%;transform: translate(-50%,-50%); }	
.yqh_overlay .close_cate_btn{width: 0.6rem; height: 0.6rem; color: #fff; display:flex; border: 2px solid #fff; position: absolute; bottom: -0.8rem;  left: 50%;  margin-left: -0.3rem; justify-content: center; align-items: center;border-radius: 50%; cursor: pointer;-webkit-tap-highlight-color: transparent;}
.yqh_overlay .close_cate_btn .iconfont{font-size: 0.26rem;}
.yqh_column {width: 100%;height: auto; background: #fff; box-sizing: border-box; padding:0px;}
.yqh_column .yqh_column_nr {float: left; width: 25%;text-align: center;}
.yqh_column .yqh_column_nr img { width:0.7rem;height: 0.7rem; border-radius:50%}
.yqh_column li,.yqh_column ul{list-style: none; margin: 0px;padding: 0px;display: block;}
.yqh_column li{padding:0.07rem;margin-top: 0.1rem;}
.yqh_column .yqh_column_nr:after {content: "";display: block;clear: both; }
.yqh_column .yqh_column_nr p {overflow: hidden;padding-top:0.08rem;color: #606162; word-break: keep-all;white-space: nowrap;overflow: hidden;width: 90%;text-align: center;margin: 0 auto; font-size: 0.22rem;}

/* 右上角大分类 */
.zm_bigcate {position:fixed;top:0;width:100%;height:100%;z-index:99999999;cursor: pointer;-webkit-tap-highlight-color: transparent;display: none;}
.mask_bg{ position: absolute; width: 100%; height: 100%;}
.zm_bigcate .header-sub-double-tab {position: fixed;top:0.8rem;width:100%;max-width:640px;padding:0.1rem 0;background-color:#fff;box-shadow:0 2px 6px #eee;}
.zm_bigcate .header-sub-double-tab .header-sub-tab-item {float:left;width:50%; padding:0.15rem 0.3rem;border-right:1px solid #eee;}
.zm_bigcate .header-sub-double-tab .header-sub-tab-item:nth-of-type(2n) {border-right:none;}
.zm_bigcate .header-sub-double-tab .header-sub-tab-item a {width:100%;height:100%;}
.zm_bigcate .header-sub-double-tab .header-sub-tab-item a:hover {background-color:#f5f5f5;}
.zm_bigcate .header-sub-double-tab .header-sub-tab-item a i {display:block;color:#333;width:100%;font-size:0.26rem;text-overflow: ellipsis;  white-space: nowrap;overflow: hidden;}
.zm_bigcate .header-sub-double-tab .header-sub-tab-item a em {display:block;width:100%;font-size:0.22rem;color:#999;text-overflow: ellipsis;  white-space: nowrap;overflow: hidden;}


/* 头部返回 */
.zm_title{ background:#fff; line-height:0.7rem; border-bottom:1px solid #eee; text-align:center; height:0.7rem; position: fixed; top: 0; width: 100%;max-width: 640px; z-index: 9;}
.zm_title .back{ float:left; color:#888;position: relative;padding-left:0.2rem;z-index: 9999;font-size: 0.24rem; display: flex; align-items: center;}
.zm_title i{font-size: 0.34rem; vertical-align: middle;}
.zm_title .cent{ position: absolute; width: 100%;  height: 100%; text-align: center; font-size: 0.28rem; color: #0c0d0e;}
.zm_title .output {color:#666;margin-right:0.3rem;position:relative;z-index:999;font-size: 0.24rem; float: right;}

 /* 分页 */
 /* .zm-pages{ height:1.2rem;clear: both;}
 .zm-pages .page {text-align: center; margin-top: 0.6rem;}
 .zm-pages .page a {color:#666;padding:0.1rem 0.2rem;border:1px solid #ddd;margin:0 0.02rem;border-radius:0.1rem;vertical-align:middle; font-size:0.22rem; background-color: #fff;display: inline-block;}
 .zm-pages .page a:active {border:1px solid #f68b0b;color:#f68b0b;}
 .zm-pages .page a.prevPage,.page a.nextPage {color:#666;}
 .zm-pages .page .current {color:#fff;background-color:#f68b0b;border:1px solid #f68b0b;border-radius:4px;vertical-align:middle;}
 .zm-pages .page a:hover.current{color:#fff;} */

 .zm-pages .page {text-align: center; font-size: 0;box-sizing: border-box;clear: both; margin-top: 26px;margin-bottom: 10px;}
 .zm-pages .page a {display: inline-block;color: #666;height: 30px;line-height: 28px;padding: 0 10px;border: 1px solid #ddd;margin: 0 2px;border-radius: 4px;vertical-align: middle;font-size: 12px;position: relative;min-width: 30px;background-color: #fbfbfb;}
 .zm-pages .page a:hover {border:1px solid #3191f5;color:#3191f5;}
 .zm-pages .page a.num{border-radius: 30px;padding: 0px 7px;}
 .zm-pages .page a.cur{border:1px solid #3191f5;color:#3191f5; z-index: 1;}
 .zm-pages .page a.prev{border-radius: 15px 0 0 15px; margin-right: 0; width:68px; text-align: left;}
 .zm-pages .page a.top{margin-left:-15px;border-radius:15px; position: relative;border-left: 0;}
 .zm-pages .page a.top::before{content: ''; position: absolute; left:-1px; top:-1px;width:15px; height: 30px; border: 1px solid #ddd;border-right:0;border-radius: 15px 0 0 15px;z-index: 1; display: inline-block;box-sizing: border-box;}
 .zm-pages .page a:hover::before,.zm-pages .page a:hover + a::before,.zm-pages .page a.top.cur::before{border-color: #3191f5; z-index: 3;}
 .zm-pages .page a.bottom{border-radius: 15px; margin-right:-15px; z-index: 1; position: relative; border-right: 0;}
 .zm-pages .page a.bottom.cur{border:1px solid #3191f5; z-index: 3;}
 .zm-pages .page a.next::before{content: ''; position: absolute; left:1px; top:-1px;width:15px; height: 30px; border: 1px solid #ddd;border-left:0;border-radius: 0 15px 15px 0;z-index:3; display: inline-block;box-sizing: border-box;}
 .zm-pages .page a.next{margin-left:-1px;border-radius:  0 15px 15px 0;margin-right: 0; width:68px; text-align: right; border-left: 0;}
 .zm-pages .page a.bottom:hover::before,.zm-pages .page a.next:hover::before{border-color: #3191f5; z-index: 3;}
 .zm-pages .page span{font-size: 12px; color: #888; display: inline-block; vertical-align: middle; line-height: 30px; margin:0 2px;}
 .zm-pages .page a.disable {
    display: none;
    color: #fff;
    cursor: not-allowed;
    border-color: rgb(211, 211, 211);
    background-color: rgb(211, 211, 211);
}
.page2 {
    margin-top: 20px;
    text-align: center;
}
.page2 .pagination li {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page2 span {
    display: inline-block;
    padding: 10px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
}
.page2 .pagination li {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page2 a {
    display: inline-block;
    background: #fff url() 0 0 no-repeat;
    color: #888;
    padding: 10px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
}


/* 空空如也 */
.empty{ min-height:5rem; display: flex; align-items: center; justify-content: center; flex-direction: column; clear:both}
.empty img{width:3rem;}
.empty p{ font-size:0.3rem; margin-top: 0.4rem; color: #888; }

/*底部*/
.pb-icon { display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: cover;}
.navibar-bot {position:fixed;bottom:0;width:100%;max-width:640px;height:0.9rem;padding-top:.06rem;text-align:center;background-color:#ffffff;border-top:.01rem solid rgba(200,200,208,.5);z-index:999; display:flex;}
.navibar-bot .navi-item { flex: 1;height:100%;line-height:0;position:relative; display: flex; align-items: center; justify-content: center;flex-direction: column;color:#A6A6B0; }
.navibar-bot .navi-item .iconfont{font-size: 0.32rem;}
.navibar-bot .navi-item i{ display: inline-block;width: 0.32rem; height: 0.32rem;}
.navibar-bot .navi-item .icon-index{ background: url(../images/tab/b1.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item.active .icon-index{background: url(../images/tab/b1_on.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item .icon-news{ background: url(../images/tab/t3.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item.active .icon-news{background: url(../images/tab/t3_on.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item .icon-vip{ background: url(../images/b3.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item.active .icon-vip{background: url(../images/b3_on.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item .icon-help{ background: url(../images/b4.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item.active .icon-help{background: url(../images/b4_on.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item .icon-my{ background: url(../images//tab/b4.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item.active .icon-my{background: url(../images/tab/b4_on.png) no-repeat; background-size: 0.32rem auto;}
/* .navibar-bot .navi-item i.icon-my{width: 0.3rem;} */
.navibar-bot .navi-item .icon-category{ background: url(../images/tab/b2.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item.active .icon-category{background: url(../images/tab/b2_on.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item .icon-designer{ background: url(../images/tab/b3.png) no-repeat; background-size: 0.32rem auto;}
.navibar-bot .navi-item.active .icon-designer{background: url(../images/tab/b3_on.png) no-repeat; background-size: 0.32rem auto;}




.navibar-bot .navi-item.active .iconfont{color:#2579f3;}
.navibar-bot .navi-item>p {height:.24rem;line-height:.24rem;font-size:.22rem;display:block; margin-top: 0.06rem;}
.navibar-bot .navi-item.active>p {color:#2579f3;}
.navibar-bot .navi-item>.footer_hr,.navibar-bot .navi-item>.footer_mine,.navibar-bot .navi-item>.footer_down{width:.42rem;height:.42rem;}
/*底部end*/

/*我的信息红点*/
.navibar-bot .navi-active::before {content:"";display:block;width:.12rem;height:.12rem;border-radius:100%;overflow:hidden;background:red;position:absolute;top:0;right:0.45rem;}

/* 版权信息 */
.banquan {padding:0.6rem 0 0px;text-align:center;color:#888;font-size:0.2rem;}
.banquan a{ color:#888;font-size:0.2rem;}
.banquan p {margin:0 0 10px;}

/* 当前位置 */
.webmap { font-size:0.22rem; color: #aaa; background-color: #fff;padding: 0.1rem 0.2rem 0;}
.webmap a { display: inline-block;margin: 0 5px 0 0; color: #aaa;}

/* 手机登录框 */
.register-pop {display:block;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(53,53,59,.8);z-index:10;}
.register-wrap {width:5.88rem;height:7.26rem;background:#ffffff;border-radius:.2rem;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;padding:0 .22rem;}
.register-wrap .popup-close {height:.28rem;width:.28rem;position:absolute;right:.26rem;top:.24rem;display:block;}
.register-wrap .popup-close .iconfont {font-size:0.3rem;color:#666;}
.register-wrap>div.logo {width:1.4rem;height:1.4rem;border-radius:50%;position:absolute;top:-.7rem;left:0;right:0;margin:0 auto;background:#fff url(../images/logo200.png) center no-repeat;background-size:80%;}
.register-wrap>p.texts {font-size:.38rem;color:#F89714;text-align:center;margin-top:0.65rem;display:block;width:100%;}
/*输入框*/
.register-wrap .phones-int,.register-wrap .verifi-int,.register-wrap .goin-int {width:100%;height:.75rem;background:#fff;border:.02rem solid rgba(237,237,237,1);margin-top:.24rem;border-radius:.04rem;overflow:hidden;position:relative;}
.phones-int>input,.verifi-int>input {width:100%;height:100%;border:none;display:block;text-indent:.32rem;font-size:.24rem;}
.verifi-int>div.codes-show {padding:0 .3rem;background:none;position:absolute;right:0;top:0;height:.71rem;}
.verifi-int .codes-show>input {border:none;display:block;height:100%;line-height:.71rem;font-size:.28rem;color:#4B4B50;background:none;cursor:pointer;}
.register-wrap .goin-int {background:#f68b0b;text-align:center;line-height:.75rem;border:none;color:#ffffff;font-size:.28rem;border-radius:0.4rem;cursor: pointer;-moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;outline:none;-webkit-tap-highlight-color: transparent;}
.register-wrap .goin-int:active{opacity: 0.8;}
.register-wrap>p.texts01 {text-align:left;width:100%;display:block;font-size:.24rem;color:#A1A1A1;height:.74rem;line-height:.74rem;}
.register-wrap>a.QQ-login-icon {display:block;width:1rem;height:1rem;border:1px solid #9ec0ff;background-size:50%;border-radius:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;color:#fff;}
.register-wrap>a.QQ-login-icon .iconfont {font-size:0.4rem;color:#9ec0ff;}
.register-wrap>p.texts02 {text-align:center;width:100%;display:block;font-size:.24rem;color:#A1A1A1;height:.34rem;line-height:.34rem;margin-top:.24rem;margin-bottom:.2rem;}
.register-wrap>p.texts02.red {font-size:.24rem;color:#f68b0b}

.register-wrap .other-login{padding: 0.2rem 0;margin-top: 0;}
.register-wrap .other-login a{margin-top:0rem;}

/*第三方登录方式*/
/* flex */
.flexbox{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:horizontal; box-orient:horizontal; clear:both}
.flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1;}
body:not(:-moz-handler-blocked) .flexbox { width: 100%;} /*for FF*/
.other-login{position:static;margin-top:0.4rem; padding-bottom:0.3rem; clear:both;width:100%; max-width:640px; background:#fff; }

.other-login .title{ position:relative; font-size:0.2rem; color:#b3b6be; line-height:1; text-align:center; border-top:1px solid #ddd;margin: 0 0.8rem;}
.other-login .title span{ position:absolute; top:-0.1rem; left:50%; margin-left:-1.1rem; width:2.2rem; text-align:center; background:#fff;}
.other-login a{display:block;width:50%;margin-top:0.45rem;font-size:0.22rem;color:rgb(202, 200, 200);text-align:center;}
.other-login a:last-child{margin-right:0;}
.other-login a .iconfont{ font-size: 0.56rem;}


/*search*/
.icon-search {width:0.28rem;height:0.3rem;background-image:url(../images/index/search_btn.png);}
.header.search {position:fixed;top:0;z-index:100;height:1.01rem;width:100%; max-width: 640px;border-bottom:0.01rem solid#ECECF0;background:#fff;}
.header-search-wrap {position:relative;overflow:hidden;float:right;width:5.3rem;height:0.6rem;margin:0.2rem 0.24rem;-webkit-border-radius:0.3rem;border-radius:0.3rem;background-color:#F3F3F6;}
input[type="search"]{-webkit-appearance:none;} 
/* .page-search .backup{position: absolute; width: 0.8rem; text-align: center; top: 0;right: 0;line-height:1.01rem; font-size: 0.26rem; color: #8D8D96;    display: inline-block;} */
.header-search-wrap .header-search-inp {float:left;text-align:left;width:80%;height:0.36rem;line-height:.36rem;margin-top:0.12rem;font-size:0.28rem;color:#333443;background-color:#F3F3F6;letter-spacing:0.01rem;text-indent:.1rem;border-radius:0; border:none}
.header-search-wrap .btn-wrap {position:relative;float:left;width:0.64rem;height:0.6rem;padding:0.15rem 0.12rem 0.15rem 0.2rem;}
.header-search-wrap .btn-wrap .icon-search {right:unset;left:0.24rem;}
.header .pb-icon {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.header .icon-back-h {width:.2rem;height:.36rem;background-image:url(../images/index/icon_back_hui.png);}
.header .icon-back-h {right:unset;left:0.4rem;}
.page-search {display:none;position:fixed;left:50%;top:0;z-index:1020;width:100%;max-width:640px;height:100%;background:#fff;-webkit-box-shadow:0 0 0.08rem rgba(0,0,0,0.15);box-shadow:0 0 0.08rem rgba(0,0,0,0.15); transform: translateX(-50%);}
.pros-list-wrap {padding-top:1.9rem;}
.search-box {width:100%;height:calc(100vh - 1.01rem);padding:0.3rem .16rem 0.3rem .26rem; margin-top: 1.01rem; overflow-y: auto;-webkit-overflow-scrolling: touch;}
.search-box .search-hot,.search-box .search-his {width:100%;height:auto;}
.search-hot > h2,.search-his > p {width:100%;height:.24rem;line-height:.24rem;font-size:.24rem;color:#8D8D96;margin-bottom:.32rem;font-weight:normal;letter-spacing:.01rem;}

/*搜索热词*/
.search-hot .hot-list {width:100%;height:auto;}
.search-hot .hot-list a {float:left;height:.52rem;line-height:.5rem;letter-spacing:.01rem;padding:0 .2rem;font-size:.24rem;color:#333443;margin-right:.16rem;margin-bottom:.16rem;-webkit-border-radius:.06rem;border-radius:.06rem;border:.02rem solid #C8C8D0;}
/* 热门标签 */
.hotTags,.hotScene{clear: both;}
.hotTags h1,.hotScene h1{font-size: 0.26rem; color: #000;padding: 0.3rem 0 0.1rem;}
.hotTags .taglist{height: 1.8rem;overflow: hidden;}
.hotTags a{display: flex;font-size: 0.26rem; height: 0.6rem; line-height: 0.6rem;}
.hotTags a i{width: 0.3rem; color: #f68b0b;}
.hotTags a span.title{flex: 1; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;padding-left: 0.1rem;}
.hotTags a span.views{width: 1rem; text-align: right;color: #f68b0b;}
/* 热门模板 */
.scenelist{width: 100%;max-width: 640px;}
.scenelist .scroll{
    display: -webkit-box;
    overflow-x: auto;
    /*适应苹果*/
    -webkit-overflow-scrolling:touch;
    }
.hotScene .list_li {position:relative;width:1.6rem;margin: 0.1rem 0.2rem 0 0;}
.scenelist .scroll::-webkit-scrollbar {display: none;}
.hotScene .list_li .item_bg {width:100%;border-radius:3px;overflow:hidden;background-color: #f7f8fa;font-size: 0;position: relative;}
.hotScene .list_li .item_bg img {width:100%;height:100%;}
.hotScene .list_li .icon{padding:0 0.05rem;height: 0.26rem;text-align: center;font-size: 0.2rem; display: flex;  align-items: center;position: absolute; right: 0.1rem; top: 0.1rem; color: #fff;border-radius: 0.05rem; }
.hotScene .list_li .icon.free{background-color: #ff3d3d;}
.hotScene .list_li .icon.vip{background-color: #ffb940;}
.hotScene .list_li .desc{font-size: 0.22rem; color: #f68b0b; margin-top: 0.02rem; height: 0.3rem;}
.hotScene .list_li .item_title {width:100%;display:flex;flex-direction:row;align-items:center;font-size: 0;margin-top: 0.1rem;}
.hotScene .list_li .item_title .title {margin-left:0.1rem;font-size:0.22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex: 1;  color: #666;}

/* 关注 */
#qrcode{position: fixed;width:100%;height:100%;left:0;top:0;z-index: 9999;background: rgba(0,0,0,.4);display: block;}
#qrcode>div{width:75%;max-width:540px;margin:20% auto 0.3rem;border-radius:0.2rem;text-align: center;background: #fff;padding:0.3rem;}
#qrcode>div img{max-width: 90%;margin-bottom:0.1rem;}
#qrcode>div p{text-align: center;font-size:0.22rem;margin-bottom: 0.06rem;}
#qrcode>div p i{display: inline-block;font-style: normal;color:#6bbeff;margin:0 0.04rem;}
#qrcode>p{border-radius: 100%;border:2px solid #fff;width:0.6rem;height:0.6rem; text-align: center; margin: 0 auto; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#qrcode>p i{font-size:0.22rem;color:#fff;}
#qrcode>div>p span{color: #888;}
#qrcode .copyKey{margin: 0 auto;padding:0.1rem 0.14rem;background: #41cd4b;border-radius:0.1rem;font-size:0.22rem;color: #fff;clear: both;cursor: pointer; display: inline-block;}

/* 加载动画 */
.load_mask{position: fixed; top: 0;left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.2); z-index:10000;}
.load_mask .mask_bg{ position:absolute; left:50%; top:40%; margin:-70px 0 0 -70px;background: rgba(0,0,0,.6);width: 140px; height: 140px;
   border-radius:0.1rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.load_mask .loading3 {position:relative;width:50px;height:50px; }
.load_mask .loading3 .demo3 {width:4px;height:4px;border-radius:2px;background:#fff;position:absolute;animation:demo3 linear 0.8s infinite;-webkit-animation:demo3 linear 0.8s infinite;}
.load_mask .mask_bg .maskTxt{  color:#fff;  text-align:center; font-size:12px; margin-top: 10px;}
.load_mask .demo3:nth-child(1) {left:24px;top:2px;animation-delay:0s;}
.load_mask .demo3:nth-child(2) {left:40px;top:8px;animation-delay:0.1s;}
.load_mask .demo3:nth-child(3) {left:47px;top:24px;animation-delay:0.1s;}
.load_mask .demo3:nth-child(4) {left:40px;top:40px;animation-delay:0.2s;}
.load_mask .demo3:nth-child(5) {left:24px;top:47px;animation-delay:0.4s;}
.load_mask .demo3:nth-child(6) {left:8px;top:40px;animation-delay:0.5s;}
.load_mask .demo3:nth-child(7) {left:2px;top:24px;animation-delay:0.6s;}
.load_mask .demo3:nth-child(8) {left:8px;top:8px;animation-delay:0.7s;}
@keyframes demo3 {0%,40%,100% {transform:scale(1);}
20% {transform:scale(3);}
}
@-webkit-keyframes demo3 {0%,40%,100% {transform:scale(1);}
20% {transform:scale(3);}
}

/* 模板列表 */
.cate_list{ border-top: 0.14rem solid #f6f6f6;}
.cate_list_item{ position: relative;}
.cate_list .list_cont{ clear:both; overflow:hidden; padding:0 6px;}
.cate_list .list_cont.show{display: block;}
.cate_list .list_li {position:relative;width:calc(100% / 3);float:left;padding:0 7px;margin-top:14px;overflow: hidden; }
.cate_list .list_li .item_bg {width:100%;border-radius:3px;overflow:hidden;background-color: #f7f8fa;font-size: 0;position: relative;}
.cate_list .list_li .item_bg img {width:100%;height:100%;}
.cate_list .list_li .icon{padding:0 0.05rem;height: 0.26rem;text-align: center;font-size: 0.2rem; display: flex;  align-items: center;position: absolute; right: 0.1rem; top: 0.1rem; color: #fff;border-radius: 0.05rem; }
.cate_list .list_li .icon.free{background-color: #ff3d3d;}
.cate_list .list_li .icon.vip{background-color: #ffb940;}
.cate_list .list_li .desc{font-size: 0.22rem; color: #f68b0b; margin-top: 0.02rem; height: 0.3rem;}
.cate_list .list_li .item_title {width:100%;display:flex;flex-direction:row;align-items:center;font-size: 0;margin-top: 0.1rem;}
.cate_list .list_li .item_title .title {margin-left:0.1rem;font-size:0.22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex: 1;  color: #666;}
.scene-category {padding: 0 0.1rem 0 0.06rem;height:0.26rem;text-align:center;font-size:0.2rem;color:#f68b0b;background-color:#fae7bf;border-radius:0 100px 100px 0; display: flex;align-items: center}
.scene-category.H5 {background-color:rgba(21,147,255,.1);color:#1593ff;}
.scene-category.hb {background-color:rgba(111,97,236,.1);color:#6f61ec;}
.scene-category.video {background-color:rgba(58,159,107,.1);color:#3a9f6b;}
.scene-category.long {background-color:rgba(243,113,51,.1);color:#f37133;}
.scene-category.form {background-color:rgba(2,173,191,.1);color:#02adbf;}
.scene-category.gc {background-color:rgba(245,166,35,.1);color:#f5a623;}

/* 专题 */
.cate_list .common_list_cont.zhuanti .list_li{width: 50%;}

/* 社交媒体 */
.cate_list .medier .list_cont {font-size:0;white-space:nowrap;overflow:scroll;padding:0 0.2rem 0;margin-right:0.2rem;display:flex;-webkit-overflow-scrolling: touch}
.cate_list .medier .list_cont::-webkit-scrollbar {display: none;}
.cate_list .medier .list_cont  .list_li {flex-shrink:0;width:2.5rem;margin-right:0.2rem;padding: 0;}
.cate_list .medier .list_cont  .list_li img {width:100%; border-radius: 0.06rem;}

/* 长单页 */
.cate_list .long .list_li .item_bg {width:100%;border-radius:3px;overflow:hidden; height:5rem;background-color: #fff;}
.cate_list .long .list_li .item_bg img {width:100%;height: auto;}
.list_more{ text-align: center;display: flex; justify-content: center;align-items: center;margin: 0.2rem 0;}
.list_more::before,.list_more::after{content: ''; flex: 1; display:inline-block;height: 1px; background: #ddd; width: 0.5rem;margin: 0 0.2rem; }
.list_more a{font-size: 0.26rem;color: #666;}

/* 大分类吸顶 */
.h180{height: 1.6rem;}
.menu_cont{position: fixed; top: 0.8rem;width:100%;max-width: 640px; background-color: #fff;z-index:99;display: flex;}
.menu_cont>ul {display:flex;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow-y:hidden;padding:0 .3rem 0 .1rem;flex: 1;}
.menu_cont>ul::-webkit-scrollbar {display:none;}
.menu_cont ul li{ margin:0 0.145rem; height: 0.56rem;line-height: 0.56rem;position: relative;}   
.menu_cont ul li a{font-size: 0.26rem; padding:0;color: #000; } 
.menu_cont ul li.on::before{content: '';display: inline-block; width: 100%; height: 0.06rem; background-color: #3191f5;
     position: absolute; bottom: 0rem; border-radius: 0.04rem;}
.menu_cont ul li.on a{color: #3191f5;font-weight: bold;}
.menu_cont .more{display: flex;width: 1rem;font-size: .24rem;justify-content: center; line-height: 1;color: #888;position: relative;align-self:center;}
.menu_cont .more i{font-size:.26rem;margin-right: .0469rem; }
.menu_cont>ul::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;top: 0;
    height: 100%;
    width: .3rem;
    pointer-events: none;z-index: 1;
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%)
}  
.menu_cont>ul:after {
    content: '';
    display: block;
    width: 0px;
    height: 100%;
    border-right: 1px solid transparent;
}
.menu_cont .more::before{content: '';
    display: block;
    position: absolute;
    left: -0.24rem;top: 0;
    height: 100%;
    width: .24rem;
    pointer-events: none;z-index: 1;
    background-image: linear-gradient(to right, rgba(255,255,255,0.1) 0,rgba(255,255,255,0.8) 100%)
}

/* 手机版通用模板列表 */
.common_list_cont{ clear:both; overflow:hidden; padding:0 6px;}
.common_list_cont .list_li {position:relative;width:calc(100% / 3);float:left;padding:0 7px;margin-top:14px;overflow: hidden; }
.common_list_cont .waterfall_column .list_li {position:relative; width: 100%;padding: 0;margin-top:14px;overflow: hidden; }
.common_list_cont .list_li .item_bg {width:100%;border-radius:3px;overflow:hidden;background-color: #f7f8fa;font-size: 0;position: relative;}
.common_list_cont .list_li.long .item_bg{ overflow: hidden; height: 5rem;}
.common_list_cont .list_li .item_bg img {width:100%;height:100%;}
.common_list_cont .list_li.long .item_bg  img{height: auto;}
.common_list_cont .list_li .icon{padding:0 0.05rem;height: 0.26rem;text-align: center;font-size: 0.2rem; display: flex;  align-items: center;position: absolute; right: 0.1rem; top: 0.1rem; color: #fff;border-radius: 0.05rem; }
.common_list_cont .list_li .icon.free{background-color: #ff3d3d;}
.common_list_cont .list_li .icon.vip{background-color: #ffb940;}
.common_list_cont .list_li .desc{font-size: 0.22rem;margin-top: 0.02rem; height: 0.3rem; display: flex; justify-content: space-between;}
.common_list_cont .list_li .desc .t1{ color: #f68b0b;font-size: 0.2rem;}
.common_list_cont .list_li .desc .t2{ color: #aaa;font-size: 0.2rem;}
.common_list_cont .list_li .desc .t3{ color: #aaa; float: right;font-size: 0.2rem; width: 0.9rem; text-align: right;}
.common_list_cont .list_li .item_title {width:100%;display:flex;flex-direction:row;align-items:center;font-size: 0;margin-top: 0.1rem;}
.common_list_cont .list_li .item_title .title {margin-left:0.1rem;font-size:0.22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex: 1;  color: #666;}
.common_list_cont .scene-category {padding: 0 0.1rem 0 0.06rem;height:0.26rem;text-align:center;font-size:0.2rem;color:#f68b0b;background-color:#fae7bf;border-radius:0 100px 100px 0; display: flex;align-items: center}
.common_list_cont .scene-category.h5 {background-color:rgba(21,147,255,.1);color:#1593ff;}
.common_list_cont .scene-category.hb {background-color:rgba(111,97,236,.1);color:#6f61ec;}
.common_list_cont .scene-category.video {background-color:rgba(58,159,107,.1);color:#3a9f6b;}
.common_list_cont .scene-category.long {background-color:rgba(243,113,51,.1);color:#f37133;}
.common_list_cont .scene-category.form {background-color:rgba(2,173,191,.1);color:#02adbf;}
.common_list_cont .scene-category.gc {background-color:rgba(245,166,35,.1);color:#f5a623;}
.common_list_cont .scene-category.book {background-color:rgba(2,173,191,.1);color:#02adbf;}

@media screen and (max-width: 320px) {
    .common_list_cont .list_li .desc .t1{ color: #f68b0b;font-size: 0.2rem;width: 0.98rem;}
    .common_list_cont .list_li .desc .t2{ color: #aaa;font-size: 0.2rem;width: 0.98rem;}
    .common_list_cont .list_li .desc .t3{ color: #aaa; float: right;font-size: 0.2rem; flex: 1; text-align: right;}
}

img{
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}