* {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:#0e101b;}
body,a,a:link,input,button {color:white;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;}

/* top */
.top {width:100%;display:inline-block;padding-top:15px;}
.logo {width:30%;float:left;padding-left:2px;}
.logo a {font-weight:bold;position: relative;top:5px;}
.logo a span {font-size:26px;}
.logo a span.a {color:red;}
.logo a span.b {}
.logo a span.c {}
.logo img {width:130px;height:60px;}

.search {width:50%;float:left;}
.search form {}
.search input,.search button {height:40px;line-height:40px;float:left;}
.search input {width:80%;background:#2e333f;border:2px solid #5c6a85;padding:0 10px;border-radius:5px 0 0 5px;}
.search button {width:20%;background:#5c6a85;border:0;border-radius:0 5px 5px 0;}
.search button:hover {background:#414b61;}
.search svg {position:relative;top:4px;}

/*  */
.tags {width:100%;display:inline-block;text-align:center;margin-top:10px;}
.tags a {margin:3px 0;background:#2e3350;color:white;border-radius:10px;font-size:13px;font-weight:bold;padding:10px;display:inline-block;}
.tags a:hover {background:rgb(145, 67, 67);}

/* menu */
.menu {width:100%;display:inline-block;margin:10px 0;}
.menu a {width:11.111111111%;text-align:center;border-radius:20px;background:#262a44;padding:0 5px;float:left;border:2px solid #0e101b;line-height:35px;margin-bottom:5px;font-size:14px;}
.menu a:hover,a.this {background:#fe628e;}
.menu a svg {position: relative;top:4px;}

/* list */
.video_list h2 {width:100%;display:inline-block;font-size:24px;margin-bottom:10px;}
.video_list h3 {width:100%;display:inline-block;font-weight:400;margin-bottom:10px;color:rgb(185, 185, 185);}
.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:5px;}
.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:rgb(182, 182, 182);padding-top:5px;word-break:break-word;}
.video_list div.video_item a.category {position:absolute;top:10px;left:8px;padding:3px 5px;background:#000000;color:white;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.more {width:100%;display:inline-block;text-align:center;}
.video_list div.more svg {position: relative;top:5px;}

/* 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:#ff5b82;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 {padding:0 15px;height:40px;line-height:40px;float:left;font-size:14px;border-radius:10px;}
.pages .pagination a:hover {background-color: #ff5b82;}
.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:#3b4252;border:2px solid #4c566a;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: #ff5b82;}

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

.foot_info {margin-top:30px;color:rgb(151, 151, 151);width:100%;display:inline-block;}
.bottom_info {border-top:1px solid #9ca3af;color:white;text-align:center;width:100%;display:inline-block;text-align:center;margin-top:20px;padding:20px 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:black;font-size:16px;border-radius:10px;float:left;border:2px solid #0e101b;text-align:center;font-weight:bold;}
.ylinks_head a {background:#b0c4b1;}
.ylinks_foot a {background:#c4b0b0;}
.ylinks_head a:hover,.ylinks_foot a:hover {background:#b85757;}

a.samplelinks {font-size:12px;font-weight:bold;color:red;text-decoration:underline;}
a.samplelinks span {font-size:12px;color:gray;}

h2.title {font-size:14px;font-weight:400;color:rgb(175, 175, 175);}
/* 图片瀑布流 */
.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:5px;}
.colliu div p {margin:0;font-size:14px;}
.colliu div p.title {color:rgb(182, 182, 182);word-break:break-word;font-size:14px;}
.colliu div.data:hover p.title {color:rgb(236, 209, 52)}
.colliu div p.category {position:absolute;top:10px;left:8px;padding:3px 5px;background:#000000;color:white;border-radius:10px;}
.colliu div p.category a {color:rgb(255, 255, 255);font-size:12px;}

@media screen and (max-width: 1200px){
    .content {padding:0 1%;}
}
@media screen and (max-width: 1100px){
    .menu a {width:12.5%;}
    .ylinks_head a,.ylinks_foot a {width:12.5%;}
}
@media screen and (max-width: 1000px){
    .menu a {width:16.666666667%;}
    .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;}
    .search input {width:65%;}
    .search button {width:35%;}
}
@media screen and (max-width: 800px){
    .menu a {width:20%;}
    .ylinks_head a,.ylinks_foot a {width:20%;}
    .search input {width:60%;}
    .search button {width:40%;}
    .colliu {column-count:3;}
}
@media screen and (max-width: 700px){
}
@media screen and (max-width: 600px){
    .logo,.search {width:100%;}
    .search {margin-top:10px;}
    .menu a {width:25%;}
    .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;}
    .tags {text-align:center;}
    .tags a {font-weight:400;}
    .video_list div.video_item a.category {opacity: 0.8;}
    .colliu {column-count:2;}
}
@media screen and (max-width: 420px){
    .menu svg {display:none;}
}
@media screen and (max-width: 370px){
    .video_list div.video_item a.img {height:125px;}
}
@media screen and (max-width: 320px){
    .menu a {font-size:12px;}
    .ylinks_head a,.ylinks_foot a {font-size:12px;}
    .video_list div.video_item a.img {height:100px;}
    .colliu {column-count:1;}
}