.header { background: rgb(22, 24, 27); height: 40px; line-height: 40px; position: fixed; width: 100%; left: 0; top: 0; z-index: 100; } .mune{ width: 1200px; height: 40px; margin: 0 auto; } .left i { float: left; font-size: 30px; color: #969696; } .left { } .left:hover i { color: #fdd000; } .left:hover .left_2 { background-position: 0 -30px; } .left .left_2 { width: 60px; height: 20px; background: url(./img/souhu.png); background-repeat: no-repeat; float: left; margin-top: 9px; } .left_2::after { content: ""; width: 1px; height: 15px; background: rgb(111, 115, 119); float: right; display: block; margin-top: 4px; } ul.mune_center li { float: left; width: 64px; text-align: center; height: 40px; font-size: 15px; position: relative; } ul.mune_center { float: left; height: 40px; } ul.mune_center li a { color: rgb(255, 254, 254); } ul.mune_center li:hover { background: rgb(66, 66, 66); } ul.mune_center li.into { width: 150px; } ul.mune_center li.into:hover { background: rgb(66, 66, 66); } .menu_down { position: absolute; width: 268px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; left: -100px; padding: 7px 10px; background: whitesmoke; display: none; } ul.mune_center li .menu_down_a { width: 60px; color: black; display: inline-block; } .mune_center_1:hover { background: rgb(66, 66, 66); color: white; } .mune_center_1 { color: white; } .menu_down .menu_down_a:hover { color: red; background-color: rgb(232, 241, 250); } .mune_center_1:hover .menu_down { display: block; } .mune_center_1:hover .icon-xiangxiazhankai { display: inline-block; transform: rotate(180deg); transition: all 0.3s ease; } .center { margin-top: 80px; } .center .left_two { width: 140px; background-color: white; height: 800px; } .center .center_two { background-color: white; height: 800px; width: 640px; } .center .right_two { width: 340px; background-color: white; margin-left: 30px; } .center .left_two .cnnew { background-color: rgb(252, 252, 253); width: 138px; height: 217px; border: 1px #e2e1e1 solid; } .center .left_two .cnnew .cnnew_one { position: relative; border-radius: 100%; top: -30px; height: 70px; width: 70px; } .cnnew_two { text-align: center; margin-top: -30px; margin-bottom: 10px; } .cnnew { text-align: center; position: relative; } .cnnew_four li { float: left; width: 50%; margin-top: 15px; font-size: 16px; } .cnnew_four span { font-size: 4px; color: #969696; } .cnnew_four_one::after { content: ""; width: 1px; height: 40px; background: rgb(218, 220, 223); float: right; margin-top: -20px; } .cnnew_four div { background: #e2e1e1; height: 21px; width: 138px; position: absolute; bottom: 0; font-size: 6px; line-height: 21px; color: rgb(141, 134, 134); } .talk { margin-top: 30px; width: 140px; height: 110px; text-align: center; border-top: 1px rgb(216, 211, 211) solid; border-bottom: 1px rgb(223, 218, 218) solid; } .talk .talk_one { position: relative; top: -10px; font-size: 14px; width: 40px; height: 10px; margin: 0 auto; background-color: white; } .talk img { width: 30px; height: 30px; margin: 10px; } .talk .talk_two { position: relative; bottom: -10px; font-size: 14px; width: 40px; height: 10px; margin: 0 auto; background-color: white; display: inline-block; } .talk p { font-family: Georgia, Arial; font-size: 22px; color: rgb(218, 54, 25); } .share { text-align: center; width: 140; height: 100px; line-height: 50px; } .share li img { width: 20px; height: 20px; } .share li a { color: rgb(196, 192, 192); font-size: 6px; } .share ul li { margin-left: -10px; } .center_two { margin-left: 30px; } .center_two h2 { margin-top: -10px; font-size: 30px; } .center_two_one { margin: 20px 20px 20px 0px; font-size: 14px; color: rgb(190, 183, 183); } .center_two img { width: 500px; height: 300px; } .center_two_two { text-align: center; } .icon-bofang_o { position: absolute; left: 0px; } .center_two_four { position: relative; width: 300px; height: 20px; display: inline-block; line-height: 30px; } .center_two_four p { width: 330px; height: 20px; } .center_two h3 { font-size: 20px; margin: 20px 20px 30px 0px; } .center_two_five { font-size: 16px; color: rgb(75, 70, 70); } .dison_one_left::before { content: ""; width: 4px; height: 20px; background: rgb(240, 188, 76); float: left; border-radius: 26px; margin-right: 15px; margin-top: 5px; } .dison { margin-top: 30px; } .dison_one_left { font-size: 20px; line-height: 30px; } .dison_one { width: 640px; height: 30px; } .dison_one_right img { width: 66px; height: 46px; float: left; margin-top: -15px; } .dison_one_right { float: right; width: 200px; height: 30px; margin-top: -30px; } .dison_one_right p span { font-family: Georgia, Arial; color: rgb(230, 44, 11); font-size: 24px; } .dison_two { height: 123; border: 1px rgb(231, 228, 228) solid; } .dison_two textarea { resize: none; width: 100%; padding: 7px 10px 0 15px; box-sizing: border-box; height: 84px; } .dison_two_one { position: relative; height: 30px; background: #f8f8f8; padding-left: 10px; line-height: 35px; } .dison_two_left span { float: left; font-size: 15px; } .dison_two_left li { float: left; } .dison_two_left li img { width: 20px; height: 20px; margin-left: 5px; margin-top: 6px; } .dison_two_right { font-size: 14px; line-height: 31px; color: #fff; background: #d81519; width: 90px; height: 31px; float: right; text-align: center; } .dison_two_bottom { margin: 12px 0px 8px; } .dison_two_bottom a { color: rgb(177, 168, 168); font-size: 8px; } .dison_four_one p::before { content: ""; width: 4px; height: 20px; background: rgb(240, 188, 76); float: left; border-radius: 26px; margin-right: 15px; margin-top: 5px; } .dison_four_two img { width: 50px; height: 50px; border-radius: 50%; margin: 10px 15px 10px 5px; float: left; } .dison_four_one { margin-bottom: 10px; margin-top: 10px; } .dison_four_one p { font-size: 20px; } .dison_four_two { width: 640px; height: 100px; border-top: 1px #ddd solid; border-bottom: 1px #ddd dashed; } .dison_four_two .iconfont { float: right; } .dison_four_text { font-size: 14px; color: #d81519; margin: 8px 10px 10px 5px; } .dison_four_title { font-size: 16px; color: #726b6b; margin: 8px 10px 10px 5px; } .dison_four_a p { font-size: 14px; color: #726b6b; margin-bottom: -18px; } .dison_four_b div { margin: 0px 10px 0px 10px; font-size: 14px; color: #726b6b; } .dison_four_c { background: whitesmoke; font-size: 15px; text-align: center; margin: 20px 10px 20px 10px; border-radius: 20px; } .dison_four_c a { color: rgb(66, 57, 57); } .screah input { border: 1px rgb(146, 144, 144) solid; border-right: none; width: 285px; height: 30px; line-height: 30px; } .screah i { float: right; background: #fdd000; width: 50px; height: 34px; text-align: center; line-height: 34px; } .screah { width: 340px; } .hot_top h3 { margin: 80px 0px 10px 0px; } .hot_img_one { font-size: 14px; width: 280px; height: 50px; color: rgb(250, 248, 248); } .hot_img { background: url(https://p4.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211024/a53c6c600a9842fea133be7d0490e707.jpeg); width: 300px; height: 200px; position: relative; } .hot_img p { position: absolute; top: 60px; left: 5px; display: none; } .tua { position: absolute; top: 60px; right: 5px; display: none; } .hot_img_one { position: absolute; bottom: 10px; left: 10px; } .hot_img:hover .tuaa { display: block; opacity: 0.5; } .hot_img:hover .tua { display: block; opacity: 0.5; } .hot_img_two { position: absolute; left: 5px; bottom: 5px; } .hot_img_two li { float: left; width: 5px; height: 2px; background: #f1eeee; border-radius: 20px; margin-right: 2px; } .hot_img:hover .hot_img_four{ width: 10px; height: 2px; } .hot_bottom_one{ width: 145px; height: 87px; } .hot_bottom_a{ width: 155px; height: 132px; float: left; margin-bottom: 10px; padding: 0; margin-top: 10px; } .hot_bottom_a p{ font-size: 14px; } .hotwrite_top{ font-size: 20px; margin-top: 20px; margin-bottom: 20px; } .hotwrite{ width: 340px; height: 499px; display: inline-block; } .hotwrite_bottom_one{ width: 300px; height: 78px; margin-bottom: 10px; position: relative; } .hotwrite li img{ width: 90px; height: 60px; float: left; } .hotwrite_p{ display: inline-block; font-size: 14px; color: #0a0a0a; width: 196px; height: 40px; margin-left: 10px; } .hotwrite ul{ width: 340px; height: 312px; } .hotwrite_c{ display: inline-block; font-size: 12px; color: #969696; width: 196px; height: 40px; margin-left: 10px; } .hotwrite_bottom_one div{ position: absolute; left: 5px; bottom: 20px; color: #fdfdfd; font-size: 20px; }