沈阳建站公司模板,如何做网站内容架构分析,seo双标题软件,网站开始开发阶段的主要任务原创作者#xff1a;田超凡#xff08;程序员田宝宝#xff09;
版权所有#xff0c;引用请注明原作者#xff0c;严禁复制转载 charset utf-8;
/* 程序员田宝宝原创版权所有#xff0c;仿冒必究#xff0c;该界面是仿照某视频网站官网开发的静态页面 */ …原创作者田超凡程序员田宝宝
版权所有引用请注明原作者严禁复制转载 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(opacity50);
}
#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(opacity50); 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(opacity70);
}
#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;
}
