CSS代码如下:
*{
margin: 0px;
padding:0px;
}
ul{
list-style: none;
}
a{
text-decoration: none;
}
body{
background: url(bg.jpg) no-repeat;
background-position: center top;
}
.nav{
width: 100%;
height: 84px;
background: black;
opacity: 0.8;
margin: 0 auto;
}
.bg{
width: 100%;
height: 270px;
position: absolute;
top: 84px;
background-color: black;
opacity: 0.5;
z-index: -1;
display: none;
}
.nav1{
width: 1200px;
height: 84px;
margin: 0 auto;
font-size: -1px;
}
.logo{
width: 200px;
height: 84px;
background: url(logo.png) no-repeat center;
float: left;
}
.title1{
width: 720px;
height: 84px;
float: left;
}
.title1>li{
width: 120px;
height: 84px;
float: left;
text-align: center;
color: #ddd;
}
.t{
height: 84px;
box-sizing: border-box;
}
.t div{
box-sizing: border-box;
}
.t div:nth-child(1){
height: 46px;
font-size: 18px;
color: #ddd;
line-height: 46px;
padding-top: 10px;
}
.t div:nth-child(2){
height: 38px;
font-size: 12px;
color: #aaa;
padding-top: 8px;
}
.search{
width: 84px;
height: 84px;
float: left;
background: url(search.png) no-repeat center;
}
.logo2{
width: 176px;
height: 84px;
float: left;
}
.logo2>div{
float: left;
}
.logo2 div:nth-child(2){
height: 46px;
font-size: 16px;
color: white;
line-height: 46px;
padding-top: 10px;
box-sizing: border-box;
}
.logo2 div:nth-child(3){
height: 38px;
font-size: 12px;
color: #aaa;
padding-top: 8px;
box-sizing: border-box;
}
.logo2_circle{
width: 42px;
height: 42px;
float: left;
margin: 19px 10px;
border: 1px solid #f3c258;
border-radius: 50px;
background: url(head_logo2.png) no-repeat center;
}
.title2{
margin-top: 10px;
display: none;
}
.title2 li{
color: white;
font-size: 14px;
line-height: 32px;
}
.nav:hover .bg{
display: block;
}
.nav:hover .title2{
display: block;
}
/*///上面已完成*/
.main{
width: 1200px;
height: 1844px;
margin: 0 auto;
margin-top: 500px;
}
.section1{
height: 342px;
width: 1200px;
}
.pic_scroll{
height: 342px;
width: 604px;
float: left;
}
.pic_scroll>div:nth-child(1){
width: 604px;
height: 298px;
}
.pic_scroll div:nth-child(2){
width: 604px;
height: 44px;
background-color: black;
color: #aaa;
}
.pic_scroll div:nth-child(2) div{
width: 120.8px;
height: 44px;
float: left;
font-size: 14px;
line-height: 44px;
text-align: center;
}
.pic_scroll div .scroll_number_over{
color: #f3c258;
background-color: rgba(50,50,50,0.7);
cursor: pointer;
}
.pic_scroll div .scroll_number_out{
color: #aaa;
}
.public{
height: 342px;
width: 330px;
background-color: black;
opacity: 0.8;
float: left;
}
.public_nav{
width: 324px;
height: 50px;
margin: 0 auto;
}
.public_nav div{
width: 54px;
height: 50px;
float: left;
color: #aaa;
line-height: 50px;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.public_nav div:first-child{
color:#f3c258;
background-color:rgba(50,50,50,0.7);
}
.public_contents .public_c{
width: 300px;
height: 36px;
font-size: 18px;
line-height: 36px;
color: #f3c258;
margin: 14px auto;
background-color: rgba(50,50,50,0.7);
}
.public_contents ul li{
width: 300px;
height: 21px;
margin: 11px auto;
}
.public_contents ul li div:nth-child(1){
font-size: 12px;
color: #05f;
width: 30px;
height: 21px;
float: left;
}
.public_contents ul li div:nth-child(2){
font-size: 14px;
color: #aaa;
width: 230px;
height: 21px;
float: left;
}
.public_contents ul li div:nth-child(3){
font-size: 12px;
color: #ddd;
width: 40px;
height: 21px;
float: left;
}
.download{
height: 342px;
width: 266px;
float: left;
}
.download div{
width: 266px;
height: 108px;
margin-top: 1px;
color: white;
background-color: rgb(60,60,60);
border-top: 1px solid grey;
font-size: 28px;
text-align: center;
line-height: 108px;
border-radius: 5px;
}
.download div:first-child{
height: 122px;
margin-top: 0px;
border-top: 0px;
background-image: linear-gradient(to right,#a76a34,#a76a11);
}
.section2{
width: 1200px;
height: 134px;
margin-top: 20px;
}
.section2 div{
float: left;
}
.pic1{
width: 291px;
height: 134px;
background: url(pic1.jpg) no-repeat center;
border-radius: 3px;
margin-right: 12px;
}
.pic1:hover{
background-size: 120% 120%;
}
.pic2{
width: 291px;
height: 134px;
background: url(pic2.jpg) no-repeat center;
border-radius: 3px;
margin-right: 12px;
}
.pic2:hover{
background-size: 120% 120%;
}
.pic3{
width: 291px;
height: 134px;
background: url(pic3.jpg) no-repeat center;
border-radius: 3px;
margin-right: 12px;
}
.pic3:hover{
background-size: 120% 120%;
}
.pic4{
width: 291px;
height: 134px;
background: url(pic4.jpg) no-repeat center;
border-radius: 3px;
}
.pic4:hover{
background-size: 120% 120%;
}
.item_nav{
height: 26px;
font-size: 22px;
line-height: 26px;
}
.item_name{
width: 125px;
height: 26px;
margin-right: 651px;
}
.item_name div{
width: 26px;
height: 26px;
background: url(bgs.png) no-repeat;
background-size: 320px;
background-position: 0px -80px;
}
.buy{
width: 70px;
height: 26px;
font-size: 16px;
}
.buy div{
width: 26px;
height: 26px;
background: url(bgs.png) no-repeat;
background-size: 320px;
background-position: -195px -62px;
}
.more{
width: 70px;
height: 26px;
padding-left: 26px;
font-size: 14px;
color: #999;
}
.more div{
width: 26px;
height: 26px;
background: url(bgs.png) no-repeat;
background-size: 320px;
background-position: -195px 8px;
}
.section3{
width: 1200px;
height: 528px;
margin-top: 20px;
}
.section3 div{
float: left;
}
.contents{
width: 872px;
height: 528px;
margin-right: 33px;
}
.contents .item_nav{
width: 872px;
height: 26px;
}
.contents .item_subnav{
width: 872px;
height: 32px;
text-align: center;
}
.contents .item_subnav div{
width: 290px;
height: 32px;
font-size: 14px;
line-height: 32px;
background-color: #f5f5f5;
border-bottom: 3px solid #f5f5f5;
color: #aaa;
}
.contents .item_subnav div:nth-child(1){
border-right: 1px solid rgba(0,0,0,0.5);
color: black;
border-bottom: 3px solid #f3c258;
}
.contents .item_subnav div:nth-child(2){
border-right: 1px solid rgba(0,0,0,0.5);
}
.contents .item_content>div:first-child{
width: 872px;
height: 36px;
margin-top: 8px;
}
.contents .it1{
height: 24px;
line-height: 24px;
text-align: center;
background: #f5f5f5;
border-radius: 10px;
font-size: 14px;
margin-right: 4px;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 13px;
padding-right: 13px;
}
.contents .it1:first-child{
color: white;
background-color: #f3c258;
}
.contents .it2{
width: 872px;
height: 420px;
margin-top: 2px;
}
.contents .it2>div{
width: 209px;
height: 175px;
margin: 0px 12px 36px 0px;
}
.contents .it2 .item_contents4{
margin-right: 0px;
}
.contents .it2 .item_contents8{
margin-right: 0px;
}
.contents .it2 .kid1{
width: 209px;
height: 125px;
margin-bottom: 10px;
}
.contents .it2 .kid1 .kid1_1{
width: 209px;
height: 26px;
background-color: rgba(150,150,150,0.7);
position: relative;
top: 99px;
z-index: 1;
}
.contents .it2 .kid1 .kid1_1 .video_btn{
width: 139px;
height: 26px;
padding-left: 26px;
background: url(bgs.png) no-repeat center;
background-position: -250px -57px;
box-sizing: border-box;
color: white;
font-size: 12px;
line-height: 26px;
}
.contents .it2 .kid1 .kid1_1 .video_time{
width: 70px;
height: 26px;
float: right;
color: white;
font-size: 12px;
line-height: 26px;
}
.contents .it2 .kid2{
width: 209px;
height: 40px;
line-height: 20px;
color: #333;
}
.contents #item_contents_1 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_1 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_1 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_1 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_1 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_1 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_1 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_1 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_2 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_2 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_2 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_2 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_2 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_2 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_2 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_2 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_3 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_3 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_3 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_3 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_3 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_3 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_3 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_3 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_4 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_4 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_4 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_4 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_4 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_4 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_4 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_4 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_5 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_5 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_5 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_5 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_5 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_5 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_5 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_5 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_6 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_6 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_6 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_6 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_6 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_6 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_6 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_6 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_7 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_7 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_7 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_7 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_7 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_7 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_7 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_7 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_8 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_8 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_8 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_8 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_8 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_8 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_8 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_8 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_9 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_9 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_9 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_9 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_9 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_9 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_9 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_9 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_10 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_10 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_10 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_10 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_10 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_10 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_10 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_10 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_11 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_11 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_11 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_11 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_11 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_11 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_11 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_11 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_12 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_12 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_12 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_12 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_12 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_12 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_12 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_12 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_13 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_13 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_13 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_13 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_13 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_13 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_13 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_13 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_14 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_14 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_14 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_14 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_14 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_14 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_14 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_14 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_15 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_15 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_15 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_15 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_15 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_15 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_15 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_15 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_16 .it2 .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_16 .it2 .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_16 .it2 .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_16 .it2 .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_16 .it2 .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_16 .it2 .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.contents #item_contents_16 .it2 .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.contents #item_contents_16 .it2 .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
/*///*/
.heros_skin{
width: 295px;
height: 528px;
}
.heros_skin .item_nav{
width: 295px;
height: 26px;
}
.heros_skin .item_nav .item_name{
margin-right: 74px;
}
.heros_skin .item_nav .item_name div{
width: 26px;
height: 26px;
background: url(bgs.png) no-repeat;
background-size: 320px;
background-position: 0px -110px;
}
.heros_skin .item_subnav{
width: 295px;
height: 32px;
text-align: center;
margin-bottom: 19px;
}
.heros_skin .item_subnav div{
width: 97px;
height: 32px;
font-size: 14px;
line-height: 32px;
color: #aaa;
background-color: #f5f5f5;
border-bottom: 3px solid #f5f5f5;
border-right: 1px solid rgba(0,0,0,0.5);
}
.heros_skin .item_subnav div:first-child{
color: black;
border-bottom: 3px solid #f3c258;
}
.heros_skin .item_subnav div:last-child{
border-right: 2px solid #f5f5f5;
}
.heros_skin .heros_skin_contents{
width: 295px;
height: 450px;
}
.heros_skin .newhero1{
width: 295px;
height: 156px;
background: url(newhero.jpg) no-repeat center;
}
.heros_skin .newhero2{
width: 293px;
height: 62px;
border: 1px solid #e5e5e5;
border-top: none;
margin-bottom: 10px;
}
.heros_skin .newhero2 div{
width: 293px;
height: 31px;
}
.heros_skin .newhero2 div:nth-child(1){
font-size: 18px;
color: #333;
font-weight: bold;
line-height: 36px;
}
.heros_skin .newhero2 div:nth-child(2){
font-size: 10px;
color: #999;
line-height: 26px;
}
.heros_skin .heros{
width: 295px;
height: 173px;
margin-bottom: 10px;
}
.heros_skin .heros>div{
width: 68px;
height: 173px;
margin-right: 7.2px;
cursor: pointer;
}
.heros_skin .heros div div:first-child{
width: 68px;
height: 173px;
background-color: rgba(0,0,0,0.7);
display: none;
position: absolute;
}
.heros_skin .heros div div:last-child{
width: 68px;
height: 173px;
color: #f3c258;
writing-mode: vertical-lr;/*竖排*/
line-height: 68px;
text-align: center;
position: absolute;
display: none;
z-index: 1;
}
.heros_skin #heros1 .hero1:hover .agd1{
display: block;
}
.heros_skin #heros1 .hero1:hover .agd2{
display: block;
}
.heros_skin #heros1 .hero2:hover .mt1{
display: block;
}
.heros_skin #heros1 .hero2:hover .mt2{
display: block;
}
.heros_skin #heros1 .hero3:hover .jing1{
display: block;
}
.heros_skin #heros1 .hero3:hover .jing2{
display: block;
}
.heros_skin #heros1 .hero4:hover .my1{
display: block;
}
.heros_skin #heros1 .hero4:hover .my2{
display: block;
}
.heros_skin #heros2 .hero1:hover .gy1{
display: block;
}
.heros_skin #heros2 .hero1:hover .gy2{
display: block;
}
.heros_skin #heros2 .hero2:hover .my3{
display: block;
}
.heros_skin #heros2 .hero2:hover .my4{
display: block;
}
.heros_skin #heros2 .hero3:hover .ydn1{
display: block;
}
.heros_skin #heros2 .hero3:hover .ydn2{
display: block;
}
.heros_skin #heros2 .hero4:hover .blxc1{
display: block;
}
.heros_skin #heros2 .hero4:hover .blxc2{
display: block;
}
.heros_skin #heros3 .hero1:hover .zl1{
display: block;
}
.heros_skin #heros3 .hero1:hover .zl2{
display: block;
}
.heros_skin #heros3 .hero2:hover .gjl1{
display: block;
}
.heros_skin #heros3 .hero2:hover .gjl2{
display: block;
}
.heros_skin #heros3 .hero3:hover .kai1{
display: block;
}
.heros_skin #heros3 .hero3:hover .kai2{
display: block;
}
.heros_skin #heros3 .hero4:hover .lyf1{
display: block;
}
.heros_skin #heros3 .hero4:hover .lyf2{
display: block;
}
.heros_skin #heros4 .hero1:hover .zz1{
display: block;
}
.heros_skin #heros4 .hero1:hover .zz2{
display: block;
}
.heros_skin #heros4 .hero2:hover .llw1{
display: block;
}
.heros_skin #heros4 .hero2:hover .llw2{
display: block;
}
.heros_skin #heros4 .hero3:hover .cyj1{
display: block;
}
.heros_skin #heros4 .hero3:hover .cyj2{
display: block;
}
.heros_skin .heros .hero4{
margin-right: 0px;
}
.heros_skin #heros_skin_contents1 .heros .hero1{
background: url(agd.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents1 .heros .hero2{
background: url(mt.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents1 .heros .hero3{
background: url(jing.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents1 .heros .hero4{
background: url(my.jpg) no-repeat center;
}
.heros_skin .newskin1{
width: 295px;
height: 156px;
background: url(newskin.jpg) no-repeat center;
}
.heros_skin .newskin2{
width: 293px;
height: 62px;
border: 1px solid #e5e5e5;
border-top: none;
margin-bottom: 10px;
}
.heros_skin .newskin2 div{
width: 293px;
height: 31px;
}
.heros_skin .newskin2 div:nth-child(1){
font-size: 18px;
color: #333;
font-weight: bold;
line-height: 36px;
}
.heros_skin .newskin2 div:nth-child(2){
font-size: 10px;
color: #999;
line-height: 26px;
}
.heros_skin #heros_skin_contents2 .heros .hero1{
background: url(gy.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents2 .heros .hero2{
background: url(my2.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents2 .heros .hero3{
background: url(ydn.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents2 .heros .hero4{
background: url(blxc.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents3 .heros:nth-child(1) .hero1{
background: url(zl.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents3 .heros:nth-child(1) .hero2{
background: url(gjl.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents3 .heros:nth-child(1) .hero3{
background: url(kai.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents3 .heros:nth-child(1) .hero4{
background: url(lyf.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents3 .heros:nth-child(2) .hero1{
background: url(zz.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents3 .heros:nth-child(2) .hero2{
background: url(llw.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents3 .heros:nth-child(2) .hero3{
background: url(cyj.jpg) no-repeat center;
}
.heros_skin #heros_skin_contents3 .heros:nth-child(2) .hero4{
background: url(more.jpg) no-repeat center;
}
.heros_skin .freetime{
width: 295px;
height: 18px;
color: #999;
text-align: right;
font-size: 12px;
}
/**/
.section4{
width: 1200px;
height: 780px;
margin-top: 5px;
}
.section4 div{
float: left;
}
.games{
width: 872px;
height: 780px;
margin-right: 33px;
}
.games .item_nav{
width: 872px;
height: 26px;
}
.games .item_nav .item_name div{
width: 26px;
height: 26px;
background: url(bgs.png) no-repeat;
background-size: 320px;
background-position: 0px -140px;
}
.games .item_subnav{
width: 872px;
height: 32px;
text-align: center;
}
.games .item_subnav div{
width: 108px;
height: 32px;
font-size: 14px;
line-height: 32px;
color: #aaa;
background-color: #f5f5f5;
border-bottom: 3px solid #f5f5f5;
border-right: 1px solid rgba(0,0,0,0.5);
}
.games .item_subnav div:first-child{
color: black;
border-bottom: 3px solid #f3c258;
}
.games .item_subnav div:last-child{
border-right: 1px solid #f5f5f5;
}
.games .item_content .item_c_top{
width: 872px;
height: 260px;
margin-top: 19px;
margin-bottom: 15px;
}
.games .item_content .item_c_top .item_c_top_pic{
width: 211px;
height: 260px;
margin-right: 31px;
}
.games .item_content #gcdiv1 .item_c_top .item_c_top_pic{
background: url(games_kpl.jpg) no-repeat center;
}
.games .item_content #gcdiv2 .item_c_top .item_c_top_pic{
background: url(games_gjb.jpg) no-repeat center;
}
.games .item_content #gcdiv3 .item_c_top .item_c_top_pic{
background: url(games_kjls.jpg) no-repeat center;
}
.games .item_content #gcdiv4 .item_c_top .item_c_top_pic{
background: url(games_css.jpg) no-repeat center;
}
.games .item_content #gcdiv5 .item_c_top .item_c_top_pic{
background: url(games_gxls.jpg) no-repeat center;
}
.games .item_content #gcdiv6 .item_c_top .item_c_top_pic{
background: url(games_tga.jpg) no-repeat center;
}
.games .item_content #gcdiv7 .item_c_top .item_c_top_pic{
background: url(games_wxyxyqs.jpg) no-repeat center;
}
.games .item_content #gcdiv8 .item_c_top .item_c_top_pic{
background: url(games_mnzdss.jpg) no-repeat center;
}
.games .item_content .item_c_top .item_c_top_div{
width: 630px;
height: 260px;
}
.games .item_content .item_c_top .item_c_top_div .slogan1{
width: 630px;
height: 32px;
font-size: 24px;
line-height: 32px;
color: #333;
margin-bottom: 1px;
}
.games .item_content .item_c_top .item_c_top_div .slogan2{
width: 630px;
height: 22px;
font-size: 14px;
line-height: 22px;
color: #666;
margin-bottom: 1px;
}
.games .item_content .item_c_top .item_c_top_div ul{
width: 630px;
height: 204px;
}
.games .item_content .item_c_top .item_c_top_div ul li{
width: 630px;
height: 34px;
clear: both;
}
.games .item_content .item_c_top .item_c_top_div ul li div:nth-child(1){
width: 48px;
height: 20px;
font-size: 12px;
line-height: 20px;
background-color: #e3e3e3;
border-radius: 10px;
border: 2px solid #e3e3e3;
color: #999;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}
.games .item_content .item_c_top .item_c_top_div ul li div:nth-child(2){
width: 470px;
height: 34px;
line-height: 34px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
color: #333;
margin-left: 10px;
}
.games .item_content .item_c_top .item_c_top_div ul li div:nth-child(3){
width: 45px;
height: 34px;
font-size: 12px;
line-height: 34px;
color: #b8b9c5;
float: right;
}
.games .item_content .item_c_div{
width: 872px;
height: 410px;
}
.games .item_c_div{
width: 872px;
height: 420px;
margin-top: 2px;
}
.games .item_c_div>div{
width: 209px;
height: 175px;
margin: 0px 12px 36px 0px;
}
.games .item_c_div .item_contents4{
margin-right: 0px;
}
.games .item_c_div .item_contents8{
margin-right: 0px;
}
.games .item_c_div .kid1{
width: 209px;
height: 125px;
margin-bottom: 10px;
}
.games .item_c_div .kid1 .kid1_1{
width: 209px;
height: 26px;
background-color: rgba(150,150,150,0.7);
position: relative;
top: 99px;
z-index: 1;
}
.games .item_c_div .kid1 .video_btn{
width: 139px;
height: 26px;
padding-left: 26px;
background: url(bgs.png) no-repeat center;
background-position: -250px -57px;
box-sizing: border-box;
color: white;
font-size: 12px;
line-height: 26px;
}
.games .item_c_div .kid1 .video_time{
width: 70px;
height: 26px;
float: right;
color: white;
font-size: 12px;
line-height: 26px;
}
.games .item_c_div .kid2{
width: 209px;
height: 40px;
line-height: 20px;
color: #333;
}
.games #gcdiv1 .item_c_div .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv1 .item_c_div .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv1 .item_c_div .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv1 .item_c_div .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv1 .item_c_div .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv1 .item_c_div .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv1 .item_c_div .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.games #gcdiv1 .item_c_div .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv2 .item_c_div .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv2 .item_c_div .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv2 .item_c_div .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv2 .item_c_div .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv2 .item_c_div .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv2 .item_c_div .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv2 .item_c_div .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.games #gcdiv2 .item_c_div .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv3 .item_c_div .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv3 .item_c_div .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv3 .item_c_div .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv3 .item_c_div .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv3 .item_c_div .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv3 .item_c_div .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv3 .item_c_div .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.games #gcdiv3 .item_c_div .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv4 .item_c_div .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv4 .item_c_div .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv4 .item_c_div .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv4 .item_c_div .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv4 .item_c_div .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv4 .item_c_div .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv4 .item_c_div .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.games #gcdiv4 .item_c_div .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv5 .item_c_div .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv5 .item_c_div .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv5 .item_c_div .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv5 .item_c_div .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv5 .item_c_div .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv5 .item_c_div .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv5 .item_c_div .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.games #gcdiv5 .item_c_div .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv6 .item_c_div .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv6 .item_c_div .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv6 .item_c_div .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv6 .item_c_div .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv6 .item_c_div .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv6 .item_c_div .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv6 .item_c_div .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.games #gcdiv6 .item_c_div .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv7 .item_c_div .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv7 .item_c_div .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv7 .item_c_div .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv7 .item_c_div .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv7 .item_c_div .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv7 .item_c_div .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv7 .item_c_div .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.games #gcdiv7 .item_c_div .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv8 .item_c_div .item_contents1 .kid1{
background: url(contents1.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv8 .item_c_div .item_contents2 .kid1{
background: url(contents2.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv8 .item_c_div .item_contents3 .kid1{
background: url(contents3.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv8 .item_c_div .item_contents4 .kid1{
background: url(contents4.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv8 .item_c_div .item_contents5 .kid1{
background: url(contents5.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv8 .item_c_div .item_contents6 .kid1{
background: url(contents6.jpg) no-repeat center;
background-size: 100%;
}
.games #gcdiv8 .item_c_div .item_contents7 .kid1{
background: url(contents7.png) no-repeat center;
background-size: 100%;
}
.games #gcdiv8 .item_c_div .item_contents8 .kid1{
background: url(contents8.jpg) no-repeat center;
background-size: 100%;
}
.kpl{
width: 295px;
height: 780px;
}
.kpl .item_nav{
width: 295px;
height: 26px;
}
.kpl .item_nav .item_name{
margin-right: 4px;
}
.kpl .item_nav .item_name div{
width: 26px;
height: 26px;
background: url(bgs.png) no-repeat;
background-size: 320px;
background-position: -125px -80px;
}
.kpl .item_subnav{
width: 295px;
height: 32px;
text-align: center;
}
.kpl .item_subnav div{
height: 32px;
font-size: 14px;
line-height: 32px;
background-color: #f5f5f5;
}
.kpl .item_subnav div:nth-child(1){
width: 90px;
}
.kpl .item_subnav div:nth-child(2){
width: 90px;
padding-right: 25px;
}
.kpl .item_subnav div:nth-child(3){
width: 90px;
}
.kpl .game1 div{
width: 86px;
height: 80px;
line-height: 80px;
border: 1px #f5f5f5 solid;
font-size: 14px;
text-align: center;
}
.kpl .game1 div:nth-child(3){
width: 29px;
color: #f3c258;
}
.kpl .game2 div{
width: 86px;
height: 80px;
line-height: 80px;
border: 1px #f5f5f5 solid;
font-size: 14px;
text-align: center;
margin-bottom: 50px;
}
.kpl .game2 div:nth-child(3){
width: 29px;
color: #f3c258;
}
.kpl .kpl_pic{
width: 293px;
height: 159px;
background: url(kpl_pic.jpg) no-repeat center;
}
/*/已完成//*/
.fixed{
position: fixed;
right: 80px;
top: 300px;
color: #aaa;
text-align: center;
line-height: 44px;
font-size: 14px;
}
.fixed img{
width: 100px;
height: 100px;
border: 5px solid #f3c258;
right: 80px;
top: 300px;
}
.fixed>div{
width: 108px;
height: 44px;
border: 1px solid #aaa;
background: rgba(0,0,0,0.7);
}
.wb{
margin-top: -10px;
}
.wb>img{
width: 20px;
height: 20px;
border: 0px;
vertical-align: middle;
}
.wb div{
display: none;
position: relative;
right: 115px;
bottom: 50px;
}
.gzh div{
display: none;
position: relative;
right: 115px;
bottom: 50px;
}
.gzh>img{
width: 20px;
height: 20px;
border: 0px;
vertical-align: middle;
}
.wb:hover div{
display: block;
}
.gzh:hover div{
display: block;
}
/*/*/
footer{
width: 1200px;
height: 200px;
margin: 20px auto;
}
.footer_logos{
width: 1200px;
height: 64px;
margin-top: 20px;
margin-bottom: 8px;
}
.footer_logos div{
float: left;
}
.footer_logo1{
width: 285px;
height: 64px;
background: url(spr.png);
margin-right: 5px;
}
.footer_logo2{
width: 70px;
height: 64px;
background: url(spr.png);
background-position: 70px 0px;
}
.footer_fs>div{
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
.footer_f1{
width: 508px;
height: 150px;
height: 150px;
margin-right: 42px;
}
.footer_f2{
width: 650px;
height: 150px;
}
.footer_fs{
font-size: 10px;
}
.footer_f1 div{
float: left;
}
.footer_f1 div div{
width: 84px;
height: 36px;
line-height: 36px;
}
.footer_f1 p{
margin-top: 90px;
}
.footer_f2 ul{
width: 650px;
height: 120px;
}
.footer_f2 ul li{
height: 30px;
width: 650px;
line-height: 30px;
}
.footer_f2 ul li p:nth-child(1){
width: 500px;
height: 30px;
float: left;
}
.footer_f2 ul li p:nth-child(2){
width: 150px;
height: 30px;
float: left;
}
.footer_f2 ul li .sign1{
width: 20px;
height: 20px;
margin: 5px 0px;
background: url(gswj.png) no-repeat center;
background-position: 0px 0px;
float: left;
}
.footer_f2 ul li .sign2{
width: 20px;
height: 20px;
margin: 5px 0px;
background: url(icplogo.png) no-repeat center;
background-position: 0px 0px;
float: left;
}
.content_block{
display: block;
}
.content_none{
display: none;
}
HTML代码如下:
HTML代码https://blog.csdn.net/jasmyn518/article/details/121866535
JS代码如下:
JS代码https://blog.csdn.net/jasmyn518/article/details/121866745