* {box-sizing:border-box;font-size:16px;
    font-family: Helvetica, Tahoma, Arial, "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
}
body {background:#0a0a14;}
body,a,a:link,input,button {color:#f6f6f6;text-decoration:none;}
html,body {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
.btn {cursor:pointer;border:0;padding:10px 30px;}
.jzhh {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jzhhh {white-space:nowrap;text-overflow:ellipsis;}
.column {text-align: justify;text-align-last: justify;}
.blkg {white-space:pre-wrap}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input:focus,textarea:focus {outline:none;}
button {cursor:pointer;}
a,button,div.img,p{transition: all 0.2s linear;}
a:hover,button:hover,div.img:hover{transform: scale(1);transition: all 0.2s linear;text-decoration:none;}

.content {max-width:1200px;margin:0 auto;}
.head {background:#141924;width:100%;float:left;padding:10px 1%;}
.head div.logo {float:left;}
.head div.logo a span.a {color:#fe628e;font-size:30px;}
.head div.logo a span.b {color:#f6f6f6;font-size:26px;}
.head div.search {float:right;margin-top:5px;}
.head div.search input {background:#29334a;border:0;color:#f6f6f6;border-radius:20px;height:37px;line-height:37px;padding:0 20px;}
.head div.search button {background:#29334a;border:0;color:#f6f6f6;border-radius:20px;height:37px;line-height:37px;padding:0 20px;}
.head div.search button:hover {background:#fe628e;}

.menu {width:100%;display:inline-block;text-align: center;padding:10px 2%;}
.menu a {font-size:15.5px;margin:5px;display: inline-block;}
.menu a:hover,.menu a.this {color:#fe628e;}

/* list */
.video_list h2 {width:100%;display:inline-block;font-size:16px;margin-bottom:10px;color:#bebebe;}
.video_list h3 {width:100%;display:inline-block;font-weight:400;margin-bottom:10px;color:#bebebe;}
.video_list {display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;width:100%;}
.video_list div.video_item {flex:1 1 calc(25% - 20px);box-sizing:border-box;border-radius:5px;margin-bottom:10px;position:relative;}
.video_list div.video_item a {display:block;}
.video_list div.video_item a.img {height:190px;margin-bottom:2px;width:100%;background-position:center;background-repeat:no-repeat;background-size:100% 120%;border-radius:15px;}
.video_list div.video_item a.title,.video_list div.video_item a.category {padding:2px 0;text-align:left;}
.video_list div.video_item a.title {font-size:14px;color:#f6f6f6;padding-top:5px;word-break:break-word;}
.video_list div.video_item a.category {position:absolute;top:10px;left:8px;padding:4px 8px;background:#e2d64d;color:black;border-radius:10px;font-size:12px;}
.video_list div.video_item:hover a.title,.video_list div.more a:hover {color:#fe628e;}

.video_list div.dh {width:100%;float:left;margin-top:30px;}
.video_list div.biao {float:left;font-size:18px}
.video_list div.more {float:right;}
.video_list div.more a {background:#29334a;border:2px solid #29334a;border-radius:10px;padding:8px 12px;}
.video_list div.more a:hover  {border:2px solid #fe628e;}

/*  */
.tags {width:100%;display:inline-block;text-align:center;margin-top:15px;}
.tags a {margin:3px 0;background:#34345c;color:white;border-radius:10px;font-size:13px;font-weight:bold;padding:10px 10px;display:inline-block;}
.tags a:hover {background:#fe628e;}

/* page */
.pages {text-align:center;margin:15px 0 30px 0;width:100%;float:left;border:0px;}
.pages div.pagination {display:inline-block;width:auto;border-radius:0px;padding:0;white-space:nowrap;overflow:hidden;}
.pages .pagination em {padding:0;margin:0;font-style: normal;border-radius:10px;}
.pages .pagination em.current {background:#fe628e;height:40px;line-height:40px;padding:0 15px;float:left;border-right:1px solid black;font-size:14px;font-style: normal;}
.pages .pagination a,.pages .pagination .gap {background:#22223c;padding:0 15px;height:40px;line-height:40px;float:left;font-size:14px;border-radius:10px;}
.pages .pagination a:hover {background-color: #fe628e;}
.pages .pagination .disabled {display:none;}
.pages a.previous_page,.pages a.next_page {display:none;}
.pages form {margin-top:10px;}
.pages form input,.pages form button {height:40px;line-height:40px;border:0;font-size:14px;background:#16162a;border-radius:10px;}
.pages form input{width:70px;text-align: center;color:white;}
.pages form button{position: relative;top:0px;border:0;color:white;padding:0 10px;}
.pages form button:hover {background-color: #fe628e;}

/* player */
.player_box {padding:0 10%;}
.player_box video {background:black;}

.foot_info {margin-top:30px;width:100%;display:inline-block;font-size:14px;text-align:center;}
.foot_info p {font-size:14px;}
.bottom_info {width:100%;font-size:14px;display:inline-block;text-align:center;margin-top:0px;padding:0 0 50px 0;}

.ylinks_head,.ylinks_foot {width:100%;display:inline-block;}
.ylinks_head {margin:10px 0 15px 0;}
.ylinks_foot {margin:30px 0 15px 0;}
.ylinks_head a,.ylinks_foot a {width:10%;height:40px;line-height:40px;color:white;font-size:16px;border-radius:5px;float:left;border:1px solid #fff;text-align:center;font-weight:bold;}
.ylinks_head a {background:#e14f2a;}
.ylinks_foot a {background:#3fae2b;}
.ylinks_head a:hover,.ylinks_foot a:hover {background:#b85757;}

/* 图片瀑布流 */
.colliu {column-count:4;}
.colliu div.data {margin-bottom:18px;break-inside:avoid;padding:0px;position:relative;}
.colliu div.img img {width:100%;border-radius:15px;}
.colliu div p {margin:0;font-size:14px;}
.colliu div p.title {color:#f6f6f6;word-break:break-word;font-size:14px;}
.colliu div.data:hover p.title {color:#fe628e;}
.colliu div p.category {position:absolute;top:10px;left:8px;padding:4px 8px;background:#e2d64d;color:black;border-radius:10px;}
.colliu div p.category a {color:#000;font-size:12px;}

@media screen and (max-width: 1200px){
    .content {padding:0 1%;}
}
@media screen and (max-width: 1100px){
    .ylinks_head a,.ylinks_foot a {width:12.5%;}
}
@media screen and (max-width: 1000px){
    .ylinks_head a,.ylinks_foot a {width:16.666666667%;}
    .video_list div.video_item {flex:1 1 calc(33.3333333% - 20px);}
    .video_list div.video_item a.img {height:180px;}
    .player_box {padding:0 0;}
}
@media screen and (max-width: 800px){
    .ylinks_head a,.ylinks_foot a {width:20%;}
    .colliu {column-count:3;}
}
@media screen and (max-width: 700px){
}
@media screen and (max-width: 600px){
    .head div.logo {float:left;width:100%;text-align: center;}
    .head div.search {float:left;width:100%;text-align: center;margin-top:15px;padding-bottom: 10px;}

    .ylinks_head a,.ylinks_foot a {width:25%;}
    .video_list {padding:0 1%}
    .video_list div.video_item {flex:1 1 calc(50% - 20px);}
    .video_list div.video_item a.img {height:140px;}
    .ylinks_head a,.ylinks_foot a {font-size:14px;}
    .video_list div.video_item a.category {opacity: 0.8;}
    .colliu {column-count:2;}
}
@media screen and (max-width: 420px){
}
@media screen and (max-width: 370px){
    .video_list div.video_item a.img {height:125px;}
}
@media screen and (max-width: 320px){
    .ylinks_head a,.ylinks_foot a {font-size:12px;}
    .video_list div.video_item a.img {height:100px;}
    .colliu {column-count:1;}
}