 

 
div.indexmaindiv{ max-width:94.5%; margin:0 auto;overflow:hidden;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:136px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:136px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:172px;height:245px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:100%px;height:auto;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:100%px;height:auto;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:136px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:136px 0px 0px 15px;cursor:pointer;}
/*滚动*/


div.maindiv1{float:left;width:96%;height:315px;overflow:hidden;position:relative; margin:0 auto }
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:570px;height:315px;margin-left:18px;}

@media screen and (max-width:1699px) and (min-width:1200px) {
div.indexmaindiv{height:auto;margin:0px auto;width:96%;margin:0 px;}

div.maindiv1{float:left;width:94%;height:315px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:355px;height:315px;margin-left:18px;}
}

@media screen and (max-width:1199px) and (min-width:1080px) {
div.indexmaindiv{height:auto;margin:0px auto;width:96%; }

div.maindiv1{float:left;width:93.5%;height:315px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:300px;height:315px;margin-left:18px;}
}


 

@media screen and (max-width:1079px) and (min-width:768px) {
div.indexmaindiv{height:auto;margin:0px auto;width:96%;margin:0 px;}

div.maindiv1{float:left;width:90%;height:315px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:300px;height:315px;margin-left:18px;}
}

@media screen and (max-width:767px) and (min-width:376px) {
div.indexmaindiv{height:auto;margin:0px auto;width:100%;margin:0 0px;}

div.maindiv1{float:left;width:90.6%;height:115px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:200px;height:115px;margin-left:18px;}

div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:36px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:36px 5px 0px 0px;cursor:pointer;} 

div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:36px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:36px 0px 0px 15px;cursor:pointer;}

}

@media screen and (max-width:375px) {
div.indexmaindiv{height:auto;margin:0px auto;width:100%;margin:0 0px;}

div.maindiv1{float:left;width:82%;height:85px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:130px;height:85px;margin-left:18px;}

div.indexmaindiv{height:auto;margin:0px auto; width:94%;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:36px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:36px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:150px;height:115px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:100%px;height:auto;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:100%px;height:auto;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:36px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:36px 0px 0px 15px;cursor:pointer;}
}


 