/* 
Theme Name: PPQingBao
Description: A better wordpress theme
Author: ZhangLi
Version: 1.0
*/

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img{max-width:100%;height:auto;}
/* 
 * base
 * ====================================================
*/
a{color:#444;text-decoration:none}
a:hover,a:focus{color:#dc143c;text-decoration:none}
ul,li{list-style:none}
::selection{background:#72d0eb;color:#fff;text-shadow:none}
::-moz-selection{background:#72d0eb;color:#fff;text-shadow:none}
.text-muted a{color: #999;text-decoration: underline;}
.text-muted a:hover{color: #dc143c;}
.wp-video,.mejs-video,audio,canvas,progress,video,embed,iframe,.iframe{max-width: 100%;}
.wp-video{margin-bottom: 16px;}

body, button, input, select, textarea{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
ul{margin:0;padding:0;}
body{margin:0;font-size:14px;line-height:20px;color:#444;overflow-x: hidden;background-color: #eee;}


/* 
 * frame
 * ====================================================
*/
.header{position:fixed;top: 0;bottom: 0;width:15%;background-color: #f6f6f6;margin: 0;padding: 0;z-index: 99}

.container{max-width:100%;background-color: #eee;margin:0 auto;text-align:left;position:relative;*zoom:1}
.container:before,.container:after{display:table;content:"";line-height:0}
.container:after{clear:both}

.content-wrap{width:100%;float:left;background: #fff;}
.content{margin-right: 28%;margin-left: 15%;padding: 1%;min-height: 800px;overflow: hidden;background-color: #eee;}
.content-1{margin-left: 15%;padding: 1%;overflow: hidden;min-height: 800px;background-color: #fff;}
.sidebar{float:left;margin-left: -28%;position:relative;padding: 1% 1% 0 1%;width: 28%;background: #fff;}

/* 
 * header
 * ====================================================
*/
.logo{margin: 0;}
.logo a{display: flex;height: 120px;overflow: hidden;background-color: #dc143c;color: #fff;align-content: center;align-items: center;justify-content: center;font-size:24px;}

.slinks{text-align: center;color: #999;font-size: 12px;line-height: 25px;}
.slinks a{color: #999;}.slinks img{max-width:90%;height:auto;}
.slinks a:hover{color: #666;text-decoration: underline;}

/* 
 * nav
 * ====================================================
*/
.nav{position:relative;font-size:16px;border-bottom: 1px solid #EEEEEE;list-style: none;padding: 0;margin-bottom: 0;}
.nav li{position: relative;}
.nav li a{padding: 12px 35px;color:#666;display: block;}
.nav li a:focus,
.nav li a:hover{color:#444;background-color:#fff;}

.nav li.current-menu-item > a,
.nav li.current-menu-parent > a,
.nav li.current_page_item > a,
.nav li.current-post-ancestor > a{
	color:#dc143c;
	background-color: #fff;
	position:relative;z-index:2;
}

.nav li ul{position:absolute;top:-2px;left:100%;min-width:160px;z-index:10;font-size:14px;border: 2px solid #eee;border-left: none;background-color: #fff;z-index: 2;list-style: none;margin: 0;padding: 5px 0;display: none;}
.nav li:hover > ul{display: block;}
.nav li ul > li > a{padding: 8px 10px 8px 25px;color: #999;}
.nav li ul > li > a:hover{background-color: #F6F6F6;color: #555;}

.search-form{position:relative;margin:10px 0;display:flex;align-items: stretch;gap: 5px;width: 100%;flex-direction: column;}
.search-field{flex:1;min-width:200px;padding: 7px 15px;padding-right:50px;font-size:14px;line-height:1.5;color:#333;background-color:#fff;border:2px solid #e0e0e0;border-radius:30px;transition:all .3s ease;outline:0;box-shadow:0 2px 5px rgba(0,0,0,.05)}
.search-field:focus{border-color:#0073aa;box-shadow:0 2px 10px rgba(0,115,170,.15)}
.search-field::placeholder{color:#999}
.search-form select[name=post_type]{min-width: auto;padding: 7px 15px;font-size:14px;line-height:1.5;color:#333;background-color:#fff;border:2px solid #e0e0e0;border-radius:30px;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:40px}
.search-form select[name=post_type]:focus{border-color:#0073aa;outline:0}
.search-form select[name=post_type] option{padding:10px}
.search-submit{padding: 7px 25px;font-size:14px;font-weight:600;line-height:1.5;color:#fff;background-color: #dc143c;border: 2px solid #dc143c;border-radius:30px;cursor:pointer;transition:all .3s ease;white-space:nowrap;width: auto;}
.search-submit:hover{background-color:#eb3d60;border-color:#eb3d60;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,115,170,.2)}
.search-submit:active{transform:translateY(0)}
.search-submit.icon-only{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0073aa url('data:image/svg+xml;utf8,<svg fill="white" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') no-repeat center;background-size:18px;text-indent:-9999px}
.search-submit.icon-only:hover{background-color:#005a87;border-color:#005a87}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none; -moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}

h3.title{line-height:1.5;margin:0 0 10px 0;padding-bottom:5px;border-bottom:1px solid #bbb;font-size:18px;font-weight:700;color:#000}
.title .more a{float:right;font-size:13px;color: #666;}
.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px}
.content-1 .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px}
.infoblock{padding:10px;background:#fff;border-radius:10px;box-shadow: 0 10px 15px rgba(0, 0, 0, .1);}
.item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#fbe2e7;align-items: center;}
h2.tit{font-size:16px;line-height: 1.2;margin:0;padding-right:5px;}
.pr{position:relative}
.hawarpblock{position:absolute;bottom:10px;z-index:10;right:10px}
.tr,.tright{text-align:right!important}
.arealabs{padding:1px 4px;background:#ff4467;border-radius:5px;color:#fff}
.mt5{margin-top:5px}
.ageblockabs{padding:1px 4px;background:#fca886;border-radius:5px;color:#fff}
.heightblockabs{padding:1px 4px;background:#00c7ff;border-radius:5px;color:#fff}
.imageblock{width:100%;text-align:center;position:relative;padding-bottom:140%;overflow:hidden;display:block}
.imageblock img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}
.infoblock .desc,.infoblock2 .desc{line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;margin:10px 0;font-size:16px;-webkit-box-orient:vertical;word-wrap:break-word}
.fs16{font-size:16px!important}
.mg1015{margin:10px 0}
.overflowhide{overflow:hidden}
.subbgcolor{background:#fbe2e7!important}
.br10{border-radius:10px}
.infoblock .title,.infoblock2 .title{font-size:18px;text-align:center;font-weight:700;color:#dc143c;border:none}
.m10{margin: 10px 10px 0 0;}
.overhidenoe{white-space:nowrap;overflow:hidden;margin-top:5px;text-align:center;padding:5px 15px;border-radius:10px;background:#fff}

.post{position:relative;overflow:hidden;padding: 10px;border-bottom: 1px solid #eee;background-color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease}
.content-1 .post{box-shadow: 0 10px 15px rgba(0, 0, 0, .1);}
.istop{padding:15px 30px}
.post header{position:relative}
.post header h2{font-size: 18px;line-height: 27px;margin: 0;margin-bottom: 5px;}
.istop .post-title{font-size:18px}
.post-img{position:relative;float:left;margin-right:2.8169014084507%;margin-left:0;max-width:330px}
.post-img img{object-fit: cover;width: 120px;height: 110px;}
.post-img .mask-tags{position:absolute;top:0;left:0;z-index:50;display:block;padding:2px 10px;background:#dc143c;color:#fff;font-size:12px}
.post-img .mask-tags a{color:#fff}
.post-text{display:block;font-size:14px;line-height:24px;margin: 0;padding-top: 10px;}
.post footer{margin: 15px 0 0;height:auto;color:#999}
.post footer span{display:inline-block;margin-right:10px;color:#999;font-size:13px}
.post footer span a{color:#999}
.post footer span .fa{display:inline-block;margin-right:4px;width:13px;font-size:13px}

.shop-item{margin-top:20px;display:grid;grid-template-columns: repeat(4,minmax(0,1fr));align-items:center;gap: 10px;}
.shop-item .shop-img img{object-fit: cover;width: 141px;height: 185px;}
.item-1{box-shadow:0 10px 15px rgba(0,0,0,.1);}
.item-1:hover{box-shadow:0 10px 5px rgba(0,0,0,.1);}
.item-1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap: 5px;}
.item-2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:25px;}
li.title{font-size:15px;font-weight: 700;border-bottom: 2px solid #dc143c;}
.shop-ul li:first-child{margin-top:0;}
.shop-ul li{line-height:2;margin-top:10px;}
.bot{display: flex;flex-direction: column;align-items: center;}
.bot a{color: #fff;background: #000;padding: 8px 25px;border-radius: 5px;}
.bot a+a{color: #fff;background:#ff5073;padding: 8px 25px;border-radius: 5px;margin-top:20px;}

.area ul{margin-top:10px;}
.area ul > li{display: flex;align-items: center;    gap: 10px;}
.area ul>li>a{font-weight:700}
.area ul>li>ul{display:flex;flex-direction:row;padding-left:0;list-style:none;margin:5px 0}
.area ul>li>ul>li{margin:0 5px}
.area ul>li>ul>li>a{text-decoration:none;padding:3px 8px;display:inline-block}
.area ul>li>ul>li>a:hover{background-color:#f0f0f0;border-radius:3px}

.newsitebg{background:#ededed;padding:20px;}
.ib{display:inline-block;vertical-align:top!important}
.ib h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#dc143c;font-size:24px;line-height: 1.2;}
.girlbr{height:50px;width:50px;line-height:50px;border-radius:35px;overflow:hidden;margin-right:10px;margin-top:7px}
.girlbr img{height:100%;object-fit:cover;width:100%}
.ageheight{border:#ebd5b6 1px solid;border-radius:3px;margin-top:5px}
.ageheight .age{background:#f8f1eb}
.ageheight span{padding:2px 5px;color:#d27f48;background:#fff}
.content-girl{background:#fff;padding:20px}
.flex-container{display:flex;gap:20px}
.block-1{flex:0 0 calc(30% - 10px)}
.block-2{flex:0 0 calc(70% - 10px);overflow:hidden}
.posre{position:relative;padding-top:0!important;font-size:18px}
.bt{display:inline-block;height:30px;line-height:30px;padding:0 18px;background-color:#dc143c;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:10px;cursor:pointer}
.posabs{position:absolute;color:#ff4467;top:5px;right:10px}
.vtop{vertical-align:top;font-size:14px}
.block-1 p{font-size:16px;margin-top:10px;line-height:32px}
.block-2 .swiper-container{box-shadow:none;margin-top:15px}
.one-1{flex:0 0 calc(70% - 10px)}
.one-2{flex:0 0 calc(30% - 10px);overflow:hidden}
.side{margin-top:20px;    padding: 0 1%;    flex: 0 0 calc(28% - 10px);}
.video-container{position:relative;margin-top:15px;width:100%;margin-bottom:20px;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3);cursor:pointer}
video{width:100%;display:block;background:#000}
.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:1;transition:opacity .3s}
.play-overlay.hidden{opacity:0;pointer-events:none}
.play-icon{width:80px;height:80px;background:rgba(255,71,87,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.3);transition:transform .3s,background .3s}
.play-overlay:hover .play-icon{transform:scale(1.1);background:#ff4757}
.swiper-container{width:100%;height:350px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);margin-bottom:40px;position:relative}
.swiper-slide{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease;height:100%}
.swiper-slide:hover{transform:scale(1.02)}
.image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f8f9fa}
.swiper-slide img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition:transform .5s ease}
.swiper-slide:hover img{transform:scale(1.05)}
.swiper-button-next,.swiper-button-prev{width:50px;height:50px;background:rgba(255,255,255,.8);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .3s ease;top:50%;transform:translateY(-50%);z-index:10}
.swiper-button-next{right:20px}
.swiper-button-prev{left:20px}
.swiper-button-next:after,.swiper-button-prev:after{font-size:20px;color:#2c3e50;font-weight:700}
.swiper-button-next:hover,.swiper-button-prev:hover{background:#fff;transform:translateY(-50%) scale(1.1)}
.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}
.lightbox.active{display:flex;opacity:1}
.lightbox-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px}
.lightbox-image-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;overflow:auto;padding:20px}
.lightbox-image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:5px;box-shadow:0 5px 25px rgba(0,0,0,.5)}
.lightbox-close{position:absolute;top:20px;right:20px;color:#fff;font-size:2.5rem;cursor:pointer;background:rgba(0,0,0,.5);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background .3s ease}
.lightbox-close:hover{background:rgba(0,0,0,.8)}
.lightbox-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 20px;z-index:1001}
.lightbox-nav button{background:rgba(255,255,255,.2);border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.lightbox-nav button:hover{background:rgba(255,255,255,.4)}
.lightbox-counter{position:absolute;bottom:20px;left:0;width:100%;text-align:center;color:#fff;font-size:1.1rem;z-index:1001}
.instructions{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);max-width:600px;margin:0 auto}
.instructions h2{color:#2c3e50;margin-bottom:15px}
.instructions p{color:#7f8c8d;line-height:1.6;margin-bottom:10px}
@media (max-width:768px){.swiper-container{height:300px}
.swiper-button-next,.swiper-button-prev{width:40px;height:40px}
.swiper-button-next:after,.swiper-button-prev:after{font-size:16px}
.lightbox-content{padding:20px}
}
.swiper-button-next, .swiper-button-prev{width:45px!important;height:45px!important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 24px!important;}

.con{margin:15px auto;line-height:200%;font-size:16px;color: #333;margin-bottom:1rem}
.con h2,.con h3,.con h4,.con h5{line-height:1.4;margin:15px 0;padding:0;color: #333;font-weight:700;padding:10px 0 10px 10px}
.con h2,.con h3,.con h4,.con h5{border-left:5px solid #e5e6e0;font-weight:700;font-size:22px;line-height:1.4}
.con h3{font-size:18px}
.con h4{font-size:15px}
.con h5{font-size:14px}
.con img{max-width:100%;margin:auto;display:block}
.con iframe{display:block;margin:auto;margin-top:.8rem;margin-bottom:.8rem;min-width:660px;max-width:660px;min-height:400px;max-height:400px}
.con ol,.con ul{margin:0 0 18px 15px}
.con ul{list-style:disc;padding-left: 20px;margin-top: 10px;}
.con ol{list-style:decimal}
.con li{margin-bottom:6px;list-style: auto;}
.con p{padding:0 0 6px 0;word-wrap:break-word;line-height:180%}
.con pre{word-wrap:break-word}
.con table{margin-bottom:18px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd}
.con table th{background-color:#f9f9f9;text-align:center}
.con table td,.con table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
blockquote{background:#f3f3f3;padding:20px;border-radius:10px;margin-left:20px;margin-bottom:10px}
blockquote p{padding-bottom:0!important}

.pagination{display:block;margin:30px 0 0;padding-bottom:30px;text-align:center}
.pagination li{display:inline-block;margin:0 3px 0 0;padding: 0 15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#2b2929;color:hsla(0,0%,100%,.8);text-align:center;line-height:36px}
.pagination li i{width:36px;height:36px;line-height:36px}
.pagination a{color:#fff;}
.pagination .current,.pagination a:hover{color:hsla(0,0%,100%,.8);text-decoration:none}
.pagination .page-number{display:inline-block;margin:0 3px;padding:0 14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#2b2929;color:hsla(0,0%,100%,.8);line-height:36px}

.mob{background: #fff;padding:20px;}
.bai{padding: 20px;border-top: 1px solid #eee;margin-top:0;background: #fff;}
.mob .shop-img img{object-fit: cover;width: 231px;height: 180px;}
.bai .shop-img img{object-fit: cover;width: 183px;height: 189px;}
.bai .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px}

.article-padding{padding:20px 0 0}
.article-title{text-align:center;line-height: 1.2;font-size:26px}
.article-meta{text-align:center;margin-top:10px;color: #999;}
.article-meta span{display:inline-block;margin-right:10px;color:#999;font-size:13px}
.article-meta span a{display:inline-block;color:#999;font-size:13px}
.article-meta span .fa{display:inline-block;margin-right:4px;width:13px;font-size:13px}

.widget{padding:10px;margin-bottom:20px;background:#fff;}
.top{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:10px;}
.top h2.title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:14px;font-weight:400;}
.fa-book{background-image: url(images/icon_cat.png);background-size: 10px;background-repeat: no-repeat;background-position-x: 2px;width: 16px;display: inline-block;height: 16px;background-position-y: 7px;}
.fa-clock-o{background-image: url(images/icon_time.png);background-size: 10px;background-repeat: no-repeat;background-position-x: 2px;width: 16px;display: inline-block;height: 16px;background-position-y: 6px;}
.fa-tasks{background-image: url(images/icon_views.png);background-size: 12px 8px;background-repeat: no-repeat;background-position-x: 2px;width: 16px;display: inline-block;height: 16px;background-position-y: 8px;}












@media (max-width:768px){
    .sticky img, .focus .thumbnail .thumb, .relates a img, 
    .ui-navtop .sticky img, .ui-navtop .focus .thumbnail .thumb, .ui-navtop .relates a img, 
    .ui-navtop .focusmo a{height: 120px}
    .ui-navtop .focusmo li.large a{height: 250px;}

    .header .search-form, .ui-navtop .header .search-form{display: none;float: none;width: 94%;margin: 0 3% 10px;height: 44px;overflow: hidden;}
  
    .ui-navtop.uimo .header .container{padding: 0;}
    .ui-navtop .header{box-shadow: none}
    
    .breadcrumbs{display: none;}

    .flinks{display: none;}
    
    .header{position: relative;width:auto;}

    .ui-navtop .logo, .logo{height:42px;line-height: 43px;text-align:center;background-color: #dc143c;font-size: 18px;overflow: hidden;}
    .logo a{display:inline-block;height: auto;}
    .logo a:hover, .logo a:active{color: #fff;}
    .logo img{display: none;}
    
    .logo_m .logo a{font-size: 0px;height: 42px;overflow: hidden;}
    .logo_m .logo img{display: block;max-height:42px;margin-bottom: 100px;}

    .nav{height: 42px;margin-bottom: 0;background-color: #fff;font-size: 14px;overflow: hidden;border-bottom: none;}
    .nav::after{height: 1px;content: '';position: absolute;left: 0;bottom: 0;right: 0;background-color: #eee;overflow: hidden;}
    .nav li{display: inline-block;position: relative;z-index: 2;}
    .nav li a{padding: 0 20px;line-height: 42px;font-weight: bold;}
    .nav li ul{display: none;}
    .nav li:hover > ul{display: none;}
    .nav .glyphicon{margin-right: 2px;display: none;}

    .nav li.current-menu-item > a, .nav li.current-menu-parent > a, .nav li.current_page_item > a, .nav li.current-post-ancestor > a{border-bottom: 2px solid #dc143c;height: 42px;}

    .nav li.navmore{width: 50px;height: 42px;position: absolute;right: 0;top: 0;}
    .nav li.navmore::before{content:'';position: absolute;top: 19px;right: 20px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #999;}
    .nav li.navmore::after{content:'';position: absolute;top: 18px;right: 20px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;}
  
    .navshows{overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0;height: 100%;}
    .ui-navtop.navshows .nav, .navshows .nav{position:fixed;left:0;top:42px;right:0;bottom:0;height:100%;padding:0 40px 42px 20px;overflow-y:auto;}
    .ui-navtop.navshows .nav > li, .navshows .nav > li{display:block;padding:10px 0;border-bottom: 1px solid #eee;float: none;text-align: left;}
    .ui-navtop.navshows .nav li a, .navshows .nav li a{font-size:14px;padding:0;line-height:30px;}
    .ui-navtop.navshows .nav li ul, .navshows .nav li ul{display:block;position:relative;left:0;border:none;min-width: 0;}
    .ui-navtop.navshows .nav li ul li, .navshows .nav li ul li{margin:5px 0 5px 28px;display: block;}
    .ui-navtop.navshows .nav li ul a, .navshows .nav li ul a{padding:0;font-weight:normal;}

    .ui-navtop.navshows .nav li.current-menu-item > a, .navshows .nav li.current-menu-item > a, 
    .ui-navtop.navshows .nav li.current-menu-parent > a, .navshows .nav li.current-menu-parent > a, 
    .ui-navtop.navshows .nav li.current_page_item > a, .navshows .nav li.current_page_item > a, 
    .ui-navtop.navshows .nav li.current-post-ancestor > a, .navshows .nav li.current-post-ancestor > a{height: auto;border-bottom: none;}

    .navshows .nav li.navmore{border-bottom: none;}

    .feeds{display: none;}
    .slinks{display: none;}

    .content-wrap{float:none;}
    .content{margin-left:0;margin-right:0;min-height:auto;}
    .content-1{margin-left:0;}
    .sidebar{float:none;margin-left: 0;display: block;width: 100%;position: initial;}
    .content,.content-1,.sidebar{margin-top:15px;}
    .footer{margin-left: 0;margin-right: 0;padding-bottom: 20px;text-align: center;background-color: #444;}

     .ui-navtop{margin-top: 0;}
     .ui-navtop .logo{float: none;width: auto}
     .ui-navtop .nav .glyphicon{display: none;}
     .ui-navtop .nav{float: none;margin-top: 0;}
    .m-search{display: block;position: absolute;right: 0;top: 0;padding: 0 20px;line-height: 42px;color: #fff;font-size: 14px;font-weight: normal;z-index: 9}
    .pd10{padding:10px;}
}

@media (max-width:560px){

    .nav{height: 36px;padding-right: 36px;}
    .nav li a{padding: 0 10px;font-size: 12px;line-height: 36px;}
    .nav li.current-menu-item > a, .nav li.current-menu-parent > a, .nav li.current_page_item > a, .nav li.current-post-ancestor > a{border-bottom: 2px solid #dc143c;height: 36px;}
    .nav li.navmore{width: 40px;height: 36px;position: absolute;right: 0;top: 0;}
    .nav li.navmore::before{content:'';position: absolute;top: 16px;right: 10px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #999;}
    .nav li.navmore::after{content:'';position: absolute;top: 15px;right: 10px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;}
    .m-search{padding: 0 10px;}
    .list,.shop-item,.content-1 .list,.bai .item-1{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .flex-container{flex-direction: column;}
    .bai .item-1 .item-1,.item-2.mob{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .item-2 > div:last-child {width: 100%;display: contents;}
.bot a{text-align: center;}
.bot a+a{margin-top:0;}.shop-item .shop-img img{width:100%;}
    .pd10 .list{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .pd10 .post{padding:0 0 10px;}
}