:root {
    --main-color: #F8485E;
    --main-hover-color: #CD113B;
}
*, ::after, ::before {box-sizing: border-box;}
body, div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside, article { margin: 0; padding: 0; list-style: none; }
input, textarea {outline: none;border: 0;background: none;font-family: "Microsoft YaHei";-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
img, input, select, button {vertical-align: middle;border: none;}
body {box-sizing:inherit;background-color: #fafafa;font-size:16px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
a {color:var(--main-color);text-decoration: none;background-color: transparent;}
a:hover {color:#2b2b2b;text-decoration:underline;}
.wrap {margin: 0 auto;position: relative;overflow: hidden;padding-left:0px;padding-right:0px;}
.box {overflow:hidden;padding:10px;background-color:#fff;}
.main {display: block;background-color: #fff;}
.aside {background-color: #fff;}
.header {overflow:hidden;color:#666;line-height:32px;padding-top:5px!important;padding-bottom:5px!important;border-bottom: 1px solid #eee;background: #fafafa;border-top: 2px solid var(--main-color);font-size:14px;}
.header .logo {float:left;display:inline-block;width:32px;height:32px;margin-right:5px;background: url(/images/logo_m.png) center center no-repeat;}
.header .curr {display:none;}
.header a {color:#666;}
.header h1,.header h2 {display: inline-block;padding-left: 5px;padding-right: 5px;max-width: calc(100% - 70px);margin: 0px;font-size: 16px;border-left: 1px solid #ddd;line-height: 1.4;}
.header .btn-search {float:right;padding: 0 5px;width: 32px;height: 32px;background: url(/images/search.svg) center center no-repeat;}
.header .btn-toggle {float:right;padding: 0 5px;display:block;width: 32px;height: 32px;background: url(/images/toggle.svg) center center no-repeat;}
.header .btn-tougao {float:right;padding: 0 5px;font-size: 14px;display:none;}
.searchbar {overflow:hidden;width:100%;padding:5px 0;display:none;}
.searchbar input {line-height: 32px;border:1px solid #ccc;text-indent: 7px;color: #666;width:calc(100% - 60px);border-radius: 4px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.searchbar button {margin-left: -1px;border: none;cursor: pointer;width: 60px;height: 36px;background: var(--main-color);color: #fff;text-align: center;font-size: 15px;border-radius: 4px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.searchbar button:hover {background:#2b2b2b}
.searchform {display:inline;}
.navbar {overflow:hidden;background-color: var(--main-color);line-height:45px;display:none;}
.navbar .menu {display:flex;flex-direction: row;flex-wrap: wrap;background-color: var(--main-color);}
.navbar .menu a {display:block;padding:0 10px;color:#fff;font-size:15px}
.navbar .menu a:hover,.navbar .menu a.on {background-color:var(--main-hover-color);text-decoration: none;}
.navloc {overflow:hidden;font-size: 14px;margin-bottom:0px!important;padding-bottom: 0px!important;}
.navloc .curr {display:none;}
.navloc .mview {display:none;float:right;}
.navloc a {color:#2b2b2b}
.footer {background-color: #FFFFFF;margin-top:15px;padding: 20px 0;}
.footer p {text-align: center;font-size:14px;color: #999999;}
.footer p a {color: #999999;}
h1.title {font-size:20px;margin-bottom:5px;}
.viewmeta {overflow: hidden;font-size: 14px;border-bottom: 1px solid #EEE;padding-bottom: 5px;margin-bottom: 5px;color: #999;line-height: 25px;}
.viewmeta .timel {display:none}
.viewmeta .times {display:inline-block}
.viewmeta .mview {display:none}
.viewmeta a {color: #999;}
.sub-title {display:block;overflow:hidden;width: 100%;font-weight: 500;font-size:16px;border-left: 4px solid #ec7259;padding-left: 6px;margin-top: 5px;margin-bottom:5px;color:#495057;line-height: 1.1;height: 20px;}
.k-list {display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 15px;}
.k-list a {
	font-size: 14px;
    line-height: 26px;
    display: block;
    background: #f1f1f1;
    float: left;
    padding: 3px 10px;
    margin: 10px 5px 0 0;
    border-radius: 3px;
    transition: all .2s;
    color: #525252;
}
.k-list a:hover {background: var(--main-color); color: #fff;}
.r-list {overflow:hidden;line-height:30px;margin-bottom: 15px;}
.r-list li {overflow: hidden;height: 35px;line-height: 35px;list-style-type: none;list-style-position: inside;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px dashed #dfdfdf;}
.r-list li.num {list-style-type: decimal;}
.r-list li.w50 {width:100%;}
.r-list li.w1by3 {width:100%;}
.r-list li a {color:#495057}
.r-list li a em {font-style:normal;color:red;}
.result-item {display:block;overflow: hidden;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #eee;}
.result-item .img-link {float:right;width:120px;height:80px;padding-left:10px;line-height:1.2;}
.result-item .img-link img {width:100%;height:100%;border-radius: 5px;}
.result-item .title {font-weight:600;font-size:18px;margin-bottom:10px;line-height: 1.2;}
.result-item .meta {color: #999;font-size: 14px;line-height: 2;font-style: italic;}
.result-item .intro {color: #999;font-size: 14px;line-height: 1.4;max-height: 60px;overflow: hidden;text-overflow: ellipsis;}
.content {display:block;overflow:hidden;line-height:1.75;position: relative;font-size:16px;}
.content img {display: block;max-width: 100%!important;height:auto!important;background:#efefef;border-radius:10px;margin:8px auto;}
.content a {font-weight: 500;}
.content p,content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {margin-bottom:5px;}
.content h2, .content h2 a, .content h2 a u {text-decoration: none;font-size: 16px;text-align: left;font-weight: bold;clear: both;color: #ff0000;margin-top: 15px;}
.show-more {left: 0;position: absolute;z-index: 900;bottom:-1px;margin: 0;padding: 0;width: 100%;height:70px;text-align:center;background-color:white;color:var(--main-color);} 
.show-more .gradient {position:absolute;top: -79px;left: 0;height: 80px;width: 100%;background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);} 
.show-more .more-button {display: inline-block;font-size:16px;cursor: pointer;width:100%;padding-top: 10px;}
.show-more .more-button .arrow {display: inline-block;width:100%;height: 24px;background: url(/images/double-down.svg) 50% 50% no-repeat;}
.dl-box {display:block;overflow:hidden;border:1px solid #ddd;padding:15px;margin:15px 0;}
.dl-box:hover {background-color: #eee;text-decoration: none;}
.dl-box .file-icon {float:left;width:64px;height:64px;padding-right:10px;}
.dl-box .dl-meta {float:left;width:calc(100% - 80px);margin-bottom:15px;}
.dl-box .dl-meta h3 {font-size:16px;margin-bottom:5px;}
.dl-box .dl-meta .intro {font-size:14px;margin-bottom:2px;color: gray;}
.dl-box .dl-meta .tuijian {font-size: 14px;color: gray;}
.dl-box .dl-meta .tuijian svg {vertical-align: -3px;}
.dl-box .dl-btn {display: block;float:right;background-color: var(--main-color);color: #fff;padding:8px 0;border-radius:5px;width: 160px;text-align: center;}
.dl-box .dl-btn svg {vertical-align: middle;padding-right:5px;}
.dl-box .dl-btn span {line-height: 26px;}
.prev-next {display:flex;flex-direction: row;flex-wrap: wrap;font-size: 14px;margin: 10px 0px;}
.prev-next .prev, .prev-next .next {width:100%;line-height: 30px;}
.buy-link {padding:15px;text-align:center;}
.buy-link a {font-size:20px;}
.list-imgs {display:flex;flex-direction: row;flex-wrap: wrap;margin-bottom:15px;}
.list-imgs li {width:50%;padding: 5px;box-sizing: border-box;}
.list-imgs li a img {width:100%;height: 110px;border-radius: 4px;}
.list-imgs li h3 {font-size:15px;height: 25px;line-height: 25px;text-align: center;overflow: hidden;}

.pdtopx15 {padding-top:0px;}
.clear {clear:both;}
.pd15 {padding:15px;}
.mb15 {margin-bottom:15px;}
.m-hidden {display:none;}

/* 常用css样式 */
.f-left {float:left};
.mt5 {margin-top:5px;}
.mb5 {margin-bottom:5px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.mt15 {margin-top:15px;}
.mb15 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}
.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}
.text-center {text-align: center;}
.w25 {width:100%;}
.w1by3 {width:100%;}
.w25-50 {width:50%;}
.top-space{display:block;overflow: hidden;margin-top:5px;}

.pagenav-list {text-align:center;line-height:35px;padding: 15px 0;}
.pagenav-list li {display:inline-block;padding-right:5px;}
.pagenav-link {display: block;padding: 0 5px;min-width: 35px;height: 35px;line-height: 35px;font-size: 14px;color: #666;text-align: center;border: 1px solid #ddd;box-sizing: border-box;border-radius: 4px;}
.pagenav-link.is-current {font-weight:700;cursor: default;background-color: #efefef;}
.pagenav-link.is-current:hover {border:none;}
.pagenav-link:hover {color: #2b2b2b;border: 1px solid #999;}


@media screen and (min-width:768px) {
    body {font-size:15px;}
    h1.title {text-align: center;font-size:26px;margin-bottom:10px;}
    .wrap {max-width:1000px;}
    .box {padding:15px;}
    .header {height:auto;padding-top:15px!important;padding-bottom:15px!important;}
    .header h1 {font-size:20px;max-width: calc(100% - 160px);}
    .header .logo {display:inline-block;width:130px;height:30px;background: url(/images/logo.png) center center no-repeat;}
    .header .curr {display:inline-block;}
    .header .curr {display:inline-block;}
    .header .btn-toggle {display:none;}
    .header .btn-tougao {display:inline-block;}
    .navbar {display:block;}
    .navbar .menu a {padding:0 10px;}
    .navloc {display:block}
    .navloc .curr {display:inline-block;}
    .main {float:left;width:calc(66.66% - 15px);}
    .aside {float:right;width:33.34%;}    
    .r-list li.w50 {float:left;width:50%;}
    .r-list li.w1by3 {float:left;width:33.3333%;}
    .list-imgs li {width:25%;}
    .result-item .img-link {width:150px;height:100px;}
    .viewmeta {text-align:center;} 
    .viewmeta .timel {display:inline-block}
    .viewmeta .times {display:none}
    .viewmeta .mview {display:inline-block}
    .dl-box .dl-meta {width:calc(100% - 240px);}
    .m-hidden {display:block;}
    .pdtopx15 {padding-top:15px;}
    .w25 {width:25%;}
    .w25-50 {width:25%;}
    .w1by3 {width:33.33333333%;}
    .top-space{display:block;margin-top:15px;}
}
.friendlinks {font-size:12px;color:#9e9e9e;}
.friendlinks a {color:#9e9e9e;}
#return-to-top {padding-top:4px;padding-left:4px;position: fixed;bottom: 20px;right: 20px;color:#fff;background: #b5b5b5;width: 32px;height: 32px;display: block;text-decoration: none;border-radius: 35px;display: none;transition: all 0.3s ease;line-height:1.1;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top img {width:24px;height:24px;}
.sharebar {overflow: hidden;padding: 5px;text-align: center;background-color: #fafafa;border: 1px solid #dee2e6;font-size: 14px;margin-top: 5px;margin-bottom: 15px;}
.sharebar a {display: inline-block;padding:5px;color:#495057;}
.sharebar #qrcode {display:none;text-align: center;padding:15px;}
