@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea {
	margin: 0;
	padding: 0;
}
html {
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
}
html{
	font-family:Arial,Verdana,Sans-serif;
}
html, body, ul, li, a {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	text-decoration: none!important;
}
a {
	text-shadow:none !important;
	outline: none;
appearance:none;
 -webkit-tap-highlight-color: transparent; 
	}
body {
    background: #ffffff;
}
ul li {
	list-style: none;
}
html{width: 100%;font-size:calc(100vw*100 / 750);}
::-webkit-scrollbar  
{  
	display: none!important;
    width: 0px;  
    height: 0px;  
}
@media screen and (min-width: 750px) and (max-width: 1920px) {html{font-size: 100.000px;}}
.content {
	width:100%;
	max-width:750px;
	margin:0 auto;
}
.tops {
	width:100%;
	height:4.14rem;
	background:url(../images/yaobg.png) no-repeat;
	background-size:100% 100%;
	}
.tops .topmes {
	display:flex;
	padding:.59rem .44rem .51rem .5rem;
	font-size:.26rem;
	color:#564A3C;
	line-height:.5rem;
	}
.topcontainer {
	background:#ffffff;
	padding:0 .2rem;
	position:relative;
	}
.topcontainer .containera {
	position:relative;
	background:#ffffff;
	border-radius:.3rem;
	top:-1.02rem;
	}
.topcontainer .containera .searchone {
	display:flex;
	padding:.22rem .3rem .1rem .3rem;
	}
.topcontainer .containera .searchone .search {
	width: 85%;
    display: flex;
    align-items: center;
    background:#EEEEEE;
	border-radius:.33rem;
	}
.topcontainer .containera .searchone .search .input-group-addon {
	padding: 0 .26rem;
    display: flex;
    justify-content: center;
    align-items: center;
	}
.topcontainer .containera .searchone .search .input-group-addon img {
	width: .26rem;
    height: .26rem;
	}
.topcontainer .containera .searchone .search .input-group-addonone {
	padding: 0 .26rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
	}
.topcontainer .containera .searchone .search .input-group-addonone img {
	width: .3rem;
    height: .3rem;
	}
.topcontainer .containera .searchone .search input {
	width:75%;
	background: transparent;
    border: none;
    outline: none;
    font-size: .28rem;
    color: #666666;
    line-height: .28rem;
	padding:.2rem 0;
	}
.topcontainer .containera .searchone .clickone {
	padding-left:.19rem;
	font-size: .34rem;
    color: #333333;
    line-height: .34rem;
	font-weight:bold;
	display: flex;
    align-items: center;
	}
.topcontainer .containera .listcontent {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	padding:0 .3rem;
	}
.topcontainer .containera .listcontent .list {
	width: 3.1rem;
	background: #FFFFFF;
	box-shadow: 0px 0px 18px 0px rgba(14, 4, 8, 0.07);
	border-radius: .1rem;
	overflow:hidden;
	margin-top:.3rem;
	padding-bottom:.3rem;
	}
.topcontainer .containera .listcontent .list .imgs {
	width:100%;
	height:2rem;
	overflow:hidden;
	display:flex;
	align-items:center;
	}
.topcontainer .containera .listcontent .list .imgs img {
	object-fit: cover;
            width: 100%;
            height: 100%;
	}
.topcontainer .containera .listcontent .list .titles {
	font-size: .26rem;
    color: #666666;
    line-height: .26rem;
	margin:.23rem .23rem 0 .23rem;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	}
.topbanner {
	width:100%;
	display:flex;
	}
.topbanner img {
	width:100%;
	}
.topcontent {
	padding:0 .42rem;
	}
.topcontent .topmes {
	padding:.15rem 0 .45rem 0;
	border-bottom:1px solid #EEEEEE;
	}
.topcontent .topmes p {
	font-size: .28rem;
    color: #333333;
    line-height: .45rem;
	font-weight:bold;
	margin-top:.2rem;
	}
.topcontent .details {
	padding-top:.3rem;
	padding-bottom:.82rem;
	font-size: .24rem;
    color: #666666;
    line-height: .4rem;
	}
.topcontent .details .smmes {
	font-size: .24rem;
    color: #666666;
    line-height: .4rem;
	margin-top:.22rem;
	}
.topcontent .details .bigmes {
	font-size: .3rem;
    color: #333333;
    line-height: .3rem;
	font-weight:bold;
	margin-top:.35rem;
	}
.topcontent .details p {
	font-size: .24rem;
    color: #666666;
    line-height: .4rem;
	margin-top:.22rem;
	}
