body,
html {
	font-family: Microsoft YaHei;
	height: 100%;
	background: #111520;
	zoom: 1;
	font-size: 41.2px;
	
}
@media screen and (max-width: 430px){
    body,html{
        font-size: 38px;
    }
    .thf{
        margin-bottom: .266rem;
    }
}


body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul{padding:0;margin:0}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}ol,ul{list-style:none}a{text-decoration:none}img{vertical-align:top}button{appearance:auto;writing-mode:horizontal-tb !important;font-style:;font-variant-ligatures:;font-variant-caps:;font-variant-numeric:;font-variant-east-asian:;font-variant-alternates:;font-weight:;font-stretch:;font-size:;font-family:;font-optical-sizing:;font-kerning:;font-feature-settings:;font-variation-settings:;text-rendering:auto;color:buttontext;letter-spacing:normal;word-spacing:normal;line-height:normal;text-transform:none;text-indent:0px;text-shadow:none;display:inline-block;text-align:center;align-items:flex-start;cursor:default;box-sizing:border-box;background-color:buttonface;margin:0em;padding:1px 6px;border-width:2px;border-style:outset;border-color:buttonborder;border-image:initial;border:none;}

#app {
	min-height: 100vh;
	max-width: 450px;
    margin: 0 auto;
}

.search {
	padding: .3rem .1666rem 0;
	flex-wrap: nowrap
}

.search .logo {
	width: 1.66rem;
	height: .8333rem;
	background-size: contain;
	margin-right: .26667rem;
	margin-top: .16rem;
}

.search .seek {
	/*flex: 1;*/
    height: .96rem;
    border-radius: .2rem;
    /*background: #1b1b1b;*/
    background: #ffffff29;
    /*padding: 0 .13333rem;*/
}

.search .seek i {
	width: .58667rem;
	height: .58667rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAS1BMVEUAAABwcHBmZmZnZ2dqampmZmZnZ2dnZ2dmZmZmZmZnZ2dmZmZnZ2doaGhpaWloaGhnZ2dmZmZnZ2dnZ2dmZmZnZ2dnZ2dmZmZmZmY6Q4aRAAAAGHRSTlMAB4z6IazV88jDpnNZTD01aLh9rmzu152zDPxvAAAA3ElEQVQ4y+1UywKDIAwDVlQeoptu4/+/dMULm1SL7mpulhhKUhAX9iCDd84HKXj0uo0LWt0z1MHEL5hhjzveEqexStkmIm7jNleldQViAaj0p9rUxcUO8jd0WNjQHlBJyx9fNO5E921QV65cRG1DeoYqsC4C7kY5qMnTKGyNyA2zgLIMmE6ZZUB/BQH0OxRFH6OlyDZGXxRdapkOyp0l822cPSBv3clQ+LiPDxI/olMe0arhf8nqa4W4y9oLO2V2xVPwyGz+kcls/vnKbBaZ/RYH2E9RjbmZxYU/8QHq2xS5p8hg5QAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}

.search .seek input {
    margin-left: .13333rem;
    font-family: PingFangHK-Regular;
    font-size: .37333rem;
    color: #ccc;
    background: #ffffff00;
    border: 0;
}

.search .seek #search_sub:hover {
    background: #c77600!important;
}


.search .vault .vault_col {
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: .1rem;
    width: 1rem;
    border-radius: 8px;
}
.search .vault .vault_col:hover {
    background: #4e4e4e;
}

