abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input,textarea{outline:0}
html{font-size:16px}
body{font:1rem "Microsoft YaHei",Arial,Helvetica,sans-serif;color:#212529;background:#fff;line-height:1.5}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
.hdp_text,em,h1,h2,h3,h4,h5,h6,i{font-family:rubik,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,Arial,sans-serif;font-weight:400;font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:700}
li,ol,ul{list-style-type:none}
a,b{color:#212529;text-decoration:none;outline:0;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}
a:hover{text-decoration:none;color:#ff6651!important}
a:focus{outline:0}
img{border:0;display:block;max-width:100%}
h1{font-size:1.875rem;margin-top:1rem}
h2{font-size:1.5rem;margin-bottom:.875rem}
h3{font-size:1.25rem}
h4{font-size:1.125rem}
h5{font-size:1rem}
h6{font-size:1rem}
h2 strong{color:#fd6e6e}
p{font-size:1rem;color:#636874;margin-bottom:1rem}
sub,sup{font-size:1rem;margin-left:6px}
.f_l{float:left}
.f_r{float:right}
.d-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-fill{flex:1 1 auto}
.flex-align{align-items:center}
.flex-grow{flex-grow:1}
.flex-justify{-webkit-justify-content:center;justify-content:center}
.flex-column{flex-direction:column}
.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.mt1{margin-top:.875rem}
.mb1{margin-bottom:1rem}
.mbm{margin-bottom:.5rem}
.pt1{padding-top:.875rem}
.pb1{padding-bottom:1.875rem}
.txt.pb1{padding-bottom:1rem}
.px{padding-right:.5rem;padding-left:.5rem}
.border-b{border-bottom:1px solid rgba(170,172,182,.15)}
.text-c{text-align:center}
.text-l{text-align:left}
.text-r{text-align:right}
.both{clear:both}
.hidden{overflow:hidden}
.con{width:100%;margin:auto}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#636874;background-color:#f3f4f6;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:3px;-webkit-appearance:none;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}
.btn:hover{color:#fff!important;opacity:.8;background-color:#ff6651}
.btn-red{background-color:#fd6e6e;color:#fff}
.btn-blue{background-color:#ff6651;color:#fff}
.small .btn{padding:.285rem .7rem;font-size:.875rem}
blockquote{border-left:4px solid #ff6651;padding:.75rem;background-color:#f8f9fa;margin-bottom:1rem;color:#636874}
blockquote p{color:#636874!important}
blockquote p:last-child{margin-bottom:0}
table{border-collapse:collapse;margin-bottom:1rem}
table,table td,table th{border:1px solid rgba(170,172,182,.15)}
table td,table th{padding:6px}
table th{background-color:#f8f9fa}
code{margin:0 2px;padding:3px 4px;border-radius:3px;color:#636874;background-color:#f8f9fa}
.sg{position:relative;padding-left:10px}
.sg:before{position:absolute;top:.4375rem;left:0;content:'';width:4px;height:1.375rem;background:#ff6651}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
header{width:100%}
header nav{background-color:#f8f9fa;line-height:5rem;border-bottom:1px solid rgba(170,172,182,.15)}
header nav .logo a{font-size:1.5rem}
header nav ul{height:5rem}
header nav .logo a img{height:3.6rem}
header .box li,header .nav li{float:left;display:block;margin:0 0 0 2rem;font-size:1.125rem;position:relative}
header .nav li a{display:inline-block;color:#555}
.selected{color:#ff6651!important}
.selected:after{width:100%;height:2px;position:absolute;bottom:-1px;left:0;background-color:#ff6651;content:'';transition:all .6s}
.navbar-item ul .selected:after{height:0}
footer{padding:1.15rem;border-top:1px solid rgba(170,172,182,.15)}
.lin a,footer p{color:#7a8b9a;text-align:center;line-height:1.7;font-size:.875rem}
header .nav .sub-nav{position:absolute;left:.5rem;top:80%;width:180px;height:auto;padding:.5rem 0;margin-top:.25rem;border-radius:6px;background-color:#fff;-webkit-box-shadow:0 2px 30px 0 rgb(34 40 49/8%);box-shadow:0 2px 30px 0 rgb(34 40 49/8%);opacity:0;visibility:hidden;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition:all .2s linear 0s;-webkit-transform:scaleY(0);-khtml-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0}
header .nav .sub-nav li{line-height:3;font-size:1rem;padding:0 1.2rem}
header .nav .sub-nav li a{color:#636874}
header .nav li.on .sub-nav{opacity:1;visibility:visible;z-index:100;-webkit-transform:scaleY(1);-khtml-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.dot{display:inline-block;position:relative;z-index:1;margin-left:4px}
.jzsjx{fill:none;stroke:#ff6651;stroke-linejoin:round;stroke-width:6px}
header .box li.menu-nav{display:none}
.sidebar{position:fixed;top:0;left:0;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-width:415px;width:100%;height:100vh;z-index:999;background:#fff;-webkit-transform:translateX(-120%);transform:translateX(-120%);-webkit-transition:all .3s ease;transition:all .3s ease;overflow-x:hidden;overflow-y:auto;padding:1.625rem;-webkit-box-shadow:0 5px 65px -5px rgba(131,140,157,.2);-ms-box-shadow:0 5px 65px -5px rgba(131,140,157,.2);box-shadow:0 5px 65px -5px rgba(131,140,157,.2);-webkit-overflow-scrolling:touch}
.sidebar.active{-webkit-transform:translateX(0);transform:translateX(0)}
.sidebar a{color:#636874}
.sidebar .close i{display:block;position:relative;width:2.35rem;height:2.35rem;background-color:#f3f4f6;border-radius:50%;float:right;cursor:pointer}
.sidebar .close i:after,.sidebar .close i:before{left:1.1rem;height:1.1rem;top:.65rem}
.sidebar li{position:relative;display:block;padding:1rem 0;-webkit-transition:.2s;transition:.2s;border-top:1px solid rgba(170,172,182,.15);font-size:16px}
.sidebar li:first-child{border-top:0}
.sidebar li .dot{position:absolute;top:0;right:0;width:3rem;height:3.7rem;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sidebar .ul-subcates{display:none;position:relative;background-color:#f3f4f6;border-radius:6px;padding:.5rem 1rem;margin:.75rem 0 0}
.sidebar .ul-subcates li{border:0;padding:.5rem 0;font-size:1rem}
.hide_box,.search,.search_box{position:fixed;width:100%;height:100%;top:0;z-index:999;display:none;background:#fff}
.search_box{background-color:transparent;z-index:-1}
.search .search-btn{position:fixed;top:18px;right:16px}
.search form{position:relative;padding:1rem;top:6rem;border-radius:.25rem}
.search-ipt{width:100%;height:3rem;padding:0 15px;border:1px solid #f4f5f9;outline:0;background-color:#f4f5f9;font-size:1rem;float:right;border-radius:.25rem}
.search button{width:3rem;height:3rem;background:0 0;position:absolute;right:1rem;border-radius:0 .25rem .25rem 0}
.search_ico i{position:relative;top:2px;display:inline-block;width:20px;height:20px}
.search_ico i:before{content:' ';position:absolute;width:12px;height:12px;border:2px solid #636874;border-radius:10px}
.search_ico i:after{content:'';position:absolute;width:8px;height:3px;background:#636874;border-radius:5px 0 0 5px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg)}
.search_ico i:before{top:0;left:0}
.search_ico i:after{right:0;top:14px}
.btn.search_ico:hover i:before{border-color:#fff}
.btn.search_ico:hover i:after{background:#fff}
.menu-btn,.search-btn{cursor:pointer}
.search-btn i{top:0;right:2px}
.close i:after,.close i:before{position:absolute;left:10px;content:' ';height:22px;width:.125rem;background-color:#636874;border:0;border-radius:0}
.close i:before{transform:rotate(45deg)}
.close i:after{transform:rotate(-45deg);top:0}
.menu_ico i{display:inline-block;width:20px;height:18px;padding:6px 0;border-top:2px solid #636874;border-bottom:2px solid #636874;background-color:#636874;background-clip:content-box}
.mbs{color:#7a8b9a!important;font-size:.875rem}
.focusbox{background-color:#384047;color:#fff;padding:45px 0;text-align:center}
.focusbox h1{font-weight:400;font-size:22px;margin:0}
.focusbox p{color:#fff;margin:0}
main{margin:1em auto 4em!important;min-height:calc(100vh - 22em)}
main{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.item-meta{position:relative;display:inline-block;margin:0 12px 0 0;padding:0 12px 0 0}
.item-meta:after{content:'';position:absolute;right:0;top:50%;width:3px;height:3px;border-radius:6px;background-color:#fd6e6e;-webkit-transform:translate(100%,-50%);transform:translate(50%,-50%)}
.list-meta,.list-meta a{color:#7a8b9a;font-size:.875rem}
.focusbox .list-meta,.focusbox .list-meta a{color:#fff}
.list-meta .f_r a{margin-left:4px}
.pagelist{text-align:center;clear:both;margin:1.75rem 0}
.pagelist .btn{margin-top:.285rem;margin-right:.285rem}
main ul li p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:relative}
.istop{color:#fd6e6e}
.lin{background-color:#f8f9fa;padding:.5rem;margin-top:.5rem;border-radius:3px}
.lin li{margin:.25rem .5rem;line-height:1.5}
.swiper-container{width:52%;height:23rem;margin-bottom:1.875rem}
.swiper-slide{text-align:center;font-size:1.5rem;height:367px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img{max-width:100%;height:367px;object-fit:cover}
.topsige{width:48%;padding-left:15px}
.topsige li{width:calc(33.333% - 11px);float:left;margin:0 16px 16px 0;position:relative;overflow:hidden}
.topsige li i{height:176px;display:block}
.topsige li i img{width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover}
.topsige li h3{left:0;bottom:-80px;position:absolute;background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));color:#fff;font-size:1rem;padding:5px 10px 10px 10px;width:100%;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition:all .2s linear 0s}
.topsige li:hover h3{bottom:0}
.topsige li h3 span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.topsige li:nth-child(3n+0){margin-right:0}
.hdp_text{position:absolute;bottom:0;width:100%;padding:1.125rem 1.25rem;text-align:left;z-index:1;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5))}
.hdp_text a{color:#fff}
.swiper-pagination-bullet{width:20px;height:2px}
main .row ul.picul{margin:0 -8px}
.istop{position:absolute;top:15px;left:23px;z-index:1;padding:0 4px;font-size:14px;background:#f1404b;color:#fff}
.col{position:relative;width:100%;min-height:1px;padding-right:8px;padding-left:8px;margin-bottom:32px;-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.list-content h2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;font-size:1rem;margin:10px 0 15px}
.list-img{width:100%}
.list-img a{width:100%;height:0;padding-bottom:135%;overflow:hidden;position:relative;display:block}
li a img{width:100%;height:100%;position:absolute;object-fit:cover}
.pagelist{text-align:center;color:#666;width:100%;clear:both;margin:20px 0}
.pageload{padding:0;position:relative;height:43px;margin:20px 30%}
.pageload .page-load-status p,.pageload .view-more-button{position:absolute;top:0;left:0;width:100%;display:inline-block;margin:0;padding:10px;width:100%;border:0;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;height:42px;background:#2a2b2b;letter-spacing:0;color:#fff;border-radius:5px}
.pageload .view-more-button{padding:0}
.pageload .view-more-button p{padding:10px 20px;letter-spacing:0}
.pageload .view-more-button{cursor:pointer}
.pageload .page-load-status p{z-index:1}
@-webkit-keyframes refresh-ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes refresh-ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.pageload .aload_img{display:inline-block;margin-right:6px;vertical-align:top;margin-top:4px}
.pageload .aload_img img{width:14px;height:14px;-webkit-animation:refresh-ring 1.2s linear infinite;animation:refresh-ring 1.2s linear infinite}
.pageload .page-load-status p.infinite-scroll-last{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#7a8b9a}
.wzno{display:none}
.post{margin:0 0 2rem 0}
.postt{margin:1rem 0 2rem 0}
.post ol,.post ul{list-style:disc;margin:0 0 2em 0;padding-left:1.25em}
.post ol li{list-style-type:decimal}
.post ol{list-style:decimal}
.post ul li{list-style-type:disc}
.post img{max-width:750px;height:auto!important;margin:0 auto}
.post p{line-height:1.7;color:#212529}
.post a{color:#ff6651}
.post h2,.post h3,.post h4,.post h5,.post h6{margin:1.5rem 0;padding-left:10px;line-height:1;border-left:4px solid #ff6651;position:relative}
.remind{background-color:#f8f9fa;padding:1rem;border-radius:3px;font-size:.9375rem;color:#636874;margin:1rem 0}
.pagetp p{margin:0}
.tags{margin-top:2rem}
.tags a{padding:4px 10px;color:#636874;background-color:#f3f4f6;display:inline-block;margin:0 4px 4px 0;border-radius:.25rem;font-size:.875rem}
.tags a:hover{background-color:#ff6651;color:#fff!important}
.igpbox{position:relative}
.imgpag{position:absolute;top:50%;display:block;width:35px;height:60px;line-height:60px;text-align:center;margin-top:-30px;background-color:rgba(0,0,0,.4);color:#aaa}
.imgpag:hover{background-color:rgba(0,0,0,.6)}
.ipgz{padding-left:5px}
.ipgy{right:0;padding-right:5px}
.npg:hover{background-color:rgba(0,0,0,.4)}
.ipgz i{transform:rotate(135deg)!important;-webkit-transform:rotate(135deg)!important}
.ipgy i{transform:rotate(-45deg)!important;-webkit-transform:rotate(-45deg)!important}
.share{padding:2rem;text-align:center}
.share button{width:5rem;height:5rem;margin:auto;border-radius:50%;background-color:#fd6e6e;font-size:.875rem}
.share button i{display:block}
.share button i:before{content:'';width:3.375rem;height:2.25rem;display:block;background:url(../cssimg/zs.svg) no-repeat center center;background-size:auto 1.75rem}
.hide_box{color:#fff;background:rgba(120,129,147,.6)}
.shang_box{width:20rem;background-color:#fff;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-10rem;margin-top:-13.75rem;border-radius:6px;overflow:hidden;display:none}
.shang_box img{border:none;border-width:0;width:auto;height:auto;margin:0;box-shadow:none;max-width:100%}
.dashang{display:block;width:6.25rem;margin:.3125rem auto;height:1.5625rem;line-height:1.5625rem;padding:.625rem;background-color:#e74851;color:#fff;text-align:center;text-decoration:none;border-radius:6px;font-weight:700;font-size:1rem;transition:all .3s}
.dashang:hover{opacity:.8;padding:.9375rem;font-size:1.125rem}
.shang_close{display:inline-block;top:10px;position:absolute;right:10px}
.shang_logo{display:block;text-align:center;margin:1.25rem auto}
.shang_payimg{margin:0 auto;border-radius:.1875rem;border-radius:.625rem}
.pay_explain{text-align:center;margin:.625rem auto;font-size:.75rem;color:#545454}
.radiobox{width:1rem;height:1rem;background:url(../cssimg/radio2.svg);background-size:auto 1rem;display:block;float:left;margin-top:.3125rem;margin-right:.875rem}
.checked .radiobox{background-image:url(../cssimg/radio1.svg)}
.shang_payselect{text-align:center;margin:0 auto;cursor:pointer;width:17.5rem}
.shang_payselect img{display:inline!important;width:5.3rem}
.shang_payselect img.wximg{width:7rem}
.shang_payselect .pay_item{display:inline-block;margin-right:.625rem;float:left;padding:10px 0}
.shang_info{clear:both}
.shang_info a,.shang_info p{color:#c3c3c3;text-align:center;font-size:.75rem!important}
.comment h3,.comment h4,.related-list h3{margin:2rem 0;font-size:1.5rem}
.msg{margin:1.5rem 0;padding:0 0 1.5rem;border-bottom:1px solid rgba(170,172,182,.15);word-wrap:break-word}
.msgurl{text-align:right;padding:.125em .625em}
.msgarticle{list-style-position:outside;padding:.625rem 0 0;color:#636874}
.avatar{-ms-flex:0 0 3.8rem;flex:0 0 3.8rem;max-width:3.8rem;padding-right:1rem}
.avatar img{width:3.8rem;height:3.8rem;border-radius:50%}
.msg small{color:#7a8b9a}
.msg h3 small{font-size:12px}
.msg div.msg{padding:20px 0 0;margin:20px 0 0;border-top:1px solid rgba(170,172,182,.15);border-bottom:none}
.msg div.msg .msgarticle{padding-bottom:0}
.msg div.msg .msgname{padding:0}
.msg:nth-last-child(3){border-bottom:0}
.jz-comment label,.jz-comments label{display:none}
.jz-comment input{line-height:30px;height:30px;width:100%;padding-left:8px;font-family:"Microsoft YaHei",Verdana,sans-serif;font-size:14px;border:0;background-color:transparent}
.jz-comment textarea{height:120px;width:100%;font-size:14px;font-family:"Microsoft YaHei",Verdana,sans-serif;display:block;padding:8px;border:0;background-color:transparent}
.jz-comment-box{border:1px solid #f3f4f6;padding:4px;position:relative;background:#f3f4f6;margin-bottom:.875rem;border-radius:4px}
.jz-comment-ul4{float:left;width:49.5%}
.jz-comment-ul3{float:left;width:32.66%}
.jz-comment .jz-comment-ul4:nth-child(2n){float:right}
.jz-comment .jz-comment-ul3-2{margin:0 1%}
.jz-comment-box img.jz-code{position:absolute;right:4px;top:4px;height:1.875rem;width:auto}
.jz-comment{overflow:hidden}
input.jz-commbut{line-height:38px;height:38px;width:100px;float:right;padding:0;margin-top:10px;border-radius:3px;background:#ff6651}
.jz-comment-textarea{width:100%;clear:both}
.jz-red{color:#ff6651}
.verifyimg{position:absolute;top:10px;right:5px}
#go-to-top{width:3rem;height:3rem;text-align:center;line-height:3.725rem;cursor:pointer;position:fixed;right:1.875rem;bottom:1.875rem;background:#ff6651;opacity:.8;overflow:hidden;display:none;border-radius:.25rem;z-index:999;color:#fff}
#go-to-top i,.imgpag i{border:solid #fff;border-width:0 .125rem .125rem 0;display:inline-block;padding:.375rem;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
#go-to-top:hover{opacity:1}
#go-to-top.active{display:block}

.adiv0{display:flex;justify-content:center;}
@media screen and (min-width:980px)
{
  .adiv1{display:flex;justify-content:center;}
  .adiv2{display:none}
}
@media screen and (max-width:980px)
{
  .swiper-container{width:100%;margin-bottom:16px}
  .topsige{width:100%;padding-left:0}
  .topbox .d-flex{flex-direction:column}
  .adiv1{display:none;}
  .adiv2{display:flex !important;justify-content:center;}
}
@media only screen and (min-width:1230px){.con{width:1200px}}
@media only screen and (max-width:1230px){.con{width:96%}}
@media only screen and (max-width:1000px){.col{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}
@media only screen and (max-width:810px){.post img{max-width:100%}}
@media only screen and (max-width:767.9px)
{
  html{font-size:14.5px}
  header .box li,header .nav li{margin:0 0 0 1rem}
  h1{font-size:1.5rem;margin-top:0}
  .post{margin:0}
  header nav{line-height:4rem}
  header nav ul{height:4rem}
  header .nav .navbar-item{display:none}
  header .box li.menu-nav{display:block}
  header nav .logo a img{height:2.8rem}
  .list-content h2{margin-bottom:.35rem;-webkit-line-clamp:2}
  .list-content p{margin-bottom:.5rem;-webkit-line-clamp:1}
  .list-meta .f_r{display:none}
  .col{-webkit-box-flex:0;-webkit-flex:0 0 33.333%;-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%;align-items:stretch}
  .swiper-container,.swiper-slide,.swiper-slide img{height:18.75rem}
}
@media only screen and (max-width:414.1px)
{
  .ltim:after,.luser{display:none}
  .post img{max-width:100%}
  main .row ul.picul{margin:0 -5px}
  .col{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-right:5px;padding-left:5px;margin-bottom:20px}
  .hdp_text{padding:.875rem 1rem}
  .swiper-container{margin-bottom:10px}
  .swiper-slide,.swiper-slide img{height:12.5rem;font-size:1.25rem}
  .swiper-container{height:12.5rem}
  .topsige li{width:calc(50% - 5px);margin:0 10px 10px 0}
  .topsige li:nth-child(odd){margin-right:10px}
  .topsige li:nth-child(even){margin-right:0}
  .topsige li i{height:130px}
}
@media only screen and (max-width:321px)
{
  .list-content p{display:none}
  .col{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  .swiper-container,.swiper-slide,.swiper-slide img{height:10rem}
}