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