.search .vault .vault_col i {
	width: .58667rem;
	height: .58667rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAAcITNaAAABoUlEQVQ4Ee2UTStEYRiG5zALZSEbOxLSpJSS8lFjT2FjFiTKxtZy/AQWZukPsJgl/oDCxmZqbDBiJ3aKKHJc95nznjlfzcfZKU9dc573fp77eWfeeWdSqf+IOwHbthfhDlqJH5pvYM4/0zILCr3kFTiAY7ChmWijKQdr0G9Z1nPAxOAtuAdvs0BDnQWedniCjUgb4gRo10SBdx1GjTmtBKGDxxJMkm9KSxDfeIbwVziOD52PYg/yoA2SRifGHdj1BrBLGU49IWHCjBO4lt2840fyAQlxQXNXnB6jDaI9SDeDL8gzDOiW6A+0HtYvPC9hyl/z5643g6ZZ1UDMgiJwyVVFG3YqtZciaeS7QJt3W7LymXd8Rf4FMxIbxAL1vpieaTTN0KzqYF0P8hKoGA7/L7BIcYT+23ATa3lL7qxamY9RgDdw7rapsLYgD/XON039HQrG5z0Rc6AY98QmE3kcJzOMxZyx1uegj72sRYshj7ya4UTgD4ddD1FXQOf96nQ0ftEdH4MjznfVtIcH6xptwyxErpQxhZ6frM9gn8HK/2j8AnTWGXiOthWCAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.search .vault .vault_col span {
	font-family: PingFangSC-Regular;
	font-size: .29333rem;
	color: #fff;
	letter-spacing: 0;
	text-align: center;
	margin-top: .05333rem
}


.notice_bars .van-notice-bar {
	padding: 0
}

.notice_bars .left_icon {
	display: flex;
	align-items: center;
	padding: 0;
	margin-right: .26667rem
}



.theme_list {
	padding: .02667rem .21333rem .26667rem
}

.theme_list .van-cell {
	padding: .26667rem 0
}


.theme_list .van-cell__title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: PingFangTC-Semibold;
	font-size: .45333rem;
	color: #fff;
	flex: 3
}

.theme_list .list{
    margin-top: 10px;
}

.theme_list .list .list_item {
	font-family: PingFangTC-Regular;
	margin-bottom: .3rem
}

.theme_list .list .list_item .h99 {
	height: 2.88rem
}


.theme_list .list .list_item .list_box {
	position: relative;
	font-size: .26667rem;
	color: #fff
}

.theme_list .list .list_item .list_box .list_img {
	width: 100%;
	height: 100%
}

.list_img img{
    background: #151515;
    object-fit: cover;
}

.theme_list .list .list_item .list_box .list_duration {
	position: absolute;
	padding: .16rem;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: right;
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8))
}

.theme_list .list .list_item .list_title {
	font-size: .34667rem;
	color: #c6c6c6;
	word-break: break-all
}


.theme_list .list .list_item .list_status {
	height: .4rem;
	display: flex;
	align-items: center
}

.theme_list .list .list_item .list_status .list_status_item {
	display: flex;
	align-items: center;
	margin-right: .21333rem
}

.theme_list .list .list_item .list_status .list_status_item .list_status_icon {
	width: .34667rem;
	height: .34667rem;
	margin-right: .08rem;
	display: inline-block
}

.theme_list .list .list_item .list_status .list_status_item span {
	font-family: PingFangTC-Regular;
	font-size: .29333rem;
	color: #fff;
	white-space: nowrap
}

