.header_menu { height: 26px; background: #f2f2f2; border-bottom: 1px solid #e5e5e5; } .center { width: 1190px; margin: 0 auto; } .header_left li, .header_right li { float: left; line-height: 26px; } .header_left li i{ font-size: 12px; } .header_left li a, .header_right li a{ color: #999; font-size: 12px; } .header_left li:first-child{ margin-right: 20px; } .header_left li:last-child{ margin-left: 20px; } .header_right li{ position: relative; margin-left: 10px; margin-right: 14px; } .header_right li i{ font-size: 12px; color: #999; } .header_right li .icon-sanjiaoyou{ transition: all 0.3s; display: inline-block; transform: scale(0.7); } .header_right li:hover .icon-sanjiaoyou{ transform: rotate(180deg) scale(0.7); } .header_right li:first-child:hover .drop_menu{ display: block; } .header_right .shoucang:hover .drop_menu1{ display: block; } .header_right .drop_menu,.header_right .drop_menu1{ position: absolute; width: 96px; height: 57px; background: #fff; border: 1px solid rgb(238,238,238); padding: 8px 10px; box-sizing: border-box; line-height: 1.2; z-index: 9999; display: none; } .header_logo{ height: 120px; border-bottom: 1px solid #7a45e5; } .header_logo .logo_left{ line-height: 120px; } .header_logo .logo_left .img_l{ width: 116px; height: 40px; float: left; margin-top: 36px; margin-right: 20px; } .header_logo .logo_left .img_r{ width: 175px; height: 16px; } .header_logo .logo_right{ margin-top: 36px; } .header_logo .logo_right input{ width: 347px; height: 36px; border: 3px solid #7a45e5; box-sizing: border-box; } .header_logo .logo_right .button{ width: 90px; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 16px; background: linear-gradient(to right,#7a45e5 20%,#b23cef 80%); float: right; } .content .list{ height: 461px; position: relative; top: -39px; } .content .list .list_left{ height: 100%; width: 200px; } .list .list_left ul{ height: 420px; background: #333; } .list .list_left .picture{ margin-bottom: 9px; padding-top: 15.5px; } .list .list_left picture img{ width: 24px; height: 24px; margin-right: 10px; } .list .list_left .picture span{ font-size: 16px; color: #fff; font-weight: 700; } .list .list_left .font{ } .list .list_left .font a{ color: #fff; font-size: 12px; } .list .list_left ul li{ height: 84px; color: #fff; width: 160px; margin-left: 20px; font-size: 0; border-bottom: 1px dotted #545454; box-sizing: border-box; } .content .list .list_left .picture img{ width: 24px; height: 24px; margin-right: 10px; } .content .list .list_left .title{ font-size: 14px; color: #fff; padding-left: 20px; background: linear-gradient(90deg,#7a45e5 20%,#b23cef 80%); width: 200px; box-sizing: border-box; line-height: 38px; } .list_right{ width: 990px; height: 38px; } .list_right .title { padding-left: 46px; box-sizing: border-box; line-height: 38px; } .list_right .title li { float: left; margin-right: 40px } .list_right .title li .active { color: #7a45e5; font-weight: 600; } .list_right .title li a{ font-size: 14px; color: #333; } .banner .text { text-align: center; width: 250px; } .banner .text .tm_text{ margin-top: 30px; font-size: 18px; color: rgb(122, 69, 229); font-weight: bold; } .banner .text .tm_desc{ font-size: 20px; margin-top: 10px; font-weight: bold; color: rgb(122, 69, 229); } .banner .text .tm_fg{ margin: 20px 0; } .banner .text .code{ display: block; margin: 0 auto; } .banner .text .tm_t{ font-size: 14px; font-weight: bold; color: rgb(51, 51, 51); margin-bottom: 8px; margin-top: 10px; } .banner .text .tm_s{ font-size: 12px; color: rgb(165, 165, 165); } .double{ width: 685px; height: 502px; background: #fff; /* background: #8d8d8d; */ box-shadow: 0 3px 10px rgb(0 0 0 / 30%); padding: 30px 0 4px 30px; z-index: 999; min-height: 436px; } .double .form{ display: inline-block; vertical-align: top; width: 313px; /* overflow: hidden; */ } .double .form > li { height: 140px; margin-right: 22px; margin-bottom: 26px; } /* .double .form .block{ display: inline-block; } */ .double .form > li hr{ border: 0; border-top: 1px solid #333; margin: 10px 0; } .double .form > li .text{ color: #333; font-size: 12px; line-height: 12px; font-weight: 700; } /* .double .form li ul li{ display: inline-block; } */ .double .form > li ul li a{ padding: 0 7px 0 10px; margin-top: 10px; border-left: 1px solid #d9d9d9; font-size: 12px; height: 12px; line-height: 12px; color: #666; } .list_left ul li a:hover .double{ display: block; } .double{ position: relative; left: 373px; bottom: 461px; display: none; } .double i{ position: absolute; right: 9px; top: 5px; }