*{margin:0;padding:0;list-style:none;box-sizing:border-box;word-break: break-word;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html{font-size:75.0%}
html,body{min-height:100%}
body{line-height:1}
a{color:#333}
a:hover{color:var(--theme-color);text-decoration:none}
a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color: transparent;/*-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;*/text-decoration:none;outline:0}
.btn:active,.btn:focus{outline:0}
.btn{background:var(--theme-color);color:#fff;border-radius:5px;padding:8px 25px;text-align:center;border:none;cursor:pointer}
.btn:hover{opacity: .9;}
input,button,textarea,select{font-size:100%;-webkit-tap-highlight-color: transparent;}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
.dripicons{position:relative;top:2px}
a{text-decoration:none}
fieldset,img{border:0}
img{max-width:100%;max-height:100%;vertical-align:middle}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
.clearfix:after{content:"" !important;height:0;clear:both;display:block;visibility:hidden}
.clearfix:before{content:"" !important}
.noscroll{height:100%;overflow:hidden;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
:link,:visited{text-decoration:none}
:focus{outline:0}
::-webkit-scrollbar {width:6px;height:6px}
::-webkit-scrollbar-thumb {background-color: #c7c7c7;border-radius:0;}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}
body{background-color:#f9f9f9;position:relative;margin-top:70px;font-size:15px;line-height:1.5;font-family: "Microsoft Yahei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB","Microsoft Yahei UI", "Source Han Sans CN", sans-serif;color:#333}
.main, .woocommerce #main{padding-top:30px}
body.home .main{padding-top: 25px;}
.container{position:relative;margin:0 auto;max-width:1200px}
body.home .modown-uisdc-widgets + .main, body.home .modown-uisdc-widgets + .main {padding-top: 0;}
.content-wrap{width:100%;float:left;margin:0 0 30px 0;position: relative;}
.content{position:relative}
.content-nav{padding-left: 220px;}

.center{text-align:center;}
.header{position:fixed;top:0;left:0;right:0;height:70px;z-index:10001;background-color:#fff;transition: all .3s ease 0s;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);}
.nav-main{float:left;font-size:15px;margin-top:0px;margin-left:30px}
.nav-main li{position:relative;float:left;color:#333;}
.nav-main a:hover{color: var(--theme-color) !important;}
.nav-main a{display:block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative;}
.nav-main > li > a{padding:25px 13px 23px}
.nav-main> li.current-menu-item > a, .nav-main> li.current-menu-parent > a, .nav-main> li.current_page_item > a, .nav-main> li.current-post-ancestor > a, .nav-main> li.current-menu-ancestor > a, .nav-main> li.current-category-ancestor > a{color: var(--theme-color) !important}
.nav-main> li.current-menu-item > a:after, .nav-main> li.current-menu-parent > a:after, .nav-main> li.current_page_item > a:after, .nav-main> li.current-post-ancestor > a:after, .nav-main> li.current-menu-ancestor > a:after, .nav-main> li.current-category-ancestor > a:after{content: "";font-size:12px;position: absolute;bottom: 12px;left: calc(50% - 10px);font-weight: 300;width: 20px;height:2px;border-radius: 2px;background: var(--theme-color)}
.nav-main .sub-menu{position:absolute;top:100%;left:0;background-color:#fff;font-size:14px;padding:6px 0;margin:20px 0 0;box-shadow:0 0 10px rgba(0,0,0,0.1);line-height:32px;min-width:180px;border-radius:var(--theme-radius);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;}
.nav-main > li > .sub-menu: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-main .sub-menu li{float:none}
.nav-main > li.mega4 .sub-menu li.menu-item-has-children:after, .nav-main > li.mega33 .sub-menu li.menu-item-has-children:after, .nav-main > li.mega3 .sub-menu li.menu-item-has-children:after, .nav-main > li.mega2 .sub-menu li.menu-item-has-children:after{content: none;}
.nav-main .sub-menu a{font-weight:normal;color:#333;}
.nav-main .sub-menu a:hover, .nav-main .sub-menu .current-menu-item > a, .nav-main .sub-menu .current-menu-ancestor > a, .nav-main .sub-menu .current-menu-parent > a{color: var(--theme-color);}
.nav-main .sub-menu .sub-menu{left:100%;top:0;z-index:9}
.nav-main .explose{display: none;}
.nav-main li:hover > .sub-menu{opacity:1;visibility:visible;margin:0;}
@media (min-width: 769px){
	.nav-main > li.mega4 > .sub-menu{min-width: 500px;padding:10px 0;}
	.nav-main > li.mega4 > .sub-menu > li{position: static;}
	.nav-main > li.mega4 > .sub-menu > li > a{position: relative;}
	.nav-main > li.mega4 > .sub-menu > li > a{width: 110px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 32px;border-right: none;}
	.nav-main > li.mega4 > .sub-menu > li:first-child > a, .nav-main > li.mega4 > .sub-menu > li.mg-show > a{background: #f3f3f3}
	.nav-main > li.mega4 > .sub-menu > li:first-child > a:after, .nav-main > li.mega4 > .sub-menu > li.mg-show > a:after{content: " ";height: 0;width: 0;border-color: transparent;border-style: solid;border-width: 8px;border-bottom-color: #f3f3f3;position: absolute;right: -14px;top: 8px;transform: rotate(-270deg);}
	.nav-main > li.mega4 > .sub-menu > li.mg-hide > a:after{content: none;}
	.nav-main > li.mega4 > .sub-menu > li.mg-hide > a{background: transparent;}
	.nav-main > li.mega4:hover > .sub-menu > li:first-child > .sub-menu, .nav-main > li.mega4:hover > .sub-menu > li:first-child > .sub-menu > li > .sub-menu, .nav-main > li.mega4 > .sub-menu > li.mg-show .sub-menu{opacity:1;visibility:visible;display: block;}
	.nav-main > li.mega4 > .sub-menu > li.mg-hide .sub-menu{opacity:0;visibility:hidden;display: none}
	.nav-main > li.mega4 > .sub-menu > li > .sub-menu{position:absolute;border-radius: 0;box-shadow: none;left: 110px;top:0;bottom:0;margin:0;overflow: hidden;padding:10px 0;min-width: 400px;border-left: 1px solid #f3f3f3;border-radius: 0 var(--theme-radius) var(--theme-radius) 0;}
	.nav-main > li.mega4 > .sub-menu > li > .sub-menu > li{padding:8px 0;}
	.nav-main > li.mega4 > .sub-menu > li > .sub-menu > li > a{width:90px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height:16px;height: 16px;border-right: 1px solid #f3f3f3;}
	.nav-main > li.mega4 > .sub-menu > li > .sub-menu li{float: none;}
	.nav-main > li.mega4 .sub-menu .sub-menu .sub-menu a{color:#777;}
	.nav-main > li.mega4 .sub-menu .sub-menu .sub-menu{box-shadow: none;margin:0;padding:0;min-width: auto;left: 90px;}
	.nav-main > li.mega4 .sub-menu .sub-menu .sub-menu li{float: left;}
	.nav-main > li.mega33 > .sub-menu{min-width: 500px;padding:10px 0;}
	.nav-main > li.mega33 > .sub-menu > li{position: static;}
	.nav-main > li.mega33 > .sub-menu > li > a{position: relative;}
	.nav-main > li.mega33 > .sub-menu > li > a{width: 110px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 32px;border-right: none;}
	.nav-main > li.mega33 > .sub-menu > li:first-child > a, .nav-main > li.mega33 > .sub-menu > li.mg-show > a{background: #f3f3f3}
	.nav-main > li.mega33 > .sub-menu > li:first-child > a:after, .nav-main > li.mega33 > .sub-menu > li.mg-show > a:after{content: " ";height: 0;width: 0;border-color: transparent;border-style: solid;border-width: 8px;border-bottom-color: #f3f3f3;position: absolute;right: -14px;top: 8px;transform: rotate(-270deg);}
	.nav-main > li.mega33 > .sub-menu > li.mg-hide > a:after{content: none;}
	.nav-main > li.mega33 > .sub-menu > li.mg-hide > a{background: transparent;}
	.nav-main > li.mega33:hover > .sub-menu > li:first-child > .sub-menu, .nav-main > li.mega33:hover > .sub-menu > li:first-child > .sub-menu > li > .sub-menu, .nav-main > li.mega33 > .sub-menu > li.mg-show .sub-menu{opacity:1;visibility:visible;display: block;}
	.nav-main > li.mega33 > .sub-menu > li.mg-hide .sub-menu{opacity:0;visibility:hidden;display: none}
	.nav-main > li.mega33 > .sub-menu > li > .sub-menu{position:absolute;border-radius: 0;box-shadow: none;left: 110px;top:0;bottom:0;margin:0;overflow: hidden;padding:10px 0;min-width: 400px;border-left: 1px solid #f3f3f3;border-radius: 0 var(--theme-radius) var(--theme-radius) 0;}
	.nav-main > li.mega33 > .sub-menu > li > .sub-menu > li{padding:8px 0;}
	.nav-main > li.mega33 > .sub-menu > li > .sub-menu > li > a{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height:16px;height: 16px;}
	.nav-main > li.mega33 > .sub-menu > li > .sub-menu li{float: left;width: 25%}
	.nav-main > li.mega3 > .sub-menu{min-width: 470px;padding:10px 6px;line-height: 28px;}
	.nav-main > li.mega3:hover > .sub-menu .sub-menu{opacity:1;visibility:visible;}
	.nav-main > li.mega3 .sub-menu .sub-menu{position:relative;border-radius: 0;box-shadow: none;left: 0;margin:0;overflow: hidden;margin-left: 15px;padding:0;line-height: 25px;font-size:12px;background: transparent;}
	.nav-main > li.mega3 .sub-menu .sub-menu a{color:#777;}
	.nav-main > li.mega3 > .sub-menu > li{width: 150px;display: inline-block;text-align: left;float: left;margin-bottom: 10px;}
	.nav-main > li.mega3 .sub-menu .sub-menu > li{margin-left: 0;display: block;float: none;}
	.nav-main > li.mega3 .sub-menu .sub-menu > li a{padding: 0 15px 0 0}
	.nav-main > li.mega2 > .sub-menu{min-width: 360px;padding:15px 6px;line-height: 30px;}
	.nav-main > li.mega2 > .sub-menu > li{float: left;width: 33.33333%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 30px;}
	.nav-main > li.mega22 > .sub-menu{min-width: 240px;}
	.nav-main > li.mega22 > .sub-menu > li{float: left;width: 50%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 30px;}
}

.nav-right{float:right;font-size:15px;margin-top:0px}
.nav-right li{position:relative;float:left}
.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
.nav-right a:hover{color: var(--theme-color) !important;}
.nav-right > li > a{padding:25px 10px 23px}
.nav-right .icon{font-size:20px;}
.nav-right .nav-search{padding:14px 13px;}
.nav-right .nav-search a{padding:6px 0;}
.nav-line{width: 1px;background: #777;height: 10px;display: inline-block;margin: 0 15px;}
.nav-right .nav-button{display:none}
.logo{overflow:hidden;float:left;height:70px;position: relative;}
.logo.scaning:before{content:"";position:absolute;left:-465px;top:-260px;width:250px;height:15px;background-color:rgba(255,255,255,.5);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;-o-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite}
.logo a{display:block;height:70px;width:auto;display: flex;justify-content: center;align-items: center;}
.logo a img{height: 100%;width: auto;}
.search-wrap{position: fixed;top:-170px;left:0;right:0;transition: top 0.3s cubic-bezier(.4,0,.2,1);z-index: 10000;}
.search-wrap.show{top: 70px;}
body.has-topbar .search-wrap.show{top: 100px}
body.has-topbar.topbar-hide .search-wrap.show{top: 70px}
.search-wrap-container{height:100px;padding:25px 0;background: #fff;border-radius: 0 0 var(--theme-radius) var(--theme-radius);box-shadow: 0 0 15px rgba(0,0,0,0.075);}
.search-wrap .search-form{position: relative;width: 86%;margin: 0 7%;}
.search-wrap .search-input{width:calc(100% - 120px);height: 50px;font-size: 17px;padding: 0 15px;border:none;background: transparent;border:1px solid #efefef;border-radius: 10px 0 0 10px;float: left;}
.search-wrap .search-form .search-btn{float: left;width: 120px;height: 50px;border-radius: 0 10px 10px 0;font-size: 18px;line-height: 28px;text-align: center;border: none;background: var(--theme-color);color: #fff;cursor: pointer;}
.search-wrap .search-form .search-btn .icon{font-size: 20px;margin-right: 8px;}
.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: #333 transparent transparent transparent;}
.search-wrap .search-form .search-cat{display:inline-block;position:absolute;border:none;left:15px;top:13px;width: 80px;height: 22px;padding:0;font-size: 15px;color: #333;cursor: pointer;overflow: hidden;}
.search-wrap .search-form .search-cat + .search-input{text-indent:110px;}
.search-wrap .search-form .search-cats{position: absolute;top: 55px;left: 0;background: #fff;width: 180px;border-radius: var(--theme-radius);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: #fff;position: absolute;left: 20px;top: -14px;}
.search-wrap .search-form .search-cats li{color: #333;padding: 5px 0;text-align: left;font-size: 14px;cursor: pointer;}
.search-wrap .search-form .search-cats li:hover{color: var(--theme-color);}
.search-wrap .icon-close{position: absolute;right:-35px;top:8px;font-size: 24px;cursor: pointer;}
.banner{color:#fff;text-align:center;height:400px;background-color:#333;position:relative}



.banner-video{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.banner .container{top: calc(50% + 20px);transform:translateY(-50%);z-index:10;}

.banner h2{font-size:35px;font-weight:600;margin-bottom:5px;color: #fff}
.banner p{font-size:16px;color: #fff}

.grids{margin:0 -10px 20px;position:relative}
.grids.waterfall{display:block}
.grids .grid{width:285px;margin:0 10px 20px;float:left;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.075);position:relative;border-radius:var(--theme-radius);background-size: cover;background-position: center;background-repeat:no-repeat;transition: all .3s ease 0s;}
.grids .grid:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);-webkit-transform: translateY(-3px);transform: translateY(-3px);}
.grids .grid .img{overflow: hidden;border-radius:var(--theme-radius) var(--theme-radius) 0 0;position: relative;height: 180px;}
.grids .grid .img a{display: block;height: 100%}
.grids .grid .thumb{width:100%;height:100%;border-radius: var(--theme-radius) var(--theme-radius) 0 0;transition: all .3s ease-out 0s;object-fit: cover;background: #fff;display: block;font-size:0;}
.grids .grid .thumb:hover{-webkit-transform: scale(1.03);transform: scale(1.03);transition: all .3s ease-out 0s;}
.grids .grid.grid-ts img{visibility: hidden;}
.grids.waterfall .grid .img{height:auto !important}
.grids .grid .img .img-cat{position: absolute;left: 15px;top: 15px;display: inline-block;font-size: 12px;z-index: 11;background: rgba(0,0,0,0.3);color: #fff;padding: 1px 6px 2px;border-radius: 2px;}
.grids .grid .img .img-cat:empty{display: none;}
.grids .grid .img .img-cat a{display: inline-block;height: auto;color:#fff}
.grids .grid .con{padding:15px}
.grids .grid h3{font-size:16px;font-weight:normal;position: relative;}
.grids .grid h3 a{color:#333;line-height:20px;overflow:hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:20px;word-break: break-all;}
.grids .grid h3 a:hover{color: var(--theme-color) !important}
.grids .grid .grid-custom-metas{padding:0 10px;font-size: 13px;color:#5a5f6d;}
.grids .grid p, .grids .grid .excerpt{margin-top:7px;color:#999;font-size: 13px;line-height:19px;overflow:hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:38px;word-break: break-all;position: relative;display: none;}
.grids .grid > .free-tag{background: #5cb85c;background-image: none;color: #fff}
.grids .grid > .tuan-tag{background: #03c8d4;background-image: none;color: #fff}
.grids .grid > .recommend-tag{top: -4px;right: 10px;height: 20px;border-radius: 2px;border-top-left-radius: 0;text-align: center;font-weight: 400;position: absolute;background: var(--theme-color);color: #fff;font-size: 12px;padding: 0 4px;}
.grids .grid > .recommend-tag:before {content: "";display: inline-block;position: absolute;left: -4px;vertical-align: top;width: 0;height: 0;border-style: solid;border-width: 0 0 5px 5px;border-color: transparent transparent var(--theme-color) transparent;}
.grids .grid .cats{padding:0 10px;font-size:12px;height:18px;overflow:hidden;margin-bottom: 5px;position:relative;}
.grids .grid .cat{padding-left: 14px;font-size: 12px;color: #777;margin-bottom: 7px;height: 19px;position: relative;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.grids .grid .cat:empty{height: 19px;}
.grids .grid .cat:after {content: " ";width: 4px;height: 4px;display: block;border-radius: 15px;position: relative;left: -14px;top: -13px;border: 2px solid var(--theme-color);}
.grids .grid .cat:empty:after{display: none;}
.grids .grid .cat .price{float: right;line-height: 18px;}
.grids .grid .cat .price .fee{background: #ababab;padding: 1px 4px;color: #fff;border-radius: 2px;position: relative;top: 1px}
.grids .grid .cat .price .icon{font-size:14px;line-height: 16px;}
.gd-mini .grids{margin: 0 -7.5px 15px;}
.gd-mini .grids .grid{margin: 0 7.5px 15px;width: calc(20% - 15px)}
.gd-mini .grids .grid .img{height: 144px;}
.gd-mini .grids .grid h3{font-size: 14px;}
.lists .grid{float: left;width: calc(33.3333% - 13.3333px);float: left;background: #fff;background-image: none !important;margin-right: 20px;padding:0 0 0 120px;position: relative;height: 80px;margin-bottom: 20px;border-radius: var(--theme-radius);box-shadow: 0 0 15px rgba(0,0,0,0.075);}
.lists.cols-two .grid{width: calc(50% - 10px);padding: 0 0 0 220px;height: 150px;}
.lists .grid:nth-child(3n){margin-right: 0}
.lists.cols-two .grid:nth-child(3n){margin-right: 20px}
.lists.cols-two .grid:nth-child(2n){margin-right: 0}
.lists .grid.noimg{padding:0 !important;}
.lists.cols-two .grid.noimg{padding:0 !important;}
.lists .grid .cat{display: none;font-size: 12px;color: #777;margin-bottom: 7px;height: 16px;padding-left: 14px;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.lists.cols-two .grid .cat{display: -webkit-box;}
.lists .grid .cat:after {content: " ";width: 4px;height: 4px;display: block;border-radius: 15px;position: relative;left: -14px;top: -13px;border: 2px solid var(--theme-color);}
.lists .grid h3{font-size: 16px;font-weight: normal;}
.lists .grid h3 a{line-height:20px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 20px;word-break: break-all;}
.lists .grid .grid-custom-metas{display: none;}
.lists .grid .img{position:absolute;top:0;left:0;overflow: hidden;border-radius: var(--theme-radius) 0 0 var(--theme-radius);}
.lists .grid.noimg .img{display: none;}
.lists .grid .thumb{width: 120px;height: 80px;transition: all .3s ease-out 0s;border-radius: var(--theme-radius) 0 0 var(--theme-radius);object-fit: cover;background: #eee;display: block;font-size:0;}
.lists .grid .thumb:hover{-webkit-transform: scale(1.03);transform: scale(1.03);transition: all .3s ease-out 0s;}
.lists .grid .grid-video, .lists .grid .video-icon{display: none;}
.lists .grid .img .img-cat{display: none;}
.lists .grid .img .img-cat a{display: inline-block;height: auto;color:#fff}
.lists .grid .con{padding:15px;position: relative;height: 100%}
.lists .grid .grid-author{display: none;}
.lists .grid > .recommend-tag{top: -4px;left: 10px;height: 20px;border-radius: 2px;border-top-left-radius: 0;text-align: center;font-weight: 400;position: absolute;background: var(--theme-color);color: #fff;font-size: 12px;padding: 0 4px;}
.lists .grid > .recommend-tag:before {content: "";display: inline-block;position: absolute;left: -4px;vertical-align: top;width: 0;height: 0;border-style: solid;border-width: 0 0 5px 5px;border-color: transparent transparent var(--theme-color) transparent;}
.contents p:empty{margin:0;}
.mocat:first-child{margin-top:-10px}
.mocat:nth-child(2n){background:#fff}
body.gd-list .mocat{background: transparent;}
.mocat .grids{margin-bottom:0}
.mocat h2{margin:0 0 45px;font-size:24px;text-align:center;position:relative;font-weight: normal;}
.mocat h2:after{content:" ";width:20px;background:var(--theme-color);height:3px;position:absolute;left:0;top:45px;margin-left:calc(50% - 10px);border-radius: 1.5px;}
.mocat h2 span{position: relative;}
.mocat h2 i{position: absolute;right: -43px;top: -10px;background: var(--theme-color);padding: 1px 5px;border-radius: 20px 20px 20px 0;color: #fff;font-size: 10px;font-weight:400;font-style: normal;}
.mocat .desc{text-align: center;color: #777;margin-bottom: 30px;margin-top: -15px;font-size: 14px;}
.mocat .child{list-style: none;text-align: center;margin-top: -15px;margin-bottom:24px;}
.mocat .child li{display: inline-block;margin:0 3px;margin-bottom: 6px;}
.mocat .child li a{padding:5px 10px;font-size: 14px;position: relative;}
.mocat .child li a.active{color:var(--theme-color);}
.mocat .child li a.active:after{content:"";position: absolute;bottom: -8px;left: calc(50% - 2px);width: 4px;height:4px;border-radius:50%;background: var(--theme-color)}
.mocat .tasks{border: none;box-shadow: 0 0 20px rgba(0,0,0,0.075);}
.cat2s{margin:0 -10px;}
.cat2s h4{font-size: 18px;font-weight: normal;}
.post .post-sign, .article-header .post-sign{background: #ff9600;color:#fff;padding:0px 4px;display: inline-block;border-radius: 5px 0 5px 0;font-size: 12px;margin-right: 5px;line-height: 18px;position: relative;top: -1px;font-weight: normal;}
.more-all{text-align:center;margin-bottom:30px;margin-top:15px}
.more-all a{display:inline-block;padding:10px 80px;text-decoration:none;background-color:var(--theme-color);color:#fff !important;border-radius:50px;}
.more-all a:hover{opacity:.88}
.posts-loading{display:none;margin-bottom:30px;font-size:16px;text-align:center;color:#AAB2BD;padding:20px}
.loadings{width:80px;height:20px;margin:0 auto 30px;text-align: center;}
.loadings span{display:inline-block;width:8px;height:100%;border-radius:4px;background:#fdfdfd;-webkit-animation:loadings 1s ease infinite}
@-webkit-keyframes loadings{0%,100%{height:20px;background:#fdfdfd}
50%{height:20px;margin:-15px 0;background:#e4e7ec}
}.loadings span:nth-child(2){-webkit-animation-delay:0.2s}
.loadings span:nth-child(3){-webkit-animation-delay:0.4s}
.loadings span:nth-child(4){-webkit-animation-delay:0.6s}
.loadings span:nth-child(5){-webkit-animation-delay:0.8s}
.pagination{margin:0;padding:0 20px 30px;text-align:center;font-size:24px;display:block;border-radius:0 0 var(--theme-radius) var(--theme-radius);}
body.gd-list .pagination, body.gd-list .pagination-trigger{background: #fff;padding: 20px;}
.pagination ul{display:inline-block !important;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0;}
.pagination ul > li{display:inline}
.pagination ul > li > a,.pagination ul > li > span{margin:0 2px;float:left;padding:5px 12px;background-color:#ddd;color:#666;border-radius:5px;opacity:.88;text-decoration: none;}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity:1}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:var(--theme-color) !important;color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999;background-color:transparent;cursor:default}
.pagination ul > li #jump_page{height: 28px;border:none;border-bottom:1px solid #eaeaea;width: 40px;padding:0;float: left;margin-left: 10px;-moz-appearance:textfield;background: transparent;}
.pagination ul > li #jump_page::-webkit-inner-spin-button, .pagination ul > li #jump_page::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.pagination ul > li .page-jump{background-color: transparent !important;padding:5px;}
.pagination-trigger{padding:10px 15px;text-align:center;margin-bottom:20px}
body.gd-list .pagination-trigger{margin-bottom: 0;padding: 0 15px 30px;}
.pagination-trigger a{margin:0 5px;display:inline-block;padding:8px 45px;text-decoration:none;background-color:var(--theme-color);color:#fff !important;border-radius:var(--theme-radius);opacity:.88;text-decoration: none;}
.pagination-trigger a:hover{opacity:1}
.pagination-loading{font-size:16px;text-align:center;color:#AAB2BD;padding:10px 15px;margin-bottom:20px}
.footer{position:relative;z-index:9;clear:both;padding:40px 15px;font-size:12px;text-align:center;color:#a7a7a7;background-color:#333}
.footer .container{padding: 0;}
.footer a{color:#dcdcdc}
.footer a:hover{color: var(--theme-color);}
@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}
}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}
}
.mobile-share-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:rgba(0,0,0,.5)}
.mobile-share-bg .top_tips{display:none;position:absolute;left:0;top:0;width:100%;height:32px;line-height:32px;font-size:14px;background:rgba(255,235,155,.95);color:#a65018;text-align:center}
@media (min-width:768px){.mobile-share-bg .top_tips{display:none!important}}
.cat.nocat{margin-left: 0 !important}
.cat.nocat:after{content: none !important;}
body.night{background-color: #121212 !important;color: #999;}
body.night a{color: #999;}
body.night a:hover{color: var(--theme-color);}
body.night .topbar{background: #232323;border-color: #343434;color: #999;}
body.night .header, body.home.night .header.scrolled{background: #232323;box-shadow: 0px 1px 5px 0px rgb(64 64 64 / 10%);}
body.night .logo:before{display:none;background-color:rgba(28,31,43,.5);}
body.night .nav-main li{color: #999;}
body.night .nav-main li a, body.night .nav-right li a, body.night .nav-left li a{color: #bbb;}
body.night .nav-main .sub-menu, body.night .nav-right .sub-menu{background: #232323;color:#777;}
body.night .nav-main .sub-menu a, body.night .nav-right .sub-menu a, body.night .nav-right .sub-menu a.money:hover{color: #999;}
body.night .nav-main .sub-menu a:hover, body.night .nav-main .sub-menu .current-menu-item > a, body.night .nav-main .sub-menu .current-menu-ancestor > a, body.night .nav-main .sub-menu .current-menu-parent > a{color: var(--theme-color);}

body.night .nav-main > li > .sub-menu:before{border-bottom-color: #232323;}
body.night .nav-main li.menu-item-has-children:after{color:#999;}
@media (min-width: 769px){
	body.night .nav-main > li.mega4 > .sub-menu > li:first-child > a:before, body.night .nav-main > li.mega4 > .sub-menu > li:first-child > a, body.night .nav-main > li.mega4 > .sub-menu > li.mg-show > a{background: #414243}
	body.night .nav-main > li.mega4 > .sub-menu > li.mg-hide > a{background: transparent;}
	body.night .nav-main > li.mega4 > .sub-menu > li.mg-show > a:after{border-bottom-color: #414243;}
	body.night .nav-main > li.mega4 > .sub-menu > li:first-child > a:after, body.night .nav-main > li.mega4 > .sub-menu > li.mg-show > a:after{border-bottom-color: #414243;}
	body.night .nav-main > li.mega4 > .sub-menu > li > a, body.night .nav-main > li.mega4 > .sub-menu > li > .sub-menu > li > a{border-color:#414243;}
	body.night .nav-main > li.mega4 > .sub-menu > li > .sub-menu{border-color: #414243}
	body.night .nav-main > li.mega33 > .sub-menu > li:first-child > a:before, body.night .nav-main > li.mega33 > .sub-menu > li:first-child > a, body.night .nav-main > li.mega33 > .sub-menu > li.mg-show > a{background: #414243}
	body.night .nav-main > li.mega33 > .sub-menu > li.mg-hide > a{background: transparent;}
	body.night .nav-main > li.mega33 > .sub-menu > li.mg-show > a:after{border-bottom-color: #414243;}
	body.night .nav-main > li.mega33 > .sub-menu > li:first-child > a:after, body.night .nav-main > li.mega33 > .sub-menu > li.mg-show > a:after{border-bottom-color: #414243;}
	body.night .nav-main > li.mega33 > .sub-menu > li > a, body.night .nav-main > li.mega33 > .sub-menu > li > .sub-menu > li > a{border-color:#414243;}
	body.night .nav-main > li.mega33 > .sub-menu > li > .sub-menu{border-color: #414243}
}

body.night .nav-right .nav-notice .header__name{border-color: #414243;}
body.night .search-wrap{color:#777;}
body.night .search-wrap .search-wrap-container{background: #232323;color:#777;}
body.night .search-wrap .search-input{color:#777;border-color: #333}
body.night .search-wrap .search-input::-webkit-input-placeholder{color:#999;}
body.night .search-wrap .search-form .search-cat{color: #777;}
body.night .search-wrap .search-form .search-cat:after{border-color: #777 transparent transparent transparent;}
body.night .search-wrap .search-form .search-cats{background: #2f2f2f;}
body.night .search-wrap .search-form .search-cats:before{border-bottom-color: #2f2f2f;}
body.night .search-wrap .search-form .search-cats li{color: #777;}

body.night .grids .grid, body.night .lists .grid, body.night .home-blogs ul li{background-color: #181818;color:#777;}
body.night .grids .grid.audio{background-color: #2c2c2c;}
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:#bbb;}
body.night .grids .grid .grid-meta .price .fee, body.night .grids .grid .cat .price .fee, body.night .lists .grid .grid-meta .price .fee, body.night .lists .list .list-meta .price .fee{background: #2f2f2f;color: #777}
body.night .grids .grid img, body.night .lists .list img, body.night .lists .grid img, body.night .home-blogs ul li img{background: #151515;}
body.night .footer{background-color: #0a0a0a;color: #999;}
body.night .footer-widget h3{color:#777}

@media (max-width:1535px){
	.container, .single .main .container{max-width:1200px !important}

	.post-fixed-nav{display:none}
}

@media (max-width:1230px){
	.container{max-width:990px !important}
	.header .container, .topbar .container{max-width: 100% !important;padding:0 15px;}
	.single .main .container,.page:not(.page-template-all, .page-template-cms, .page-template-all-vip, .page-template-homepage1, .page-template-homepage2, .page-template-homepage3, .page-template-tuan, .page-template-waterfall) .main .container{padding:0 15px}
	.home .main .container, .page-template-homepage1 .main .container{padding:0}
	.banner{height:360px !important}
	.swiper-container .swiper-slide img{height: auto;}
	.slider-left, .slider-left2{max-width: 100% !important}
	.slider-right, .slider-right2{display: none;}
	.home-cathumbs .items .item{min-width: 115px;}
	.home-cathumbs .items .item h4{font-size: 14px;}
	.grids .grid{width:232.5px}
	.gd-mini .grids .grid, .gd-mini.mini-six .grids .grid{width:calc(25% - 15px)}
	.grids .grid .img{height:147px}
	.gd-mini .grids .grid .img, .gd-mini.mini-six .grids .grid .img{height: 149px}

}

@media (max-width: 1230px) and (min-width: 1025px){
	.grids .audio .time-bar{width: 110px !important;}
}

@media (max-width:1024px){
	body{margin-top:60px}
	body.has-topbar{margin-top: 90px;}
	body.has-topbar.topbar-hide{margin-top: 60px;}
	.topbar .topbar-activity{display: none;}
	.header{height: 60px}
	.logo,.logo a{height:60px}
	.nav-main{margin-left:20px}
	.nav-main > li.menu-item-has-children{padding-right: 17px;}
	.nav-main > li > a{padding:19px 10px}
	.nav-right .nav-search,.nav-right .nav-tougao,.nav-right .nav-notice,.nav-right .nav-cart{padding:9px 12px}
	.nav-right .nav-login{padding: 6px 0 6px 12px}
	.nav-right .nav-login.no{padding: 14px 0 12px 14px;}
	.nav-right .nav-vip{padding: 4px 12px 5px;}
	.search-wrap.show{top:60px;}
	body.has-topbar .search-wrap.show{top: 90px}
	body.has-topbar.topbar-hide .search-wrap.show{top: 60px}
	.container{max-width:895px !important}
	.banner-bottom{margin-bottom: 20px;}
	.banner-slider{padding: 15px 0}
	.banner-slider.bg{margin-bottom: 20px}
	.grids .grid{width:285px}
	.gd-mini .grids .grid, .gd-mini.mini-six .grids .grid{width:calc(33.333% - 15px)}
	.gd-mini .single-related .grids .grid{width:calc(33.333% - 15px);}
	.grids .grid .img{height:180px}
	.gd-mini .grids .grid .img, .gd-mini.mini-six .grids .grid .img{height:180px}

	.mocats .moli{width: calc(50% - 20px);}


	.article-header-box{padding-left: 340px;}
	.header-box-img{width:300px;height: 195px;margin-left: -320px}
	.sidebar{display:none}
	.single .content,.page-template-default .content, .post-type-archive-blog .content,.page-template-tuan .content,.page-template-all .content,.page-template-all-vip .content, .archive .content, .search .content, .home .content, .page-template-tougao .content, .page-template-ask .content{margin-right:0}
}
@media (max-width:925px){
	.container{max-width:737.5px !important}

	.grids .grid{width:232.5px}
	.gd-mini .grids .grid, .gd-mini.mini-six .grids .grid{width:calc(33.333% - 15px)}
	.grids .grid .img{height:147px}
	.gd-mini .grids .grid .img, .gd-mini.mini-six .grids .grid .img{height:149px}
	.grids .grid .grid-meta .downs, .grids .grid .grid-meta .comments{display: none;}
	.home-authors .home-authors-items .home-author{width:calc(25% - 20px);}
}
@media (max-width:768px){
	.search-wrap-container{height:80px;padding:15px 15px !important}
	.main, .woocommerce #main{padding-top:15px}
	body.home .main{padding-top: 25px}

	.mocom-pic{padding:30px 0}
	.mocom-pic .pic-text img, .mocom-pic .pic-text video, .mocom-pic .pic-text .con{width: 100%;}
	.mocom-pic .pic-text .con{padding:20px 0 0 !important}
	.mocat{padding:30px 0}
	.mocat .excerpt{display: none !important;}
	.mocat.align-left .child{display: none;}
	.mocat.align-left .more{right: 15px;}

	.mocats .molis{margin:0;}
	.mocats .moli{width: 100% !important;margin:0 0 20px;}
	.banner{height:300px !important;}
	.slider-bottom-search{margin-bottom: 15px}
	.container{padding:0 15px;max-width:620px !important}
	.home .main .container, .page-template-homepage1 .main .container{padding:0 15px}
	.content-wrap{margin-bottom:15px}
	.page-template-guestbook .content{margin-top: 0;}
	.breadcrumbs{padding-bottom: 10px;margin-top: 0;font-size: 12px;}
	.nav-left{display: block;}
	.nav-main{margin-left:0;display:none;}
	.nav-main .explose{display: inline-block;}
	.nav-main > li > a{padding:8px 10px 4px}
	.nav-main > li > .sub-menu:before{content: none;}
	.nav-main > li.menu-item-has-children{padding-right: 0}
	.nav-main > li.current-menu-item > a:after{bottom:3px}
	.nav-main > li.menu-item-has-children:after, .nav-main .sub-menu li.menu-item-has-children:after{content: none !important}
	.nav-main > li.mega22 > .sub-menu > li{width: 100%;float: none;}
	.nav-main .explose{position:absolute;top:0;right:0;height: 42px;line-height:42px;z-index: 9}
	.nav-main .sub-menu .explose{height: 32px;line-height: 32px;}
	.nav-main> li.current-menu-item > a:after, .nav-main> li.current-menu-parent > a:after, .nav-main> li.current_page_item > a:after, .nav-main> li.current-post-ancestor > a:after, .nav-main> li.current-menu-ancestor > a:after, .nav-main> li.current-category-ancestor > a:after{display: none;}
	.nav-right{font-size: 18px;}
	.nav-right .nav-search,.nav-right .nav-tougao,.nav-right .nav-notice,.nav-right .nav-cart{padding:9px 8px}
	.nav-right .nav-button{display:block;padding:9px 0 9px 8px;}
	.nav-right .nav-button a{padding:6px 0 !important}
	.nav-right .icon{font-size: 18px;}
	.nav-right .sub-menu{right: -30px;min-width: 310px}
	.nav-right .nav-notice .sub-menu{right: -60px}
	.nav-right .sub-menu:before{right: 40px}
	.nav-right .nav-notice .sub-menu:before{right: 70px}
	.nav-mobile-show .nav-main{display:block;float:none;position:fixed;top:0;z-index:10002;background:#fff;left:0;bottom:0;overflow-y:auto;width: 250px;}
	.nav-mobile-show .nav-main > li{color:#333 !important;}
	.nav-mobile-show .nav-main > li.menu-item{float:none;list-style:inherit;border-bottom: 1px solid #efefef;font-size: 15px;margin: 0 15px;}
	.nav-mobile-show .nav-main > li > a, .header.nav-mobile-show.scrolled .nav-main > li > a{padding:12px 0 12px;color:#333 !important;}
	.nav-mobile-show .nav-main> li.current-menu-item > a, .nav-mobile-show .nav-main> li.current-menu-parent > a, .nav-mobile-show .nav-main> li.current_page_item > a, .nav-mobile-show .nav-main> li.current-post-ancestor > a, .nav-mobile-show .nav-main> li.current-menu-ancestor > a, .nav-mobile-show .nav-main> li.current-category-ancestor > a{color: var(--theme-color) !important}
	.nav-mobile-show .nav-main > li .autoicon{float:right;font-size: 14px;}
	.nav-mobile-show .nav-main > li.current-menu-item > a:after{content:none}
	.nav-mobile-show .nav-main .sub-menu{position:relative;top:-6px;left:inherit;box-shadow:none;width:auto;display:none;padding-left: 15px;}
	.nav-mobile-show .nav-main .sub-menu.show{opacity:1 !important;visibility:visible !important;display:block;border-radius: 0;margin:0;}
	.nav-mobile-show .nav-main .sub-menu a{padding:0;margin-bottom: 5px;}
	.nav-mobile-show .nav-mobile-show-mask{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(45,50,55,0.4);z-index: 10000;overflow: hidden;}
	.authors .author-item{width: calc(50% - 20px);}
	.filter{font-size: 13px;}
	.filter a{margin:1px 2px;font-size: 12px;padding: 3px 6px 4px;}

	.grids .grid{width:285px}
	.gd-mini .grids .grid, .gd-mini.mini-six .grids .grid{width:calc(50% - 15px)}
	.grids .grid .img{height:180px}
	.gd-mini .grids .grid .img, .gd-mini.mini-six .grids .grid .img{height:180px}
	.grids .grid .grid-meta .comments{display: none;}
	.grids .erphpdown-tuan-process{width: 50%;}

	.mocat .desc{margin-bottom: 20px;}
	.footer{padding:20px 15px}
	.widget-bottom-logo .footer-logo img{margin-bottom: 10px}
}
@media (max-width:620px){
	.search-wrap-container{height: 70px;}
	.search-wrap .search-form{width: calc(100% - 20px);margin:0}
	.search-wrap .search-input{width: calc(100% - 80px);height: 40px;font-size: 15px}
	.search-wrap .search-form .search-cat + .search-input{text-indent: 90px}
	.search-wrap .search-form .search-btn{width: 80px;height: 40px;font-size: 15px;}
	.search-wrap .search-form .search-btn .icon{font-size: 18px;margin-right: 3px}
	.search-wrap .search-form .search-cat{top: 8px;}
	.search-wrap .icon-close{right: -24px;top:2px;}
	.container{max-width:515px !important}
	.mocat .child li a{padding:4px 10px;font-size: 12px;}
	.grids .grid{width:232.5px}
	.gd-mini .single-related .grids .grid, .gd-mini.mini-six .single-related .grids .grid{width:calc(33.333% - 15px);margin:0 7.5px 15px}
	.grids .grid .img{height:147px}
	.gd-mini .grids .grid .img, .gd-mini.mini-six .grids .grid .img{height:149px}
}
@media (max-width:480px){
	.banner h2{font-size:22px;margin-bottom:10px}
	.banner p{font-size:15px}
	.banner a{margin-top:20px;padding:5px 22px;font-size:18px}

	.mocat, .home-blogs, .home-authors, body.home .vip-content{padding:25px 0}
	.mocat h2, .home-blogs h2, .home-authors h2, body.home .vip-content h2, body.home .vip-why h2{font-size:18px;margin-bottom: 30px;}
	.mocat.align-left h2{margin-bottom: 15px}
	.mocat h2:after, .home-blogs h2:after, .home-authors h2:after, body.home .vip-content h2:after, body.home .vip-why h2:after{top:30px;}
	.mocat h2 icon{font-size: 20px}
	.mocat.align-left .more{top: 6px}
	.mocat .mocat-title-nav a{font-size: 16px;margin-bottom: 30px;}
	.mocat .mocat-title-nav a.active{font-size: 18px;}
	.mocat .mocat-title-nav a.active:after{top: 30px}

	.mocat .child{margin-bottom: 20px;}
	.grids, .gd-mini .grids, .gd-mini.mini-six .grids{margin:0 -5px 10px}
	.grids .grid, .single-related .grids .grid, .gd-mini .grids .grid, .gd-mini.mini-six .grids .grid{width:calc(50% - 10px);margin:0 5px 15px}
	.gd-mini .single-related .grids .grid, .gd-mini.mini-six .single-related .grids .grid{width:calc(50% - 10px);margin:0 5px 10px}
	.grids .grid .img{height:120px}
	.grids .grid .img .img-cat, .lists .grid .img .img-cat, .lists .list .img .img-cat, .grids .list .img .img-cat{left: 6px;top:6px}
	.grids .grid .con{padding:10px}
	.grids .grid h3{font-size: 14px}
	.grids .grid .grid-meta .views, .grids .grid .grid-meta .downs, .grids .grid .grid-meta .comments{display:none}
	.grids .grid .grid-author{padding: 10px;margin:10px -10px -10px}
	.grids .grid .grid-author .author-name{max-width: 60px;margin-left: 6px;}

}
body.night a.page-link{
    padding: 0 3px;
}
body.night a.active{
    color: #ff5f33;
}