/*播放图标*/
.theme_list .list .list_item .list_status .list_status_item .list_status_play, .showlist .list_item .list_status .list_status_item .list_status_play, span.list_status_icon.list_status_play {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAQlBMVEUAAAD2UmT0S2XzS2X0S2XzS2T0TGXzS2T1S2X0TGb/VXf0S2X0TGX0TGX1TWX0TGf2Tmf0Tmf3TWX2TGj5TWbzS2RNU2hvAAAAFXRSTlMAHOarpu2213ZaB9+9nWphUkU/NijLYLAgAAAAcElEQVQoz7WSuQ7DQAgFDYuv3Nf8/69mk8ry8lzZU0AxEiCgOwALZ4WH/U1PQv9zwWBNoYGoybGkCV4jdAmwUK/yVCrg8s5VoVI+UsHVpIKHVpNS4ywKnu9iDL+d0uHncaqiUS2wvV59FH1K/QD78wXggA82ku0PrgAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}
/*钻石图标-金黄色*/
.theme_list .list .list_item .list_status .list_status_item .list_status_vip, .showlist .list_item .list_status .list_status_item .list_status_vip, .speciallist .list_item .list_right_item .list_ul .list_li .list_li_vip {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAe1BMVEUAAAD4tT//0075uEL4tUD7tkH/uUb/vkX3tT/4tj/4tD/4tT/4tUD4tUD4tD/3tD/4tUD3tUL/vUL/w1L3tT/3tUD4tkL4tT/3tUD4tT/4tT/5tD/4tUD4tUD5tUD5tkH6t0D/vUL4tD/3tT/4tED3tED4tkD5tUT4tD/chRXZAAAAKHRSTlMA3QMjzDcVC+uA9bRhTN/IaEIZCOfjRtTAuK2dm454Uy8P9u3XpIsto0nNlQAAAN5JREFUKM+9kFmOwjAQRMuJ46xkT1hngFmg7n9CujFCIcofEu+jyy61esOniQa+UJ7wwA2cYc7wbLkJMKGzzP0rZdLihfCX36oNOYpcI283oYSRbERKXtT648knblW+WErc0bj7Z6NedS/lDHcisWUVA+eER+DIPharoo0htIa5TFiw7II1ayDIadrHQAkPYlimBY0kHZiEz2tkTCXyZ2Chy2QRnqyo3j+5DqQwV5hQ67/NJEhWjSm+ylj72jP22lsn2mOOTuyc32OOrm511QWcod5skbDvpd0yXYe3uQEsQhSfrEHWIgAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}
/*钻石图标-绿色*/
.theme_list .list .list_item .list_status .list_status_item .list_status_free, .showlist .list_item .list_status .list_status_item .list_status_free, .speciallist .list_item .list_right_item .list_ul .list_li .list_li_free {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAY1BMVEUAAAAtm2kxoHEtm2svmmkxnmwtm2ovnWw0pXAtm2kummkum2otmmktm2ktm2otm2ounWotm2ktmmovnGs9rnAum2ktm2ovm2ovmmsxm2ktm2ktm2oum2kxnGsvoXEwn3AtmmnENFKGAAAAIHRSTlMA3RWSbSTMNwvq9eO3nIFkSsq0QwitjHpML+3WxB8bEJOwpeIAAACvSURBVCjPvY9XEsMgDESFE8AF95669z9lsC0GEz4zk/eBymqElv6NLhAgVqckTvHamyWDB50ZFLojm5G9KOB5w7zFHujpi+boCUwUMUHYd4RIbFivjNwOExhtSBXalOgOxthWC5XSMdLZ9RdGE3Xboh2ZoaQTJTLpcp2j8kqFXPtqAWqX18DCqasbtsRT8Ra/O/ybL4owEIn1YWJlt652qyFsna3GyKJgqzHDQD/zAfaNDoDHE10HAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}
/*实心圆-中心一个星星  都是金黄色*/
.theme_list .list .list_item .list_status .list_status_item .list_status_gold, .showlist .list_item .list_status .list_status_item .list_status_gold, .speciallist .list_item .list_right_item .list_ul .list_li .list_li_gold {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAMAAABxVtfCAAABAlBMVEUAAAD/1kX+32H+3lb+3ln+3E382UT91z392Tz+3lj+4WT92Dz/2j/72D/5tTP90Ej+ySX+5Xn84njnvVD623DvuUL42m/jskT5ujn3rS7833X+43T6zUvotUH5vD76vTrxqzL733zuwlD3ykzqvUrnt0XjtkX0w0Pyu0P1sDrdmjXjnjPenjP+uhz54If5wUHmrz7eojrxszfoozH+yij75JT+43X102jjq0H7wDzblTXrpTP7uzLpry/2qS/+uh7w0ILovmTgr1z1w1j4zlLzvkz7zEbXnkXyvjvlqDv0rTbzvDD3wi/qsC/4wy7rqSrVjir0syjkpyfioyfakyX+vCBeSsw5AAAADnRSTlMAEvnp58Sik2X8+25FRbDZphsAAAFlSURBVCjPjZLncoJAEIDtAioedxQFEbBLsdeoMb338v6vEvYMc2YyKfuDm9lvvr3bZWP/iTiXSSeT6QwX/0ayCUPCqoqlWSL7lRZSkkxajVqt0SKylMrvoRyPSbNSpFFpEizkmCXoWh3yl0P41jWdj8x4CmtUMo+u23D2NZz6vDMrEWpdnEwtEC2xSqTsTkvITXrToje1RkqIRFGRE1TkDEIrto+dXmn9VBLDKJEZBywjtQANXudOz1pf+WOAppQBlsaNUBreITR3qmcI3fp2WBSngSXVWnGwQWFMHH0C58YXO2oyYotxGUKX34Ngu310gbGarl0un066/SB4dqOa7C3eOULdw9EbewvrYfQC7EDc9WBwe70vRe8BdVcrQLR3NrNlmPHRDdXozNis+5Cy7z2bVmSzjuV5XatC0nOppelCgf1bARMFBgmSQjCfiwiYsBOm0ukoJuxE4YddMmCXftvBv+MDKActOtTXtNoAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain
}
/*时间图标*/
.theme_list .list .list_item .list_status .list_status_item .list_status_update, .showlist .list_item .list_status .list_status_item .list_status_update, .speciallist .list_item .list_right_item .list_ul .list_li .list_li_update {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAASFBMVEUAAADYR9ncSdzaS9/XSNjYR9nYSNjZR9nXR9jYSNjXSNnYSNnYSNrXStrYSNvoVOvYSNrZSNnYR9nYTdjbSdvqa+rYR9nXSNn1bpGTAAAAGHRSTlMA/iQb2beqa/Pyrpt1Wk4MbpHeITsG4oC8WeibAAAAr0lEQVQoz42S2xLCIAxE3ZQ7paBW/f8/tShprIyD+xAGDhsC5PSHJquVc0rb6RtE7IoHuHjAJMqZkgH8IqQAgXhCASi7B5g/c8xA802eiTD/Pi8i8NqtjQHxZQL4HHNvjIBqszBsuuDKm2C3qJF6lKC3qEA9IqgtOmRBj1Js3ZnhjkihSjd0SLieq1ZOyGWwpAwuniXFy5VFcmV5KFFAHDzvj08ZfmXfAOO26ZttrCdu3wYDAys7TQAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}




.showlist {
	padding: .26667rem .21333rem;
	font-size: 0;
}

.showlist .list_item {
	font-family: PingFangTC-Regular;
	margin-bottom: .26667rem
}

.showlist .list_item .h99 {
	height: 2.64rem
}

.showlist .list_item .list_box {
	position: relative;
	font-size: .26667rem;
	color: #fff
}

.showlist .list_item .list_box .list_img {
	width: 100%;
	height: 100%
}


.showlist .list_item .list_box .list_duration {
	position: absolute;
	padding: .16rem;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: right;
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6))
}

