原创作者:田超凡(程序员田宝宝)
版权所有,引用请注明原作者,严禁复制转载
@charset "utf-8";
/* 程序员田宝宝原创版权所有,仿冒必究,该界面是仿照某视频网站官网开发的静态页面 */
div,ul,li,h3,h2,p,h4,dl,dt,dd{
margin:0px;
padding:0px;
}
#Focus #top{
border-bottom:2px solid green;
width:395px;
height:38px;
position:relative;
font-family:"Microsoft YaHei";
}
#Focus #top h3{
font-size:26px;
margin-top:3px;
font-weight:normal;
width:300px;
}
#Focus #top p{
font-size:15px;
width:50px;
position:absolute;
bottom:6px;
left:110px;
}
#Focus #top{
color:green;
}
#Focus #middle h2{
font-weight:normal;
font-size:21px;
padding:22px 15px 9px;
width:360px;
margin-left:8px;
}
#Focus #middle ul li{
list-style-type:none;
padding:5px;
padding-left:17px;
width:380px;
background:url(图片素材/捕获.PNG) 0px 6px no-repeat;
text-indent:6px;
font-size:17px;
}
#Focus{
width:395px;
height:450px;
float:left;
}
#Focus #bottom{
overflow:hidden;
}
#Focus #bottom #left{
margin-top:7px;
margin-left:5px;
float:left;
}
#Focus #bottom #right{
margin-top:7px;
float:left;
margin-left:22px;
}
#Focus #bottom h2{
font-size:14px;
font-weight:normal;
padding:8px;
background-color:#EFEFEF;
width:168px;
padding-left:5px;
margim-right:5px;
}
#Focus2{
width:385px;
height:450px;
float:left;
margin-left:10px;
margin-right:15px;
}
#no1{
width:1420px;
overflow:hidden;
margin:0px auto;
font-family:"Microsoft YaHei";
}
#Focus2 #jui{
position:absolute;
bottom:0px;
padding:9px;
padding-left:48px;
width:322px;
color:white;
margin-bottom:0px;
z-index:1;
background:url(图片素材/img4.PNG) 5px 5px no-repeat;
}
#Focus2 #top{
position:relative;
margin-bottom:10px;
margin-left:3px;
}
#Focus2 #suv{
height:38px;
width:380px;
position:absolute;
bottom:0px;
background-color:black;
opacity:0.5;
filter:alpha(opacity=50);
}
#Focus2 #bottom ul li{
list-style-type:none;
padding:6px;
padding-left:17px;
width:380px;
background:url(图片素材/捕获.PNG) 0px 6px no-repeat;
text-indent:6px;
font-size:17px;
}
#Focus3 ul{
list-style-type:none;
float:left;
font-size:15px;
margin-left:7px;
}
#Focus3 ul li{
margin-right:8px;
}
#Focus3 #end li{
margin-right:0px;
}
#Focus3 ul .txt{
padding:7px 5px 5px 5px;
margin-bottom:20px;
background-color:#EFEFEF;
width:170px;
font-size:12px;
}
.tab{
background-color:#EFEFEF;
}
#no2{
width:1200px;
height:500px;
margin-top:28px;
float:left;
font-family:"Microsoft YaHei";
}
#no2 #area1{
width:1200px;
border-bottom:2px solid green;
}
#no2 #area1 h3{
font-size:30px;
font-weight:normal;
width:395px;
color:green;
position:relative;
padding-top:8px;
height:37px;
padding-left:30px;
background:url(图片素材/icon1.PNG) 0px 3px no-repeat;
}
#no2 #area1 p{
font-size:15px;
width:50px;
position:absolute;
bottom:9px;
left:100px;
color:green;
}
#no2 #area1 h3 ul{
position:absolute;
width:300px;
bottom:8px;
left:165px;
list-style-type:none;
font-size:15px;
overflow:hidden;
}
#no2 #area1 h3 ul li{
float:left;
padding-right:27px;
color:black;
}
#no2 #area2 #left #top{
background:url(图片素材/8b7ce74cdb274e92ba6eb75bbc528ead.jpg) 0px 0px no-repeat;
width:380px;
height:270px;
margin-top:25px;
position:relative;
}
#no2 #area2 #left #under h3{
font-size:17px;
font-weight:normal;
padding:5px;
padding-top:5px;
}
#no2 #area2 #left #under p{
padding-left:5px;
font-size:12px;
}
#no2 #area2 #left .rule{
width:56px;
background-color:black;
opacity:0.5;
filter:alpha(opacity=50);
color:white;
font-size:14px;
position:absolute;
bottom:2px;
right:2px;
border-radius:5px;
}
#no2 #area2 #left{
float:left;
}
#area2{
overflow:hidden;
width:1200px;
height:350px;
}
#no2 #area2 #right{
overflow:hidden;
height:323px;
float:left;
margin-left:23px;
width:792px;
margin-top:25px;
}
#no2 #area2 #right h3{
font-weight:normal;
padding:6px 0px 2px 5px;
font-size:17px;
}
#no2 #area2 #right p{
font-size:12px;
padding-left:7px;
margin-bottom:22px;
}
#no2 #area2 #right ul{
float:left;
list-style-type:none;
padding:0px;
margin-right:22px;
}
#no2 #area2 #right #lEnd{
margin:0px;
}
#artical{
width:1422px;
height:450px;
overflow:hidden;
margin:0px auto;
}
#no3{
width:190px;
height:550px;
float:left;
margin-left:11px;
font-family:"Microsoft YaHei";
position:relative;
top:-5px;
}
#no3 #top h2{
font-size:30px;
color:green;
font-weight:normal;
padding-left:23px;
background:url(图片素材/icon1.PNG) 0px 5px no-repeat;
margin-top:27px;
padding-top:7px;
padding-bottom:4px;
border-bottom:2px solid green;
}
#no3 #top p{
position:relative;
left:155px;
top:-24px;
width:40px;
color:green;
font-size:15px;
}
#no3 #bottom{
margin-top:6px;
}
#no3 #bottom ul li{
list-style-type:none;
font-size:17px;
padding:7px 15px;
width:190px;
background:url(图片素材/icon12.PNG) -5px 2px no-repeat;
}
#no3 #bottom h4{
padding:10px 5px 15px;
font-weight:normal;
font-size:17px;
width:200px;
}
#selfArt{
width:1416px;
overflow:hidden;
font-family:"Microsoft YaHei";
margin:0px auto;
margin-bottom:30px;
}
#selfArt h3{
font-size:30px;
font-weight:normal;
width:1422px;
color:green;
position:relative;
padding-bottom:7px;
border-bottom:3px solid #DDD;
}
#selfArt h3 p{
font-size:15px;
width:60px;
position:absolute;
bottom:12px;
left:125px;
}
#selfArt h3 ul{
list-style-type:none;
font-size:15px;
color:black;
position:absolute;
bottom:13px;
left:210px;
}
#selfArt h3 ul li{
float:left;
width:120px;
}
#selfArt h3 .ru{
width:100px;
}
#selfArt #showImage .button{
background-color:#DDFBDD;
border:1px solid green;
padding:0px;
font-size:13px;
cursor:pointer;
}
#selfArt #showImage .sou{
width:180px;
height:101px;
padding:0px;
}
#selfArt #showImage li{
list-style-type:none;
width:170px;
line-height:25px;
font-size:13px;
}
#selfArt #showImage ul{
width:180px;
float:left;
margin-right:22px;
margin-top:15px;
}
#selfArt #showImage ul li{
width:165px;
padding:0px 8px;
}
#selfArt #showImage ul #sv{
width:170px;
}
#speak h3{
font-size:30px;
font-weight:normal;
width:1422px;
color:green;
position:relative;
padding-bottom:7px;
border-bottom:3px solid #DDD;
}
#speak h3 p{
font-size:15px;
width:60px;
position:absolute;
bottom:12px;
left:95px;
}
#speak h3 #re{
list-style-type:none;
font-size:15px;
color:black;
position:absolute;
bottom:13px;
left:160px;
}
#speak{
width:1422px;
font-family:"Microsoft YaHei";
margin:0px auto;
}
#jum{
overflow:hidden;
}
#speak #jum ul{
float:left;
list-style-type:none;
padding:0px;
margin-right:22px;
margin-top:15px;
}
#jum .txt1{
padding:6px 5px;
}
#jum h4{
font-weight:normal;
}
#jum p{
font-size:12px;
}
#goto{
width:1422px;
height:80px;
position:relative;
top:25px;
margin-top:20px;
margin-bottom:120px;
}
#happy{
width:1422px;
overflow:hidden;
font-family:"Microsoft YaHei";
margin:0px auto;
}
#happy #left{
float:left;
}
#happy #left #description{
width:372px;
padding:7px 0px 7px 5px;
}
#happy #left h3{
font-size:17px;
font-weight:normal;
}
#happy #left p{
font-size:12px;
}
#happy #right{
float:left;
width:1038px;
height:323px;
}
#happy #right ul{
list-style-type:none;
width:180px;
float:left;
margin-left:22px;
margin-bottom:17px;
}
#happy #right ul li{
font-size:14px;
width:180px;
line-height:20px;
}
#happy #right ul .txt2{
width:170px;
margin-left:5px;
padding-bottom:5px;
}
#happy h2{
font-size:30px;
height:30px;
font-weight:normal;
width:1422px;
color:green;
position:relative;
padding-bottom:7px;
border-bottom:1px solid green;
padding-left:20px;
margin-bottom:25px;
}
#happy h2 p{
font-size:15px;
position:absolute;
bottom:5px;
left:85px;
}
#happy h2 ul{
overflow:hidden;
position:absolute;
bottom:5px;
left:143px;
}
#happy h2 ul li{
list-style-type:none;
font-size:15px;
color:black;
padding-left:13px;
padding-right:13px;
float:left;
}
#happy h2 ul #jar{
width:90px;
}
#full{
margin:0px auto;
font-family:"Microsoft YaHei";
}
#like{
width:1420px;
height:380px;
margin:0px auto;
position:relative;
top:25px;
}
#like h2{
font-size:30px;
height:45px;
color:green;
font-weight:normal;
padding-left:17px;
position:relative;
border-bottom:1px solid green;
margin-bottom:20px;
}
#like h2 p{
font-size:15px;
font-weight:normal;
width:50px;
position:absolute;
bottom:8px;
left:143px;
}
#like h2 ul li{
color:black;
list-style-type:none;
font-size:15px;
font-weight:normal;
width:70px;
padding-right:20px;
float:left;
}
#like h2 ul{
position:absolute;
bottom:7px;
left:215px;
}
#like h2 ul #times{
width:100px;
}
#like #video{
overflow:hidden;
}
#like h4{
font-weight:normal;
font-size:15px;
padding:3px 5px;
}
#like #video ul li{
list-style-type:none;
}
#like #video ul{
width:180px;
float:left;
margin-right:22px;
margin-bottom:17px;
}
#like #video #sec{
clear:both;
}
#like #video p{
font-size:12px;
padding-left:5px;
padding-bottom:5px;
}
#like #video ul #yar{
width:180px;
}
#like #video #cek h4{
font-size:23px;
color:white;
padding-left:10px;
margin-top:50px;
position:relative;
top:52px;
}
#iqiyi{
width:1420px;
margin:0px auto;
margin-top:25px;
overflow:hidden;
}
#iqiyi h2{
font-size:30px;
height:45px;
color:green;
font-weight:normal;
padding-left:17px;
position:relative;
border-bottom:1px solid green;
margin-bottom:20px;
}
#iqiyi h2 p{
font-size:15px;
font-weight:normal;
width:50px;
position:absolute;
bottom:8px;
left:143px;
}
#iqiyi #video2 ul li{
list-style-type:none;
}
#iqiyi #video2 h4{
font-size:15px;
font-weight:normal;
padding-left:3px;
width:184px;
}
#iqiyi #video2 p{
font-size:12px;
padding-left:5px;
}
#iqiyi #video2 ul{
width:180px;
float:left;
margin-right:22px;
margin-bottom:5px;
}
#payShow{
position:relative;
top:35px;
width:1420px;
height:185px;
margin:0px auto;
}
#payShow #iconT{
height:18px;
font-size:13px;
width:90px;
padding:2px 0px;
text-align:center;
background-color:#50CA31;
color:white;
border-radius:4px;
}
#payShow ul{
width:170px;
float:left;
list-style-type:none;
margin-right:22px;
margin-top:10px;
}
#payShow #fir{
margin-left:40px;
}
#payShow ul li{
margin-top:0px;
height:100px;
}
#payShow #showIcon{
border-top:1px solid green;
border-bottom:1px solid green;
overflow:hidden;
height:160px;
}
#movie{
width:1190px;
margin-left:0px;
overflow:hidden;
float:left;
height:660px;
}
#movie h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:15px;
}
#movie h2 p{
font-size:15px;
width:50px;
position:absolute;
bottom:8px;
left:82px;
}
#movie h2 ul li{
list-style-type:none;
width:200px;
font-size:15px;
color:black;
float:left;
width:90px;
text-align:center;
padding:0px 12px;
}
#movie h2 ul{
position:absolute;
bottom:8px;
left:145px;
}
#movie h2 ul #rar{
width:190px;
}
#movie h2 ul #jav{
width:60px;
}
#movie #showImg1 ul{
list-style-type:none;
width:180px;
float:left;
margin-right:22px;
margin-bottom:15px;
}
#movie #showImg1 .sup{
margin-right:0px;
}
#movie #showImg1 h4{
font-size:15px;
font-weight:normal;
padding-left:3px;
padding-top:6px;
}
#movie #showImg1 p{
font-size:12px;
padding-left:3px;
padding-bottom:3px;
}
#movie #showImg1 .txt3{
padding-left:3px;
padding-bottom:3px;
margin-top:0px;
}
#movie #showImg1{
margin-top:25px;
}
#movie #showImg1 .image1{
height:235px;
}
#movieFull{
overflow:hidden;
width:1420px;
height:660px;
position:relative;
top:85px;
margin-bottom:15px;
margin:0px auto;
}
#showMovie{
width:180px;
float:left;
margin-left:22px;
margin-top:0px;
}
#showMovie h2{
font-size:30px;
font-weight:normal;
padding-left:20px;
color:green;
position:relative;
height:45px;
border-bottom:2px solid green;
}
#showMovie h2 p{
font-size:15px;
width:50px;
position:absolute;
bottom:9px;
right:11px;
}
#showMovie ul li{
list-style-type:none;
height:24px;
position:relative;
padding:4px 0px 4px 27px;
font-size:15px;
}
#showMovie ul{
margin-top:19px;
}
#showMovie ul p{
width:22px;
height:22px;
text-align:center;
position:absolute;
background-color:#999;
left:0px;
color:white;
border-radius:3px;
}
#showMovie ul .info1{
background-color:#50CA31;
}
#showMovie #showImg2{
margin-top:12px;
}
#showMovie #showImg2 h4{
font-size:15px;
font-weight:normal;
padding-left:3px;
padding-top:6px;
background-color:#EFEFEF;
}
#showMovie #showImg2 p{
font-size:12px;
background-color:#EFEFEF;
padding-bottom:5px;
}
#interMovie{
width:1420px;
overflow:hidden;
margin:0px auto;
margin-top:100px;
}
#interMovie #left h2{
font-size:30px;
font-weight:normal;
color:green;
position:relative;
height:45px;
border-bottom:2px solid green;
}
#interMovie #left h2 p{
font-size:15px;
width:50px;
position:absolute;
bottom:8px;
left:128px;
}
#interMovie #left{
width:585px;
float:left;
}
#interMovie #left h2 ul li{
list-style-type:none;
width:200px;
font-size:15px;
color:black;
float:left;
width:95px;
text-align:center;
padding-left:10px;
}
#interMovie #left h2 ul{
position:absolute;
bottom:8px;
left:190px;
}
#interMovie #left #showImg3{
overflow:hidden;
}
#interMovie #left #showImg3 ul{
float:left;
width:180px;
margin-right:22px;
list-style-type:none;
margin-top:18px;
}
#interMovie #left #showImg3 ul li{
padding:7px 0px 5px 5px;
width:175px;
height:20px;
background-color:#EFEFEF;
}
#interMovie #right #showImg4 ul li{
padding:7px 0px 5px 5px;
width:179px;
height:20px;
background-color:#EFEFEF;
}
#interMovie #left #showImg3 #sub1{
margin-right:0px;
}
#interMovie #left #showImg3 .txt4{
font-size:15px;
}
#interMovie #left #showImg3 .image2{
height:101px;
width:180px;
padding:0px;
}
#interMovie #right{
width:785px;
float:left;
margin-left:20px;
}
#interMovie #right h2{
font-size:30px;
font-weight:normal;
color:green;
position:relative;
height:45px;
border-bottom:2px solid green;
}
#interMovie #right h2 p{
font-size:15px;
width:50px;
position:absolute;
bottom:8px;
left:68px;
}
#interMovie #right #con1{
width:170px;
color:black;
position:absolute;
left:140px;
}
#interMovie #right #showImg4 ul{
width:180px;
list-style-type:none;
float:left;
margin-right:22px;
margin-top:18px;
}
#interMovie #right #showImg4{
width:790px;
}
#interMovie #right #showImg4 li{
font-size:15px;
}
#interMovie #right #showImg4 .txt5{
padding-top:6px;
height:28px;
}
#interMovie #right #showImg4 .image3{
height:101px;
width:180px;
padding:0px;
}
#interMovie #right #showImg4 #jia{
height:20px;
}
#interMovie #right #showImg4 #su1{
margin-right:0px;
}
#payShow2{
width:1420px;
margin-top:40px;
height:80px;
margin-bottom:50px;
}
#soapShow{
width:1420px;
height:640px;
overflow:hidden;
margin:0px auto;
}
#soapShow #left{
width:1192px;
float:left;
}
#soapShow #left h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:1173px;
}
#soapShow #left h2 p{
font-size:15px;
width:50px;
position:absolute;
bottom:7px;
left:120px;
}
#soapShow #left h2 ul li{
list-style-type:none;
font-size:15px;
color:black;
width:55px;
float:left;
}
#soapShow #left h2 .sufo{
width:75px;
}
#soapShow #left h2 ul{
position:absolute;
bottom:7px;
left:200px;
}
#soapShow #left #soap ul{
float:left;
width:180px;
margin-bottom:15px;
list-style-type:none;
}
#soapShow #left .ru2{
margin-right:22px;
}
#soapShow #left #soap ul li{
width:180px;
font-size:15px;
height:28px;
padding:7px 0px 5px 5px;
}
#soapShow #left #soap ul .pto1{
height:236px;
padding:0px;
}
#soapShow #soap{
overflow:hidden;
margin-top:25px;
width:1190px;
}
#soapShow #right{
width:187px;
float:left;
margin-left:22px;
}
#soapShow #right h2{
font-size:30px;
color:green;
font-weight:normal;
height:45px;
width:167px;
position:relative;
padding-left:20px;
border-bottom:2px solid green;
}
#soapShow #right h2 p{
font-size:15px;
position:absolute;
bottom:7px;
left:145px;
}
#soapShow #right ul li{
list-style-type:none;
position:relative;
padding:8px 30px;
font-size:15px;
}
#soapShow #right ul p{
width:22px;
height:22px;
text-align:center;
position:absolute;
top:9px;
left:0px;
border-radius:2px;
background-color:#999;
color:white;
}
#soapShow #right ul .green{
background-color:#50CA31;
}
#soapShow #right ul{
margin-top:15px;
}
#soapShow #right #image4 ul li{
list-style-type:none;
padding:0px;
}
#soapShow #right #image4 #intro{
font-size:15px;
padding:7px 0px 5px 5px;
width:180px;
height:30px;
}
#soapShow #right #image4 ul{
margin-top:10px;
}
#payShow3{
position:relative;
top:25px;
margin:0px auto;
width:1420px;
}
#payShow3 h3{
height:18px;
font-size:13px;
width:90px;
padding:2px 0px;
text-align:center;
background-color:#50CA31;
color:white;
border-radius:4px;
font-weight:normal;
}
#payShow3 #play1 ul{
width:170px;
float:left;
list-style-type:none;
margin-right:22px;
margin-top:10px;
}
#payShow3 #play1{
border:1px solid green;
overflow:hidden;
width:1420px;
height:170px;
margin:0px auto;
}
#payShow3 #play1 #woty1{
margin-left:30px;
}
#cartoon h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:560px;
}
#cartoon #left h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#cartoon #left h2 ul{
position:absolute;
bottom:7px;
left:160px;
}
#cartoon #left h2 ul li{
list-style-type:none;
font-size:15px;
color:black;
width:60px;
float:left;
margin-right:30px;
}
#cartoon #showImg4 #moveL li{
font-size:15px;
list-style-type:none;
}
#cartoon #showImg4 #moveL{
margin-top:26px;
width:360px;
float:left;
}
#cartoon .zero{
padding:0px;
width:375px;
height:249px;
}
#cartoon .txt7{
padding:5px;
font-size:14px;
}
#cartoon #moveR{
width:200px;
float:left;
margin-top:26px;
}
#cartoon #moveR ul{
list-style-type:none;
margin-left:35px;
width:180px;
}
#cartoon #moveR ul li{
height:20px;
padding:7px 0px 5px 5px;
font-size:14px;
}
#cartoon #moveR #move1{
margin-top:17px;
}
#cartoon #moveR .juto{
width:180px;
height:101px;
padding:0px;
}
#cartoon #showImg4 #fun{
height:20px;
width:375px;
padding:7px 0px 5px 5px;
}
#cartoon #left{
float:left;
}
#cartoon #julic{
float:left;
margin-left:20px;
width:400px;
}
#cartoon #julic h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:364px;
}
#cartoon #julic h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#cartoon #julic h2 ul{
position:absolute;
bottom:5px;
left:140px;
}
#cartoon #julic h2 ul li{
list-style-type:none;
font-size:15px;
width:45px;
float:left;
}
#cartoon #showImg5 ul li{
list-style-type:none;
font-size:14px;
height:20px;
padding:7px 0px 5px 5px;
}
#cartoon #showImg5 ul{
width:180px;
float:left;
margin-bottom:15px;
margin-right:22px;
}
#cartoon #showImg5 .sofo{
padding:0px;
width:180px;
height:101px;
}
#cartoon #showImg5{
margin-top:26px;
width:500px;
}
#cartoon #sublic h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:364px;
border-bottom:2px solid green;
}
#cartoon #sublic h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#cartoon #sublic h2 ul{
position:absolute;
bottom:8px;
left:155px;
width:300px;
}
#cartoon #sublic h2 ul li{
list-style-type:none;
font-size:15px;
width:55px;
float:left;
color:black;
}
#cartoon #sublic{
float:left;
}
#cartoon{
overflow:hidden;
width:1420px;
margin:0px auto;
position:relative;
top:30px;
}
#cartoon #sublic ul #doc{
width:72px;
}
#cartoon #showImg6 ul li{
list-style-type:none;
height:20px;
width:175px;
padding:7px 0px 5px 5px;
font-size:15px;
margin-right:5px;
}
#cartoon #showImg6 .sofo{
padding:0px;
height:101px;
width:180px;
}
#cartoon #showImg6 ul{
float:left;
margin:26px 15px 0px 0px;
}
#cartoon #showImg6{
width:400px;
}
#cartoon #showImg6 .join{
margin-top:14px;
}
#cartoon{
margin-top:45px;
}
#sport{
float:left;
width:380px;
}
#sport h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:360px;
border-bottom:2px solid green;
}
#sport h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#sport h2 ul{
position:absolute;
bottom:8px;
left:155px;
width:300px;
}
#sport h2 ul li{
list-style-type:none;
font-size:15px;
width:55px;
float:left;
color:black;
}
#sport #showImg7 ul li{
list-style-type:none;
font-size:14px;
padding:5px;
}
#sport #showImg7 ul{
float:left;
margin-right:20px;
margin-top:27px;
}
#sport #showImg7 .sofo{
padding:0px;
width:180px;
height:101px;
}
#sport #showImg7{
width:410px;
overflow:hidden;
}
#sport #showImg7 .jofa1{
margin-top:15px;
}
#music{
float:left;
margin-left:21px;
}
#music h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:360px;
border-bottom:2px solid green;
}
#music h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#music h2 ul{
position:absolute;
bottom:8px;
left:155px;
width:300px;
}
#music h2 ul li{
list-style-type:none;
font-size:15px;
width:100px;
float:left;
color:black;
}
#music #com,#music #com1{
font-size:14px;
}
#music #com{
float:left;
margin-right:20px;
margin-top:25px;
}
#music #com ul li{
list-style-type:none;
padding:7px 0px 5px 5px;
height:20px;
width:175px;
}
#music #com #rau{
padding:0px;
width:180px;
height:248px;
}
#music #com1 ul li{
list-style-type:none;
padding:7px 0px 5px 5px;
height:20px;
width:178px;
}
#music #com1 .sofo{
padding:0px;
width:180px;
height:101px;
}
#music #com1{
float:left;
margin-top:25px;
}
#music #com1 ul{
margin-bottom:5px;
margin-bottom:16px;
}
#music #com .txt8{
padding:7px 0px 5px 5px;
height:20px;
}
#fashion{
float:left;
margin-left:15px;
width:610px;
}
#fashion h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:555px;
border-bottom:2px solid green;
}
#fashion h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#fashion h2 ul{
position:absolute;
bottom:8px;
left:155px;
width:300px;
}
#fashion h2 ul li{
list-style-type:none;
font-size:15px;
width:100px;
float:left;
color:black;
}
#sports{
overflow:hidden;
width:1420px;
margin:0px auto;
position:relative;
top:60px;
}
#fashion #feng ul li{
list-style-type:none;
font-size:14px;
width:180px;
}
#fashion #feng .sofo{
padding:0px;
width:180px;
height:249px;
}
#fashion #feng{
float:left;
margin-top:25px;
margin-right:7px;
}
#fashion #feng ul li{
padding:7px 0px 5px 5px;
height:20px;
width:178px;
}
#fashion #interest ul li{
list-style-type:none;
font-size:14px;
padding:7px 0px 5px 5px;
height:20px;
width:178px;
}
#fashion #interest ul{
float:left;
margin-right:18px;
margin-bottom:17px;
}
#fashion #interest ul .txt9{
padding:5px;
}
#fashion #interest ul .sofo{
padding:0px;
width:180px;
height:101px;
}
#fashion #interest{
margin-top:25px;
}
#babys h2,#life h2,#healthy h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:363px;
border-bottom:2px solid green;
margin-bottom:20px;
}
#babys h2 p,#life h2 p,#healthy h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#babys h2 ul,#life h2 ul,#healthy h2 ul{
position:absolute;
bottom:8px;
left:155px;
width:300px;
}
#babys h2 ul li,#healthy h2 ul li{
list-style-type:none;
font-size:15px;
width:90px;
float:left;
color:black;
}
#life h2 ul li{
list-style-type:none;
font-size:15px;
width:70px;
float:left;
color:black;
}
#babys h2 ul .jort{
width:60px;
}
#babys #showImg8 ul li,#life #showImg9 ul li,#healthy #showImg10 ul li{
list-style-type:none;
font-size:14px;
padding:7px 0px 5px 5px;
height:20px;
width:175px;
}
#healthy #showImg10 ul .sofo{
width:180px;
height:101px;
}
#babys #showImg8 ul,#life #showImg9 ul,#healthy #showImg10 ul{
float:left;
margin-right:22px;
margin-bottom:17px;
}
#babys #showImg8 ul .txt9,#life #showImg9 ul .txt9,#healthy #showImg10 .txt9{
padding:5px;
}
#babys #showImg8 ul .sofo,#life #showImg9 ul .sofo,#healthy #showImg10 .sofo{
padding:0px;
width:180px;
height:101px;
}
#babys,#life,#healthy{
float:left;
}
#healthy{
width:607px;
}
#baby{
width:1420px;
overflow:hidden;
margin-top:70px;
}
#phisics h2,#car h2,#money h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:363px;
margin-bottom:20px;
}
#phisics h2 p,#car h2 p,#money h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#phisics h2 ul,#car h2 ul,#money h2 ul{
position:absolute;
bottom:8px;
left:155px;
width:300px;
}
#phisics h2 ul li,#car h2 ul li,#money h2 ul li{
list-style-type:none;
font-size:15px;
width:105px;
float:left;
color:black;
}
#phisics #showImg11 ul li,#car #showImg12 ul li,#money #showImg13 ul li{
list-style-type:none;
font-size:14px;
padding:7px 0px 5px 5px;
height:20px;
width:175px;
}
#phisics #showImg11 ul,#car #showImg12 ul,#money #showImg13 ul{
float:left;
margin-right:22px;
margin-bottom:17px;
}
#phisics #showImg11 ul .txt9,#car #showImg12 ul .txt9,#money #showImg13 ul .txt9{
padding:5px;
}
#phisics #showImg11 ul .sofo,#car #showImg12 ul .sofo,#money #showImg13 ul .sofo{
padding:0px;
width:180px;
height:101px;
}
#phisics,#car,#money{
float:left;
}
#money{
width:606px;
float:left;
}
#car h2 ul li{
width:70px;
}
#money h2 ul li{
width:100px;
}
#money h2{
width:565px;
}
#science{
width:1420px;
overflow:hidden;
margin:0px auto;
position:relative;
top:30px;
}
#travel #go h2,#travel #directory h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:363px;
margin-bottom:20px;
}
#junshi h2{
margin-bottom:20px;
}
#travel #go h2 p,#travel #junshi h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#travel #go h2 ul li,#travel #directory h2 ul li{
list-style-type:none;
font-size:15px;
width:70px;
float:left;
color:black;
}
#travel #go h2 ul,#travel #junshi h2 ul{
position:absolute;
bottom:8px;
left:155px;
width:300px;
}
#travel #go #showImg14 ul,#travel #directory #showImg15 ul,#travel #junshi #showImg16 ul{
float:left;
margin-right:22px;
margin-bottom:17px;
}
#travel #go #showImg14 ul li,#travel #directory #showImg15 ul li,#travel #junshi #showImg16 ul li{
list-style-type:none;
font-size:14px;
padding:7px 0px 5px 5px;
height:20px;
width:175px;
}
#travel #go #showImg14 .sofo,#travel #directory #showImg15 .sofo,#travel #junshi #showImg16 .sofo{
width:180px;
height:101px;
padding:0px;
}
#travel #go #search{
width:100px;
}
#travel #go #jor{
width:60px;
}
#go,#directory,#junshi{
float:left;
}
#travel #directory h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:118px;
}
#travel #directory h2 ul{
position:absolute;
bottom:8px;
left:185px;
width:300px;
}
#travel #junshi h2 ul li{
list-style-type:none;
font-size:15px;
width:107px;
float:left;
color:black;
}
#travel #junshi h2 ul #sun{
width:93px;
}
#travel #junshi h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:565px;
}
#travel #junshi h2 ul{
width:380px;
}
#travel{
width:1420px;
margin:0px auto;
overflow:hidden;
position:relative;
top:35px;
}
#self h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:1170px;
margin-bottom:25px;
}
#self h2 ul li{
list-style-type:none;
font-size:15px;
width:65px;
float:left;
color:black;
}
#self h2 ul{
position:absolute;
bottom:8px;
left:165px;
width:700px;
}
#self #run{
font-size:15px;
position:absolute;
bottom:9px;
left:88px;
}
#self h2 #Rev{
position:absolute;
bottom:5px;
right:0px;
font-size:15px;
color:black;
}
#self .char4{
width:92px;
}
#self .char3{
width:78px;
}
#self .char6{
width:120px;
}
#self #bigPic h3{
font-size:17px;
font-weight:normal;
}
#self #bigPic p{
font-size:12px;
}
#self #bigPic{
width:380px;
float:left;
margin-right:20px;
}
#self #bigPic ul{
list-style-type:none;
}
#self #showImg17 ul li{
list-style-type:none;
width:180px;
}
#self #showImg17 h4{
font-size:15px;
font-weight:normal;
}
#self #showImg17 p{
font-size:12px;
}
#self #showImg17 .gofo{
width:180px;
height:101px;
}
#self #showImg17 ul{
float:left;
margin-bottom:20px;
margin-right:22px;
}
#self #showImg17{
width:808px;
overflow:hidden;
float:left;
}
#self{
float:left;
width:1210px;
overflow:hidden;
}
#self #showImg17 .txt9{
padding:4px;
line-height:23px;
}
#writer{
float:left;
width:182px;
}
#writer h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
padding-left:20px;
width:164px;
margin-bottom:25px;
}
#writer h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:143px;
width:50px;
}
#writer #pai{
border:1px solid gray;
height:310px;
padding:10px 10px;
}
#bySelf{
width:1420px;
overflow:hidden;
margin:0px auto;
position:relative;
top:50px;
}
#writer #pai dl .tit{
font-size:14px;
}
#writer #pai dl .peo{
font-size:12px;
margin-bottom:5px;
}
#writer dl dt{
float:left;
padding:0px;
width:70px;
height:70px;
margin-right:8px;
}
#writer dl dt img{
border:1px solid black;
}
#writer dl{
clear:both;
height:71px;
width:170px;
margin-bottom:10px;
}
#writer dl dd{
line-height:22px;
}
#laugh #laughing h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
width:585px;
margin-bottom:20px;
}
#laugh #takePhoto h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
width:785px;
margin-bottom:20px;
}
#laugh #laughing h2 p,#laugh #takePhoto p{
font-size:15px;
position:absolute;
bottom:9px;
left:70px;
width:50px;
}
#laugh #laughing h2 ul li,#laugh #takePhoto h2 ul li{
list-style-type:none;
font-size:15px;
width:95px;
float:left;
color:black;
}
#laugh #takePhoto h2 ul #junNum{
width:202px;
}
#laugh #laughing h2 ul,#laugh #takePhoto h2 ul{
position:absolute;
bottom:10px;
left:145px;
width:700px;
}
#laugh #laughing #showImg18 ul,#laugh #takePhoto #showImg19 ul{
float:left;
margin-right:22px;
margin-bottom:17px;
}
#laugh #laughing #showImg18 ul li,#laugh #takePhoto #showImg19 ul li{
list-style-type:none;
font-size:14px;
padding:7px 0px 5px 5px;
width:175px;
height:20px;
}
#laugh #laughing #showImg18 .gofo,#laugh #takePhoto #showImg19 .gofo{
width:180px;
height:101px;
padding:0px;
}
#laugh #laughing #showImg18 .txt10,#laugh #takePhoto #showImg19 .txt10{
padding:5px;
}
#laugh #takePhoto{
width:810px;
}
#laughing,#takePhoto{
float:left;
}
#laugh{
width:1420px;
overflow:hidden;
margin:0px auto;
position:relative;
top:50px;
}
#video3 #tape{
width:607px;
}
#video3 #tape h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
width:585px;
margin-bottom:20px;
}
#video3 #showFace h2{
font-size:30px;
font-weight:normal;
color:green;
border-bottom:2px solid green;
height:45px;
position:relative;
width:785px;
margin-bottom:20px;
}
#video3 #tape h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:130px;
width:50px;
}
#video3 #showFace h2 p{
font-size:15px;
position:absolute;
bottom:9px;
left:70px;
width:50px;
}
#video3 #tape h2 ul,#video3 #showFace h2 ul{
position:absolute;
bottom:10px;
left:205px;
width:700px;
}
#video3 #tape h2 ul li{
list-style-type:none;
font-size:15px;
width:200px;
float:left;
color:black;
}
#video3 #showFace h2 ul li{
list-style-type:none;
font-size:15px;
width:100px;
float:left;
color:black;
}
#video3 #tape #showImg20 ul,#video3 #showFace #showImg21 ul{
float:left;
margin-right:22px;
margin-bottom:17px;
}
#video3 #tape #showImg20 ul li,#video3 #showFace #showImg21 ul li{
list-style-type:none;
font-size:14px;
}
#video3 #tape #showImg20 ul .txt10,#video3 #showFace #showImg21 ul .txt10{
padding:5px;
}
#video3 #tape #showImg20 ul h4,#video3 #showFace #showImg21 ul h4{
font-size:15px;
font-weight:normal;
}
#video3 #tape #showImg20 ul p,#video3 #showFace #showImg21 ul p{
font-size:13px;
}
#tape,#showFace{
float:left;
}
#showFace{
width:802px;
}
#video3{
overflow:hidden;
width:1420px;
margin:0px auto;
position:relative;
top:50px;
}
#showImg20{
width:700px;
overflow:hidden;
}
#showImg21{
overflow:hidden;
width:808px;
}
#video3 #showFace #infro{
width:100px;
}
#document .opacity{
background-color:black;
width:180px;
position:relative;
top:-50px;
height:28px;
}
#document .gue{
position:relative;
bottom:27px;
color:white;
font-size:15px;
left:6px;
z-index:1;
}
#document .diven{
position:relative;
top:-50px;
}
#document .dave{
position:relative;
top:-5px;
}
#document ul{
float:left;
list-style-type:none;
height:150px;
margin-right:22px;
}
#document{
width:1420px;
overflow:hidden;
margin:0px auto;
position:relative;
top:80px;
}
#partEnd #partner,#partEnd #query{
width:697px;
height:122px;
background-color:#F7F7F7;
}
#partner h1,#query h1{
font-size:22px;
height:30px;
font-weight:normal;
position:relative;
padding-left:20px;
}
#partner h1 p{
font-size:12px;
position:absolute;
bottom:5px;
left:120px;
}
#query h1 p{
font-size:12px;
position:absolute;
bottom:5px;
left:140px;
}
#partner #friend ul li{
list-style-type:none;
width:80px;
font-size:12px;
float:left;
margin-bottom:10px;
}
#query #act ul li{
list-style-type:none;
width:200px;
font-size:12px;
float:left;
margin-bottom:10px;
}
#partner #friend,#query #act{
margin-left:20px;
}
#partner,#query{
float:left;
border:1px solid gray;
}
#partner{
border-right:0px;
}
#partEnd{
width:1420px;
margin-bottom:30px;
overflow:hidden;
margin:0px auto;
position:relative;
top:120px;
}
#endNo1{
width:1420px;
border-top:1px solid gray;
height:120px;
margin:0px auto;
position:relative;
top:180px;
}
#endNo1 ul li{
width:240px;
float:left;
list-style-type:none;
font-size:12px;
margin-bottom:10px;
}
#endNo1 ul .long{
width:330px;
}
#endNo1 ul .lon{
width:350px;
position:relative;
right:482px;
top:3px;
}
#endNo1 ul{
overflow:hidden;
margin-top:20px;
width:1400px;
clear:both;
}
#endNo1 img,#endNo2 img{
vertical-align:middle;
}
#endNo1 #tuv{
margin-top:0px;
border:0px;
}
#endNo2 #hau{
margin:0px auto;
}
#endNo2 #hau ul li{
list-style-type:none;
border-right:1px solid gray;
font-size:12px;
width:65px;
float:left;
text-align:center;
}
#endNo2 #hau .charFar{
width:110px;
}
#endNo2 #hau .charSix{
width:90px;
}
#endNo2 #hau .charSev{
width:100px;
}
#endNo2 #hau ul{
margin-left:270px;
}
#endNo2 #hau ul #theEnd{
border:0px;
}
#endNo2 #hou ul li{
list-style-type:none;
font-size:12px;
width:160px;
float:left;
}
#endNo2 #hou ul{
padding-left:155px;
width:1420px;
padding-top:20px;
}
#endNo2 #hou ul .groove{
width:260px;
}
#endNo2 #hou ul .riv{
width:160px;
}
#endNo2 #hou ul .cuf{
width:135px;
}
#endNo2 #hou{
clear:both;
overflow:hidden;
margin:0px auto;
}
#endNo2{
margin:0px auto;
width:1420px;
position:relative;
top:180px;
}
#finally{
font-size:12px;
padding-left:440px;
margin-top:12px;
}
#full{
width:1420px;
margin:0px auto;
}
/*超链接及伪类样式*/
#no1 a{
color:black;
text-decoration:none;
}
#no1 a:hover{
color:green;
text-decoration:none;
}
#artical a{
color:black;
text-decoration:none;
}
#artical a:hover{
color:green;
text-decoration:none;
}
#artical p a{
color:gray;
text-decoration:none;
}
#selfArt a{
color:black;
text-decoration:none;
}
#selfArt a:hover{
color:green;
text-decoration:none;
}
#speak a{
color:black;
text-decoration:none;
}
#speak a:hover{
color:green;
text-decoration:none;
}
#speak p a{
color:gray;
text-decoration:none;
}
#happy a{
color:black;
text-decoration:none;
}
#happy a:hover{
color:green;
text-decoration:none;
}
#happy p a{
color:gray;
text-decoration:none;
}
#like a{
color:black;
text-decoration:none;
}
#like a:hover{
color:green;
text-decoration:none;
}
#like p a{
color:gray;
text-decoration:none;
}
#like a #cek{
width:180px;
height:147px;
background-color:#50CA31;
position:relative;
top:-50px;
}
#like a:hover #cek{
opacity:0.7;
filter:alpha(opacity=70);
}
#iqiyi a{
color:black;
text-decoration:none;
}
#iqiyi a:hover{
color:green;
text-decoration:none;
}
#iqiyi p a{
color:gray;
text-decoration:none;
}
#movieFull a{
color:black;
text-decoration:none;
}
#movieFull a:hover{
color:green;
text-decoration:none;
}
#movieFull p a{
color:gray;
text-decoration:none;
}
#interMovie a{
color:black;
text-decoration:none;
}
#interMovie a:hover{
color:green;
text-decoration:none;
}
#interMovie p a{
color:gray;
text-decoration:none;
}
#soapShow a{
color:black;
text-decoration:none;
}
#soapShow a:hover{
color:green;
text-decoration:none;
}
#soapShow p a{
color:gray;
text-decoration:none;
}
#cartoon a{
color:black;
text-decoration:none;
}
#cartoon a:hover{
color:green;
text-decoration:none;
}
#cartoon p a{
color:gray;
text-decoration:none;
}
#sports a{
color:black;
text-decoration:none;
}
#sports a:hover{
color:green;
text-decoration:none;
}
#sports p a{
color:gray;
text-decoration:none;
}
#babys a,#science a,#travel a,#bySelf a{
color:black;
text-decoration:none;
}
#babys a:hover,#science a:hover,#travel a:hover,#bySelf a:hover{
color:green;
text-decoration:none;
}
#babys p a,#science p a,#travel p a,#bySelf p a{
color:gray;
text-decoration:none;
}
#jui a{
color:white;
text-decoration:none;
}
#jui a:hover{
color:white;
text-decoration:none;
}