.videoimgesone {
    width:100%;
    height:4.2rem;
    position: relative;
}
.videoimgesone video {
    width:100%;
    height:4.2rem;
	object-fit:fill;
    background-size:100% 100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.videoimgesone .video-js {
    width:100%;
    object-fit:fill;
    height:4.2rem;
    margin:0 auto;
    position:relative;
}
.videoimgesone .video-js .vjs-big-play-button {
    left:50%;
    margin-top:-.45rem;
    width:.9rem;
    text-align:center;
    border-radius:50%;
    height:.9rem;
    line-height:.9rem;
    margin-left:-.45rem;
    top:50%;
}
.detialscontent {
	padding:0 .38rem;
	}
.detialscontent .detailstop {
	border-bottom:1px solid #EEEEEE;
	padding:.43rem 0;
	}
.detialscontent .detailstop .toptitle {
	font-size: .3rem;
    color: #333333;
    line-height: .3rem;
	font-weight:bold;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	}
.detialscontent .detailstop .topmes {
	font-size: .26rem;
    color: #333333;
    line-height: .26rem;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	margin-top:.27rem;
	}
.detialscontent .detailstop .toplist {
	display:flex;
	margin-top:.3rem;
	}
.detialscontent .detailstop .toplist span {
	display:flex;
	align-items:center;
	font-size: .26rem;
    color: #999999;
    line-height: .26rem;
	margin-right:.46rem;
	}
.detialscontent .detailstop .toplist span img {
	width:.3rem;
	height:.22rem;
	margin-right:.12rem;
	}
.detialscontent .detailsbottom {
	font-size: .26rem;
    color: #999999;
    line-height: .5rem;
	padding:.45rem 0;
	}
.searchtwo {
	display:flex;
	padding:.22rem .3rem .2rem .3rem;
	border: .01rem solid #E3E3E3;
	}
.searchtwo .search {
	width: 85%;
    display: flex;
    align-items: center;
    background:#EEEEEE;
	border-radius:.33rem;
	}
.searchtwo .search .input-group-addon {
	padding: 0 .26rem;
    display: flex;
    justify-content: center;
    align-items: center;
	}
.searchtwo .search .input-group-addon img {
	width: .26rem;
    height: .26rem;
	}
.searchtwo .search .input-group-addonone {
	padding: 0 .26rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
	}
.searchtwo .search .input-group-addonone img {
	width: .3rem;
    height: .3rem;
	}
.searchtwo .search input {
	width:76%;
	background: transparent;
    border: none;
    outline: none;
    font-size: .28rem;
    color: #666666;
    line-height: .28rem;
	padding:.2rem 0;
	}
.searchtwo .clickone {
	padding-left:.19rem;
	font-size: .34rem;
    color: #333333;
    line-height: .34rem;
	font-weight:bold;
	display: flex;
    align-items: center;
	}
.choose {
	overflow-x: auto;
	white-space: nowrap;
	border-bottom:.01rem solid #E3E3E3;
	padding-left:1rem;
	display:flex;
	}
.choose span {
	display:inline-block;
	font-size: .3rem;
    color: #666666;
    line-height: .3rem;
	padding:.26rem 0;
	margin-right:1rem;
	}
.choose span.clicked {
	border-bottom:.03rem solid #4186FB;
	color:#4186FB;
	font-size:.32rem;
	line-height:.32rem;
	font-weight:bold;
	}
.choosecontent {
	padding:0 .2rem .5rem .2rem;
	}
.choosecontent .listone {
	margin-top:.52rem;
	}
.choosecontent .listone a {
	display:flex;
	}
.choosecontent .listone .leftimg {
	width:2.6rem;
	height:1.68rem;
	display:flex;
	align-items:center;
	border-radius:.1rem;
	position:relative;
	}
.choosecontent .listone .leftimg img {
	object-fit: cover;
            width: 100%;
            height: 100%;
	}
.choosecontent .listone .leftimg .plays {
	width: .52rem;
	height:.52rem;
	background: url(images/plays.png) no-repeat;
	background-size:100% 100%;
	top:50%;
	left:50%;
	margin-top:-.26rem;
	margin-left:-.26rem;
	}
.choosecontent .listone .rightmes {
	margin-left:.33rem;
	width:60%;
	}
.choosecontent .listone .rightmes .toptitle {
	font-size: .3rem;
    color: #333333;
    line-height: .3rem;
	font-weight:bold;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	margin-top:.12rem;
	}
.choosecontent .listone .rightmes .topmes {
	font-size: .26rem;
    color: #333333;
    line-height: .26rem;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	margin-top:.23rem;
	}
.choosecontent .listone .rightmes .toplist {
	display:flex;
	margin-top:.38rem;
	}
.choosecontent .listone .rightmes .toplist span {
	display:flex;
	align-items:center;
	font-size: .26rem;
    color: #999999;
    line-height: .26rem;
	margin-right:.46rem;
	}
.choosecontent .listone .rightmes .toplist span img {
	width:.3rem;
	height:.22rem;
	margin-right:.12rem;
	}
.nulldate {
	width:100%;
	}
.nulldate .nullimg {
	width:100%;
	display:flex;
	justify-content: center;
	padding:1.2rem 0 .5rem 0;
	}
.nulldate .nullimg img {
	width:3.14rem;
	height:1.63rem;
	}
.nulldate .nullmes {
	width:100%;
	display:flex;
	justify-content: center;
	font-size: .26rem;
    color: #999999;
    line-height: .26rem;
	margin-right:.46rem;
	}