.showlist .list_item .list_title {
	font-size: .34667rem;
	color: #c6c6c6;
	word-break: break-all
}


.showlist .list_item .list_status {
	height: .4rem;
	display: flex;
	align-items: center
}

.showlist .list_item .list_status .list_status_item {
	display: flex;
	align-items: center;
	margin-right: .21333rem
}

.showlist .list_item .list_status .list_status_item .list_status_icon, span.list_status_icon.list_status_play {
	width: .34667rem;
	height: .34667rem;
	margin-right: .08rem;
	display: inline-block
}

.showlist .list_item .list_status .list_status_item span {
	font-family: PingFangTC-Regular;
	font-size: .29333rem;
	color: #fff;
	white-space: nowrap
}



.show .activeBtn {
	color: #000;
	background: #ff9903;
	border-color: #ff9903
}

.show .noActiveBtn {
	color: #959595;
	background: #000;
	border-color: #959595;
}



.speciallist {
	padding: .26667rem .21333rem
}

.speciallist .list_item {
	font-family: PingFangTC-Regular;
	display: flex;
	align-items: center;
	height: 2.53333rem;
	padding: .24rem 0
}

.speciallist .list_item .list_left_item {
	width: 4.26667rem;
	height: 2.53333rem;
	position: relative
}

.speciallist .list_item .list_left_item .list_img {
	width: 100%;
	height: 100%
}

.speciallist .list_item .list_left_item .list_duration {
	position: absolute;
	font-size: .26667rem;
	color: #fff;
	padding: .16rem;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: right;
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6))
}

.speciallist .list_item .list_right_item {
	margin-left: .26667rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around
}

.speciallist .list_item .list_right_item .list_title {
	height: .96rem;
	line-height: .48rem;
	font-family: PingFangTC-Regular;
	font-size: .34667rem;
	color: #c6c6c6;
	word-break: break-all
}
.list_item:hover .list_title {
    color: #fff!important;
}

.speciallist .list_item .list_right_item .list_ul {
	display: flex;
	align-items: center;
	margin-top: .13333rem
}

.speciallist .list_item .list_right_item .list_ul .list_li {
	display: flex;
	align-items: center;
	margin-right: .13333rem
}

