.pic{margin-top: 30px;background:#fff;}
.pic .tit{background:#0087db; height:50px; line-height:50px;margin-bottom:30px; overflow:hidden;}
.pic .tit h2{color:#fff; font-size:13px;padding-left:15px;}
.pic,.pic *{box-sizing: border-box;}
.pic .row{display: flex;flex-wrap: wrap;}

.post-grid {
    margin-bottom: 30px;
    background-color: #FFF;
    border-radius: 4px;
    transition: box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transform: translate(0,0);
    border: 1px solid #eee;
}

.post-grid:hover {
    -webkit-box-shadow: 0 34px 20px -24px rgba(136,161,206,0.3);
    box-shadow: 0 34px 20px -24px rgba(136,161,206,0.3);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -ms-transform: translateY(-5px);
}
.post-grid .entry-media {
    margin-bottom: 0;
    position: relative;
}

.post-grid .entry-media img {
    margin: 0 auto;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.entry-media {
    margin-bottom: 10px;
    position: relative;
}

.entry-media .placeholder {
    background-color: #ffffff;
    height: 0;
    overflow: hidden;
    /* border-radius: 4px 4px 0 0; */
}

.entry-media img {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.entry-media img:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.entry-format {
    background-color: rgba(0,0,0,0.4);
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    height: 25px;
    left: 10px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 25px;
}

.entry-star {
    display: block;
    border-radius: 50%;
    font-size: 15px;
    height: 25px;
    right: 10px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 25px;
    opacity: 0;
    visibility: hidden;
    background-color: #FFC107;
}

.post-grid:hover .entry-star,.post-list:hover .entry-star {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
.post-grid .entry-wrapper {
    padding: 10px 10px 20px 10px;
}

.grid_author_avt {
    position: relative;
    z-index: 9;
    display: block;
    width: 100px;
    height: 36px;
    margin-top: -24px;
    margin-left: -10px;
    transform: translateZ(0);
}

.grid_author_avt:hover {
    opacity: 1 !important
}

.grid_author_avt:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100px 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==);
    top: -3px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: -1;
}

.grid_author_bggo {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 9;
}

.bg-cover {
    background-size: cover;
    background-position: 50% 50%;
}

.post-large .entry-title {
    font-size: 30px;
}

.post-medium .entry-title {
    font-size: 25px;
}
.entry-header .entry-meta {
    align-items: center;
    color: #aaa;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    letter-spacing: .2px;
    margin-bottom: 5px;
    text-align: center;
}

.entry-header .entry-meta>span+span {
    margin-left: 15px;
}

.entry-header .entry-meta a {
    color: #aaa;
}

.entry-header .entry-meta .meta-author a {
    align-items: center;
    display: flex;
}

.entry-header .entry-meta .avatar {
    border-radius: 50%;
    height: 15px;
    margin-right: 8px;
    width: 15px;
}

.entry-header .entry-meta .meta-category {
    display: flex;
    flex-wrap: wrap;
}

.entry-header .entry-meta .meta-category a {
    align-items: center;
    display: flex;
}

.entry-header .entry-meta .meta-category a+a {
    margin-left: 8px;
}

.entry-header .entry-meta .meta-category .dot {
    background-color: var(--accent-color);
    border-radius: 50%;
    height: 6px;
    margin-right: 5px;
    width: 6px;
    background-color: #fd721f;
}

.entry-header .entry-meta .meta-category a:nth-child(2) .dot {
    background-color: #4CAF50;
}

.entry-header .entry-meta .meta-category a:nth-child(3) .dot {
    background-color: #2196F3;
}

.entry-header .entry-title {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.2px;
    margin-bottom: 0;
}
.entry-excerpt {
    color: #888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 5px 0;
    line-height: 22px;
    font-size: 13px;
    height: 44px;
}

.post-expire-time{
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 12px;
    background: #f9655a;
    color: #fff;
    border-radius: 0 0 0 10px;
    font-size: 13px;
}
.post-expire-time.ok{
    background: #8BC34A;
    color: #fff;
}
.entry-footer {
    display: block;
}

.entry-footer .post-meta-box {
    display: flex;
    padding: 5px 15px;
    font-size: 12px;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #ebeef5;
    color: #b4b4b4;
    margin: -15px;
    margin-top: 10px;
    list-style: none;
}

.entry-footer .post-meta-box li:nth-child(1) {
    flex: 1;
    padding: 0;
}

.entry-footer .post-meta-box .meta-date {
    color: #555;
}

.entry-footer .post-meta-box .meta-like {
    padding-left: 8px;
}

.entry-footer .post-meta-box .meta-comment {
    padding-left: 8px;
}

.entry-footer .post-meta-box .meta-views {
    padding-left: 8px;
}

.entry-footer .post-meta-box .meta-price {
    margin-left: 8px;
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #FFB800;
    color: #fff;
    border-radius: 2px;
    line-height: initial;
}
.pc img{max-width:100%;}

/*背景*/
.bg{overflow: hidden; background:#f5f5f5 url(../images/bg.png); width:100%; }
.title{text-align:center; margin:30px 0;}
.title h2{font-weight:bold; font-size:32px; color:#999;}
.title div{font-size:16px; font-weight:inherit; text-align:center; color:#999;}
.bbk{margin-top:30px;padding-bottom:10px; background:#fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.bbk table{width:100% ; max-width:1500px;}
.bbk thead{background:#0087db; height:50px; line-height:50px; color:#fff; font-size:13px; border-right: 1px solid #0087db; border-left: 1px solid #0087db;}
.bbk thead tr{width:100%;}
.bbk tbody{text-align:center;}
.bbk tbody tr{border-bottom:1px dashed #ccc;}
.bbk tbody tr td{padding:10px 0;}
.bbk tbody tr td i{font-style:inherit;}
.bbk tbody tr td i a,.bbk tbody tr td b,.bbk tbody tr td u a{padding:2px 5px; background:#f60; color:#fff; display: inline-block; border-radius: 4px;}
.bbk tbody tr td b{font-weight:inherit; background:#09f;}
.bbk tbody tr td u a{background:#090;}
.bbk tbody tr td u a:hover{text-decoration: none; background:#065;}
.bbk tbody tr td b:hover{text-decoration: none; background:#06f;}
.bbk tbody tr td i a:hover{text-decoration: none; background:#f90;}
.bbk .kf1 {color: #fff;padding: 5px;display: inline-block;background:#f90704;border-radius: 4px;}
.bbk .kf1:hover {background: #E066FF;text-decoration: none;}

.bbk .kf2 {color: #fff;padding: 5px;display: inline-block;background:#333;border-radius: 4px;}
.bbk .kf2:hover {background: #FFD700;text-decoration: none;}

.bbk .kf3 {color: #fff;padding: 5px;display: inline-block;background:#F60;border-radius: 4px;}
.bbk .kf3:hover {background: #F08080;text-decoration: none;}
/*客服-返回顶部*/
.fixed{position:fixed; right:50%; margin-right:-815px; top: 50%; margin-top:-100px;}
.fixed .qq{width:60px; height:60px; border-radius:5px; background:#0087db url(../images/qq.png) no-repeat center; background-size:50px; cursor: pointer;}
.fixed .qq:hover ul{display: block;}
.fixed .qq ul{width:190px; background:rgba(255,255,255,0.9); position:absolute; left:-198px; padding:5px; display: none; border-radius:5px 0 5px 5px; cursor: default; border:1px solid #ccc;}
.fixed .qq ul .qq-bg{border:1px solid #ccc; overflow: hidden;}
.fixed .qq ul li{border-bottom:1px solid #ccc; line-height:50px;}
.fixed .qq ul li b{width:80px; height:50px; display: inline-block; border-right:1px solid #ccc; text-align:center; float: left; clear:both; background:#eee;}
.fixed .qq ul li span{width:107px; display: inline-block; text-align:center;}
.fixed .ftop{width:60px; height:60px; opacity:0.6; display: inline-block; position:absolute; bottom: 50%; margin-bottom: -300px; border-radius:5px; background:#000 url(../images/f.png) no-repeat center; background-size:30px; cursor: pointer; display: none;}
.fixed .ftop:hover{background:#0087db url(../images/f.png) no-repeat center; background-size:30px;}
/*赛选*/
.screen{padding: 10px; border:1px solid #ccc; border-top:none; font-size: 13px; background:#fff;}
.scv-shaixuan{padding:10px 0; border-bottom: 1px dashed #ccc;}
.scv-shaixuan b{padding:0 15px;}
.scv-shaixuan span,.scv-shaixuan a:hover{background:#4b74e5; padding:5px 10px; display: inline-block; border-radius:4px; color: #fff;}
.scv-shaixuan a,.scv-shaixuan span{padding:5px 10px; display: inline-block; margin-right:10px;}
.screen p{margin-top:10px; padding:0px 15px; line-height:26px; color:#4b74e5;}
/*动画*/
@-webkit-keyframes fadeIn{0%{opacity: 0} 100%{opacity: 1}}
@keyframes fadeIn{0%{opacity: 0} 100%{opacity: 1}}
.fixed .qq ul{opacity:0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; a nimation-duration: 1s; -webkit-animation-fill-mode: forwards ; animation-fill-mode: forwards ; -webkit-animation-delay:0s; /**延迟动画**/ animation-delay:0s;}
/*当前位置*/
.haed{padding:10px 0;}
/*内容*/
.show{background:#fff; border:1px solid #ccc; padding:10px; overflow: hidden; border-top:5px solid #0087db;}
.show .h2{height:60px; line-height:60px;}
.show .h2 h2{padding-left:10px; border:1px solid #eee; border-left:4px solid #0087db; color:#0087db;width: 1400px;float: left;}
.show .h2 span {float: right;}
.show .h2 span a {height: 62px;line-height: 60px;width: 162px;background: #FF8C69;display: inline-block;color:#fff;font-size: 16px;text-align: center;}
.show .h2 span a:hover {background: #FA8072;text-decoration: none;}
.show .pic{margin:20px 0; padding:5px; border:1px solid #ccc; float: left; background:#f5f5f5;}
.show .pic img{width:195px; height:195px;}
.show .ul{margin:20px 0; float: left; width:1060px;}
.show .ul li{width:220px; border:1px solid #eee; height:50px; margin:0 0 10px 35px; float: left;}
.show .ul li b{width:100px; border-right:1px solid #eee; height:50px; display: inline-block; text-align:center; line-height:50px; background:#f9f9f9; color:#666; float: left;}
.show .ul li span{width:119px; height:50px; display: inline-block; line-height:50px; text-align:center; color:#999;}
.show ul .rmb b{background:#f22; color:#fff;}
.show ul .rmb span{background:#f5f5f5;}
.show .buy{float: left; padding:10px 0; margin-top:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; width:820px; margin-left:120px;}
.show .buy b,.show .buy i a{width:140px; height:50px; color:#fff; background:#0087db; display: inline-block; line-height:50px; text-align:center; margin-right:60px; font-weight:bold; font-size:14px; border-radius:4px; cursor: pointer;}
.show .buy b:hover,.show .buy i a:hover{background:#09f;}
.show .buy i a{font-style:normal; background:#069;}
.show .buy1{float: left; padding:10px 0; margin-top:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; width:700px; margin-left:20px;}
.show .buy1 b,.show .buy1 i a{width:140px; height:50px; color:#fff; background:#0087db; display: inline-block; line-height:50px; text-align:center; margin-right:30px; font-weight:bold; font-size:14px; border-radius:4px; cursor: pointer;}
.show .buy1 b:hover,.show .buy1 i a:hover{background:#09f;}
.show .buy1 i a{font-style:normal; background:#069;}
.title3{border-bottom:1px solid #eee;}
.title3 b{border:1px solid #ddd; padding:10px 15px; display: inline-block; margin-left:30px; position:relative; top: 1px; border-bottom:1px solid #fff; border-radius:5px 5px 0 0; font-size:14px; color:#666;}
.conter{min-height: 500px; border:1px solid #eee; border-top:none; padding:10px; line-height:25px; font-weight:inherit; color:#666;}
.conter img{margin:20px auto;max-width:955px;_width:expression(this.width>955 ? "955":true);display:block;border-radius:1px}
/*下载*/
.bg1{background:#000; width:100%; opacity:0.5; position: absolute; left:0; top: 0; display: none; z-index:20;}
.down{width:400px; height:240px; background:#fff; position:fixed; left:50%; margin-left:-200px; top: 50%; margin-top:-100px; border:1px solid #ddd; display: none; z-index:21; border-radius:4px;}
.down .title1{height:40px; background:#f1f1f1; border-bottom:1px solid #ddd; text-align:center; line-height:40px; font-size:18px; font-weight:bold; color:#333;}
.down .title1 span{position:absolute; top: 0; right:8px; cursor: pointer;}
.down p{color:#f00; text-align:center; line-height:100px; font-size:14px;}
.down .buy-1{float: left; margin-left: 50px;}
.down .buy-1 a{width:150px; height:50px; display: inline-block; background:#4871e2; line-height:50px; text-align:center; color:#fff; font-size:14px; border-bottom:2px solid #06d}
.down .buy-1 a:hover{background:#06f;}
.down .buy-2{width:150px; height:50px; background:#3bbd47; line-height:50px; text-align:center; color:#fff; font-size:14px; float: left; border-bottom:2px solid #091}
.news,.down1{}
.news .tite,.down1 .tite{height:50px; line-height:50px; background:#0087db; color:#fff; font-weight:bold; font-size:14px; padding-left:15px;}
.down1 ul li{width:367px; border:1px solid #ddd; float: left; margin-left:23px; margin-bottom:20px; border-top:2px solid #0087db;}
.down1 dl{}
.down1 dl dd{height:40px; background:#f5f5f5; border-right:1px solid #ddd; float: left; width:182px; text-align:center; line-height:40px;}
.down1 ul li h4{height:40px; line-height:40px; text-align:center; border-bottom:1px solid #ddd; color:#666; font-weight:inherit;}
.news .tite span,.down1 .tite span{float: right; color:#fff; font-weight:inherit; padding-right: 15px;}
.news .tite span a,.down1 .tite span a{color:#fff;}
.news ul{overflow: hidden; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0 10px 0;}
.down1 ul{overflow: hidden; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:20px 0 5px 0;}
.news ul li{float: left; width:540px; line-height:30px; padding-left:19px; margin-left:20px; margin-right:20px; background:url(../images/news1.png) no-repeat 0px 9px; background-size:12px; border-bottom:1px dashed #eee;}
.news ul li span{float: right; color:#999;}
.news .tite h2,.down1 .tite h3,.news .tite h3{font-size:14px; float: left;}
.page{background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px; text-align:center; overflow: hidden;}
.page li{border:1px solid #0087db; float: left; padding:5px 10px; margin-right:5px;}
.news-show{background:#fff; padding:10px; border:1px solid #ccc;}
.news-show .h2 h2{padding-left:10px; border-left:5px solid #0087db;}
.news-show .h2 span{float: right;}
.news-show .info{height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.news-show .info small{margin-left:10px;}
.news-show .content{padding:20px 0; font-size:14px; line-height: 28px;}
.news-show .content img{margin:20px auto;max-width:955px;_width:expression(this.width>955 ? "955":true);display:block;border-radius:1px}

@media (min-width: 1450px) {
	.pic .row .col-lg-1-5 {
    flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
	 padding: 10px 10px 10px 10px; 
	}
}	
@media (max-width: 767px) {
	.pc{display:none;}
	.m{display:block;}
	.bbk thead{line-height:1.5;}
	.top,.header{height:auto;width:100%;}
	.inner,.footer-inner{width:100%;}
	.header .logo{width: 100%;}
	.header .so{width: 94%;margin: 10px 3%;}
	.header .so input{width: calc(100% - 122px);}
	.menu{height:auto;}
	.menu ul li a{padding:0 15px;}
	.bbk table{width:100%;}
	.show .h2 h2{width:100%!important;box-sizing: border-box;}
	.show .pic{/* margin:0 auto; */}
	.show .ul{width:100%;}
	.show .ul li{width:46%;margin:10px 2%;box-sizing: border-box;}
	.show .ul li b,.show .ul li span{width:50%;box-sizing: border-box;}
	.show .buy{width:100%;margin: 10px 0;}
	.show .buy i a{width:46%!important;margin:10px 2%;box-sizing: border-box;}
	.conter img{max-width:100%!important;}
}