bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

761
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/sh.css Normal file
View File

@@ -0,0 +1,761 @@
body{
margin: 0;
padding: 0%;
}
body {
overflow-y:scroll;
}
li{
list-style: none;
}
a{
text-decoration: none;
}
body,ul,p,h2{
margin: 0;
padding: 0;
}
input{
border: none;
outline: none;
}
.zx_left{
margin-left: 10px;
width: 140px;
height: 900px;
}
.zx_zx{
width: 640px;
height: 900px;
}
.zx_right{
float: left;
width: 340px;
height: 900px;
}
.icon-shouye{
color: #fff;
}
.float_left{
float: left;
}
.float_right{
float: right;
}
.center{
width: 1180px;
margin: 0 auto;
}
.header{
width: 100%;
height: 40px;
background: #222;
position: fixed;
top:0;
left:0;
z-index: 88;
}
.zx_left{
width: 140px;
}
.tu img{
width: 90px;
height: 40px;
}
.tu1{
width: 86px;
height: 40px;
line-height: 40px;
margin-left: 30px;
}
.tu i{
font-size: 18px;
color: #ccc;
}
.tu1::after{
content: " ";
width: 1px;
height: 15px;
background: rgb(126, 116, 116);
display: inline-block;
margin-top: 12px;
}
.tu2{
width: 44px;
height: 20px;
background: url(../souhu/img/souhu.png);
background-repeat: no-repeat;
margin-top: 10px;
margin-left: 7px;
}
.tu1:hover i{
color: #fdd000;
}
.tu1:hover .tu2{
background-position:0 -30px;
}
.www li:hover{
background: #444;
}
.zh:hover{
background: #444;
}
.www{
margin-top: 0;
padding-left: 0;
}
.www li a{
color:#fff ;
}
.www li{
font-size: 16px;
line-height: 40px;
width: 74px;
text-align: center;
}
.zh{
font-size: 16px;
color: #fff;
width: 130px;
padding: 0 10px;
line-height: 40px;
text-align: center;
}
.zh i{
padding-right: 5px;
}
.zx{
margin-top: 50px;
}
.zx_left_s{
background: red;
width: 159px;
height: 194px;
}
.zx_left{
float: left;
padding-top: 35px;
}
.icon-fangxiangxia{
color: #dadada;
display: inline-block;
transition: all 0.5s ease;
}
.lm:hover i{
transform: rotate(180deg);
}
.lm{
position: relative;
font-size: 16px;
color: #fff;
}
.wai{
position: absolute;
width: 290px;
height: 140px;
background: #fff;
border: 1px solid #ddd;
padding:7px 5px;
left: -110px;
top: 40px;
display: none;
}
.lm .item {
color: #191919;
width: 67px;
display: inline-block;
}
.lm:hover .wai{
display:inline-block
}
.lm .item:hover {
color: red;
background: #969696;
}
.zx_left_s img{
position: relative;
height: 70px;
width: 70px;
top: -20px;
border-radius: 100%;
left: 50%px;
}
.zx_left_s p{
margin-top: -11px;
font-size: 16px;
text-align:center;
margin-bottom: 5px;
}
.zx_left_s {
background: #fff;
position: relative;
width: 140px;
margin-bottom: 40px;
text-align: center;
box-sizing: border-box;
border:1px #ddd solid;
}
.ppp{
text-align: center;
}
.ppp img{
width: 16px;
height: 15px;
margin-left: 0;
margin-top: 20px;
}
.act li{
float: left;
width: 50%;
font-size: 0;
}
.act li p{
font-size: 16px;
color: #191919;
margin-bottom: 3px;
}
.act li span{
font-size: 12px;
color: #666;
}
.yd {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
height: 31px;
background: #f9f9f9;
line-height: 31px;
font-size: 12px;
color: #6666;
}
.yy{
font-size: 14px;
color: #303030;
}
.yy::before,
.yy::after{
content: "";
display: inline-block;
width: 48px;
height: 1px;
background: #efefef;
position: relative;
top: -4px;
}
.zx_left_z{
text-align: center;
margin-top: -20px
}
.yy::before{
left: -10px;
}
.yy::after{
right: -10px;
}
.zx_left_z i{
font-size: 30px;
margin:10px 0 5px 0;
display: inline-block;
}
.zx_left_z p{
font-family: georgia,arial;
font-size: 24px;
color: red;
line-height: 32px;
}
.zx_left_x{
width: 140px;
margin-left: -20px;
}
.zx_left_x {
text-align: center;
margin-top: 30px;
}
.zx_left_x ul {
margin-top: -10px;
}
.zx_left_x ul li {
margin-bottom: 20px;
padding-left: 22px;
}
.zx_left_x ul li img {
vertical-align: middle;
}
.zx_left_xul li span {
font-size: 12px;
color: #606060;
}
.zx_zx{
width: 640px;
margin-left: 20px;
float: left;
padding-top: 35px;
}
.zzzx_zx h1{
font-size: 29px;
font-weight: 700;
color: #191919;
}
.zx_zx p{
color: #999;
font-size: 14px;
margin-bottom: 10px;
margin-top: 15px;
}
.zzd{
position: relative;
}
.header{
position: fixed;
}
.zx_center{
margin-top: 60px;
position: absolute;
}
.zx_right{
padding-top: 35px;
float: left;
width: 340px;
margin-left: 50px;
}
.zx_right_z{
padding-top: 35px;
}
.zx_right input{
float: left;
width: 265px;
height: 34px;
color: #999;
font-size: 14px;
border: 1px silver solid;
border-right: 0;
line-height: 34px;
padding: 0 10px;
border-radius: 2px 0 0 2px;
box-sizing: content-box;
display: block;
}
.zx_right_s .zx_right_ss{
float: left;
}
.zx_right_ss i {
cursor: pointer;
width: 53px;
height: 36px;
display: inline-block;
background: #fdd000;
text-align: center;
line-height: 38px;
}
.zx_right_szx{
background: url(../souhu/img/pz.jpeg) no-repeat;
background-size: 100% 100%;
}
.zx_right_z h2{
color: #191919;
margin-bottom: 10px;
width: 300px;
height: 25px;
padding: 16px 20px 8px;
}
.zx_right_szx{
position: relative;
height: 300px;
width: 340px;
}
.top-left,
.top-right {
width: 40px;
height: 40px;
display: none;
position: absolute;
top: 50%;
margin-top: -40px;
}
.zx_right_szx p{
color: #fff;
position: absolute;
bottom: 20px;
}
.zx_right_i li {
float: left;
width: 15px;
height: 5px;
background-color: #d1cbcb;
border-radius: 3px;
margin-right: 5px;
}
.zx_right_i{
position: absolute;
left: 5px;
bottom: 10px;
}
.zx_right_i li.tt1 {
width: 30px;
height: 5px;
border-radius: 12px;
background-color: #fff
}
.zx_right_szx:hover .top-left {
display: block;
}
.zx_right_szx:hover .top-right {
display: block;
}
.top-left {
left: 10px;
}
.top-right {
right: 10px;
}
.zx_right_xm{
width: 340px;
height: 284px;
margin-top: 10px;
overflow: hidden;
}
.zx_right_xm img{
width: 100%;
}
.zx_right_xm p{
margin-top: 5px;
margin-bottom: 10px;
}
.zx_right_xm li{
float: left;
width: 165px;
}
.zx_right_xm a{
font-size: 14px;
color: #191919;
}
.zx_right_bj{
margin-right: 10px;
}
.zx_right_rw{
}
.zx_right_dw{
float: left;
position: relative;
width: 90px;
height: 40px;
background: yellow;
}
.zx_right_dw .dwz{
width: 100%;
height: 40px;
padding-top: 20px;
background-color: rgba(0,0,0,.3);
position: absolute;
left: 0;
top: 0;
color: #fff;
font-size: 24px;
font-weight: 700;
text-indent: 10px;
}
.zx_right_zxm h1{
width: 330px;
height: 25px;
padding: 16px 20px 5px 8px;
font-size: 20px;
}
.zx_right_rw li{
width: 340px;
height: 62px;
padding:0;
}
.zx_right_rw1{
margin: 10px 0 10px 0;
}
.zx_right_lmd1 a{
font-size: 14px;
}
.zx_right_rw1 img{
margin-left: 0px;
width: 90px;
height: 62px;
}
.zx_right_lmd1{
margin-left: 10px;
width: 240px;
float: left;
}
.zx_right_lmdz a{
font-size: 12px;
color: #999;
}
.input {
height: 123px;
border: 1px solid #b7b7b7;
}
.input textarea {
border: 0;
outline: 0;
width: 100%;
padding: 7px 10px 0 15px;
box-sizing: border-box;
height: 85px;
}
.action {
position: relative;
height: 35px;
background: #f8f8f8;
padding-left: 10px;
line-height: 35px;
}
.zx_pl{}
.zx_pl .zx_pls{}
.zx_plbtz_left::before{
content: " ";
float: left;
margin-top: 2px;
width: 4px;
height: 19px;
background: #fdd000;
border-radius: 2px;
margin-right: 12px;
}
.zx_pls .zx_plbt{
padding: 11px 0 7px;
line-height: 24px;
font-size: 16px;
}
.zx_plbtz_left{
padding-top: 7px;
border-left:2px ;
color: #191919;
font-size:4px solid #fdd000;
width:200px;
float: left;
}
.input{
height: 119px;
border: 1px solid #b7b7b7;
}
.action_left{
margin-top: -4px;
}
.zx_plbt .left{
/* float: left; */
}
.zx_plbt .right{
float: right;
}
.zx_plbtz_right{
margin-top: -8px;
width:280px;
float:right;
}
.zx_plbt{
overflow: hidden;
}
.zx_plbtz_right img{
float: left;
width: 66px;
height: 46px;
}
.zx_plbtz_right span{
font-size: 22px;
font-family: "Georgia Regular",Georgia;
color: #d92227;
padding-left: 20px;
line-height: 51px;
}
.input_action {
position: relative;
height: 40px;
background: #f8f8f8;
padding-left: 10px;
line-height: 35px;
}
.action_left span{
float: left;
font-size: 13px;
}
.action_fx li{
float: left;
}
.action_fx img{
line-height: 40px;
margin:10px 15px 10px 10px;
line-height: 12px;
}
.action_z{
float: right;
width: 90px;
height: 36px;
background: #d81519;
text-align: center;
}
.suhh{
width: 200px;
}
.remen::before{
content: " ";
float: left;
margin-top: 2px;
width: 4px;
height: 19px;
background: #969696;
border-radius: 2px;
margin-right: 12px;
}
.remen_x{
margin-top: 10px;
border-top:1px solid #969696;
border-bottom: 1px dashed #969696;
width: 640px;
height: 100px;
padding: 20px 0 11px 0;
}
.remen_xlm img{
width: 50px;
height: 50px;
border-radius: 50%;
float: left;
}
.remen_xx p{
margin: 0px !important;
}
.remen_xx{
float:left;
margin-left: 10px;
}
.remen_xx .remen_hz{
color: red;
}
.remen_xxz{
float: left;
}
.remen_xxyy{
float: left;
}
.sjj{
margin-bottom: 10px;
}
.sjj{
color: #919191;
}
.remen_xx .zl{
font-size: 14px;
color: black;
margin:10px 0 !important;
}
.remen_xxyy{
float: right;
}
.remen_xxyb{
float: left;
}
.remen_xxybbb{
margin-left: 15px;
float: left;
}