.speciallist .list_item .list_right_item .list_ul .list_li .list_icon {
	width: .34667rem;
	height: .34667rem;
	margin-right: .08rem;
	display: inline-block
}

.speciallist .list_item .list_right_item .list_ul .list_li span {
	font-family: PingFangTC-Regular;
	font-size: .29333rem;
	color: #7d7d80
}



.speciallist .list_item .list_right_item .list_play {
	font-family: PingFangTC-Regular;
	font-size: .32rem;
	color: #7d7d80;
	margin-top: .13333rem
}



.video .break {
	word-break: break-all
}

.video .play_video {
	min-height: 5rem;
	position: relative;
	z-index: 99;
	box-sizing: border-box;
}


.video .play_video .dplayer {
	height: 5.6rem
}

.video .play_content {
	padding: .21333rem
}


.play_content .van-grid {
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap
}

.play_nav .play_nav_icon {
	width: 1.2rem;
	height: 1.2rem
}

.play_nav .play_nav_text {
	font-family: PingFangSC-Regular;
	font-size: .34rem;
	color: #d8d8d8;
}



.video .play_content .play_title {
	font-family: PingFangTC-Medium;
	font-size: .48rem;
	color: #fff;
	font-weight: 700
}

.play_tag{
    padding: 0 .2rem;
}

/*.video .play_content .play_tag a {*/
.play_tag a {
	display: inline-block;
	/*margin: 0 .26667rem .13333rem 0;*/
	margin: 0 .22rem .11rem 0;
	font-family: PingFangSC-Regular;
	font-size: .37333rem;
	color: #ff9903
}

/*.video .play_content .play_tag a:before {*/
.play_tag a:before {
    content: '#';
    color: #ff9903;
    font-size: 14px;
}


.video .play_content .play_date {
	margin-top: .13333rem
}

.video .play_content .play_date span {
	font-family: PingFangSC-Regular;
	font-size: .37333rem;
	color: #7d7d80
}

.video .play_content .play_date span:after {
	content: "";
	display: inline-block;
	height: .32rem;
	border-right: .02667rem solid #d9d9d9;
	margin: 0 .26667rem;
	position: relative;
	top: .02667rem
}

.video .play_content .play_date span:last-child:after {
	display: none
}

.video .play_content .play_introduction {
	font-family: PingFangTC-Regular;
	font-size: .34667rem;
	color: #7d7d80
}

.video .play_list {
	margin-top: .26667rem
}

.video .play_list .play_list_title {
	font-family: PingFangTC-Medium;
	font-size: .48rem;
	color: #fff;
	padding: 0 .21333rem
}


/*video_info*/
.video_info .play_content .play_date {
    margin-top: unset;
    margin-bottom: .25rem;
}
.video_info .play_btn {
    text-align: center;
    font-size: .5rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: .10667rem;
    border: .02667rem solid rgb(255 152 0);
    color: rgb(255 152 0);
    background: #ff9903;
}
.video_info .play_btn:hover {
    background: #c77600;
    border: .02667rem solid #c77600;
}



.btn-search {
    border: 0px;
    outline: none;
    background-color: black;
}

.search_content {
	padding: 0rem .21333rem .26667rem
}

.w71 {
	width: 1.89333rem;
	text-align: center;
	margin-right: .26667rem
}

.activeBtn {
	color: #000;
	background: #ff9903;
	border-color: #ff9903
}

.noActiveBtn {
	color: #525252;
	background: #000;
	border-color: #525252
}



.el-links .title {
    color: #ffffff;
    font-size: 26px;
    margin-bottom: 10px;
    padding: 0 .21333rem;
}
.el-links li.text {
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.el-links li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 5px;
    list-style: none;
}
.el-links li a {
    font-size: 16px;
    color: #a2a2a3;
}

.footer {
    width: 100%;
    height: 80px;
    background-color: #ffffff19;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer .container p {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #a2a2a3;
    text-align: center;
    line-height: 2;
}


.van-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.van-multi-ellipsis--l2 {
	-webkit-line-clamp: 1
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}


