761 lines
11 KiB
CSS
761 lines
11 KiB
CSS
|
|
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;
|
|
} |