html,body{width:100%;height:100%;margin:0;padding:0;font-family:"微软雅黑";} .U_Control_Response_div{ width:100%; height:100%; position: relative; } .U_Control_Response_div1{ width:98%; height:50px; margin:0 auto; border:2px solid #E0E0E0; border-radius:5px; margin-top: 2%; background-color:#F8F8F8; } .U_Control_Response_yi{ min-width:60px; height:100%; float:left; line-height: 50px; text-align:center; margin-left: 1%; } .U_Control_Response_e{ min-width:80px; height:100%; float:left; line-height: 50px; text-align:center; } .U_Control_Response_san{ min-width:50px; height:100%; float:left; line-height: 50px; text-align:center; } .U_Control_Response_shi{ min-width:120px; height:100%; float:left; line-height: 50px; text-align:center; } .U_Control_Response_wu{ min-width:120px; height:100%; float:left; line-height: 50px; text-align:center; } .U_Control_Response_kuang { margin-top:8%; } .U_Control_Response_liu{ min-width:80px; height:100%; float:right; line-height: 50px; text-align:center; } .U_Control_Response_qi{ min-width:100px; height:100%; float:right; line-height: 50px; text-align:center; } .U_Control_Response_da{ width: 100%; height: 100%; } .U_Control_Response_dazi{ width:90%; height: auto; font-size: 65px; margin-top: 2.5%; margin-left: 3% } .U_Control_Response_xiaozi{ width:92%; height: auto; font-size: 25px; margin-left: 3%; margin-top: 1%; } .U_Control_Response_xiao1{ width:30%; height: auto; float:left; margin-top: 4%; } .U_Control_Response_xiao2{ width:30%; height: auto; float:left; margin-top: 4%; margin-left: 5%; } .U_Control_Response_xiao3{ width:30%; height: auto; float:left; margin-top: 4%; margin-left: 5%; } .U_Control_Response_dazi1{ width: 88%; height: 300px; font-size: 30px; margin-left: 5%; margin-top: 0%; /*background-image:url(1.jpg); background-size:100%;*/ } .U_Control_Response_dazi11{ width: 88%; height: 300px; font-size: 30px; margin-left: 5%; margin-top: 0%; /*background-image:url(2.jpg); background-size:100%;*/ } .U_Control_Response_dazi111{ width: 88%; height: 300px; font-size: 30px; margin-left: 5%; margin-top: 0%; /*background-image:url(3.jpg); background-size:100%;*/ } .U_Control_Response_xiaozi1{ width:90%; height: auto; font-size: 22px; margin-left: 5%; } .U_Control_Response_xiaozi11{ width:90%; height: auto; font-size: 22px; margin-left: 5%; } .U_Control_Response_xiaozi111{ width:90%; height: auto; font-size: 22px; margin-left: 5%; } .U_Control_Response_meun { width: 195px; height: 180px; background-color: #F8F8F8; position: absolute; display: none; z-index: 100000000000000000000000; border-radius: 7px; border: 2px solid #E0E0E0; } .U_Control_Response_ee { padding-left: 17px; height: 20%; line-height: 36px; } .U_Control_Response_sane { padding-left: 17px; height: 20%; line-height: 36px; border-top: 2px solid #E0E0E0; } .U_Control_Response_shie { padding-left: 17px; height: 20%; line-height: 36px; border-top: 2px solid #E0E0E0; border-bottom: 2px solid #E0E0E0; } .U_Control_Response_wue{ width: 82%; height: 19px; background-color: white; border: 1px solid; margin-left: 16px; margin-top: 20px; border: 1px solid #E0E0E0; } @media screen and (min-width:800px) and (max-width:1300px){ body{ width:100%; } .U_Control_Response_div1{ width:98%; height:50px; margin:0 auto; border:2px solid #E0E0E0; border-radius:5px; margin-top: 2%; background-color:#F8F8F8; } .U_Control_Response_yi{ width:60px; height:100%; float:left; line-height: 50px; text-align:center; margin-left: 1%; } .U_Control_Response_e{ width:80px; height:100%; float:left; line-height: 50px; text-align:center; display: none; } .U_Control_Response_san{ width:50px; height:100%; float:left; line-height: 50px; text-align:center; display: none; } .U_Control_Response_shi{ width:120px; height:100%; float:left; line-height: 50px; text-align:center; display: none; } .U_Control_Response_wu{ width:120px; height:100%; float:left; line-height: 50px; text-align:center; display: none; } .U_Control_Response_kuang{ display: none; } .U_Control_Response_liu{ width:80px; height:100%; float:right; line-height: 50px; text-align:center; display: none; } .U_Control_Response_qi{ width:100px; height:100%; float:right; line-height: 50px; text-align:center; display: none; } .U_Control_Response_da{ width:98%; border-radius:5px; margin-top:3%; /*background-image:url(4.jpg); background-size:100%;*/ float:left; margin-left: 1%; } .U_Control_Response_dazi{ width:90%; height: auto; font-size: 65px; margin-top: 0.5%; margin-left: 3% } .U_Control_Response_xiaozi{ width:92%; height: auto; font-size: 25px; margin-left: 3% } .U_Control_Response_xiao1{ width:48%; height: auto; border-radius:5px; margin-top: 10%; float:left; margin-left: 1%; } .U_Control_Response_xiao2{ width:48%; height: auto; border-radius:5px; margin-top: 10%; float:left; margin-left: 3%; } .U_Control_Response_xiao3{ width:48%; height: auto; border-radius:5px; margin-top:3%; float:left; margin-left: 1%; } .U_Control_Response_dazi1{ width:90%; height: auto; font-size: 65px; margin-top: 2.5%; margin-left: 3% } .U_Control_Response_dazi1{ width: 88%; height: 300px; font-size: 30px; margin-left: 5%; margin-top: 0%; /*background-image:url(1.jpg); background-size:100%;*/ } .U_Control_Response_dazi11{ width: 88%; height: 300px; font-size: 30px; margin-left: 5%; margin-top: 0%; /*background-image:url(2.jpg); background-size:100%;*/ } .U_Control_Response_dazi111{ width: 88%; height: 300px; font-size: 30px; margin-left: 5%; margin-top: 0%; /*background-image:url(3.jpg); background-size:100%;*/ } .U_Control_Response_xiaozi1{ width:92%; height: auto; font-size: 25px; margin-left: 5% } .U_Control_Response_xiaozi11{ width:92%; height: auto; font-size: 25px; margin-left: 5% } .U_Control_Response_xiaozi111{ width:92%; height: auto; font-size: 25px; margin-left: 5% } } @media screen and (max-width:800px){ body{ width:100%; } .U_Control_Response_div1{ width:98%; height:50px; margin:0 auto; border:2px solid #E0E0E0; border-radius:5px; margin-top: 2%; background-color:#F8F8F8; } .U_Control_Response_yi{ width:60px; height:100%; float:left; line-height: 50px; text-align:center; margin-left: 1%; } .U_Control_Response_e{ width:80px; height:100%; float:left; line-height: 50px; text-align:center; display: none; } .U_Control_Response_san{ width:50px; height:100%; float:left; line-height: 50px; text-align:center; display: none; } .U_Control_Response_shi{ width:120px; height:100%; float:left; line-height: 50px; text-align:center; display: none; } .U_Control_Response_wu{ width:120px; height:100%; float:left; line-height: 50px; text-align:center; display: none; } .U_Control_Response_kuang{ display: none; } .U_Control_Response_liu{ width:80px; height:100%; float:right; line-height: 50px; text-align:center; display: none; } .U_Control_Response_qi{ width:100px; height:100%; float:right; line-height: 50px; text-align:center; display: none; } .U_Control_Response_da{ width:98%; border-radius:5px; margin-top:3%; /*background-image:url(4.jpg); background-size:100%;*/ float:left; margin-left: 1%; } .U_Control_Response_dazi{ width:90%; height: auto; font-size: 65px; margin-top: 0.5%; margin-left: 3% } .U_Control_Response_xiaozi{ width:92%; height: auto; font-size: 25px; margin-left: 3% } .U_Control_Response_xiao1{ width:98%; height: auto; border-radius:5px; margin-top: 10%; float:left; margin-left: 1%; text-align: center; } .U_Control_Response_xiao2{ width:98%; height: auto; border-radius:5px; margin-top:3%; float:left; margin-left: 1%; text-align: center; } .U_Control_Response_xiao3{ width:98%; height: auto; border-radius:5px; margin-top:3%; float:left; margin-left: 1%; text-align: center; } .U_Control_Response_dazi1{ width: 96%; /* height: auto;*/ font-size: 30px; margin:0; /*background-image:url(1.jpg); background-size:100%;*/ } .U_Control_Response_dazi11{ width: 96%; /* height: auto;*/ font-size: 30px; margin:0; /*background-image:url(2.jpg); background-size:100%;*/ } .U_Control_Response_dazi111{ width: 96%; /* height: auto;*/ font-size: 30px; margin:0; /*background-image:url(3.jpg); background-size:100%;*/ } .U_Control_Response_xiaozi1{ width:92%; height: auto; font-size: 25px; margin-left: 6% } .U_Control_Response_xiaozi11{ width:92%; height: auto; font-size: 25px; margin-left: 6% } .U_Control_Response_xiaozi111{ width:92%; height: auto; font-size: 25px; margin-left: 6% } } .U_Control_Response_daa{position: relative; display: inline-block; width: 98%; height: 300px; border-radius: 5px; margin-top: 3%; float: left; margin-left: 1%;} .U_Control_Response_xiaox{position: relative;} .U_Control_Response_xiaoz{position: relative;} .U_Control_Response_xiaoc{position: relative;}