* {box-sizing:border-box;font-size:16px;letter-spacing:1px;
    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:#1e1f22;}
a,a:link {text-decoration:underline;}
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 {width:100%;display:inline-block;margin-top:10px;}
.logo {float:left;width:40%;padding-left:5px;}
.logo svg {position: relative;top:10px;}
.logo img {position: relative;top:10px;border-radius:5px;}
.logo a {font-weight:bold;color:rgb(225, 225, 225);text-decoration:none;}
.logo a span {border-bottom:1px solid gray;font-size:20px;}

.tags {width:100%;display:inline-block;text-align:center;margin-top:10px;}
.tags a {display:inline-block;font-size:14px;color:rgb(225, 225, 225);text-decoration: none;margin:3px 1px;border-radius:5px;background:rgb(52, 52, 52);padding:0 5px;height:30px;line-height:30px;}

/* search */
.search {float:left;width:60%;padding-top:12px;}
.search form {}
.search input,.search button {height:35px;line-height:35px;float:left;}
.search input {max-width:300px;width:100%;background:#ffffff;border:3px solid #9aa6c9;padding:0 5px;border-radius:5px 0 0 5px;color:rgb(156, 73, 73);}
.search button {background:#9aa6c9;border:0;padding:0 6px;border-radius:0 5px 5px 0;}
.search button:hover {background:#858faf;}
.search svg {position:relative;top:5px;}

/* menu */
.menu {width:100%;display:inline-block;margin:15px 0 10px 0;}
.menu a {width:11.111111111%;text-align:center;border-radius:10px;background:#647dc7;color:white;text-decoration:none;line-height:35px;float:left;border:4px solid #1e1f22;margin-bottom:2px;}
.menu a:hover,a.this,.tags a:hover {background:#c93c3c;color:white;}
.menu a svg {position: relative;top:4px;}

/* list */
.video_list h2 {width:100%;display:inline-block;font-size:20px;margin-bottom:5px;text-decoration: none;color:rgb(225, 225, 225);}
.video_list h2 a {font-size:20px;margin-bottom:5px;text-decoration: none;color:rgb(225, 225, 225);}
.video_list h3 {width:100%;display:inline-block;font-size:14px;margin-bottom:5px;text-decoration: none;color:rgb(225, 225, 225);}
.video_list h3 span {}
.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;}
.video_list div.video_item a {display:block;}
.video_list div.video_item a.img {height:170px;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(190, 190, 190);word-break:break-word;}
.video_list div.video_item a.category {font-size:12px;color:#596faf;text-decoration: none;}
.video_list div.video_item:hover a.title,.video_list div.more a:hover {color:#ec4242;text-decoration: none;}

/* 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 {height:35px;line-height:35px;padding:0 10px;float:left;font-size:14px;font-style: normal;font-weight:bold;color:white;}
.pages .pagination a,.pages .pagination .gap {padding:0 15px;font-weight:bold;color:white;height:35px;line-height:35px;float:left;background:#9aa6c9;font-size:14px;margin:2px 3px;text-decoration: none;}
.pages .pagination a:hover {background-color: #ff5b82;}
.pages .pagination .disabled {}
.pages a.previous_page,.pages a.next_page {}
.pages form {margin-top:10px;}
.pages form input,.pages form button {height:30px;line-height:30px;border:0;font-size:14px;background:#646d86;border:1px solid #9aa6c9;}
.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:Red;}
.pages .pagination .gap {background:none;color:white;padding:0 5px;}

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

.foot_info {margin-top:30px;color:rgb(255, 255, 255);width:100%;padding:10px 1%;display:inline-block;background:#3c4357;text-align:center;}
.bottom_info {display:none}

.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:10px;border:2px solid #1e1f22;float:left;text-align:center;font-weight:bold;}
.ylinks_head div.yzdh {width:100%;color:white;display:inline-block;border-bottom:2px solid rgb(104, 104, 104);font-size:14px;text-align: center;font-weight:bold;padding-bottom:5px;margin-bottom:10px;}
.ylinks_head a {background:#b0c4b1;text-decoration: none;}
.ylinks_foot a {background:#b49999;text-decoration: none;}
.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;}

h1.title {color:white;}
h2.title {color:white;font-size:14px;}
.msggg {color:red}
.foot_info p {font-size:13px;}
h2.iporn {font-weight:400;color:rgb(199, 199, 199);}
h1.xgsp {color:green}

/* 图片瀑布流 */
.colliu {column-count:4;}
.colliu div.data {margin-bottom:18px;break-inside:avoid;padding:0px;}
.colliu div.img img {width:100%;}
.colliu div p {margin:0;font-size:14px;}
.colliu div p.title {color:rgb(201, 201, 201);word-break:break-word;text-decoration: none;}
.colliu a {text-decoration: none;}
.colliu div.data:hover p.title {color:rgb(236, 209, 52)}
.colliu div p.category a {color:rgb(109, 109, 109);font-size:14px;}

@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;}
}
@media screen and (max-width: 800px){
    .menu a {width:20%;}
    .ylinks_head a,.ylinks_foot a {width:20%;}
    .colliu {column-count:3;}
}
@media screen and (max-width: 700px){
}
@media screen and (max-width: 600px){
    .logo {float:left;width:100%;margin-bottom:8px;}
    .menu {margin:5px 0 10px 0;}
    .search {width:100%;display:inline-block;text-align: center;padding:10px 0 0 5px;}
    .search input,.search button {display:inline-block;}
    .search input {width:auto;display:inline-block;}
    .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;}
    .foot_info p {font-size:12px;}
    .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;}
    .ylinks_head a,.ylinks_foot a {font-size:13px;}
}
@media screen and (max-width: 320px){
    .menu a {width:25%;font-size:12px;}
    .video_list div.video_item a.img {height:100px;}
    .ylinks_head a,.ylinks_foot a {font-size:12px;}
    .colliu {column-count:1;}
}
@media screen and (max-width: 290px){
    .menu a {width:33.3333%;font-size:12px;}
    .ylinks_head a,.ylinks_foot a {width:33.333%;}
}