前端静态开发案例-基于H5C3开发的仿照视频网站的前端静态页面-2 样式表部分和效果展示

news2024/11/29 2:40:59

原创作者:田超凡(程序员田宝宝)

版权所有,引用请注明原作者,严禁复制转载

@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;

}












 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1529982.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Thread 线程】线程的方法与状态

SueWakeup 个人中心:SueWakeup 系列专栏:学习Java 个性签名:保留赤子之心也许是种幸运吧 本文封面由 凯楠📷 友情赞助播出! 目录 一个线程的生命周期 线程终止的原因 线程的方法 Thread 类的静态方法 1. 设置线程…

linux单机部署hadoop

1.下载安装包 https://archive.apache.org/dist/hadoop/common/ 2.上传压缩 3.修改配置文件 1)设置JDK的路径 cd /usr/local/software/hadoop-3.1.3/etc/hadoop vi hadoop-env.sh export JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk-1.8.0.402.b06-1.el7_9.x86_64/ 查看…

【数据结构和算法初阶(C语言)】二叉树的顺序结构--堆的实现/堆排序/topk问题详解---二叉树学习日记②1

目录 ​编辑 1.二叉树的顺序结构及实现 1.1 二叉树的顺序结构 2 堆的概念及结构 3 堆的实现 3.1堆的代码定义 3.2堆插入数据 3.3打印堆数据 3.4堆的数据的删除 3.5获取根部数据 3.6判断堆是否为空 3.7 堆的销毁 4.建堆以及堆排序 4.1堆排序---是一种选择排序 4.2升序建大堆&a…

微信小程序 canvas层级过高覆盖原生组件

一、背景 微信小程序中使用signature第三方插件完成签名效果&#xff0c;但真机调试时发现canvas层级过高遮挡了按钮 二、具体问题 问题原因&#xff1a;签名后点击按钮无法生效 问题代码&#xff1a; <template><view class"sign_page" v-cloak>&l…

nodejs基于vue超市信息管理系统flask-django-php

互联网的快速发展&#xff0c;使世界各地的各种组织的管理方式发生了根本性的变化&#xff0c;我国政府、企业等组织在上个世纪90年代就已开始考虑使用互联网来管理信息。由于以前的种种因素&#xff0c;比如网络的普及率不高&#xff0c;用户对它的认知度不够&#xff0c;以及…

计算机网络:数据交换方式

计算机网络&#xff1a;数据交换方式 电路交换分组交换报文交换传输对比 本博客介绍计算机之间数据交换的三种方式&#xff0c;分别是电路交换、分组交换以及报文交换。 电路交换 我们首先来看电路交换&#xff0c;在电话问世后不久&#xff0c;人们就发现要让所有的电话机都…

基于Spring Boot网络相册设计与实现

摘 要 网络相册设计与实现的目的是让使用者可以更方便的将人、设备和场景更立体的连接在一起。能让用户以更科幻的方式使用产品&#xff0c;体验高科技时代带给人们的方便&#xff0c;同时也能让用户体会到与以往常规产品不同的体验风格。 与安卓&#xff0c;iOS相比较起来&am…

【OCR】OCR开源文字识别工具

在日常的工作中&#xff0c;例如自动化测试开展时&#xff0c;经常涉及到一些验证码识别、文本识别、图像识别的场景&#xff0c;市面上虽也有很多识别工具&#xff0c;但质量、准确性参差不齐。 今天给大家推荐一个开源OCR项目:Umi-OCR&#xff0c;功能很强大&#xff0c;而且…

jquery 列表框可以手动修改(调用接口修改)

类似于这种 直接上代码 列表框 <td>//目的主要是获取属性名的(要更改的属性名) 在下面juqery的这一行(var field $(thisobj).prev(input).attr(name);)有体现<input type"hidden" name"voyage" value"${M_PSI_PERIOD_INFO.port}">…

Vulnhub - Hacker_Kid

希望和各位大佬一起学习&#xff0c;如果文章内容有错请多多指正&#xff0c;谢谢&#xff01; 个人博客链接&#xff1a;CH4SER的个人BLOG – Welcome To Ch4sers Blog Hacker_Kid 靶机下载地址&#xff1a;https://www.vulnhub.com/entry/hacker-kid-101,719/ WP 参考&…

