@import url(/static/v9/pc/fonts/iconfont.css);
/* @import url(//at.alicdn.com/t/font_1589507_fd2sngba84l.css); */
*{word-break:break-all;font-family:'microsoft yahei',arial,sans-serif;-webkit-text-size-adjust:none;box-sizing: border-box;margin:0;padding:0;}
*::after, *::before {box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%;box-sizing: border-box;}
body{margin:0;padding:0;font-size:12px;color:#333333;background:#fff;min-width: 1200px;}
form,input,select,textarea,td,th{font-size:12px;outline:none;}
img{border:none;}
li img{border:none;vertical-align:middle;}
ul li ,li{list-style-type:none;}
ol li{list-style-type:decimal;}
p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,textarea,blockquote{margin:0px;padding:0px;}
s,i,em{font-style: normal;font-weight: normal;}
a:link,a:visited,a:active,ins{color:#333333;text-decoration:none;transition: all .15s;}
a:hover{color: #3191f5; text-decoration:none}
center a{font-size:14px}
button{outline:none;}
.fl{ float: left;}
.fr{ float: right;}
.topTip{width: 100%;position:fixed; left:0;z-index:10001;height:120px;background: #FFEBB3;top:0;text-align: center;color: #333;font:20px "寰蒋闆呴粦";line-height: 120px;}.topTip span,.topTip a{color:#ff0000}.topTip img{vertical-align: middle;margin:0 10px}
/* links */
.clear{ clear:both;}
.clearfix::after{ content:""; clear:both;  display:block; }
.zm_container{ min-width:1200px; width: 100%;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 14px;
}
[v-cloak]{
    display: none;
}
.h70{ width: 100%; height: 68px; clear: both;overflow: hidden;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt35{ margin-top: 35px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.hide,#icon_module{display: none;}

::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-track:hover{background:#eee;}
::-webkit-scrollbar-thumb{border-radius:10px;background:#b9b9b9;}
::-webkit-scrollbar-thumb:hover{background:#747474;}
::-webkit-scrollbar-thumb:active{background:#555; }

.countdown{min-height: 500px; text-align: center;font-size: 40px;display: flex;align-items: center;justify-content: center;}

/* menu */
.zm_header{background-color:#ffffff;padding:0; height:68px; position: fixed; width: 100%; top: 0; z-index: 1000;}
.navbar {height:68px;border-bottom:1px solid #eee; display: flex; justify-content: space-between;max-width: none;}
.navbar-fixed-top {position:fixed;top:0;left:0;width:100%;z-index:1030;}
.navbar-header {position:relative;}
.navbar-header .favorites-guide-mask {display:none;position:absolute;top:0;left:30px;z-index:1;text-align:center;font-size:0;pointer-events:none}
.navbar-header .favorites-guide-mask .arrow {height:60px;width:auto}
.navbar-header .favorites-guide-mask .content {width:332px;height:50px;margin-top:-2px;background:rgba(0,0,0,.5);border-radius:4px;font-size:16px;line-height:50px;text-align:center;color:#fff}
.navbar-header:hover .favorites-guide-mask {display:block}
.navbar-brand {float:left; width:164px;font-size:18px;padding:15px 0 0 0; color: #3191f5; margin-left: 30px;}
.navbar-brand img{ vertical-align: middle}

.navbar-nav{margin-left: 60px;display: flex;flex-shrink: 0;    align-items: center;}
.navbar-nav>li {position:relative;display:block; line-height: 68px;}
.navbar-nav>li a{ font-size: 14px; margin-right: 50px;color: #555; display: inline-block;}
.navbar-nav>li a:hover{color: #3191f5;}
.navbar-nav>li a .iconfont{ font-size: 14px; margin-left: 5px;display: inline-block;transition:all 300ms;}
.navbar-nav>li .dot{position: absolute;left:26px;top: 5px; background-color: #ee1111;font-size: 12px;line-height: 18px;padding: 0 5px;border-radius: 10px 10px 10px 0;color: #fff;}
.zm-nav{display: flex;justify-content: flex-start;flex: 1 0 auto;}
.zm-nav .header-sub-double-tab {position:absolute;top:65px;left:-50px;width:433px;padding:20px 0;background-color:#fff;box-shadow:0 0 6px 0 rgba(102,102,102,0.2);display: none;}
.zm-nav .header-sub-double-tab .header-sub-tab-item {float:left;line-height:normal;}
.zm-nav .header-sub-double-tab .header-sub-tab-item:nth-of-type(2n-1) {border-right:1px solid #eee;}
.zm-nav .header-sub-double-tab .header-sub-tab-item a {width:100%;height:100%;width:196px;padding-left:20px;margin:0 10px;float:left;}
.zm-nav .header-sub-double-tab .header-sub-tab-item a:hover {background-color:#f5f5f5;}
.zm-nav .header-sub-double-tab .header-sub-tab-item a i {display:block;line-height:24px;color:#333;width:100%;float:left;margin-top:7px;font-size:14px;}
.zm-nav .header-sub-double-tab .header-sub-tab-item a em {display:block;width:100%;line-height:16px;font-size:12px;color:#999;float:left;margin-bottom:7px;}
.zm-nav .navbar-nav>li:hover .header-sub-double-tab {display:block; max-height: 1000px;transition:300ms ease-in-out; }
.zm-nav .navbar-nav>li:hover>a>.iconfont { transform: rotate(180deg); }

.zm-nav .dCont{position:absolute;top:65px;left:-50px;width:200px;background-color:#fff;box-shadow:0 0 6px 0 rgba(102,102,102,0.2);display:none;line-height: 46px;z-index: 999;}
.zm-nav .dCont a{font-size: 14px; display: flex;justify-content: space-around; width: 100%;position: relative;}
.zm-nav .dCont a .iconfont{font-size: 16px; margin:0 15px 0 40px;}
.zm-nav .dCont a span{flex: 1;}
.zm-nav .dCont a:hover{background-color: #f3fdff; color: #3191f5;}
.zm-nav .navbar-nav>li:hover .dCont{display:block; max-height: 1000px;transition:300ms ease-in-out; }

.m_container{ width:1520px; height:60px; margin:0 auto; padding:0;}


.navbar .searchnav {position: relative;width:405px;height:40px;background:rgba(255,255,255,1);border-radius:6px;float: left; margin:15px 0 0;border:1px solid #e5e5e5;display: none;}
.navbar .searchnav form{width: 100%; height: 100%;}
.navbar .searchnav .navlist {width:120px;height:100%; position: relative; background-color: #fafafa;float: left;border-radius:6px 0 0 6px;}
.navbar .searchnav .navlist > a {display:block;width:100%;height:100%;overflow:hidden;line-height:38px;}
.navbar .searchnav .navlist a span {display:inline-block;height:100%;padding-left:10px;color:#555;font-size:14px;position:relative;}
.navbar .searchnav .navlist a i{color: #3191f5; margin-left:20px;font-size: 14px;}

.navbar .searchnav .header-sub-double-tab { position: relative;width:433px;padding:20px 0;background-color:#fff;box-shadow:0 0 6px 0 rgba(102,102,102,0.2);z-index: 11;display: none;}
.navbar .searchnav .header-sub-double-tab .header-sub-tab-item {float:left;line-height:normal;}
.navbar .searchnav .header-sub-double-tab .header-sub-tab-item:nth-of-type(2n-1) {border-right:1px solid #eee;}
.navbar .searchnav .header-sub-double-tab .header-sub-tab-item a {width:100%;height:100%;width:196px;padding-left:0px;margin:0 10px;float:left;color:#333;}
.navbar .searchnav .header-sub-double-tab .header-sub-tab-item a:hover {background-color:#f5f5f5;}
.navbar .searchnav .header-sub-double-tab .header-sub-tab-item a i {display:block;line-height:24px;color:#333;width:100%;float:left;margin-top:7px;font-size:14px;}
.navbar .searchnav .header-sub-double-tab .header-sub-tab-item a em {display:block;width:100%;line-height:16px;font-size:12px;color:#999;float:left;margin-bottom:7px;padding-left: 20px;}
.navbar .searchnav .navbar-nav>li:hover .header-sub-double-tab {transform: rotate3d(0, 0, 0, 0deg);transform-origin: 50% 0%; max-height: 1000px;transition:300ms ease-in-out; }
.navbar .searchnav .navbar-nav>li:hover a .iconfont { transform: rotate(180deg); }

.navbar .searchnav input {width:324px;height:100%;padding-left:15px;background:none;border:none;font-size:14px;color:#555;}
.navbar .searchnav .searchbtn {width:80px;text-align: center; line-height: 41px;height:100%;position:absolute;cursor:pointer;top:0px;right:-1px;display:block;z-index:999;background-color:#3191f5; background-image: linear-gradient(to right,#3191f5,#3191f5);border-radius:0 6px 6px 0;}
.navbar .searchnav .searchbtn .iconfont{ font-size: 20px;color: #fff;}
.navbar .searchnav .searchbtn:hover{opacity: 0.8;}

.nav_login{margin:0 30px;display: flex;align-items: center; flex-shrink: 0;}
.nav_login .icon{ display: flex; justify-content: center; align-items: center; border-radius:5px;width: 100px; height:34px; line-height: 32px; margin-right:10px; color: #3191f5; background-color: #f5f5f5;float: left;}
.nav_login .icon.active,.nav_login .icon:hover{color: #fff; background-color: #3191f5;}

.nav_login .icon i{width: 18px; height: 18px; display: inline-block; background: url(../images/index/vip_hover.png) left center no-repeat; margin-right: 8px;}
.nav_login .icon i.dayin{ background: url(../images/index/print.png) left center no-repeat;}
.nav_login .icon.active i.dayin,.nav_login .icon:hover i.dayin{color: #fff;background: url(../images/index/print_hover.png) left center no-repeat;}
.nav_login .cy-click {font-size:12px;color:#3191f5;display:inline-block;width:70px;text-align:center;height:34px;line-height:32px;border-radius:5px; border: 1px solid #3191f5; margin-left: 20px;}
.nav_login .cy-click:hover{ background-color: #3191f5; color: #fff;}
.nav_login .icon.active:hover{background-color:#4096ef;}
.nav_login .vipShow{position: relative;height: 100%;display: flex;align-items: center;}
.nav_login .vipShow:hover .vipList{display: block;}
.nav_login .vipShow .vipList{position:absolute;top:65px;right:-150px;width:595px;background-color:#fff;box-shadow:0 0 6px 0 rgba(102,102,102,0.2);display:none;line-height: 46px;z-index: 999;padding: 20px;flex-direction: column;border-radius: 12px;}
.nav_login .vipShow .vipList .item{display: flex;height: 117px; align-items: center; background: url(../images/vip/v1.png) no-repeat left top/100%;padding: 0 30px;}
.nav_login .vipShow .vipList .item.t2{margin-top: 20px;background: url(../images/vip/v2.png) no-repeat left top/100%;}
.nav_login .vipShow .vipList .item .tl{flex: 1;display: flex;flex-direction: column;line-height: normal;}
.nav_login .vipShow .vipList .item .tl .t_p{display: flex;align-items: center; font-size: 22px;font-weight: bold;color: #000;}
.nav_login .vipShow .vipList .item.t2 .tl .t_p{color:#dec896}
.nav_login .vipShow .vipList .item .tl .t_b{font-size: 18px;color: #444;margin-top: 10px;}
.nav_login .vipShow .vipList .item.t2 .tl .t_b{color: #dec896;}
.nav_login .vipShow .vipList .item .tl .t_p::before{content: '';display: block;width: 40px;height: 36px;margin-right:15px;background: url(../images/vip/v3.png) no-repeat left top/100%;}
.nav_login .vipShow .vipList .item.t2 .tl .t_p::before{background: url(../images/vip/v4.png) no-repeat left top/100%;}
.nav_login .vipShow .vipList .item .tr{width: 120px;height: 45px; background-color: #464648;color: #dec896;display: flex;justify-content: center;align-items: center;border-radius: 30px;font-size: 18px;font-weight: bold;}
.nav_login .vipShow .vipList .item.t2 .tr{background-color: #dec896;color: #303032;}

.online {position:relative;text-align:center;vertical-align: top;height: 68px;display: inline-block;}
.userloads{display: inline-block;}
.online .user{ display: inline-block; width: 50px;height: 50px; margin: 8px 10px 0 19px; position: relative;}
.online .user .uFace{ width: 50px; height: 50px; vertical-align: middle;border:1px solid #fff; box-shadow:0 0 5px #ccc; border-radius: 50%;}
.online .member_menu {position:absolute;background:#fff;box-shadow:0 0 6px 0 rgba(102,102,102,0.2);border:0;border-radius:5px;top:62px;right:0px;z-index:777;border-radius:5px;display:none;width:200px;overflow: hidden;}
.online .member_menu .member_menu_t::after {position:absolute;top:-12px;right:27px;content:'';display:inline-block;border:6px solid #fff;border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;}
.online .member_menu .userContent{display: flex;padding: 16px 16px 16px 20px;background-color:#3366ff;background-image: linear-gradient(to right,#4ab4fe,#3366ff);color: #fff;}
.online .member_menu .userContent img{width: 45px; height: 45px; border-radius: 50%;flex: auto 0 0;box-shadow: 0 0 3px #fff;}
.online .member_menu .ucont{padding: 2px 5px;flex: 1; margin-left: 10px;overflow: hidden; text-align: left;}
.online .member_menu .ucont .uname{font-size: 15px;font-weight: bold;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.online .member_menu .ucont .level{font-size: 12px;margin-top: 3px;}
.online .member_menu .dCont{line-height: 46px;}
.online .member_menu .dCont a{font-size: 14px; display: flex;justify-content: center; width: 100%;color: #666;position: relative;}
.online .member_menu .dCont a .iconfont{font-size: 16px; margin:0 20px 0 0px;}
/* .online .member_menu .dCont a span{flex: 1;} */
.online .member_menu .dCont a .dot{width: 5px; height:5px; background-color: #ff0000;position: absolute;left: 64px;top: 13px;border-radius: 50%}
.online .member_menu .dCont a:hover{background-color: #f3fdff; color: #3191f5;}

.online:hover .member_menu{ display:block;min-width:106px;}


/* 左侧菜单 */
.app-main .app-aside-wrapper {position:fixed;top:90px;left:0px;width:202px;bottom:0;background-color:#fff;z-index:188;padding-left:10px;}
/* .app-main .app-aside-wrapper .nav-scroll{background-color: #fff;} */
.app-main .app-content {min-height:100vh;position:relative;margin:70px 0 0 212px;}
.app-main .app-content .store-main {max-width:1900px;padding:30px 65px 0;margin:0 auto;box-sizing:border-box;}
.app-aside-wrapper .vipLink {display:block;width:202px;height:50px;background:url(../images/index/v1.png) no-repeat;background-size:100%;}
.app-aside-wrapper .nav-categories-list {display:flex;flex-direction:column;margin-top:20px;}
.app-aside-wrapper .nav-tit {padding:16px 26px 8px;font-size:14px;line-height:16px;color:#8c9096}
.app-aside-wrapper .nav-categories-list a {font-size:14px;padding:0 25px;height:48px;line-height:48px;position:relative;display:flex;align-items:center;color:#333}
.app-aside-wrapper .nav-categories-list a i {flex:0 0 auto;margin:0 8px;font-size:18px;}
.app-aside-wrapper  .nav-categories-list .nav-link-active,.app-aside-wrapper .nav-categories-list a:hover {background-color:#f3fdff;color:#3191f5}

/* 个人中心左侧 */
.app-main.member{display: flex;margin-top: 90px;margin-bottom: 30px;}
.app-main.member .app-aside-wrapper{background-color: #f3f3f3;padding-left: 0;margin-left: 20px;position: unset;padding-bottom: 20px;z-index: 0;width: 202px;}
.app-main.member .app-aside-wrapper .userContent{display: flex;padding: 36px 16px 10px 20px;color: #333;}
.app-main.member .app-aside-wrapper .userContent img{width:55px; height:55px; border-radius: 50%;flex: auto 0 0;box-shadow: 0 0 5px #fff;}
.app-main.member .app-aside-wrapper .ucont{padding: 5px 5px 0;flex: 1; margin-left: 10px;overflow: hidden; text-align: left;}
.app-main.member .app-aside-wrapper .ucont .uname{font-size: 16px;font-weight: bold;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.app-main.member .app-aside-wrapper .ucont .level{font-size: 12px;margin-top: 5px;color: #888; display: flex;align-items: center;}
.app-main.member .app-aside-wrapper .ucont .level .vip{width: 17px;height: 16px;display: inline-block;background: url(../images/member/v1.png) no-repeat;margin-right: 5px;}
.app-main.member .app-aside-wrapper .addScene{background-color: #3191f5;color: #fff;font-size: 14px;border-radius: 5px; height: 35px;display: flex;align-items: center;justify-content: center; margin:10px 30px;}
.app-main.member .app-aside-wrapper .addScene:hover{opacity: 0.8;}
.app-main .app-aside-wrapper .nav-tit{padding-left:40px;}
.app-main.member .app-aside-wrapper .nav-categories-list a{text-indent: 3em;height:32px;line-height:32px;}
.app-main.member .app-aside-wrapper .nav-categories-list .active,.app-main.member .app-aside-wrapper .nav-categories-list a:hover{color:#3191f5; background:none;}

.app-main.member .app-content{flex: 1;margin:  0 0 0 30px;}
.app-main.member .app-content .store-main{padding: 0 65px 0 0;max-width: 1770px;}



.select_d {position:relative;vertical-align:middle;text-align:center;}
.select_d .member_menu {position:absolute;background:#fff;box-shadow:0 3px 10px rgba(18,21,21,.5);border:0;border-radius:0;top:45px;left:20px;z-index:777;border-radius:5px;display:none;}
.select_d .member_menu .member_menu_t::after {position:absolute;top:-12px;left:47px;content:'';display:inline-block;border:6px solid #fff;border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;}
.select_d .member_menu a {display:block;font-size:14px;padding:0px 25px;background:#fff;color:#666;margin:10px 0;}
.select_d .member_menu a:hover {color:#3191f5;}
.select_d:hover .member_menu{ display:block;min-width:106px;}

.mob_tit{ text-align:center; width:100%; min-width:1200px;}
.mob_tit h1{ color:#3191f5; font-size:25px; display:inline-block; padding-bottom:15px; margin-top:35px; border-bottom:3px solid #3191f5;}
.mob_tit .mob_des{ color:#666; margin-top:10px;}


.iconCont{clear: both;display: flex; justify-content:center;padding: 40px 0;}
.iconCont .icon{width: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.iconCont .icon h3{font-size: 22px;color: #666;font-weight: normal; margin-top: 15px;}
.iconCont .icon p{margin-top: 10px;color: #999;font-size: 16px;}
/*footer*/
.footer{background: #363d47;font-size: 14px; padding:80px 0 50px;}
.footer,.footer a{color: #888c9a;}
.footer a:hover{color: #fff;}
.footer .foot_c{display: flex; justify-content: center;}
.footer .flist{display: flex; flex-direction: column; width: 140px;}
.footer .flist.f5{ width: 320px;}
.footer .flist.f6{flex-direction: row;width: 130px;width: 420px; margin: 30px 0 0 30px;}
.footer .flist.f6 p{ margin-top: 15px; margin-left:25px;}
.footer .flist h3{font-size: 15px; }
.footer .flist a{margin-top: 15px;}

.copyright{background-color: #2f3237; color: #888; height: 55px; line-height: 55px; text-align: center;}

/*提示toast*/
#sendText {width:70%;max-width:600px; color: #fff; font-size: 20px;line-height:1.4; text-align: center;z-index: 9999999999999;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:20px 30px; display:inline-block; margin:0 auto;}


.empty{ min-height:600px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.empty img{width:50%;max-width: 300px; margin-bottom: 30px;}
.empty b{font-size: 40px;color: #3191f5; margin-bottom:10px;font-weight: normal;}
.empty p{ font-size:20px; color: #888; }
.empty a{display: inline-block; width:155px; height:45px;border: 1px solid #fff;color:#fff; text-align: center; line-height:45px;margin-top: 20px; 
    border-radius: 5px;  font-size: 14px; font-weight: bold;background-color:#3191f5; background-image: linear-gradient(to right,#3191f5,#3191f5);}
.empty a:hover{opacity: 0.8;}

/* load*/
#loading3 {position:relative;width:50px;height:50px;}
.demo3 {width:4px;height:4px;border-radius:2px;background:#333;position:absolute;animation:demo3 linear 0.8s infinite;-webkit-animation:demo3 linear 0.8s infinite;}
.demo3:nth-child(1) {left:24px;top:2px;animation-delay:0s;}
.demo3:nth-child(2) {left:40px;top:8px;animation-delay:0.1s;}
.demo3:nth-child(3) {left:47px;top:24px;animation-delay:0.1s;}
.demo3:nth-child(4) {left:40px;top:40px;animation-delay:0.2s;}
.demo3:nth-child(5) {left:24px;top:47px;animation-delay:0.4s;}
.demo3:nth-child(6) {left:8px;top:40px;animation-delay:0.5s;}
.demo3:nth-child(7) {left:2px;top:24px;animation-delay:0.6s;}
.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);}
}

/* 分页 */
.zm-pages{ height:80px;line-height:80px; clear: both;}
.total {margin-left:10px;font-size:12px;color:#888; }
.page {margin-right:10px;text-align: center; font-size: 0;box-sizing: border-box;clear: both; margin-top: 40px;}
.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; width: 48px; background-color: #fbfbfb;}
.page a:hover {border:1px solid #3191f5;color:#3191f5;}
.page a.num{width: 30px; border-radius: 50%;padding: 0;}
.page a.cur{border:1px solid #3191f5;color:#3191f5; z-index: 1;}
.page a.prev{border-radius: 15px 0 0 15px; margin-right: 0; width:68px; text-align: left;}
.page a.top{margin-left:-15px;border-radius:15px; position: relative;border-left: 0;}
.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;}
.page a:hover::before,.page a:hover + a::before,.page a.top.cur::before{border-color: #3191f5; z-index: 3;}
.page a.bottom{border-radius: 15px; margin-right:-15px; z-index: 1; position: relative; border-right: 0;}
.page a.bottom.cur{border:1px solid #3191f5; z-index: 4;}
.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;}
.page a.next{margin-left:-1px;border-radius:  0 15px 15px 0;margin-right: 0; width:68px; text-align: right; border-left: 0;}
.page a.bottom:hover::before,.page a.next:hover::before{border-color: #3191f5; z-index: 3;}
.page span{font-size: 12px; color: #888; display: inline-block; vertical-align: middle; line-height: 30px; margin:0 2px;}

.member_cont{margin:15px 0; overflow: hidden;clear: both;}
.member_cont_l{width: 180px; height: 635px;background: #fafafc; padding: 10px 20px; float: left;}
.member_cont_l .muban{overflow: hidden;clear: both;}
.member_cont_l .muban h5{font-size: 14px;margin-bottom:12px;margin-top: 8px;}
.member_cont_l .muban h5.on{color:#3191f5;}
.member_cont_l .muban h5 .iconfont{ font-size: 20px;vertical-align: -3px;}
.member_cont_l .muban li{padding-left:25px; margin-bottom:14px;}
.member_cont_l .muban li a{color: #666;}
.member_cont_l .muban li.on a,.member_cont_l .muban li:hover a{color:#3191f5;}

/* 大分类 */
.cate_big{display: flex;}
.cate_big a{display: flex; border: 1px solid #eee; border-radius: 8px;width: 270px;min-width:170px;height: 100px;align-items: center;margin-right: 20px;transition: all 0.2s;padding-right: 15px;}
.cate_big a::before{content: '';display: block;width: 26px;height: 30px;margin-left: 16%;}
.cate_big a.h5::before{background:url(../images/index/a2.png) no-repeat left top/100%;}
.cate_big a.haibao::before{background:url(../images/index/a3.png) no-repeat left top/100%;}
.cate_big a.book::before{background:url(../images/index/a5.png) no-repeat left top/100%;}
.cate_big a.long::before{background:url(../images/index/a4.png) no-repeat left top/100%;}
.cate_big a.form::before{background:url(../images/index/a6.png) no-repeat left top/100%;}
.cate_big a.album::before{background:url(../images/index/a12.png) no-repeat left top/100%;}

.cate_big a:last-child{margin: 0;}
.cate_big a:hover,.cate_big a.active{box-shadow: 0 0 10px rgba(0,0,0,0.1);transform: scale(1.03);}
.cate_big a img{width: 26px; margin-left:16%;}
.cate_big a .desc{margin-left: 20px;}
.cate_big a .desc h3{font-size: 20px;font-weight: bold;}
.cate_big a .desc p{font-size: 16px;color: #999;margin-top: 10px;}

/* pc手机版通用模板列表 */
.common_list_cont{ position: relative;display: flex;flex-wrap: wrap;}
.common_list_cont::after{content: '';display: block;clear: both;width: 100%;}
.common_list_cont .list_li{margin:20px 1% 0 0;border-radius:6px;border: 1px solid #eee;width: calc(94% / 6);  background-color: #fff;overflow: hidden; min-width: 160px !important;}
/* .common_list_cont .list_li:nth-child(6n){margin-right: 0;} */
.common_list_cont .list_li a {display:block;width:100%;position:relative;}
.common_list_cont .list_li .item_bg{width:100%; background: #fff;max-height: 550px; overflow: hidden;position: relative;}
.common_list_cont .list_li .item_bg img {display:block;width:100%;}
.common_list_cont .list_li .item_bg .icon{background-color: #ee1111;color: #dfae65;position: absolute;z-index: 1; left: 0; top:0; padding: 5px 12px; font-size: 14px;border-radius: 3px 0 15px 0;}
.common_list_cont .list_li .item_bg .icon.vip{background-color: #333333;}
.common_list_cont .list_li .item_bg .icon.free,.common_list_cont .list_li .item_bg .icon.ad{color: #fff;}
.common_list_cont .list_li .scene-category{background-color: rgba(0, 0, 0, .5);color: #fff;position: absolute; left: 15px; bottom: 80px;width: 50px; height:23px; font-size: 14px;border-radius: 3px; line-height: 23px;text-align: center;}
.common_list_cont .list_li .tempinfo {width:100%;color:#aaa;font-size:14px; padding: 10px 5px 15px; text-align: center;}
.common_list_cont .list_li .tempinfo .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;color: #444; display: block;}
.common_list_cont .list_li .tempinfo .desc{font-size: 12px; margin-top: 8px;}
.common_list_cont .list_li .tempinfo .desc .t1{color: #ff605f; border: 1px solid #ffdedf;background:#fff7f7;padding: 0 8px;border-radius: 3px;}
.common_list_cont .list_li .tempinfo .desc .t2{padding: 0 10px 0 8px;position: relative;}
.common_list_cont .list_li .tempinfo .desc .t3::before{content: ''; width: 1px; height: 12px; background-color: #ddd;position: absolute; left: 0; top: 3px;}
.common_list_cont .list_li .tempinfo .desc .t3{padding: 0 8px 0 12px;position: relative;}
.common_list_cont .list_li .editmask { display: none;top:0;left:0;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.5);}
.common_list_cont .list_li:hover{transform:translateY(-6px);-moz-transform:translateY(-6px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;}
.common_list_cont .list_li:hover .editmask {display: flex;align-items: center;justify-content: center;flex-direction: column; }
.common_list_cont .list_li:hover p{color:#333;}
.common_list_cont .list_li:hover .editmask .usenow {display:block;width:150px;height:35px;line-height:35px;background-color:#3191f5; font-size:16px;color:#ffffff;border-radius:6px;display: flex;border-radius: 20px;z-index: 8;}
.common_list_cont .list_li:hover .editmask .usenow i{width:45px;font-size: 16px; text-align: center;border-right: 1px solid #346faa;}
.common_list_cont .list_li:hover .editmask .usenow span{flex: 1; text-align: center;}
.common_list_cont .list_li:hover .editmask .usenow:hover{opacity: 0.9;}
.common_list_cont .list_li:hover .tempinfo .title{color: #3191f5;}

.common_list_cont .list_li.long .editmask{ background: none;}
.common_list_cont .list_li.long .item_bg>img{position: absolute;display: block;}
.common_list_cont .list_li.long .item_bg{height: 550px;}
.common_list_cont .list_li .item_bg .upscr {position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:5;}
.common_list_cont .list_li .item_bg .downscr {position:absolute;top:0;left:0;width:100%;height:50%;z-index:5;}
/* 图文相册 */
/* .common_list_cont .list_li.tuwen{margin-right: 20px;} */
.common_list_cont .list_li.tuwen .cover-desc {width:100%;height:30px;line-height:30px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.65);padding-left:10px;font-size:14px;color:#FFFFFF;text-align:justify;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.common_list_cont .list_li.tuwen .tempinfo {display:flex;width:100%;height:60px;justify-content:space-between;align-items:center;align-content:center;}
.common_list_cont .list_li.tuwen .userinfo {flex-shrink:0;height:100%;display: flex;align-items: center;}
.common_list_cont .list_li.tuwen  .userinfo >.avatar {display:inline-block;width:30px;height:30px;position:relative;top:.15rem;background-color:#999;background-size:cover;border-radius:50%;margin-right:10px;vertical-align: middle;}
.common_list_cont .list_li.tuwen .userinfo >.nickname {font-size:14px;color:#555555;max-width: 60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.common_list_cont .list_li.tuwen .workMsg {flex-grow:1;font-size:12px;color:#999999;letter-spacing:0;text-align:right;}

/* 收藏按钮 */
.common_list_cont .collect {position: absolute;right:12px;top:12px;width:32px;height:32px;background-color:#fff;border-radius:50%;line-height:32px;text-align:center;cursor:pointer;display: none;z-index: 6;}
.common_list_cont .collect .iconfont {font-size:16px;color:#333}
.common_list_cont .collect.on .iconfont,.common_list_cont .collect:hover .iconfont {color:#3191f5}
.common_list_cont .collect:hover .collect-tip {display:block}
.common_list_cont .collect .collect-tip {display:none;position:absolute;bottom:-32px;left:-8px;width:48px;padding:6px 0;border-radius:3px;background-color:rgba(0,0,0,.5);font-size:12px;line-height:1;font-weight:400;white-space:nowrap;color:#fff}
.common_list_cont .collect .collect-tip:after {position:absolute;left:20px;top:-10px;content:"";width:0;height:0;border:5px solid transparent;border-bottom-color:rgba(0,0,0,.5)}
.common_list_cont .list_li:hover .collect{display: block;}

@media screen and (max-width: 1370px) {
	.common_list_cont .list_li{width: calc(94% / 5); }
}
@media screen and (min-width: 1930px) {
	.common_list_cont .list_li{width: calc(93% / 7); }
}

/* 右侧悬浮 */
.app-helper {position:fixed;top:50%;transform:translateY(-50%);right:2px;margin-top:60px;width:40px;z-index:100}
.app-helper .suspend_btn>li {width:100%;position:relative;cursor:pointer}
.app-helper .suspend_btn .image_btn {width:100%}
.app-helper .suspend_btn .iconfont {display:flex;align-items:center;justify-content:center;margin-bottom:3px;width:100%;height:40px;background:#f6f7fa;color:#333;transition:all .1s;font-size:20px;border-radius:3px}
.app-helper .suspend_btn .iconfont:hover {background:#3191f5;color:#fff}
.app-helper .suspend_btn li:hover .suspend_show_box{display: block;}
.app-helper .suspend_btn .suspend_show_box {position:absolute;top:50%;left:0;transform:translate(-100%,-50%);display: none;}
.app-helper .suspend_btn .suspend_show_box img {width: 100%;}
.app-helper .suspend_btn .zm_kefu {min-width:220px;background-color:#fff;font-size:14px;padding:12px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:1px solid #ebeef5;border-radius:8px;text-align:center;margin-right:10px;position:relative;font-family:PingFangSC-Regular,PingFang SC}
.app-helper .suspend_btn .zm_kefu:before {position:absolute;content:"";width:0;height:0;right:-10px;top:50%;bottom:5px;border-top:5px solid transparent;border-left:10px solid #fff;border-bottom:5px solid transparent}
.app-helper .suspend_btn .zm_kefu .zm_kefu_box {padding:12px 10px}
.app-helper .suspend_btn .zm_kefu .title {font-weight:500;color:#222;font-size:16px}
.app-helper .suspend_btn .zm_kefu .tips {padding-top:6px;font-size:12px;font-weight:400;color:#aeaeae}
.app-helper .suspend_btn .zm_kefu .pic {padding-top:8px;width:174px;height:174px;margin:0}


@media screen and (max-width: 1300px) {
	.navbar .searchnav{width: 265px;}
	.navbar .searchnav input{width: 182px;}    
	.iconCont .icon p{font-size: 14px;}
}

/*加载动画*/
.load_mask{position: fixed; top: 0;left: 0;width: 100%; height: 100%; z-index:10000; background: rgba(255,255,255,.1);}
.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:10px; 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:14px; margin-top: 20px;}
.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);}
}


/* 视频 */
.templates-box {overflow:hidden;margin-bottom:10px}
.templates-box .templates-slide {display:none}
.templates-box .templates-slide.cur {display:block}
.templates-box .item {width: 300px;float:left;margin: 20px 18px 0 0;overflow: hidden;border-radius: 8px;border:1px solid #eee;}
.templates-box .item:nth-child(5n){margin-right: 0;}
.templates-box .item .thumb {cursor:pointer;position:relative;background-color:#fff;border-bottom:none;height: 169px;display: flex; align-items: center;justify-content: center;background-color: #f1f1f1;}
.templates-box .item .thumb img {max-width:100%;max-height:100%;}
.templates-box .item .thumb video {width:100%;position:absolute;top:0;left:0;display: none;}
.templates-box .item .thumb .play{width: 100%; height: 100%;background-color: rgba(0, 0, 0, .2);position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.templates-box .item .thumb .play i{font-size: 40px;color: #f1f1f1;}
.templates-box .item:hover .play{display: none;}
.templates-box .item .info {border-top:none;background-color:#fff;position:relative}
.templates-box .item .info .hb {position:absolute;left:0;right:0;top:0;bottom:0;height:72px;background:#fff;text-align:center;display:none}
.templates-box .item .info .hb span {width:120px;height:40px;margin:19px auto 0;background:#3191f5;display:block;border-radius:30px;cursor:pointer;line-height:40px;color:#fff;font-size: 14px;}
.templates-box .item .info .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:15px 10px 10px 20px;font-size: 14px;}

.templates-box .item .info .hd {overflow:hidden;padding:5px 10px 10px 20px}
.templates-box .item .info .hd p {display:inline-block;float:left;font-weight:400;margin-right:30px}
.templates-box .item .info .hd p i {color: #bababa;}
.templates-box .item .info .hd p span {font-size:13px;color:#bababa;font-weight:400}
.templates-box .template-vdieo {display:block;width:300px;height:169px}

/* 收藏 */
.templates-box .collect {position:absolute;right:12px;top:12px;width:32px;height:32px;background-color:#fff;border-radius:50%;line-height:32px;text-align:center;cursor:pointer;display:none;z-index:6;}
.templates-box .collect .iconfont {font-size:16px;color:#333}
.templates-box .collect.on .iconfont,.templates-box .collect:hover .iconfont {color:#3191f5}
.templates-box .collect:hover .collect-tip {display:block}
.templates-box .collect .collect-tip {display:none;position:absolute;bottom:-32px;left:-8px;width:48px;padding:6px 0;border-radius:3px;background-color:rgba(0,0,0,.5);font-size:12px;line-height:1;font-weight:400;white-space:nowrap;color:#fff}
.templates-box .collect .collect-tip:after {position:absolute;left:20px;top:-10px;content:"";width:0;height:0;border:5px solid transparent;border-bottom-color:rgba(0,0,0,.5)}
.templates-box .item:hover .collect{display: block;}

@media screen and (min-width:2100px) {	
    .templates-box .item:nth-child(5n){margin-right: 18px;}
}

@media screen and (max-width: 1900px) {	
    .templates-box .item:nth-child(5n){margin-right: 18px;}
}
@media screen and (max-width: 1620px) {	
    .templates-box .item {width: 23.5%;}
    .templates-box .item:nth-child(4n){margin-right: 0;}
    .templates-box .item:nth-child(5n){margin-right: 18px;}
}

@media screen and (max-width: 1435px) {	
    .templates-box .item {width:30%;}
    .templates-box .item:nth-child(4n){margin-right: 18px;}
    .templates-box .item:nth-child(5n){margin-right: 18px;}
}