@charset "UTF-8";
a{
	color:#4f4f4f;
}
 
a:hover{
	color: #FFFFFF;
}
ul{margin: 0px }
.nav-nav-theme{
	width:100%;
	min-width: 1200px;
	min-height: 220px;
	background-image: url(../img/index/nav-list01.jpg);
	background-size: 100% 100%;
}
.nav-nav-background{
	width: 100%;
	min-width:1200px;
	background: rgba(0,0,0,.4);
}
.nav-conert{
	width: 1200px;
	min-width:1200px;
	margin: 0 auto;
	/*border: 1px solid red;*/
}
.nav-conert li{
	float: left;
	min-width: 120px;
	height:50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
}
.nav-conert li:hover{
	background: linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -o-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -ms-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -moz-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -webkit-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
}

.nav-conertnew{
	width: 1200px;
	min-width:1200px;
	margin: 0 auto;
	/*border: 1px solid red;*/
}
.nav-conertnew li{
	float: left;
	min-width: 120px;
	height:50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
}

.nav-conertnew li a {
	float: left;
	min-width: 120px;
	height:50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
}

.nav-conertnew li:hover{
	background: linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -o-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -ms-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -moz-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -webkit-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
}
.nav-conert-lihover{
	background: linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -o-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -ms-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -moz-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
	background: -webkit-linear-gradient(bottom , rgb(79, 238, 238) 27% , rgb(32, 158, 170) 99%);
}
.second-level-nav{
	width: 100%;
	min-width: 1200px;
	background: #fff;
	border-bottom: 1px dashed #D1D1D1;
	padding-bottom: 10px;
}
.second-nav{
	width: 1200px;
	height: 190px;
	margin: 0 auto;
	padding-bottom: 10px;
} 
.second-nav-nav{padding-top:25px ;border-bottom: 1px dashed #ccc;padding-bottom: 5px;}
.second-nav-nav .ft:first-child{padding-right:5px;}
.second-nav-nav .ft:first-child span:first-child{padding-right:5px;}
.second-pa .ft:first-child{padding-right:5px;}
.second-pa .ft:first-child span:first-child{padding-right:5px;}
.second-pa{
	padding-top:9px;
}
#secondLevel .nof{width:100%;border-bottom: 1px dashed #ccc;padding-bottom: 5px;}
#threeLevel .nof{width:100%;border-bottom: 1px dashed #ccc;padding-bottom: 5px;} 
.second-nav-li{
	
}
.second-nav-li li{
	min-width: 62px;
	height: 24px;
	float: left;
	text-align: center;
	line-height: 24px;
	/* color:#4f4f4f; */
	font-size: 14px;
	padding:0px 5px;
	margin-right: 5px;
}
.span{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
}
.second-nav-li li:hover{
	background: #00BFC7;
	color:#fff;
	border-radius: 2px;
}


.second-nav-li-hover{
	background: #00BFC7;
	color:#fff;
	border-radius: 2px;
}
.second-nav-li-hover a{
	color:#fff !important;
}
.second-nav-li li:hover a{
	background: #00BFC7;
	color:#fff;
}
.second-inp{
	width: 300px;
	height: 35px;
	border:1px solid #D2D2D2 ;
}
.second-button{
	width: 70px;
	height: 35px;
	background: #00BFC7;
	border:0px;
	margin-left: 0px;
	color: #fff;
	border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.sousuo{
	height: 40px;
}
.a-list-theme{
	width: 100%;
	min-width:1200px;
	padding-bottom: 70px;
	background: #f6f6f6;
}
.a-list{
	width: 1200px;
	min-height: 500px;
	margin: 0 auto;
}
.a-list-title{
	padding-top: 25px;
}
.a-list-title-ziti{
	font-size: 16px;
}
.a-list-line{
	 width: 810px;
	 height:30px;
}
.a-list-line-line{
	border-bottom: 1px solid #D2D2D2;
}
.alist-liness{
	height:0px;
	margin-top:10px;
}
.a-list-line-span{
	display: inline-block;
	width: 40px;
	border-bottom: 3px solid #00BFC7;
	margin-bottom: 15px;
}
.a-list-nav{
	border-left: 1px solid #D2D2D2;
	border-radius:2px;
	background: #fff;
	
}
.a-list-nav li.hand:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.a-list-nav li{
	float: left;
	border-top: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	min-width: 77px; 
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 13px;
}
.a-list-nav li:hover{
/* 	background:#00BFC7; */
	color: #00BFC7;
}
.a-list-nav-lihover{
/* 	background:#00BFC7; */
	color: #00BFC7;
}
.a-list-nav-span01{
	background: url(../img/index/sjtos.png) no-repeat  57px 50%;
	display: inline-block;
	padding-right: 10px;
	width: 100%;
}
.a-list-nav li:hover .a-list-nav-span01{
	background: url(../img/index/sjto.png) no-repeat  57px 50%;
	display: inline-block;
	padding-right: 10px;
	width:100%;
}
.a-list-nav-span01-01{
	background: url(../img/index/sjto.png) no-repeat  right 50%;
	display: inline-block;
	padding-right: 15px;
}
.a-list-nav-span02{
	background: url(../img/index/xjtos.png) no-repeat  right 50%;
	display: inline-block;
	padding-right: 15px;
}
.a-list-nav li:hover .a-list-nav-span02{
	background: url(../img/index/xjto.png) no-repeat  right 50%;
	display: inline-block;
	padding-right: 15px;
}
.a-list-nav-span02-01{
	background: url(../img/index/xjto.png) no-repeat  right 50%;
	display: inline-block;
	padding-right: 15px;
}
.list-list{
	margin-top: 20px;
}
.list-list li{
	float: left;
	margin:0px 10px ;
}
.list-list-div-tow {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../img/ygqp2.png) no-repeat 0px 0px;
    width: 65px;
    height: 65px;
    margin-left: -30px;
    margin-top: -75px;
    z-index: 3;
}
.div-list .div-list-cont01{ margin-top:30px;}
.div-list .div-list-cont {
	width: 1200px;
	margin: 0 auto;
}
.div-list-cont .list-font01  {
	display: block;
	font-size: 22px;
	float: left;
	padding-bottom:10px;
	line-height: 28px;
	border-bottom: 3px solid #3dd2d8;
	clear: both;
	margin-bottom:-1px;
}

.div-list-cont .list-border {
	display: block;
	width: 86%;
	float: left;
	height:42px;
	padding-bottom:10px;
	line-height: 42px;
	border-bottom: 1px solid #d1d1d1;
}
.div-list-cont .list-more {
	float: right;
	height:32px;
	width:65px;
	line-height: 30px;
	font-size: 14px;
	margin-top:10px;
	display: block;
	border: 1px solid #d1d1d1;
	border-radius:3px;
	text-align:center;
}
.div-list-cont-ul{
	margin-top:10px;
}
.div-list-cont-ul li {
	display: block;
	width: 280px;
	margin-right: 25px;
	float: left;
	background:#ffffff;
}

.div-list-cont-ul li:last-child {
	
	margin-right: 0px;
}

.list-cont-li-title {
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 160px;
	left: 0px;
	background:rgba(41, 181, 181, 0.78);
	color: white;
	width: 100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-cont-li-title span {
	display: block;
	padding-left: 12px;
	font-size: 14px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-cont-li-cont {
	height: 100px;
	padding-left: 5px;
	padding-right: 5px;
}

.list-cont-br {
	width:280px;
	margin-bottom: 20px;
	position: relative;
	top: 0px;
	left: 0px;
	transition: box-shadow .5s ease 0s;
	-webkit-transition: box-shadow .5s ease 0s;
	background-color: white;
}

.list-cont-br:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .3)
}

.list-cont-li-cont .list-div-sps01 {
	line-height: 20px;
	margin-top: 5px;
}

.list-cont-li-cont .list-sp01 {
	background: url(../img/index/schoolmate.png) no-repeat 0 2px;
	display: block;
	float: left;
	color: red;
	padding: 0 0 0 20px;
	min-width: 68px;
}

.list-cont-li-cont .list-sp02 {
	background:url(../img/qians.png) no-repeat 0 2px;
	display: block;
	float: left;
	color: red;
	padding: 0 0 0 20px;
	min-width: 68px;
	position: relative;
    left: 40px;
}

.list-cont-li-cont .list-sp03 {
	background:url(../img/bofangd.png) no-repeat 0 2px;
	display: block;
	float: right;
	padding-left: 20px;
    color: #ff3f3f;
    margin-right: 5px;
}

.list-cont-li-cont .list-div-sps02 {
	color: #5e5e5e;
	height: 40px;
	overflow: hidden;
	padding: 8px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 12px;
	line-height:16px;
}
.list-div-sps03{
	    margin-top: 5px;
}
.list-div-sps03 .list-div-sps04 {
	display: inline;
	float: left;
	color: #999999;
	font-size:13px;
}

.list-div-sps03 .list-div-sps05 {
	display: inline-block;
	float: right;
	max-width: 65px;
	text-align: center;
	background-color: #cecece;
	color: white;
	border-radius: 10px;
	height: 20px;
	line-height:20px;
	padding: 0 5px;
	font-size: 12px;
}
.list-div-sps05{
	display:block;
	max-width:70px;
}
.list-cont-li-img {
	height: 200px;
	overflow: hidden;
}
.list-cont-li-img img {
	width: 280px;
	height:200px;
	-webkit-transition: -webkit-transform 1s ease 0s;
	transition: transform 1s ease 0s;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.list-cont-li-img img:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.list-cont-br .gread {
	width: 47px;
	height: 50px;
	color: white;
	text-align: center;
	font-size: 14px;
	line-height: 39px;
	position: absolute;
	top: 0;
	right: 15px;
	background: url(../img/index/mark01.png) no-repeat;
}

.list-cont-br .list-cont-li-title img {
	vertical-align: middle;
	padding-left: 2px;
	padding-top: 15px;
}

.list-cont-br .list-cont-li-title img:first-child {
	padding-left: 5px;
}

#li-nav{
	width: 180px;
	height: 450px;
	background:rgba(0,0,0,.4);
}

#data{
	position: absolute;
	top:0px;
	left: 180px;
	/*background:rgba(0,0,0,.4);*/
	background:rgba(61,210,216,1);
	height: 450px;
	min-width: 120px;
	display: none;
	/*border-left:2px solid #3C3C3C;*/
	padding:0px 10px;
}
#data div{
	width: 98px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	color: #333333;
	display: block;
	padding-top:3px;
}
#data div:hover{
	/*border-bottom: 2px solid #00BFC7;
	color: #00BFC7;*/
	color:white;
}
.dsdwsss{
	width: 100%;
    display: block;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
video{
	display:none!important;
}
.list-div-sps02 img{
	display:none!important;
}
 p{
    margin: 0px !important;
    font-size: 12px !important;
    color: #9e9e9e !important;
} 

.PlaybackType{
	/* width:30px; */
	height:20px;
	line-height:20px;
	position: absolute;
    top: 10px;
    left: 10px;
	background:#ff3f3f;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    z-index:2;
   -moz-box-shadow:0px 2px 3px #8C8C8C;
    -webkit-box-shadow:0px 2px 3px #8C8C8C;
     box-shadow:0px 2px 3px #8C8C8C;
     padding: 0px 5px;
}

.PlaybackType-Live{	
	background: #00d464;
}
.Coupon{
	/* width:20px; */
	height:20px;
	line-height:20px;
	background:#3dd2d8;
	color:#ffffff;
	 text-align: center;
	 font-size: 12px;
	  border-radius: 4px;
	  -moz-box-shadow:0px 2px 3px #8C8C8C;
    -webkit-box-shadow:0px 2px 3px #8C8C8C;
     box-shadow:0px 2px 3px #8C8C8C;
     position: absolute;
    top: 10px;
    left: 50px;
    z-index:2;
     padding: 0px 5px;
}

.list-list-score {
	width: 47px;
	height: 50px;
	background: url(../img/index/mark01.png);
	background-size: 100% 100%;
	position: absolute;
	top: 0px;
	right: 16px;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
}