路由器里如何设置端口映射?

在互联网时代&#xff0c;我们经常需要将内部网络的服务暴露到公网以便其他人访问。直接将内部网络暴露在公网上存在一定的安全风险。为了解决这个问题&#xff0c;我们可以利用路由器里设置端口映射来实现将特定端口的访问请求转发到内部网络的特定设备上。 端口映射的原理 端…

机器人离散化阻抗控制

机器人离散化阻抗控制是一种控制策略&#xff0c;它结合了阻抗控制的思想与离散化方法&#xff0c;以实现对机器人运动与外力之间动态关系的精细调节。这种控制方法旨在使机器人在与环境交互时能够表现出期望的阻抗特性&#xff0c;从而实现对接触力和位置的精确控制。 在离散…

AnyGo for Mac最新激活版:位置模拟软件打破地域限制

AnyGo for Mac&#xff0c;一款专为Mac用户打造的位置模拟软件&#xff0c;让您能够轻松打破地域限制&#xff0c;畅享无限可能。 软件下载&#xff1a;AnyGo for Mac v7.0.0最新激活版 通过AnyGo&#xff0c;您可以随时随地模拟出任何地理位置&#xff0c;无论是国内热门景点还…

轻松解锁微博视频:基于Perl的下载解决方案

引言 随着微博成为中国最受欢迎的社交平台之一&#xff0c;其内容已经变得丰富多彩&#xff0c;特别是视频内容吸引了大量用户的关注。然而&#xff0c;尽管用户对微博上的视频内容感兴趣&#xff0c;但却面临着无法直接下载这些视频的难题。本文旨在介绍一个基于Perl的解决方…

3D开发工具HOOPS如何助力3D项目实现扩展现实技术?

在当今数字化时代&#xff0c;扩展现实&#xff08;Augmented Reality&#xff0c;AR&#xff09;技术的应用已经逐渐深入到各行各业&#xff0c;为用户带来了前所未有的沉浸式体验。而在实现这种技术的开发过程中&#xff0c;HOOPS技术的运用无疑是一种强大的助力。HOOPS是一种…

WPF按钮相关

跟着官网敲的按钮相关的内容,还涉及了wpf很多其他的知识 1.创建基本按钮 <Grid><StackPanel HorizontalAlignment"Left"><Button>Button1</Button><Button>Button2</Button><Button>Button3</Button></StackPan…

WebMvcConfigurationSupport 注册自定义拦截器 Java SpringBoot

WebMvcConfigurationSupport 注册自定义拦截器 Java SpringBoot 说明 定义拦截器 拦截器&#xff08;Interceptor&#xff09;类&#xff0c;用于在处理请求之前进行一些操作。 实现方式&#xff0c;让类实现HandlerInterceptor。 在preHandle方法中进行请求拦截的逻辑操作…

海外社交营销为什么用云手机?不用普通手机?

海外社交营销作为企业拓展海外市场的重要手段&#xff0c;正日益受到企业的青睐。云手机以其成本效益和全球性特征&#xff0c;成为海外社交营销领域的得力助手。那么&#xff0c;究竟是什么特性使得越来越多的企业选择利用云手机进行海外社交营销呢&#xff1f;下文将对此进行…

31-Java前端控制器模式(Front Controller Pattern)

Java前端控制器模式 实现范例 前端控制器模式&#xff08;Front Controller Pattern&#xff09;是用来提供一个集中的请求处理机制&#xff0c;所有的请求都将由一个单一的处理程序处理该处理程序可以做认证/授权/记录日志&#xff0c;或者跟踪请求&#xff0c;然后把请求传给…

32位ARM微控制器: TLE9877QTW40XUMA1、CY9BF416NPMC-G-JNE2、CY9BF316NPMC-G-JNE2描述、器件参数

1、TLE9877QTW40 IC MCU 32BIT 64KB FLASH 48TQFP 描述&#xff1a;TLE9877QTW40属于TLE987x产品系列。TLE9877QTW40是一款单芯片三相电机驱动器&#xff0c;集成了行业标准的Arm Cortex -M3内核&#xff0c;能够实现先进的电机控制算法&#xff0c;例如磁场定向控制。它包括六…