.van-icon {
	position: relative;
	font: normal normal normal .37333rem/1 vant-icon;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.van-icon,
.van-icon:before {
	display: inline-block
}



.van-button {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	height: 1.17333rem;
	margin: 0;
	padding: 0;
	font-size: .42667rem;
	line-height: 1.2;
	text-align: center;
	border-radius: .05333rem;
	cursor: pointer;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-appearance: none
}


.van-button:active:before {
	opacity: .1
}


.van-button--default {
	color: #000;
	background-color: #fff;
	border: .02667rem solid #ebedf0
}
.van-button--small {
    height: 0.8rem;
    line-height: .8rem;
     padding: 0 .21333rem; 
    margin: .1rem .2rem .1rem .1rem;
    font-size: .32rem;
}
.van-button--round {
	border-radius: 26.64rem
}

/*.van-button__content {*/
/*	display: -webkit-box;*/
/*	display: -webkit-flex;*/
/*	display: flex;*/
/*	-webkit-box-align: center;*/
/*	-webkit-align-items: center;*/
/*	align-items: center;*/
/*	-webkit-box-pack: center;*/
/*	-webkit-justify-content: center;*/
/*	justify-content: center;*/
/*}*/





.goTop{
	position: fixed;
	bottom: 110px;
    right: 20px;
	z-index: 99999;
}
.goTop-icon{
	width: 48px;
    height: 48px;
    background-color: #393939;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
}
.goTop-icon:hover {
    background-color: #484848;
}
.goTop-icon i{
	font-size: 26px;
    color: #ff9903;
}


.van-row--flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.van-row--flex:after {
	display: none
}

.van-row--justify-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.van-row--justify-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.van-row--justify-space-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.van-row--justify-space-around {
	-webkit-justify-content: space-around;
	justify-content: space-around
}

.van-row--align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.van-row--align-bottom {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.van-col {
	/*float: left;*/
	display: inline-block;
	box-sizing: border-box;
	min-height: .02667rem
}

.van-col--12 {
	width: 48%
}


.van-notice-bar {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 1.06667rem;
	padding: 0 .42667rem;
	color: #fff;
	font-size: .37333rem;
	line-height: .64rem;
}


.van-grid-item {
	position: relative;
	box-sizing: border-box
}


.van-grid-item__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	box-sizing: border-box;
	height: 100%;
	padding: .12rem 0;
}


.van-grid-item__content--center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.van-grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.van-image {
	position: relative;
	display: inline-block
}


.van-image__img {
	display: block;
	width: 100%;
	height: 100%
}


.van-cell {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	padding: .26667rem .42667rem;
	overflow: hidden;
	color: #323233;
	font-size: .37333rem;
	line-height: .64rem;
}


.van-cell__title,
.van-cell__value {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.van-cell__value {
	position: relative;
	overflow: hidden;
	color: #969799;
	text-align: right;
	vertical-align: middle;
	word-wrap: break-word
}

.van-cell__left-icon,
.van-cell__right-icon {
	height: .64rem;
	font-size: .42667rem;
	line-height: .64rem
}

.van-cell__left-icon {
	margin-right: .10667rem
}

.van-cell__right-icon {
	margin-left: .10667rem;
	color: #969799
}




.tags .container {
    padding: .26667rem .21333rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2rem;
}

.tags .container .label_item {
    cursor: pointer;
}



.tags .container .label_item .label_span {
	height: .96rem;
	border-radius: .10667rem;
	font-size: .37333rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border: .02667rem solid #1a1a1a;
	background-color: #ffffff19;
	color: rgb(143 143 146);
}
.tags .container .label_item .label_span:hover {
    background: #dbd1c1;
    border-color: #dbd1c1;
    color: #000;
}



/*list page*/
.el-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700;
}

.el-pager {
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0;
}
.el-pager, .el-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block;
}
.el-pagination.is-background .el-pager li.active {
    background-color: #ff9903;
    color: #fff;
    background-color: #363636;
    color: #c6c6c6;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: #363636;
    color: #ffffff;
    min-width: 30px;
    border-radius: 2px;
    background-color: #ff9903;
    color: #000;
}
.el-pager li {
    padding: 0 4px;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.el-pagination button, .el-pagination div {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.el-pagination__jump {
    margin-left: 10px;
    font-weight: 400;
    color: #fff;
}
.el-pagination__editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal;
    height: 28px;
    padding: 0 3px;
}
.el-pagination__editor.el-input {
    width: 50px;
}

.el-pagination .btn-next, .el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: 16px;
    cursor: pointer;
    margin: 0;
    color: #303133;
}
.el-pagination button:hover {
    opacity: 0.8;
}


