<> .gkxf_cjcxrk{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 9999999; } .close{ position: absolute; right: 2%; /* left: 25%; */ top: 0; width: 30px; height: 30px; transition: transform 1s ease; } .gkxf_cjcxrkBox{ width: 38%; margin: 0 auto; margin-top: 10%; display: flex; align-items: center; flex-direction: column; position: relative; } .gkxf_cjcxrkBtn{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 4%; } .gkxf_cjcxrkBtn a{ display: block; width: 40%; background-color: #f8f502; box-shadow: inset 0px 2px 2px 0px rgba(0000.5); /* background: url(./images/xdsbtn.png); */ border-radius: 30px; text-align: center; padding: 2% 0; margin: 0 2%; margin-bottom: 2%; font-size: 24px; font-family: " PingFang SCPingFang SC"; color: #000; text-decoration: none; } .gkxf_cjcxrkBtn a:nth-child(3), .gkxf_cjcxrkBtn a:nth-child(4){ background-color:#f8f502; } <> .gzksdt { background: url(https://www.huatu.com/images/gw/dt/24gzksdt_bg.png) no-repeat; background-size: 100% 100%; padding-bottom: 1%; } .Width { width: 1400px; margin: 0 auto;} .gzksdt_center { width: 16%; height: 80px; border-: solid; border-width: 1px; border-color: rgb(2552040); background-image: -moz-linear-gradient(0degrgb(255211104) 0%rgb(255237191) 100%); background-image: -webkit-linear-gradient(0degrgb(255211104) 0%rgb(255237191) 100%); background-image: -ms-linear-gradient(0degrgb(255211104) 0%rgb(255237191) 100%); display: flex; align-items: center; justify-content: center; border-radius: 0 0 20px 20px; font-size: 34px; color: #e40901; font-weight: bold; text-align: center; } .gzksdt_top { display: flex; /* align-items: center; */ justify-content: space-between; padding: 0 2%; } .gzksdt_top ul { display: flex; align-items: center; justify-content: space-between; margin-top: 2%; } .gzksdt_left h1, .gzksdt_right h1 { font-size: 24px; color: rgb(255239198); text-shadow: 0px 4px 0px rgba(255201); text-align: center; } .gzksdt_top ul li a:hover{ color: #fff; } .gzksdt_left, .gzksdt_right { width: 40%; padding: 1% 0; } .gzksdt_top ul li a { display: flex; align-items: center; justify-content: center; border: 1px solid #ffeec5; border-radius: 30px; padding: 2% 0%; font-size: 18px; color: #fffaf1; } .gzksdt_top ul li{ width: 31%;} .gzksdt_top ul li img{ margin-right: 8%; } .gzksdt_botList ul{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .gzksdt_botList ul li{ display: flex; /* align-items: center; */ background: url(https://www.huatu.com/images/gw/dt/gzksdt_botListBg.png) no-repeat; background-size: 100% 100%; width: 24%; box-sizing: border-box; padding: 0 1%; } .gzksdt_top ul li { flex: 1; margin: 0 1%; margin-top: 0px; margin-right: 1%; margin-bottom: 0px; margin-left: 1%; } .gzksdt_botList ul li a{ width: 100%; display: flex; } .gzksdt_cardText{ padding: 4% 0%; } .gzksdt_cardName{ background-image: -moz-linear-gradient( 0degrgb(255,211,104) 0%rgb(255,237,191) 100%); background-image: -webkit-linear-gradient( 0degrgb(255,211,104) 0%rgb(255,237,191) 100%); background-image: -ms-linear-gradient( 0degrgb(255,211,104) 0%rgb(255,237,191) 100%); border-radius: 0 0 30px 30px; text-align: center; padding: 0 4%; padding-top: 4%; height: 90%; } .gzksdt_cardName p{ font-size: 14px; color: #e40901; font-weight: bold; } .gzksdt_cardName strong{ display: block; font-size: 20px; font-weight: bold; } .gzksdt_cardText{ text-align: center; width: 78%; } .gzksdt_cardText h2{ font-size: 20px; color: #ffefc6; } .gzksdt_cardText p{ font-size: 16px; color: #fff; margin-top: 2%; } @media screen and (max-width:1400px) { .gzksdt_left h1.gzksdt_right h1 { font-size: 20px; } .gzksdt_center{ height: 60px; font-size: 24px; } .gzksdt_top ul li a{ font-size: 16px; } .gzksdt_cardName strong{ font-size: 16px; } } @media only all and (max-width:1080px) { .gzksdt_left h1.gzksdt_right h1{ font-size: 14px; } .gzksdt_center{ font-size: 14px; } .gzksdt_top ul li img{ display: none; } .gzksdt_top ul li a{ font-size: 12px; } .gzksdt_left.gzksdt_right { width:80%; padding: 0 1%; } .gzksdt_botList ul li{ width: 48%; } .gzksdt .Width { width: 99%; } .gzksdt_top { padding: 0; margin-bottom: 5px; } .gzksdt { background: #db0000; } .gzksdt_top ul li a { font-size: 11px; text-align: center; line-height: 18px; border-radius: 8px; } .gzksdt_cardName { padding: 0 2%; } .gzksdt_cardName p { line-height: 14px; padding-top: 4px; } .gzksdt_cardText { padding: 1% 0%; } .gzksdt_cardText h2, .gzksdt_cardName strong, .gzksdt_cardText p { font-size: 11px; line-height: 18px; } /*.gzksdt_cardText p{ font-size: 12px; } .gzksdt_cardText h2,.gzksdt_cardName strong{ font-size: 14px; }*/ }