﻿*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	text-decoration: none;
	color: #1b252e;
	scroll-behavior: smooth;
	font-family: 'SimHei';
}
html{
     font-size:15px;
}
        .body-1{
		display: block;
	}
	.body-2{
		display:none;
	}
body{
height:auto;
}
a:hover{
	color: #b53b15;
}
.header-1{
	height: 5vw;
	width: 100%;
	z-index: 80;
	background-color: white;
/* */
}
.header-2{
	height: 5vw;
	width: 100%;
	position: fixed;
	z-index: 80;
	background-color: white;
	top: 0px;
	box-shadow: 0 28px 50px rgba(25,24,40,.35);
	background-color: rgba(255,255,255,.95);
/*	box-shadow: -10px 2px 40px #4c4a46;*/
/*	display: none;*/
}
.displaynone{
	display: none;
}
.header-logo{
	margin-left: 8.4%;
	background: url(../imgs/logo.gif);
	background-size: 100% 100%;
	height: 1.92vw;
	margin-top: 1.8vw;
	width: 8.9vw;
	position: absolute;
}
.header-menu{
	margin-right: 10%;
	width: auto;
}
.header-menu li{
	display: inline-block;
	float: right;
	padding: 2.2vw 0px 1.12vw;
	margin-left: 3%;
	font-size: 1.2vw;
}
.header-menu li:hover{
	color: #b53b15;
	border-bottom: 0.24vw solid #b53b15;
}
.pos-change{
	color: #b53b15;
	border-bottom: 0.24vw solid #b53b15;
}
.main-scroller{
	background: url(../imgs/banner-1.png);
	position: relative;
	background-size: 100% 100%;
	width: 100%;
	height: 31vw;
}
.main-pick{
	background: url(https://img.alicdn.com/tfs/TB1JVxfygHqK1RjSZFEXXcGMXXa-10-520.png) 0 repeat-x;
	height: 31vw;
	width: 20vw;
	margin-left: 70%;
}
.goto-search{
	width: 2.5vw;
	height: 1.4vw;
	background: url(../imgs/search.png);
	background-size: 100% 100%;
	float: left;
}
.slidelist{
	width: 100%;
}
.slidelist li{
	height: 3vw;
	width: 100%;
}
.slidelist li:hover{
	height: 5vw;
	width: 98%;
	background-color: rgba(20,133,185,0.2);
}
.slidelist li:hover .main-pick_caption{
	margin-top: 0.4vw;
	font-size: 1.5vw;
}
.slidelist li:hover .main-pick_brief{
	display: block;
}
.main-pick-blank{
	width: 1vw;
	height: 3vw;
	float: left;
}
.main-pick_caption{
	color: white;
	font-size: 1.2vw;
	display: inline-block;
}
.main-pick_brief{
	color: white;
	font-size: 1vw;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: none;
    margin-top: 0.6vw;
    margin-left: 2vw;

}
.main-pick_1{
	background-color: #fd537f;
	height: 1vw;
	width: 1vw;
	text-align: center;
	color: white;
	display: inline-block;
	font-size: 1vw;
	margin: 0vw 0.4vw 0vw 0vw;
}
.main-pick_2{
	background-color: #f2a20c;
	height: 1vw;
	width: 1vw;
	text-align: center;
	color: white;
	display: inline-block;
	font-size: 1vw;
	margin: 0vw 0.4vw 0vw 0vw;
}
.main-pick_3{
	background-color: #148aff;
	height: 1vw;
	width: 1vw;
	text-align: center;
	color: white;
	display: inline-block;
	font-size: 1vw;
	margin: 0vw 0.4vw 0vw 0vw;
}
.main-pick_4{
	background-color: rgba(255,255,255,0.15);
	height: 1vw;
	width: 1vw;
	text-align: center;
	color: white;
	display: inline-block;
	font-size: 1vw;
	margin: 0vw 0.4vw 0vw 0vw;
}
.hot-vido{
	margin-top: 2.5vw;
	height: 41vw;
	width: 97.7vw;
	margin-left: 1vw;
	position: relative;
}
.brief{
	height: 18.5vw;
	width: 23vw;
	margin-top: 2vh;
	margin-left: 1vw;
	float: left;
	overflow: hidden;
}
.img-construct{
	width: 23vw;
	height: 13vw;
	overflow: hidden;
	position: relative;
}
.brief:hover{
	box-shadow: -1px 1px 5px #4c4a46;
	z-index: 20;
	background-color: white;
}
.brief:hover .v-img{
	transform: scale(1.4);
	transition: all 3s;
}
.all-brief{
	height: 39vw;
	width: 100%;
	position: relative;
	float: left;
}
.star{
	height: 3.52vw;
	width: 12.8vw;
	float: left;
	background: url(../imgs/star.png) 0 no-repeat;
	background-size: 27.5% 100%;	
	margin-left: 0.6vw;
}
.TV{
	height: 3.52vw;
	width: 12.8vw;
	float: left;
	background: url(../imgs/TV.png) 0 no-repeat;
	background-size: 27.5% 100%;
	margin-left: 0.6vw;	
}
.vd{
	height: 3.52vw;
	width: 12.8vw;
	float: left;
	background: url(../imgs/vd.png) 0 no-repeat;
	background-size: 27.5% 100%;
	margin-left: 0.6vw;	
}
.sch{
	height: 3.52vw;
	width: 12.8vw;
	float: left;
	background: url(../imgs/sch.png) 0 no-repeat;
	background-size: 27.5% 100%;
	margin-left: 0.6vw;	
}
.star-title{
	font-size: 1.5vw;
	font-family: "Microsoft YaHei";
	float: right;
	margin-top: 0.6vw;
	margin-right: 2.8vw;
}
.v-img{
	width: 23vw;
	height: 13vw;
	position: relative;
}
.player{
	content: url(../imgs/player.png);
	z-index: 20;
	position: absolute;
	width: 3vw;
	height: 3vw;
	top: 5vw;
	left: 10vw;
}
.v-caption{
	font-size: 1vw;
	margin-top: 0.4vw;
	margin-left: 0.5vw; margin-right: 0.5vw;
	color: #1b252e;
	font-weight: bold;
}
.v-brief{
	font-size: 0.8vw;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-top: 0.4vw;
    margin-left: 0.5vw; margin-right: 0.5vw;
    color: #474747;
}
.v-time{
	font-size: 0.8vw;
	margin-top: 0.2vw;
	margin-left: 0.5vw; margin-right: 0.5vw;
	color: #474747;
	opacity: 0.6;
}
.v-caption:hover{
	color: #b53b15;
}
.v-brief:hover{
	color: #b53b15;
}
.v-time:hover{
	color: #b53b15;
}
.footer{
	margin-top: 5vw;
	width: 100%;
	height: 14vw;
	background-color: #1b252e;
	text-align: center;
}
.footer-content{
	width: 60vw;
	height: 14vw;
	margin-left: 20vw;
	text-align: center;
}
.footer-pos{
	margin-top: 2.5vw;
	display: inline-block;
	color: #858f98;
	font-size: 0.2vw;
}
.footer-qq{
	margin-top: 2.5vw;
	display: inline-block;
	color: #858f98;
	font-size: 0.2vw;
	margin-left: 20vw;
}
.footer-line{
	background-color:  #858f98;
	height: 1px;
	width: 100%;
	margin-top: 1vw;
}
.footer-link{
	margin-top: 1vw;
	height: 2vw;
	width: 100%;
}
.footer-link li{
	height: 2vw;
	width: 5vw;
	display: inline-block;
}
.footer-link li a{
	color: #858f98;
	font-size: 0.2vw;
}
.footer-copy{
	color: #858f98;
	font-size: 0.2vw;
	margin-top: 1.2vw;
}
.change{
	margin-left: 75vw;
	width: 8vw;
	height: 1.65vw;
	margin-top: 1.3vw;
	font-size: 1.1vw;
	float: left;
}
/*.change-img{
	width: 1.56vw;
	height: 1.65vw;
	background: url(../imgs/change.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-left: 75vw;
	margin-top: 2.28vw;
	margin-bottom: 1vw;
}*/
@keyframes rotate
{
	0%   {transform:rotate(0deg);}
	25%  {transform:rotate(90deg);}
	50%  {transform:rotate(180deg);}
	75%  {transform:rotate(270deg);}
	100% {transform:rotate(359deg);}
}
/*.change:hover .change-img{
	animation:rotate 1s linear 0s infinite;
}*/
/*.change-title{
	float: left;
	margin-left: 0.8vw;
	margin-top: 1.2vw;
	font-size: 1vw;
}*/
#TV{
	width: 0;
	height: 0;
	position: absolute;
	bottom: 2vw;
}
#star{
	width: 1vw;
	height: 0;
	position: absolute;
	bottom: 2vw;
}
#vd{
	width: 0;
	height: 0;
	position: absolute;
	bottom: 2vw;
}
#sch{
	width: 0;
	height: 0;
	position: absolute;
	bottom: 2vw;
}
.footer-2{
	margin-top: 2vw;
	width: 100%;
	padding: 1vw 0;
        font-size:0.9rem;
	text-align: center;
	height: 1vw;
	background-color: #f8f8f8;
}
.more{
	width: 100%;
	height: 2vw;
	text-align: center;
}
.more-title{
	font-size: 1.2vw;
}
.brief-link{
        height: 18.5vw;
	width: 23vw;
}
@media screen and (max-width: 450px){
	.body-1{
		display: none;
	}
	.body-2{
		display: block;
	}
	.p-header-1{
	height: 15vw;
	width: 100%;
	z-index: 80;
	background-color: white;
/* */
}
.p-header-logo{
	margin-left: 1.2vh;
	background: url(../imgs/logo.gif);
	background-size: 100% 100%;
	margin-top: 2.6vh;
	height: 3.84vh;
	width: 18.4vh;
	position: absolute;
}
.p-search-line{
	width: 40vw;
	height: 4vh;
	margin-top: 2.6vh;
	margin-left: 54vw;
	float: left;
	border-radius: 1vw;
	background-color: #f7f7f7;
}
.p-hot-vido-1{
	height: 80vh;
	width: 100%;
}
.p-hot-vido{
	height: 116vh;
	width: 100%;
}
.p-star-title{
	margin-top: 2vh;
	margin-bottom: 1vh;
	margin-left: 2vh;
	font-size: 3vh;
	font-weight:bold;
}
.p-all-brief{
	width: 100%;
	height: auto;
}
.p-brief{
	height: 42vw;
	width: 46vw;
	margin-top: 2vh;
	margin-left: 2vw;
	float: left;
	overflow: hidden;
}
.p-v-img{
	width: 46vw;
	height: 26vw;
	position: relative;
}
.p-v-caption{
	font-size: 14px;
	margin-top: 0.4vw;
	margin-left: 0.5vw;
	color: #1b252e;
	font-weight: bold;
	height: auto;
	opacity: 0.9;
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.p-v-time{
	font-size: 13px;
	margin-top: 0.2vw;
	margin-left: 0.5vw;
	color: #474747;
	opacity: 0.6;
}
.p-first-brief{
	margin-left: 3vw;
	margin-right: 3vw;
	width: 94%;
	height: auto;
}
.p-first-v-img{
	width: 94vw;
	height: 52vw;
	position: relative;
}
.p-footer-2{
	margin-top: 5vw;
	width: 100%;
	padding: 1vw 0;
	text-align: center;
	height: 3vh;
	background-color: #f8f8f8;
}
.p-refresh{
	margin-top: 1vh;
	height: 4vh;
	width: 100%;
	text-align: center;
}
.p-refresh-title{
	display: inline-block;
	font-size: 2vh;
	opacity: 0.6;
}
}






