@charset "UTF-8"; .Top{ width:100%; background-color: #f5f5f5; height:40px; /*line-height: 2vw;*/ font-size:.16rem; padding-top: 10px; } .Top-body{ width:1200px; /*height: 1vw;*/ padding: 0 20px; } .Top-body div{ /*height: 100%;*/ margin-left:10px; overflow: hidden; } .logo{ background-color: white; width:1200px; /*height:8vw;*/ overflow: hidden; padding: 20px; } .logo img{ /*position: relative; top: 1.5vw;*/ width: 100%; } .logo>div:first-child{ width:180px; } .logo>div:last-child{ text-align: right; padding-top:15px; position: relative; } #Sou{ width:400px; height:40px; border:2px solid #7AAC4B; font-size:.16rem; padding-left:60px; } .logo>div:last-child button{ width:80px; height:40px; border:2px solid #7AAC4B; background-color: #7AAC4B; color:white; font-size:.18rem; margin-left:-8px; vertical-align:bottom; } .Top-nav{ width:1200px; text-align: center; /*height:2vw;*/ overflow: hidden; } .Top-nav div{ height: 40px; line-height: 40px; font-size:.18rem; font-weight: bold; } .Top-nav div:nth-child(1){ width:20%; background-color: #7d7d7d; color: white; padding-left: 1%; } #mm-type div:first-child{ width:9%; }#mm-type img{ width:100%; } #mm-type div:last-child{ width:87%; text-align: left; } .Top-nav div:nth-child(1) span{ } .Top-nav div:nth-child(2){ width:10%; } .Top-nav div:nth-child(3){ width:10%; } .Top-nav div:nth-child(4){ width:10%; } .Top-nav div:nth-child(5){ width:10%; } .Top-nav div:nth-child(6){ width:10%; } .Top-nav div:nth-child(7){ width:10%; } .Top-nav div:nth-child(8){ width:10%; } .Top-nav div:nth-child(9){ width:10%; } .mm-type{ width: 1200px; position: relative; z-index: 200; } #mm-type-list{ margin: 0; width:20%; font-size:.16rem; color:white; float: left; height:320px; background-color:rgba(50,50,50,0.5); position: absolute; z-index: 300; /*z-index: 100; left:17.5%;*/ } #mm-type-list li{ height: 40px; line-height: 40px; padding-left:10%; padding-right: 10%; } #mm-type-list li:hover { background-color: #7AAC4B; }#mm-type-list li>span{ display: inline-block; } #mm-type-list li>span:first-child { width:80%; border-bottom: 1px solid #cccccc; } #mm-type-list li>span:last-child { width:20%; border-bottom: 1px solid #cccccc; text-align: right; } #mm-type-list li:last-child span{ border: none; } #mm-type-more{ width:80%; float: left; height:320px; background-color: #f5f5f5; position: absolute; left: 20%; z-index: 300; /*z-index: 100; right: 17.5%; padding-top:1vw;*/ } #mm-type-more>div:first-child { width:10%; } #mm-type-more>div:last-child { width:90%; } #mm-type-more td{ width:100px; text-align: center; } #mm-type-more tr{ height:35px; line-height: 35px; font-size:.12rem; } #mm-type-more span{ font-weight: bold; } #mm-type-more a{ color: #666666; } #mm-type-more a:hover{ text-decoration: none; color: #ff774d; } #mm-type-more div{ width:100%; height:20px; line-height: 20px; border-left:2px solid #cccccc; font-size:.15rem; } #mm-type-more tr>td:first-child>div{ border: none !important; } .Nav-right{ position: fixed; z-index: 200; right:0; } .Nav-right img{ width:40%; } #call-APP img{ width:50%; } .Nav-right div{ width:80px; height:80px; padding-top:16px; text-align:center; background-color: white; border: 1px solid #cccccc; margin-top:2px; font-size: .16rem; } .Nav-right a:hover{ text-decoration: none; color: #ff774d; } .ToTop a:hover{ text-decoration: none; color: #ff774d; } .ToTop{ position: fixed; z-index: 200; right:0; top:600px; width:80px; height:80px; padding-top:16px; text-align:center; background-color: white; border: 1px solid #cccccc; margin-top:2px; font-size: .16rem; } .ToTop img{ width:40%; } #APP{ position: fixed; z-index: 200; right:82px; width:140px; height:180px; padding-top:16px; text-align:center; background-color: white; border: 1px solid #cccccc; margin-top:2px; font-size: .16rem; } #APP img{ width:90%; } #APP div:last-child { padding-top:8px; } .Top-body div:last-child{ height:20px; padding-right: 10px; border-right: 2px solid gray; } .Top-body div:nth-child(5){ height:20px; padding-right: 10px; border-right: 2px solid gray; } .Top-body div:nth-child(6){ height:20px; padding-right: 10px; border-right: 2px solid gray; } .Top-body div:nth-child(7){ height:20px; padding-right: 10px; border-right: 2px solid gray; } .Top-body div:nth-child(8){ height:20px; padding-right: 10px; border-right: 2px solid gray; } #selectType{ position: absolute; top: 17px; left: 2px; height: 36px; border: none; outline: none; font-size: .16rem; color: #888888; } #WX{ position: fixed; z-index: 200; top: 265px; right:82px; width:140px; height:180px; padding-top:16px; text-align:center; background-color: white; border: 1px solid #cccccc; margin-top:2px; font-size: .16rem; } #WX img{ width:90%; } #WX div:last-child { padding-top:8px; } #WX2{ position: fixed; z-index: 400; top: 28px; left: 71.5vw; width:140px; height:180px; padding-top:16px; text-align:center; background-color: white; border: 1px solid #cccccc; margin-top:2px; font-size: .16rem; } #WX2 img{ width:90%; } #WX2 div:last-child { padding-top:8px; }