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

.new_content {max-width:1200px;margin:0 auto;}

.head {width:100%;display:inline-block;margin:25px 0 5px 0;}
.logo {float:left;}
.logo img {width:240px;}
.search {float:right;}
.search form {position:relative;}
.search input,.search button {height:47px;line-height:47px;float:left;}
.search input {width:550px;background:rgb(24, 24, 24);border:0;padding:0 10px 0 44px;border-radius:5px 0 0 5px;}
.search button {background:rgb(73, 73, 73);padding:0 20px;border:0;border-radius:0 5px 5px 0;}
.search button:hover {background:rgb(206, 41, 41);}
.search svg {position:absolute;left:15px;top:12px;}
.menu {width:100%;display:inline-block;margin-bottom:10px;}
.menu a {width:12.5%;float:left;text-align:center;height:52px;line-height:52px;border-bottom:1px solid #aa9e2f;background:#1b1b1b;}
.menu a:hover {background:rgb(43, 43, 43);font-weight:bold;color:Red;}

/* tag */
.tags {margin-bottom:10px;}
.tags h2 {text-align: left;}
.tags a {padding:0 10px;display:inline-block;font-size:14px;border-radius:5px;height:40px;line-height:40px;border:2px solid rgb(41, 82, 143);color:#ffffff;margin-bottom:5px;text-align:center;}
.tags a:hover {background:rgb(240, 220, 42);color:black;}
.tags svg {position: relative;top:5px;}

h2.title {font-weight:400;font-size:14px;}
h2.title a {color:rgb(133, 133, 241);font-size:14px;text-decoration: underline;}

/* list-new */
.video_list h2 {width:100%;display:inline-block;font-size:26px;margin-bottom:1px;text-decoration: none;color:white;}
.video_list h3 {width:100%;display:inline-block;font-size:14px;margin-bottom:1px;text-decoration: none;color:white;}
.video_list h2 small {float:right;}
.video_list h2 small a {color:gray;font-weight:400;font-size:14px;}
.video_list h2 small a:hover {color:#ec4289;}
.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:180px;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.img_11 {height:240px;}
.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(235, 235, 235);word-break:break-word;}
.video_list div.video_item a.category {font-size:13px;color:gray;}
.video_list div.video_item:hover a.title,.video_list div.more a:hover {color:#ec4289;}
.video_list div.category_more {width:100%;display:inline-block;text-align:center;margin-bottom:10px;}
.video_list div.category_more a {width:100%;display:inline-block;text-align:center;color:rgb(221, 205, 59);border:1px solid rgb(80, 80, 80);padding:10px;font-size:14px;border-radius:5px;}
.video_list div.category_more a:hover {background:rgb(48, 48, 48);}

/* 图片瀑布流 */
.colliu {column-count:4;}
.colliu div.data {margin-bottom:10px;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;}
.colliu div.data:hover p.title {color:rgb(236, 209, 52)}
.colliu div p.category a {color:rgb(109, 109, 109);font-size:14px;}

/* page */
.dh_page {text-align:center;margin:15px 0 30px 0;width:100%;border:0px;display:inline-block;}
.dh_page div.pagination {width:auto;border-radius:0px;padding:0;}
.dh_page .pagination em {padding:0;margin:0;font-style: normal;}
.dh_page .pagination em.current {background:#ff5b82;display:inline-block;height:37px;line-height:37px;padding:0 15px;border-right:1px solid black;font-size:14px;font-style: normal;}
.dh_page .pagination a {margin-bottom:5px;padding:0 15px;display:inline-block;height:37px;line-height:37px;background:rgb(24, 24, 24);font-size:14px;border-right:1px solid black;}
.dh_page .pagination a:hover {background-color: #ff5b82;}
.dh_page .pagination .disabled {}
.dh_page .pagination .gap {margin-bottom:5px;padding:0 15px;height:37px;line-height:37px;font-size:14px;border-right:0 solid black;}
.dh_page a.previous_page,.dh_page a.next_page {}
.dh_page a.notpage {background:rgb(37, 37, 37);}
.dh_page form {margin-top:6px;}
.dh_page form input,.dh_page form button {height:35px;line-height:35px;border:0;font-size:14px;background:#333333;}
.dh_page form input{width:70px;text-align: center;color:white;}
.dh_page form button{position: relative;top:0px;border:0;color:white;padding:0 10px;}

.foot_info {font-size:14px;display:inline-block;width:100%;margin-top:40px;padding-bottom:50px;color:gray;}
.foot_info a img {width:180px;}
.foot_info p {margin:0;color:gray;font-size:14px;}
.foot_info p a {font-size:12px;color:gray;text-decoration: underline;}
.foot_info p a:hover  {color:red}

.tips {display:inline-block;width:100%;background:rgb(87, 87, 44);border-radius:5px;padding:5px;margin-bottom:5px;}
.tips div {float:left;}
.tips div.a {margin-right:5px;}
.tips a {color:rgb(255, 255, 255);text-decoration: underline;}

/* youlian */
.links {display:inline-block;width:100%;margin:10px 0 20px 0;}
.links a,.new_foot_links a {width:10%;border-radius:10px;float:left;background:rgb(66, 66, 66);border:2px solid #242424;height:40px;line-height:40px;text-align:center;margin:0 0 2px 0;}
.links a:hover {background:rgb(207, 80, 80);}
.links svg {position: relative;top:5px;}
.links-head a {background:rgb(145, 60, 60);}
.links-foot,.new_foot_links {margin-top:15px;}
.links-foot a,.new_foot_links a {background:rgb(153, 121, 32);}

/* app */
.apps {display:inline-block;width:100%;}
.apps a {width:8.333333333%;float:left;border-left:8px solid black;border-right:8px solid black;border-top:3px solid black;border-bottom:3px solid black;}
.apps a div {width:100%;float:left;}
.apps a div.a {}
.apps a div.a span {}
.apps a div.a span img {width:100%;height:75px;border-radius:5px;}
.apps a div.b {}
.apps a div.b p {height:30px;line-height:30px;margin:0;padding:0;text-align: center;font-size:14px;color:rgb(207, 40, 40);}

#playvideos {padding:0 10%;}
a.samplelinks {font-size:12px;font-weight:bold;color:red;text-decoration:underline;}
a.samplelinks span {font-size:12px;color:gray;}

.new_foot_links {margin-top:20px;}
.new_foot_links h2 {color:white;margin-bottom:7px;padding:0 4px;}

@media screen and (max-width: 1200px){
    .new_content {padding:0 1%;}
}
@media screen and (max-width: 1000px){
    .search input {width:450px;}
    .menu a {width:14.28%;}
    .links a,.new_foot_links a {width:12.5%;}
    .video_list div.video_item {flex:1 1 calc(33.3333333% - 20px);}
    .video_list div.video_item a.img {height:180px;}
    .video_list div.video_item a.img_11 {height:240px;}
}
@media screen and (max-width: 800px){
    .colliu {column-count:3;}
    .search input {width:350px;}
    .menu a {width:16.66%;}
    .links a,.new_foot_links a {width:20%;}
}
@media screen and (max-width: 700px){
    .search input {width:250px;}
    #playvideos {padding:0 0;}
}
@media screen and (max-width: 600px){
    .tags {text-align:center;}
    .colliu {column-count:2;}
    .new_content {padding:0 1%;}
    .logo,.search {width:100%;}
    .logo {text-align: center;margin-bottom:10px;}
    .logo img {width:180px;}
    .search input {width:80%;}
    .search button {width:20%;}
    .menu a {width:25%;}
    .links a,.new_foot_links 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;}
    .video_list div.video_item a.img_11 {height:200px;}
}
@media screen and (max-width: 440px){
}
@media screen and (max-width: 360px){
    .search input {width:75%;}
    .search button {width:25%;}
    .menu a {font-size:14px;}
    .links a,.new_foot_links a {font-size:14px;}
    .video_list div.video_item a.img {height:125px;}
    .video_list div.video_item a.img_11 {height:190px;}
}
@media screen and (max-width: 320px){
    .links a,.new_foot_links a {font-size:12px;}
    .video_list div.video_item a.img {height:100px;}
    .video_list div.video_item a.img_11 {height:170px;}
    .colliu {column-count:1;}
}