.list-title {
    color: #fff;
    padding: 0 .21333rem;
    margin-top: .7rem;
}

.list-title p {
    font-size: 26px;
    line-height: 26px;
}

.listtitle {
    line-height: .48rem;
    height: .76rem;
    padding-top: .13333rem;
}


.search_content .list-title{
	margin-top: .5rem;
	padding: .1rem .21333rem;
}


.list_type_btn {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: .2rem .2rem .1rem .1rem;
}
.list_type_btn>a:not(.activeBtn) {
    color: #a7a7a7;
    background: #0000;
    border-color: #a7a7a7;
}
.list_type_btn>a:not(.activeBtn):hover{
    background: #dbd1c1;
    border-color: #dbd1c1;
    color: #000;
}

.van-grid .van-grid-item {
    width: calc(100%/6);
    outline: 1px solid #ffffff19;
    border-radius: 7px;
}
.van-grid .van-grid-item:hover {
    background: #4e4e4e;
}

.list_item:hover .list_img:after{
    content: "";
    background: url(../images/play.png) center center no-repeat;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; 
    background-color: #00000040;
}


.notice {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    min-width: 16px;
    padding: 0px 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
    line-height: 1.2;
    text-align: center;
    background-color: #ee0a24;
    border-radius: 16px;
    transform: translate(20%, -20%);
    transform-origin: 100%;
}


::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #aaa;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 3px;
    background: #ededed;
}



@media screen and (min-width: 760px){
    div[style='padding: .5rem .2rem;padding-top: 0;']{
        display: none;
    }
    
    #app {
        max-width: 1150px;
        margin: 0 auto;
    }
    .van-col--12 {
        width: 24%; 
    }
    .theme_list .list .list_item .h99, .showlist .list_item .h99 {
        height: 3.64rem;
    }
    .search .logo{
        width: 3rem;
        height: 1.333rem;
    }
    .search .vault .vault_col i{
        width: .73667rem;
        height: .73667rem;
    }
    .video_info .play_video img{
        max-height: 12.5rem!important;
    }
    .list_type_btn{
        grid-template-columns: repeat(8, 1fr);
    }
    .el-links .link_box, .rec_link_box{
        grid-template-columns: repeat(10, 1fr)!important;
    }
    .van-grid .van-grid-item{
        width: calc(100%/12);
    }
    .nav .nav_box .nav_item{
        width: calc(100%/11)!important;
        font-weight: bold;
        font-size: .41rem!important;
    }
    .tags .container {
        grid-template-columns: repeat(10, 1fr);
    }
    .search .seek{
        width: 45%!important;
    }
    .search .seek input {
        flex: 1 1 0%!important;
    }
    .play_video>.player1>#video {
        height: 550px!important;
    }
    .page .notice_bars .left_icon + div {
        width: 100%!important;
    }
    .contact form img {
        width: 12%!important;
    }
    .video_info>.play_video>a {
        width: 50%!important;
    }
    
    .speciallist .list_item{
        height: 3.53333rem;
    }
    .speciallist .list_item .list_left_item{
        width: 5.26667rem;
        height: 3.53333rem;
    }
    .speciallist .list_item .list_left_item .list_img{
        width: 100%!important;
        height: 100%!important;
    }
    .speciallist .list_item .list_right_item{
        height: 3.53333rem;
    }
    .search .vault .vault_col{
        margin-left: .51rem;
    }
    .search .seek i{
        width: 0.88667rem;
        height: .68667rem;
    }
    .search .seek #search_sub {
        width: 2rem!important;
    }
    .play_nav.van-grid{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .theme_list .list .list_item, .showlist .list_item{
        margin-bottom: .73rem;
    }
    .notice{
        font-size: 14px;
    }
    
    .showlist.van-row>a {
        padding-right: 5px;
    }
    .showlist.van-row>a:last-of-type {
        padding-right: 0!important;
    }
    .top>.nav>.nav1>.nav_box>.index {
        display: block!important;
    }
    .update .van-notice-bar{
        width: 99%;
    }
    .goTop{
        bottom: 110px;
        left: 50%;
        margin-left: 580px;
    }
}