/* 
	Theme Name: Modown SU
	Theme URL: http://www.mobantu.com/7191.html
	Description: WordPress资源下载主题 子主题 你可以自由美化、二开
	Author: 模板兔
	Author URI: http://www.mobantu.com
	Template: modown
	Version: 1.01
*/

@font-face {
  font-family: 'icomoon';
  src:  url('static/fonts/icomoon.eot?xp7158');
  src:  url('static/fonts/icomoon.eot?xp7158#iefix') format('embedded-opentype'),
    url('static/fonts/icomoon.ttf?xp7158') format('truetype'),
    url('static/fonts/icomoon.woff?xp7158') format('woff'),
    url('static/fonts/icomoon.svg?xp7158#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icomoon-"], [class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: relative;
    top: 3px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon-s-dc-1:before {
  content: "\e900";
}
.icomoon-s-enscape-1:before {
  content: "\e901";
}
.icomoon-s-enscapemap-1:before {
  content: "\e902";
}
.icomoon-s-gongcheng-1:before {
  content: "\e903";
}
.icomoon-s-gujian-1:before {
  content: "\e904";
}
.icomoon-s-hdri-1:before {
  content: "\e905";
}
.icomoon-s-jinguan-1:before {
  content: "\e906";
}
.icomoon-s-pb3-1:before {
  content: "\e907";
}
.icomoon-s-shinei-1:before {
  content: "\e908";
}
.icomoon-s-vray-1:before {
  content: "\e909";
}
.icomoon-s-vraymap-1:before {
  content: "\e90a";
}
.icomoon-s-zujian-1:before {
  content: "\e90b";
}
.icomoon-office:before {
  content: "\e913";
}
.icomoon-pencil:before {
  content: "\e914";
}
.icomoon-paint-format:before {
  content: "\e915";
}
.icomoon-images:before {
  content: "\e916";
}
.icomoon-books:before {
  content: "\e920";
}
.icomoon-price-tags:before {
  content: "\e936";
}
.icomoon-lifebuoy:before {
  content: "\e941";
}
.icomoon-spinner:before {
  content: "\e97a";
}
.icomoon-spinner3:before {
  content: "\e97c";
}
.icomoon-spinner9:before {
  content: "\e982";
}
.icomoon-road:before {
  content: "\e9b1";
}
.icomoon-make-group:before {
  content: "\ea58";
}
.icomoon-delicious:before {
  content: "\eacd";
}
.icomoon-yelp:before {
  content: "\ead7";
}
.icomoon-codepen:before {
  content: "\eae8";
}

::-webkit-scrollbar-thumb {background-color: #eee;}
body.page{background-color:#fff}

body.category-6 .header .nav-main, body.category-34 .header  .nav-main{display:none}

.header{box-shadow:none !important;left:50px}
.header .container{height:60px;}
.header .logo span{width:50%;display:inline-block;line-height:66px;text-align:center;cursor:pointer;color:#333}
.header .logo span .icon{font-size:32px;}
.header .su-tit, .header .su-drag{display:none}
.nav-main{float:right;margin-left:0;margin-right:0;height:60px;}
.nav-main > li > a {padding: 24px 13px 24px;}
.nav-main .sub-menu{text-align:center;min-width: 90px;}
.nav-right .nav-login .avatar{display:none}
.nav-right .nav-login,.nav-right .nav-login.no {padding: 14px 0 14px 13px;}
.nav-right .nav-login i{display:inline-block}
.nav-right .nav-login.yes span{display:none}
.nav-right .nav-search{display:none}
.nav-right .nav-user{padding: 14px 13px;}
body.isSu .nav-right .nav-user{padding: 0;}
.nav-right .nav-user a { padding: 6px 0;}
body.isSu .nav-right .nav-user a { padding: 6px 5px 4px;}
.nav-right .nav-issu{display:none}

.nav-left2{float:left;height: 60px;width: calc(80vw - 200px);}
.nav-search-form{padding:10px 0;position:relative;margin-right:13px;}
.nav-search-form .search-input{height:40px;border:1px solid #efefef;border-radius:4px;padding:0 20px;transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);width: 20vw;}
body.night .nav-search-form .search-input{
    background: #353535;
    border-color: #353535;
    color: #eee;
}
body.night .icon-search:before{
    color: #eee;
}

.nav-search-form .search-form .search-cat:after{content: '';position: absolute;right: 0;top: 10px;width: 0px;height: 0px;border-style: solid;border-width: 4px 3px 0 3px;border-color: #666 transparent transparent transparent;}
.nav-search-form .search-form .search-cat{display:inline-block;position:absolute;border:none;left:15px;top:18px;width: 70px;height: 22px;padding:0;font-size: 14px;color: #666;cursor: pointer;overflow: hidden;}
.nav-search-form .search-form .search-cat + .search-input{text-indent:70px;}
.nav-search-form .search-form .search-cats{position: absolute;top: 55px;left: 0;background: #fff;width: 180px;border-radius: 5px;padding: 10px 20px;display: none;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:2}
.nav-search-form .search-form .search-cats.show{display: block;}
.nav-search-form .search-form .search-cats:before{content: " ";height: 0; width: 0;border-color: transparent;border-style: solid;border-width: 8px;border-bottom-color: #fff;position: absolute;left: 20px;top: -14px;}
.nav-search-form .search-form .search-cats li{color: #333;padding: 5px 0;text-align: left;font-size: 14px;cursor: pointer;width: 100%;}
.nav-search-form .search-form .search-cats li:hover{color: #ff5f33;}

.nav-search-form .search-btn{height:36px;width:36px;text-align:center;border:none;background:transparent;position:absolute;right:5px;cursor:pointer}
.nav-search-form .search-btn .icon{font-size:20px}

body.page-template-user .main{padding-top:0 !important}
body.page-template-collect .main{padding-top:10px !important}
body.home .main > .container, body.archive .main > .container, body.search .main > .container, body.page-template-all .main > .container, body.page-template-user .main > .container, body.page-template-collect .main > .container{max-width:100% !important;padding:0 20px}

.erphpdown-type-desc .type-price span del{font-size: 16px;color: #999;}
.erphpdown-promo{text-align: center;color: #999;margin-top: 15px;font-size: 12px;}
.erphpdown-promo input{border: 1px solid #d4d4d4;border-radius: 2px;width: 100px;padding: 5px;}
.erphpdown-promo a{color: #333;background: #e8e8e8;border-radius: 2px;height: 27px;padding: 0 10px;line-height: 27px;display: inline-block;}

.grids .grid{box-shadow:none !important;width:calc(16.66666% - 20px);}
.grids .grid, .grids .grid img{background:transparent !important}

.grids .grid h3{display: none;}
.grids .grid:hover{transform: translateY(0);}
.grids .grid:hover h3{position: absolute;left: 0;right: 0;bottom: 0;padding: 10px;margin: 0;background: rgba(255,255,255,.8);border-radius: 0 0 3px 3px;}
.grids .grid:hover h3 a{color: #000 !important;}
.grids .grid .cat{position: absolute;left: 8px;top: 8px;display: inline-block;font-size: 12px;z-index: 9;background-color: rgba(43,45,49,0.5);color: #fff;padding: 2px 7px 3px;border-radius: 2px;margin-left: 0;height: auto;display:none}
.grids .grid .cat li{list-style:none;float:left}
.grids .grid .cat a{color: #eee;}
.grids .grid .cat:after{display: none;}
.grids .grid:hover .cat{display: none;}
.grids:not(.waterfall) .grid .img{width:100%;border-radius: 3px;height: auto !important;position: relative;padding-top:100%;}
.grids:not(.waterfall) .grid .img .thumb{position:absolute;top:0;left:0;}
.grids .grid .grid-save{position: absolute;right: 40px;bottom: 4px;display: none !important;z-index: 99;}
.grids .grid .grid-collect{position: absolute;right: 10px;bottom: 4px;display: none;z-index: 99;}
.grids .grid .grid-collect-folder{position: absolute;right: 70px;bottom: 4px;display: none;z-index: 99;}
.grids .grid:hover .grid-collect{display: inline-block;color: #fbb715;}
.grids .grid:hover .grid-save{display: inline-block !important;color: #fbb715;}
.grids .grid:hover .grid-collect-folder{display: inline-block;color: #1e73be;}
.grids .grid .grid-collect .icon, .grids .grid .grid-save .icon, .grids .grid .grid-collect-folder .icon{font-size: 22px;}
.grids .grid .grid-collect.active .icon:before {content: '\e8d3';}
.grids .grid .grid-collect span{display: none;}
.grids .grid .grid-btns{display: none;position: absolute;right: 5px;top: 10px;text-align: center;}
.grids .grid:hover .grid-btns{display: block;}
.grids .grid .single-view-btn{margin: 0 2px;display: inline-block;}
.grids .grid .single-view-btn img{width: 35px;height: 35px;background: transparent !important;}
.grids .grid .skp-size{position:absolute;right: 8px;bottom: 8px;display: inline-block;font-size: 12px;z-index: 9;background-color: rgba(43,45,49,0.5);color: #fff;padding: 2px 7px 3px;border-radius: 2px;margin-left: 0;height: auto;}
.grids .grid:hover .skp-size{display:none}

.goods .item{float: left;width: 25%;position: relative;overflow: hidden;}
.goods .item:hover:before{background:rgba(0,0,0,.1);content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;}
.goods .item > a{z-index:2;display:block}
.goods .item img{transition: all .5s ease-out 0s;}
.goods .item:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.goods .item h3{position:absolute;margin-bottom:3%;bottom:0;left:3%;right:30%;padding: 0 1.5em;color:#fff !important;background: #000;z-index:3;transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);height:0;line-height:2.4;overflow: hidden;}
.goods .item:hover h3{height:4.8em;}

.charge .charge-header{padding-top: 0;margin-bottom: 40px;}
.charge .charge-header .item{padding: 10px 20px;}
#charge-form, #charge-form2, #charge-form3 {max-width: 560px;margin: 0 auto;position: relative;}
#charge-form2{margin-top:20px}
#charge-form h3, #charge-form2 h3, #charge-form3 h3 {font-size: 18px; margin-bottom: 15px;font-weight: 600; text-align: left; color: #888;}
.vip-items .item{width:30%}

.user-gridlist .item{position: relative;}
.user-gridlist .item img{height: 218.75px;}

.widget-erphpdown .vip a, .widget-erphpdown .vip-only a{display: inline-block;background: #fbb715;color: #fff;border-radius: 20px;padding: 1px 12px 2px;text-align: center;margin-top: 15px;margin-left: 5px;font-size: 13px;line-height: 1.5;}

body.isSu .erphpdown-su-down{display:none !important}
#wxqrlogin{margin-bottom:0}
#wxqrlogin iframe{width:100%;height:390px}

.banner-archive, .banner-page{padding:20px 0 !important;background-color:transparent !important;color:#000}
.banner-archive p, .banner-page p{color:#888}

.search-wrap .search-form .search-cat{display:inline-block;position:absolute;border:none;left:10px;top:13px;width: 80px;height: 22px;padding:0;font-size: 15px;color: #777;cursor: pointer;overflow: hidden;}
.search-wrap .search-form .search-cat:after{content: '';position: absolute;right: 0;top: 10px;width: 0px;height: 0px;border-style: solid;border-width: 4px 3px 0 3px;border-color: #777 transparent transparent transparent;}
.search-wrap .search-form .search-cat + .search-input{text-indent:110px;}
.search-wrap .search-form .search-cats{position: absolute;top: 55px;left: 0;background: #2f2f2f;width: 180px;border-radius: 5px;padding: 10px 20px;display: none;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.search-wrap .search-form .search-cats.show{display: block;}
.search-wrap .search-form .search-cats:before{content: " ";height: 0; width: 0;border-color: transparent;border-style: solid;border-width: 8px;border-bottom-color: #2f2f2f;position: absolute;left: 20px;top: -14px;}
.search-wrap .search-form .search-cats li{color: #777;padding: 5px 0;text-align: left;font-size: 14px;cursor: pointer;}

body{margin-left:50px;}
body.category, body.search, body.category, body.page-template-collect{margin-left: 50px;}
body.category .banner-archive, body.category .container > .filters,body.search .banner-archive, body.search .container > .filters{display:none}
.filters{background:transparent !important;padding:0 !important;margin-bottom:30px}
.filter a{margin:3px 1px}

.sidebar-left::-webkit-scrollbar{width:0}
.sidebar-left{position: fixed;background:#fdfdfd;left: 50px;width: 130px;top:70px;bottom:0;padding: 30px 15px;z-index: 8;overflow-y: scroll;display:block}
body.night .sidebar-left{background: #151515;}
.sidebar-left h2{font-size:20px;margin-bottom:30px;}
.sidebar-left .filters{background:transparent !important;padding:0 !important;margin-bottom:0}
.sidebar-left .filters .filter-item{padding-left:0}
.sidebar-left .filters .filter-item>span{display:block;position:static;margin-bottom:10px;color:#999 !important;margin-left:0;font-size:15px !important;cursor:pointer}
.sidebar-left .filters .filter-item .filter{display:block}
.sidebar-left .filters .filter-item .filter a{display:block;background:transparent !important;padding:8px 10px 8px 7px;position:relative}
.sidebar-left .filters .filter-item .filter a.active{color:#1E88E5}
.sidebar-left .filters .filter-item .filter a:after{content:"\e621";font-family: "iconfont" !important;font-size: 12px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:absolute;right:0;top:10px;}
.sidebar-left .filters .filter-item .filter .has-sub{position:relative}
.sidebar-left .filters .filter-item .filter .mine27-has-sub{position:relative}
.sidebar-left .filters .filter-item .filter .sub{margin-left:10px;display:none}
.sidebar-left .filters .filter-item .filter .has-sub:hover .sub{display:block}
.sidebar-left .folders .folder-add{color: #999;margin-bottom: 10px;display: block;}
.sidebar-left .folders .folder-item{padding: 5px 0 5px 20px;font-size: 14px;display: block;position: relative;}
.sidebar-left .folders .folder-item .active{color: #1e73be;}
.sidebar-left .folders .folder-item .icon{font-size: 12px;}
.sidebar-left .folders .folder-item .icon-edit{position: absolute;left: 0;top: 8px;z-index: 9;cursor: pointer;display: none;}
.sidebar-left .folders .folder-item .icon-delete{position: absolute;right: -10px;top: 8px;z-index: 9;cursor: pointer;display: none;}
.sidebar-left .folders .folder-item:hover > .icon{display: inline-block;}

.sidenav-left::-webkit-scrollbar{width:0}
.sidenav-left{position: fixed;background:#f3f3f3;left: 0;width: 50px;top:0;bottom:0;z-index: 99;}
.sidenav-left > ul{height:100%;}
.sidenav-left > ul > li{padding:4px;position:relative}
.sidenav-left > ul > li.su{display:none}
.sidenav-left > ul > li > a{display:block;height:42px;width:42px;text-align:center;font-size:14px;border-radius:3px;color:#666}
.sidenav-left > ul > li > a:hover{color:#1e73be}
.sidenav-left > ul > li.current-menu-item > a, .sidenav-left > ul > li.current-menu-parent > a, .sidenav-left > ul > li.current-menu-ancestor > a{background:#fff;color:#1e73be}
.sidenav-left > ul > li > a > i{font-size:22px;display:block;margin-bottom: -6px;padding-top:1px;}
.sidenav-left > ul > li.menu-item-home > a > i, .sidenav-left > ul > li.menu-item-user > a > i{padding-top:1px;}
.sidenav-left > ul > li.bottom{position:absolute;bottom:0;}
.sidenav-left > ul > li.menu-item-contact{bottom:50px;}
.sidenav-left > ul > li.menu-item-night{bottom:100px;}
.sidenav-left > ul > li a.active .icon-moon:before {content: "\e639";}

.sidenav-left > ul .sub-menu{position:absolute;left:100%;bottom:0;background-color:#fff;font-size:13px;padding:12px 8px 10px;margin:20px 0 0;box-shadow:0 0 10px rgba(0,0,0,0.1);line-height:32px;min-width:120px;border-radius:3px;opacity:0;visibility:hidden;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-in-out}
.sidenav-left > ul .sub-menu.large{min-width:300px;}
.sidenav-left > ul .sub-menu:before {content: " ";height: 0;width: 0;border-color: transparent;border-style: solid;border-width: 8px;border-right-color: #fff;position: absolute;bottom: 20px;left: -14px;}
.sidenav-left > ul .sub-menu li.item{float:left;width: 20%;}
.sidenav-left > ul .sub-menu li.first{width: 100%;margin-bottom: 12px;}
.sidenav-left > ul .sub-menu a{font-weight:normal;padding:0 10px;color: #333}
.sidenav-left > ul .sub-menu li.item{text-align: center;line-height: 15px;margin-bottom: 5px;font-size: 12px;}
.sidenav-left > ul .sub-menu li.item a{padding:0;width:45px;height: 45px;border-radius: 50%;background: #f5f5f5;display: inline-block;text-align: center;}
.sidenav-left > ul .sub-menu .user-info{padding:0 6px;}
.sidenav-left > ul .sub-menu .user-info a{padding:0;display: inline-block;position: relative;line-height: 1}
.sidenav-left > ul .sub-menu .user-info a .vip{bottom: -2px;}
.sidenav-left > ul .sub-menu .user-info .name{display: inline-block;margin-left: 6px;height: 36px;line-height: 36px;}
.sidenav-left > ul .sub-menu .user-info .name .nickname{display: inline-block;max-width: 92px;overflow: hidden;float:left;height: 36px;}
.sidenav-left > ul .sub-menu .user-info .name t{background: #fbb715;color:#fff;padding:2px 8px;border-radius: 20px;margin-left: 10px;font-size: 12px;}
.sidenav-left > ul .sub-menu .user-info .name d{background: rgba(45,50,55,0.7);color:#fff;padding:2px 8px;border-radius: 20px;margin-left: 10px;font-size: 12px;}
.sidenav-left > ul .sub-menu .user-money{display: block;padding-bottom: 8px;font-weight:normal;padding:0 6px;color: #333}
.sidenav-left > ul .sub-menu .user-vip{display: block;padding-bottom: 8px;font-weight:normal;padding:0 6px;color: #333}
.sidenav-left > ul .sub-menu .user-cart{display: block;padding-bottom: 8px;font-weight:normal;padding:0 6px;color: #333}
.sidenav-left > ul .sub-menu .icon{top:3px;font-size: 18px;display: inline-block;line-height: 23px;}
.sidenav-left > ul li:hover > .sub-menu{opacity:1;visibility:visible;margin:0}
.sidenav-left > ul .money-left{background: #f5f5f5;padding:0 8px;border-radius: 0 5px 0 5px;font-size: 12px;margin-top: 12px;}
.sidenav-left > ul .money-left t{float: right;color: #777}
.sidenav-left > ul .cart-left{background: #f5f5f5;padding:0 8px;border-radius: 0 5px 0 5px;font-size: 12px;margin-top: 12px;display: block;}
.sidenav-left > ul .cart-left t{float: right;}
.sidenav-left > ul .vip-left{background: #f5f5f5;border-radius: 0 5px 0 5px;padding: 0 8px;font-size: 12px;margin-top: 12px;}
.sidenav-left > ul .vip-left t{float: right;color: #777;line-height: 22px;margin-top: 5px;}
.sidenav-left > ul .vip-left v{cursor:pointer;float: right;background: #fbb715;color: #fff;border-radius: 30px;padding: 4px 8px;display: inline-block;line-height: 1;margin-top: 6px;}
.sidenav-left > ul .vip-left .down-left{margin-top: -5px;color: #777}
.sidenav-left > ul .vip-left .down-left b{font-size: 16px;}

.folder-select-form{text-align: center;padding: 20px;}
.folder-select-form select{border: 1px solid #eaeaea;padding: 5px}
.folder-select-form p{font-size: 12px;color: #999;margin-top: 5px;margin-bottom: 20px;}
.folder-select-form a{color: #1e73be !important;}
.folder-select-form a.btn{color: #fff !important;display: inline-block;}

.widget-erphpdown .down.erphpdown-su-proxy, .widget-erphpdown .down.erphpdown-su-replace{display: none;}
.rollbar{bottom: inherit;top: 40%}

.container-user{margin-bottom: 0;border-radius:0;padding-left: 180px !important;}
.container-user .content{max-width:1000px;margin:0 auto}
.userside {float: left;margin-left: -180px;width: 180px;}
.usermenu li a{font-size:15px}

.erphp-task-metas,.erphp-task-content,body.single-task .widget,.filters-task{border: none !important}

.sign .sign-box{width: 670px !important;height: 465px;}
.sign .sign-box-qr{float: left;width: 300px;text-align: center;background: #1a1a1a;height: 100%;color: #fff;}
.sign .sign-box-qr img{width: 200px;height: auto;margin-top: 100px}
.sign .sign-box-wrap{float: left;width: 370px;}
#sign-default .sign-social{margin-top: 50px;}
#sign-default .sign-social h2{font-size: 18px;margin-bottom: 20px;}
#sign-default .sign-social .login-sms{opacity: 0.85;filter: alpha(opacity=85);color: #fff;background: #4ab3f4;font-size: 22px;text-align: center;width: 70px;height: 70px;line-height: 70px;border-radius: 50%;text-align: center;margin: 0 15px;display: inline-block;}
#sign-default .sign-social .login-weixin{width: 70px;height: 70px;line-height: 70px;margin: 0 15px;}
#sign-default .sign-social .icon{font-size: 32px;}

.footer-links{text-align:center;border:none}

.layui-layer-btn .layui-layer-btn0{color: #fff !important;}

.grids-jump{padding:0 10px}
.grids-jump .grids .grid{width:calc(33.33333% - 20px)}

.article-header-box{padding:0 0 0 425px;background:transparent !important}
.header-box-con .article-title{margin-bottom:10px;}
.header-box-img img{border-radius:8px}
.article-tabs-tab{margin: 0 0 0;background:#fff;border-radius:8px 8px 0 0}
.article-tabs-tab a{display: inline-block;position: relative;text-decoration: none;padding: 20px 20px 10px;font-size: 17px;color: #666;}
.article-tabs-tab a.active{font-weight: 600;color: #333;}
.article-tabs-tab a.active:after{width: 26px;height: 3px;content: "";background: #1e73be;position: absolute;bottom: -1px;left: calc(50% - 13px);border-radius:2px}
.article-tabs-content{margin-bottom: 30px;padding-top:10px;background:#fff;border-radius:0 0 8px 8px}
.article-tabs-content .article-tab-item{display: none;}
.article-tabs-content .article-tab-item.active{display: block;}
.article-tabs-content .article-tab-item .video-menus{padding:20px}
.article-tabs-content .article-tab-item .video-menus .item{margin-bottom:15px}
.article-tabs-content .article-tab-item .video-menus .item span{float:right;color:#999}
.article-tabs-content .article-tab-item .video-menus .item a.active{color:#1e73be}
.single-content, .single-comment{border-radius:0 0 8px 8px}
.single-video{border-radius:8px;}
.sidebar .widget{border-radius:8px;}

body.night .article-tabs-content,body.night .article-tabs-tab{background: #353535;color: #fff;}
body.night .article-tabs-tab a.active{color:#fff}

body.night{background: #232323;color: #fff}
body.night .banner, body.night .banner-slider, body.home.night .banner-slider{color: #fff}
body.night .mocat, body.night .home-blogs, body.night .home-authors, body.night .vip-why{background: #232323}
body.night .header .logo span{color:#fff}
body.night .header, body.home.night .header.scrolled{background: #121212;webkit-box-shadow: 0px 1px 0px 0px #1f1f1f; -ms-box-shadow: 0px 1px 0px 0px #1f1f1f;box-shadow: 0px 1px 0px 0px #1f1f1f;}
body.night a{color: #fff}
body.night .search-wrap{background: #232323;color: #fff}
body.night .search-wrap .search-input{color: #fff}
body.night .nav-main li.menu-item-has-children:after{color: rgba(225,225,225,.9);}
body.night .nav-main .sub-menu, body.night .nav-right .sub-menu{background: #232323;color: #fff}
body.night .nav-main > li > .sub-menu:before, body.night .nav-right .sub-menu:before{border-bottom-color: #232323;}
body.night .nav-main .sub-menu a, body.night .nav-right .sub-menu a, body.night .nav-right .sub-menu a.money:hover{color: #fff}
body.night .nav-right .sub-menu .money-left, body.night .nav-right .sub-menu .vip-left, body.night .nav-right .sub-menu .cart-left, body.night .nav-right .sub-menu li.item a {background: #353535;color: #fff;}

body.night .sidenav-left > ul .sub-menu{background: #232323;color:#777;}
body.night .sidenav-left > ul .sub-menu a, body.night .sidenav-left > ul .sub-menu a.money:hover{color: #999;}
body.night .sidenav-left > ul .sub-menu .money-left, body.night .sidenav-left > ul .sub-menu .vip-left, body.night .sidenav-left > ul .sub-menu .cart-left, body.night .sidenav-left > ul .sub-menu li.item a{background: #303030; color: #777;}
body.night .sidenav-left > ul .sub-menu:before{border-right-color: #232323;}

body.night .grids .grid, body.night .lists .grid, body.night .lists .list, body.night .home-blogs ul li{background: #232323;color: #fff}
body.night .grids .grid h3 a, body.night .lists .grid h3 a, body.night .lists .list h3 a, body.night .home-blogs ul li h3 a{color:#fff;}
body.night .grids .grid{box-shadow: none;}
body.home.night .vip-content{background: #232323}
body.night .vip-why .desc, body.night .vip-why .items .item p, .home-blogs .desc, .mocat .desc{color: #b3b3b3}
body.night .vip-item{background: #292929}
body.night .vip-item ul li:not(:last-child){border-color:rgba(39,39,39,.8);}
body.night .totals{background: #1f1f1f}
body.night .totals .item h4, .totals .item .icon{color: #fff}
body.night .footer{background: #1a1a1a;color: rgba(225,225,225,.8);}
body.night .footer-links{border-color:rgba(39,39,39,.8);color: rgba(225,225,225,.8);}
body.night .single-content, body.night .sidebar .widget, body.night .article-nav, body.night .single-related, body.night .single-comment {background: #353535;color: #fff;}

body.night .userside{background: #1f1f1f;color: #fff}
body.night .usermenu li a{color: #fff}
body.night .usermenu li.active a{background: #353535;color:#fff;}
body.night .banner-archive{background-color: #121212 !important;color: #fff}
body.night .filters{background: #353535}
body.night .filter-item{border-color: #424244;}
body.night .pagination, body.night .pagination-trigger, body.night .pagination-loading{background:transparent}
body.night .pagination ul > li > a, body.night .pagination ul > li > span{background: #353535;}
body.night .rollbar li, body.night .rollbar h6{background: rgba(0,0,0,0.3)}
body.night .rollbar li:after, body.night .rollbar .totop-li:before{color: #353535}
body.night .widget-erphpdown .erphpdown-child, body.night .erphpdown .erphpdown-child, body.night .erphpdown-box .erphpdown-child, body.night .erphpdown .erphpdown-child, body.night .erphpdown-box .erphpdown-child, body.night .comt-box, body.night .table-striped > tbody > tr:nth-child(odd) > td, body.night .table-striped > tbody > tr:nth-child(odd) > th{background: #232323;border-color:#232323;}
body.night .article-copyright{background: #232323;}
body.night .comment, body.night .user-commentlist li, body.night .user-postlist li{border-color:#424244;}
body.night .charge .charge-header .item{border-color: #424244}
body.night #charge-form .rmb{background: #232323}
body.night .charge-gift{background: #1f1f1f}
body.night .vip-faqs .items{border-color: #1f1f1f;}

body.night .pagination ul > li #jump_page{background: transparent;border-bottom: 1px solid #585858;color: #fff;}
body.night .layui-layer-dialog .layui-layer-content{color: #333;}
body.night .layui-layer-dialog.layui-layer-msg .layui-layer-content{color: #fff;}

body.night .erphp-task-content, body.night .filters-task, body.night .tasks .task{background: #232323;color: #777;}
body.night .tasks-nav{background: #414243;}
body.night .erphp-task-metas .task-boss-info:before{background: #414243}
body.night .erphp-task-metas .task-boss-info .boss-line{background: transparent;color: #bbb;}
body.night .erphp-task-metas .task-process, body.night .erphp-task-metas .task-deadline-box, body.night .tasks .task, body.night .tasks{border-color: #414243;}
body.night .erphp-task-metas .task-deadline-box, body.night .erphp-task-metas .task-price-box,body.night .task-bids .bids-list .bid-item{background: #303030;}
body.night .erphp-task-metas .task-meta-box .item .task-meta-tit, body.night .erphp-task-metas .task-deadline-box{color: #777;}
body.night .erphp-task-title{border-color: #272727;}
body.night .task-bid-form .bid-btn, body.night .filter-task a.active, body.night .tasks-title .erphp-task-new{color: #fff !important;}
body.night .task-bid-form .bid-input, body.night .task-bid-form .bid-textarea{border: none;background: #303030;color:#777}

body.night .sidenav-left{background:#1d1d1d;}
body.night .sidenav-left > ul > li > a{color:#fff}
body.night .sidenav-left > ul > li.current-menu-item > a, body.night .sidenav-left > ul > li.current-menu-parent > a, body.night .sidenav-left > ul > li.current-menu-ancestor > a{background:#232323;color:#1e73be}
body.night .layui-layer-btn1{color: #333;}
body.night .grids-jump{background:#121212}
body.night .layui-layer-content{background:#121212;color: #fff;}

body.isSu .sidenav-left > ul > li.menu-item-night, body.isSu .sidenav-left > ul > li.menu-item-contact, body.isSu #menu-item-53944{display:none}

@media screen and (max-width: 1440px){
	.grids .grid{width: calc(20% - 20px);}
}

@media screen and (max-width: 1130px){
	.grids .grid{width: calc(25% - 20px);}
}

@media screen and (max-width: 1100px){
	.layui-layer-iframe {overflow-y: inherit;}
}

@media (max-width: 1024px){
    .header .logo span{line-height:56px;}
    /*.nav-search-form .search-input{width:220px}
    body.category{margin-left: 220px;}
    .sidebar-left{width:150px}*/
}

@media (max-width: 800px){
    .nav-right .nav-search{display:block;    padding: 14px 12px;}
    .goods .item{width:50%;}
    .grids .grid{width: calc(50% - 10px);margin:0 5px 10px}
    .grids .grid .single-view-btn{margin:0 3px}
    .grids .grid .single-view-btn img{width:25px;height:25px;}
	.sign .sign-box {width: 96% !important;}
	.sign .sign-box-qr{display: none;}
	.sign .sign-box-wrap{width: 100%;}
	body.category{margin-left: 50px;}
    .sidebar-left{width:120px;padding:30px 15px}
}

@media (max-width: 768px){
    .main{padding-top:5px;}
    .container, body.home .main > .container, body.archive .main > .container, body.search .main > .container, body.page-template-all .main > .container, body.page-template-user .main > .container{padding:0 10px;}
    .header .container{padding:0 10px !important}
    .nav-right .nav-search, .nav-right .nav-user{padding: 9px 10px;}
    .sidebar-left{display:none}
    body{margin-left:50px;}
    body.category, body.search, body.page-template-collect{margin-left: 50px;}
    body.category .banner-archive, body.category .container > .filters,body.search .banner-archive, body.search .container > .filters{display:block}
    .banner-archive, .banner-page{padding:5px 0 !important}
    .container-user {padding-left: 80px !important;padding-right: 0 !important;max-width: 100%;padding-right: 0;}
    .userside {width: 80px;padding: 20px 0;margin-left: -80px;}
    .usermenu li a{padding:8px 0;text-align:center}
    .vip-items .item{width:100%}
    #charge-form3{margin-top:40px}
}

@media (min-width: 769px){
    body.isSu{margin-top:50px}
    body.isSu .header{left:0}
    body.isSu .header .logo{width:40px !important;height:40px !important;}
    body.isSu .header .logo a{height:40px !important;width:40px !important}
    body.isSu .nav-left2{margin-left:0;position: fixed;left: 80px;height: 40px;}
    body.isSu .header .su-back{width:40px;height:40px;line-height:40px;text-align:center;float:left}
    body.isSu .header .su-back .icon{font-size:24px}
    body.isSu .header .su-tit{float:left;margin-left:5px;height:40px;line-height:40px;}
    body.isSu .header .container{padding:0;height:40px;}
    body.isSu .nav-main{margin-right:30px;display:none}
    body.isSu .nav-main > li > a{padding: 9px 10px 9px;}
    body.isSu .nav-main> li.current-menu-item > a:after, body.isSu .nav-main> li.current-menu-parent > a:after, body.isSu .nav-main> li.current_page_item > a:after, body.isSu .nav-main> li.current-post-ancestor > a:after, body.isSu .nav-main> li.current-menu-ancestor > a:after, body.isSu .nav-main> li.current-category-ancestor > a:after{bottom:4px;}
    body.isSu .nav-right > .nav-issu{display:inline-block}
    body.isSu .nav-right > .nav-issu > a{padding: 6px 5px 4px}
    body.isSu .nav-search-form{padding:2px 0;margin-right:0}
    body.isSu .nav-search-form .search-form .search-cat{top: 9px}
    body.isSu .nav-search-form .search-input{width:220px !important;}
    body.isSu .su-drag{position:fixed;height:10px;top:0;left: 50px;display:block;z-index:999999;cursor: move;width: 100%;}
    body.isSu #su-drag2{top: 30px;}
    body.isSu .sidebar-left{top:40px}
    body.isSu .sidenav-left{top:40px}
    body.isSu .sidenav-left > ul > li.su{display:block}
    
    #charge-form2 .input-recharge{width:80%;}
    #charge-form2 .btn-card{width:19%;}
}

.omnisearch {
    width: 100%;
    margin-top: 1.5rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10003;
    opacity: 0;
    background-color: transparent;
    pointer-events: none;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.15s, -webkit-transform 0.3s;
    transition: opacity 0.15s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.15s;
    transition: transform 0.3s, opacity 0.15s;
    transition: transform 0.3s, opacity 0.15s, -webkit-transform 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .omnisearch {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.omnisearch.show {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.omnisearch .container {
    position: relative;
    height: 100%;
}

.omnisearch .omnisearch-form {
    display: block;
    position: relative;
    z-index: 700;
    background: #FFF;
    border-radius: 0.375rem;
    width: 680px;
    margin: auto;
    font-size: 1.25rem;
}

.omnisearch .omnisearch-form .input-group-text {
    background: transparent;
    color: #C0CCDA;
    border: 1px solid transparent;
    padding: 0 20px;
}

.omnisearch .omnisearch-form .form-control {
    display: block;
    height: 60px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    color: #6c757d;
}

.omnisearch .omnisearch-form .form-control::-webkit-input-placeholder {
    color: #C0CCDA;
}

.omnisearch .omnisearch-form .form-control:-ms-input-placeholder {
    color: #C0CCDA;
}

.omnisearch .omnisearch-form .form-control::-ms-input-placeholder {
    color: #C0CCDA;
}

.omnisearch .omnisearch-form .form-control::-moz-placeholder {
    color: #C0CCDA;
}

.omnisearch .omnisearch-form .form-control::placeholder {
    color: #C0CCDA;
}

.omnisearch .omnisearch-suggestions {
    width: 680px;
    min-height: 150px;
    padding: 1.5rem;
    background: white;
    margin: auto;
    border-radius: 0.375rem;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transition-delay: 0.21s;
    -o-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

@media (prefers-reduced-motion: reduce) {
    .omnisearch .omnisearch-suggestions {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.omnisearch .omnisearch-suggestions:before {
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    left: 20px;
    position: absolute;
    bottom: 100%;
    -webkit-transform: rotate(-45deg) translateY(1rem);
    -ms-transform: rotate(-45deg) translateY(1rem);
    transform: rotate(-45deg) translateY(1rem);
    border-radius: 0.2rem;
}
body.night .omnisearch .omnisearch-suggestions:before{
    background: #353535;
}

.omnisearch .omnisearch-suggestions .heading {
    color: #8492A6;
}

.omnisearch .omnisearch-suggestions .search-keywords {
    font-size: 13px;
    margin-bottom: 20px;
}

.omnisearch .omnisearch-suggestions .search-keywords li {
    display: inline-block;
}

.omnisearch .omnisearch-suggestions .search-keywords a {
    display: inline-block;
    color: #6c757d;
    margin-right: 10px;
    background: #f4f5ff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.omnisearch .omnisearch-suggestions .search-keywords a:hover {
    color: #007afb;
}

.omnisearch .omnisearch-suggestions #search-ajax-res li {
    padding: 3px 0;
}

.omnisearch .omnisearch-suggestions .list-link {
    color: #6c757d;
}

.omnisearch .omnisearch-suggestions .list-link:hover {
    color: #007afb;
}

.omnisearch .omnisearch-suggestions .list-link i {
    padding: 5px 0px;
    padding-right: 5px;
    color: #2196F3;
}

.omnisearch .omnisearch-suggestions .list-link span {
    padding-left: 5px;
    font-size: 13px !important;
    color: #a7a7a7;
}

.omnisearch.show .omnisearch-form, .omnisearch.show .omnisearch-suggestions {
    background: #ffffff;
    pointer-events: auto;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
body.night .omnisearch.show .omnisearch-form, body.night .omnisearch.show .omnisearch-suggestions {
    background: #353535;
}
.omnisearch.show .omnisearch-suggestions {
    opacity: 1;
}

@media (max-width: 992px) {
    .omnisearch .omnisearch-form {
        width: 100%;
    }

    .omnisearch .omnisearch-suggestions {
        width: 100%;
    }

    .omnisearch.show {
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }

    .omnisearch .omnisearch-form .form-control {
        font-size: 0.875rem;
    }

    .omnisearch .omnisearch-suggestions .list-link {
        font-size: 14px;
    }
}

.omnisearch-open {
    overflow: hidden;
}
.omnisearch .search-cat{
    color: #bfc1c7;
    background-color: #eee;
    border-color: #eee;
    width: 220px;
    height: 40px;
    text-align: left;
    padding: 12px 24px;
    margin: 10px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
}
body.night .omnisearch .search-cat{
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}
.omnisearch .search-cat:after{content:"\e623";float: right;}
.omnisearch .search-cats.show{display: block;}
.omnisearch .search-cats {
    position: absolute;
    top: 55px;
    left: 66px;
    background: #eee;
    width: 220px;
    border-radius: 5px;
    padding: 10px 0;
    display: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background-color: #eee;
    margin-top: 0.75rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
    border-radius: 0;
    border: 1px solid #f3f3f3;
}
body.night .omnisearch .search-cats{
    background-color: #353535;
}
.omnisearch .search-cats li{
    line-height: 2.2;
    padding: 0 20px;
}
.omnisearch .search-cats li:hover{
    background: #ff5f33;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control, .dataTables_wrapper .input-group > select,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control, .dataTables_wrapper .input-group > select + .form-control, .dataTables_wrapper .input-group > .form-control + select, .dataTables_wrapper .input-group > select + select,
.input-group > .form-control + .custom-select,
.dataTables_wrapper .input-group > select + .custom-select,
.input-group > .form-control + .custom-file,
.dataTables_wrapper .input-group > select + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.dataTables_wrapper .input-group > .form-control-plaintext + select,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.dataTables_wrapper .input-group > .custom-select + select,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.dataTables_wrapper .input-group > .custom-file + select,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus, .dataTables_wrapper .input-group > select:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child), .dataTables_wrapper .input-group > select:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child), .dataTables_wrapper .input-group > select:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.375rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 2px;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea), .dataTables_wrapper .input-group-lg > select:not(textarea),
.input-group-lg > .custom-select {
  height: 3.5rem;
}

.input-group-lg > .form-control, .dataTables_wrapper .input-group-lg > select,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.94rem 1.94rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea), .dataTables_wrapper .input-group-sm > select:not(textarea),
.input-group-sm > .custom-select {
  height: 2.25rem;
}

.input-group-sm > .form-control, .dataTables_wrapper .input-group-sm > select,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.5rem 0.81rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-append,
.input-group-prepend {
  color: #c9c8c8;
  width: auto;
  border: none;
}

.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
  border-color: #f3f3f3;
  padding: 0.875rem 0.75rem;
  color: #c9c8c8;
}
.form-group{
    margin-bottom: 1.5rem;
}
.omnisearch .omnisearch-suggestions .search-keywords a {
    background: #eee;
}
body.night .omnisearch .omnisearch-suggestions .search-keywords a{
     background: #1a1a1a;
}
.mask-body{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 10002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.625em;
    overflow-x: hidden;
    background-color: transparent;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    background: rgb(0 0 0 / 20%);
}
body.night .mask-body{
    background: rgb(0 0 0 / 80%);
}
.mcv-filter{
    width: 128px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-top: -6px;
    cursor: pointer;
    font-size:14px !important;
}
.mcv-filter:hover{
    border-color: #eee;
}
.night .mcv-filter:hover{
    border-color: #222;
}
.mcv-filter:before{content:"\e8bb";}
.mcv-filter:after, .mine27-select:after{content:"\e623";float: right;}
.mcv-filter-wrap{
    display: none;
}
.mcv-filter-wrap.show {
    display: inline-flex;
    opacity: 1;
    width: 100%;
    flex-wrap: wrap;
}
body.isSu .mcv-filter-wrap .mine27-select {
    margin-top: 0;
    margin-bottom: 0;
}
body.isSu .mcv-filter-wrap .mine27-cats{
    margin-top: 0;
}
.mcv-filter-wrap .item{
    width: 33.3333%;
}
.mcv-filter-wrap .mine27-select{
    color: #666;
    background-color: transparent;
    border: 1px solid #efefef;
    width: 90%;
    height: 40px;
    text-align: left;
    padding: 12px 24px;
    margin: 10px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    border-radius: 5px;
}
.night .mcv-filter-wrap .mine27-select{
    border-color: #222;
    
}
.mcv-filter-wrap .mine27-cats{
    position: relative;
    width: 90%;
    border-radius: 5px;
    padding: 10px 0;
    display: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background-color: #fff;
    margin-top: -8px;
    margin-left: 10px;
    border-radius: 5px;
    z-index: 99;
}
.night .mcv-filter-wrap .mine27-cats{
    background-color: #2f2f2f;
}
.mcv-filter-wrap .mine27-cats.show{
    display: block;
}
.mcv-filter-wrap .mine27-cats li{
    line-height: 2.2;
    padding: 0 20px;
    color: #666;
}
.mcv-filter-wrap .mine27-cats ul{
    max-height: 50vh;
    overflow-y: scroll;
}
.mcv-filter-wrap .mine27-cats li:hover{
    background: #ff5f33;
}

@media (max-width: 768px){
    .mcv-filter-wrap .item{
        width: 50%;
    }
}
.page-template-collect{
    margin-left: 180px !important;
}