/* Create by expreview.com */

 @keyframes fadeInOut {
     0% {
         opacity: 0;
     }

     /* 10% {
opacity: 0.1;
} */
     20% {
         opacity: 0.2;
     }

     30% {
         opacity: 0.3;
     }

     40% {
         opacity: 0.4;
     }

     /* 初始状态为完全不透明度 */
     50% {
         opacity: 0.5;
     }

     60% {
         opacity: 0.6;
     }

     70% {
         opacity: 0.7;
     }

     80% {
         opacity: 0.8;
     }

     90% {
         opacity: 0.9;
     }

     /* 中间状态为完全透明度 */
     100% {
         opacity: 1;
     }

     /* 结束状态为完全不透明度 */
 }

 enzh {
     display: none;
     /* height: 0px; */
 }

 /* .hometitle::first-letter {
color: red
} */

 htitle {
     color: #fff
 }

 /* html {
scroll-behavior: smooth;
} */

 .go_scroll {
     scroll-behavior: smooth;
 }

 .RadioStyle input:checked+label:hover {
     color: #ccc;
     background-color: #793ea5;
 }

 #expindex {
     height: 900px;
 }

 #clientstable {
     margin-top: 60px;
     position: relative;
     text-align: center;
 }

 section#listall {
     /* background-color: #090909; */
     width: 80%;
     margin: auto;
 }

 div#fixedlist:before {
     content: "\2716";
     font-weight: 100;
     font-size: 18px;
     color: #ddd;
     cursor: pointer;
     right: 1.8%;
     position: absolute;
     top: 1.8%;
     z-index: 999;
 }

 .hidden {
     position: absolute;
     top: -107px;
     /*-117px; */
     left: calc(50% - 125px);
     /* width: 0px;
height: 0px; */
     overflow: hidden;
     display: none;
 }

 #search-engines {
     background: #3d4858e3;
     /* color: #222222; */
     width: 250px;
     height: auto;
     /* border-bottom: 1px dashed #666; */
     border-radius: 5px 5px 0 0;
 }

 .close-searchbox {
     position: absolute;
     top: -5px;
     right: 12px;
     font-size: 26px;
     /* color: #bbb; */
     cursor: pointer;
 }

 #search-engines ul {
     outline: 0;
     inset: 24px auto auto 0px;
     /* display: block; */
     list-style: none;
     margin: 15px 0 16px 0;
     font-size: 1.4rem;
     letter-spacing: 2px;
     cursor: pointer;
     /* font-weight: 300; */
 }

 #search-engines ul li {
     padding-left: 1px;
     /* background: #9E9E9E; */
     margin-top: 2px;
     /* color: #fff; */
     padding: 5px 0;
     /* height: 36px; */
     align-items: center;
 }

 #search-engines ul li:hover {
     background: #793ea5;
     /* color: #fff; */
 }

 #search-engines ul li a {
     color: #fff;
 }

 .levelbgcolor {
     width: 67%;
     margin: auto;
     background: #2a2a2a;
     color: #000;
     /* font-size: 105%; */
     max-width: 70px;
     text-align: left;
     padding-left: calc(25% + 1px);
     opacity: 0;
 }

 .psulevelbgcolor {
     width: 86%;
     margin: auto;
     background: #2a2a2a;
     color: #000;
     max-width: 120px;
 }

 .comparebtn {
     width: 75%;
     /* border: 1px solid #884cb4; */
     /* font-weight: 500; */
     /* background: #884cb4; */
     /* color: #fff; */
     margin: auto;
     padding: 4px 0px;
     cursor: pointer;
     border-radius: 6px;
     /* font-size: 14px; */
 }

 .comparebtn.comparebtn2:hover {
     border: 1px solid #9C27B0;
     background: #9C27B0 !important;
 }

 tipsdate {
     font-size: 70%;
     position: absolute;
     right: 7.5%;
     color: #ccc;
     margin-top: 3px !important;
     font-weight: 300;
 }

 tnoise {
     opacity: 0.7;
     font-size: 80%;
     font-weight: 100;
 }

 smalltext {
     font-size: 80%;
     letter-spacing: 0.2px;
 }

 .fixedtable td {
     line-height: 1.2;
 }

 .lead.cerstatus {
     /* margin-top: 85px; */
     font-size: 20px;
     position: relative;
     letter-spacing: 0px;
     width: 100%;
     color: #bbb;
     text-align: center;
     top: 70px;
 }

 div#searchlist ul {
     margin-top: 5px;
     margin-bottom: 5px;
 }

 vun {
     color: #999;
     position: relative;
     letter-spacing: 1px;
     bottom: -15px;
     /* font-size: 14px; */
     display: none;
     width: 82%;
     margin: 0px auto 6px;
     padding-top: 10px;
     border-top: 1px dashed #555;
 }

 div#listtable p {
     margin: 15px 10px;
     line-height: 1.6;
     font-size: 13px;
     text-align: center;
 }

 .rhombus-stamp {
     position: absolute;
     right: 0%;
     top: 0%;
     /* width: 14%;
 height: 10%; */
     min-width: 126px;
     min-height: 58px;
     background: #01a701;
     border-radius: 0 0 0 16px;
     color: white;
     /* border: 5px solid #62c900; */
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     /* transform: rotate(-20deg); */
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     opacity: 0.8;
     display: none;
     cursor: help;
 }

 .stext1 {
     margin-top: 12px;
 }

 .stamp-text {
     transform: rotate(0deg);
     text-align: center;
     font-weight: bold;
     line-height: 100%;
     font-size: 20px;
     /* color: #62c900; */
     /* color: white; */
 }

 .stamp-text span:first-child {
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     padding-bottom: 2px;
     margin-bottom: 2px;
 }

 .stext2 {
     font-size: 14px;
     font-weight: 400;
     letter-spacing: -0.5px;
     /* color: #008000; */
 }

 #fixedlisttitle {
     position: absolute;
     width: 98%;
     margin-top: 20px;
     height: 36px;
     text-align: center;
     color: rgb(221, 221, 221);
     font-size: 1.2em;
 }

 #fixedlist {
     background: #111111fc;
     position: fixed;
     width: 100%;
     height: 100%;
     display: none;
     top: 0;
     z-index: 999;
 }

 div#listtable {
     width: 98%;
     position: absolute;
     /* height: 80%; */
     margin: 200px 1% 100px 1%;
     overflow: auto;
     overscroll-behavior: contain;
 }

 div#listareatitle {
     position: absolute;
     width: 98%;
     margin: 180px 0%;
     /* height: 40px; */
     text-align: center;
     color: rgb(221, 221, 221);
     font-size: 1.2em;
 }

 .fixedtable {
     width: 98%;
     position: absolute;
     height: 299px;
     min-height: 66%;
     margin: 230px 1% 100px 1%;
     overflow: auto;
     /* overscroll-behavior: contain; */
 }

 #clientsdata {
     margin-top: 15px;
     overflow: auto;
 }

 #clientslist img {
     height: 80px;
     margin: 18px 15px;
 }

 #atx3stdarea {
     overflow: auto;
     position: relative;
     height: 440px;
 }

 div#noisestdarea {
     overflow: auto;
     position: relative;
     height: 235px;
 }

 div#listheader {
     width: 0;
     position: absolute;
     height: 0px;
     margin: 230px 1% 100px 1%;
     overflow-y: hidden;
     overflow-x: hidden;
     display: none;
 }

 div#briefarea {
     font-weight: 400;
     /* width: 85%; */
     /* position: absolute;
height: auto;
margin: 20px 6%;
color: white;
/* overflow: auto; */
     /* font-size: 15px;
line-height: 180%;
letter-spacing: 1.25px; */
 }

 div#compare {
     position: fixed;
     z-index: 999;
     display: none;
     text-align: center;
     top: 0;
     width: 70%;
     height: 60%;
     margin: 9% 15% 8% 15%;
     opacity: 0.9999;
     overflow: hidden;
     border-radius: 16px;
     background: #062634dd;
     border: 2px solid #ea9b41dd;
     animation: fadeInOut 0.6s 1 alternate;
     /* animation-delay: 3s; */
 }

 div#bkimg {
     background: #111111ee;
     position: fixed;
     width: 100%;
     height: 100%;
     display: none;
     top: 0;
     z-index: 999;
 }

 div#tempimg {
     background-size: cover;
     width: 100%;
     height: 100%;
     border-radius: 16px;
 }

 div#tempbk {
     position: absolute;
     width: 70%;
     height: 60%;
     top: 0;
     z-index: 999;
     margin: 9% 15% 8% 15%;
     border-radius: 16px;
     border: 2px solid #ea9b41dd;
     /* background-image: url(../images/tempbk.jpg); */
     background-size: cover;
 }

 div#temptips0,
 div#temptips {
     color: #7694a396;
     text-align: center;
     bottom: 1.5%;
     position: absolute;
     width: 100%;
     font-size: 0.8em;
     text-shadow: 1px 1px 2px #000;
 }

 ccl {
     position: absolute;
     right: 25px;
     top: 15px;
     color: #999;
     padding-top: 10px;
 }

 div#tempcer {
     font-size: 2.5em;
     color: white;
     font-weight: 600;
     margin-top: 4%;
     position: absolute;
     width: 100%;
     letter-spacing: 1px;
     text-shadow: 2px 2px 2px #000;
 }

 .fixedtable tr:hover {
     background: #deb88750;
 }

 span img {
     width: 90%;
 }

 #newlist li {
     padding: 1px 0 1px 3px;
 }

 #cer115 {
     width: 19%;
     position: absolute;
     top: 0;
     left: 6%;
 }

 #cer230 {
     width: 19%;
     position: absolute;
     top: 0;
     left: 29%;
 }

 #ceratx3 {
     width: 19%;
     position: absolute;
     top: 0;
     /* text-align: center; */
     /* width: 22%; */
     /* bottom: -18%; */
     right: 6%;
 }

 #cernoise {
     /* width: 19%;
position: absolute;
top: 0;
left: 52%; */
     /*     bottom: 0%;
left: 0;
color: #ddd;
text-align: center;
font-size: 1.8em;
font-weight: 500; */
 }

 div#heavys {
     padding: 10px 0;
 }

 ul.silentimg {
     display: none;
     /* height: 352px; */
     width: 35%;
     z-index: 999;
     position: absolute;
     right: -3%;
     bottom: -3%;
     font-size: 12px;
     line-height: 118%;
 }

 .silentimg img {
     width: 30%;
 }

 div#cermsg {
     position: absolute;
     width: 100%;
     /* margin: auto; */
     top: 36%;
     height: 55%;
     /* left: 30px; */
     /* overflow: hidden; */
     /* bottom: 30px; */
     color: #ddd;
     font-size: 16px;
     line-height: 170%;
     text-shadow: 1px 1px 2px #111;
 }

 .RadioStyle label {
     color: #ccc;
 }

 .dropdown ul li {
     padding: 1px 0;
     font-size: 10px;
 }

 ::-webkit-scrollbar {
     width: 7px;
     height: 6px;
     border-radius: 3px;
     background-color: rgba(255, 255, 255, 0.61)
 }

 ::-webkit-scrollbar-thumb {
     border-radius: 3px;
     background-color: #f5b560ee;
     /* #87acbf */
 }

 .selectbox::-webkit-scrollbar {
     width: 4px;
     border-radius: 6px;
     background-color: rgba(137, 15, 142, 0.61)
 }

 ::-webkit-scrollbar-thumb:hover {
     background-color: rgb(237, 237, 237);
 }

 ::-webkit-scrollbar-track-piece {
     background-color: #232526aa;
 }

 table li {
     padding: 10px 0;
     display: block;
 }

 body {
     background: url(bk11.jpg) top center no-repeat;
     background-size: 100% 103%;
 }

 .header {
     background: url(tbg.png) top center no-repeat;
     background-size: 97.8%;
     background-position-y: bottom;
     /* background-size: 100% 100%; */
     height: 90px;
     color: #f5b560;
     padding-top: 18px;
     font-size: 35px;
     font-weight: 600;
 }

 .border-container span.bottom-left {
     border-bottom: 3px solid #c09853;
     border-left: 3px solid #c09853;
 }

 .border-container span.bottom-right {
     border-bottom: 3px solid #c09853;
     border-right: 3px solid #c09853;
 }

 .border-container span.top-left {
     border-top: 3px solid #c09853;
     border-left: 3px solid #c09853;
 }

 .border-container span.top-right {
     border-top: 3px solid #c09853;
     border-right: 3px solid #c09853;
 }

 .border-container {
     border: 1px solid #c4935b;
 }

 .border-container {
     margin-top: 0px;
     margin-bottom: 10px;
 }

 #tabs #current {
     background: #915511;
 }

 i.fab:hover {
     border: 1px solid #ddd;
 }

 #expindex li:hover {
     background: #f5b560;
     color: #fff;
     font-weight: 600;
     cursor: pointer;
 }

 .datalisttable li:hover {
     background: #f5b560;
     color: #fff;
     /* font-weight: 600; */
     cursor: pointer;
 }

 #fixedlist li:hover {
     background: #f5b560;
     color: #fff !important;
     /* font-weight: 600; */
     cursor: pointer;
 }

 h9 {
     color: #994fcd;
     font-weight: 500;
     letter-spacing: 1px;
     cursor: help;
 }

 h8 {
     /* display: block; */
     font-family: "Nunito Sans", sans-serif;
     font-weight: 400;
     font-size: 1.3rem;
     /* line-height: 1.9; */
     /* color: rgba(255, 255, 255, 0.5); */
     /* text-transform: none; */
     letter-spacing: -0.7px;
 }

 th li::after {
     content: "⇅";
     /* //⇅"; */
     color: #643900de;
     margin-left: 2.5px;
     font-weight: 300;
     position: absolute;
     font-size: 85%;
 }

 .RadioStyle label:hover {
     background-color: #793ea5;
 }

 input.bcptn0 {
     background: #915511;
 }

 ul#morehtml {
     font-weight: 400;
     background: #403726dd;
 }

 a:hover,
 a:focus {
     color: #f5b560;
 }

 div#stdarea {
     height: 4700px;
     padding-top: 6rem;
     border-top: 1px dashed #333;
 }

 .col-full.dbtext {
     padding: 0 1.6%;
 }

 p.lead.soontext {
     font-size: 3rem;
 }

 table span {
     font-size: 13px;
     font-weight: 400;
     letter-spacing: 1px;
     color: #111;
 }

 #ctrstdarea {
     height: 759px;
     position: relative;
     overflow: auto;
     margin-bottom: -25px;
     /* min-width: 600px; */
 }

 .atx3imgtext {
     margin: 0.5rem 0 0 0;
     position: relative;
     height: 721px;
 }

 .noiseimgtext {
     margin: 0.5rem 0 0 0;
     position: relative;
     height: 670px;
 }

 .noiseimgtext.caseimgtext {
     height: 600px;
 }

 .atx3text {
     width: 65%;
     position: relative;
     margin-top: 3.6rem;
 }

 .atx3img {
     width: 30%;
     text-align: center;
     position: absolute;
     height: 500px;
     top: 75px;
     right: 1.5%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 headerll {
     margin: 0 4px;
     color: #222;
     font-size: 80%;
     font-weight: 400;
 }

 .divtotal {
     /* height: 42px; */
     align-items: center;
     justify-content: center;
     display: flex;
     margin-top: 1%;
 }

 .atx3img img {
     width: 80%;
 }

 .cerstdimg {
     text-align: center;
     opacity: 0.8;
     margin-top: 3rem;
     margin-bottom: 3rem;
 }

 .cerstdimg img {
     width: 11%;
     margin-right: 1.5%;
     margin-left: 1.5%;
     margin-bottom: 2rem;
     margin-top: 2rem;
 }

 td.totalpsu {
     padding: 5px !important;
 }

 .casestddesc {
     position: absolute;
     top: 7px;
     width: 90%;
     /* max-width: 1120px; */
     color: #ccc;
     font-size: 16px;
     letter-spacing: 1px;
     justify-items: right;
     display: grid;
     /* margin-left: 5%; */
 }

 .casestddesc a {
     color: #aaa;
 }

 ul#recentlist {
     text-align: left;
     margin-left: 1%;
     margin-right: 1.5%;
     margin-top: 1rem;
     font-size: 2rem;
     height: 40rem;
     letter-spacing: 0.15rem;
     overflow: auto;
     font-weight: 400;
     background-color: #12171961;
     color: #999;
     padding: 12px 25px;
     border-radius: 10px;
     border: 1px solid #607d8b45;
     /* width: 95%; */
 }

 ul#recentlist li {
     cursor: pointer;
     color: #ccc;
 }

 typescp {
     padding-left: 10px;
     letter-spacing: 2px;
     cursor: pointer;
     color: #999;
     /* eaae5fee; */
 }

 typeinfo {
     padding-left: 10px;
     letter-spacing: 2px;
     cursor: pointer;
 }

 typeinfo:hover {
     color: #894db5;
 }

 section#updates {
     /* background-image: url(../images/006.png);
background-size: cover;
background-position-x: center; */
     background-color: #0e0e0e;
 }

 p#recenttips {
     letter-spacing: 0.05rem;
     /* color: #666; */
 }

 ul#changelist {
     display: none;
     text-align: left;
     margin-left: 2%;
     margin-right: 2.5%;
     margin-top: 1rem;
     font-size: 2rem;
     height: 25rem;
     letter-spacing: 0.15rem;
     overflow: auto;
     font-weight: 400;
     background-color: #12171961;
     color: #999;
     padding: 15px 30px;
     border-radius: 10px;
     border: 1px solid #607d8b45;
 }

 p#changetips {
     display: none;
     color: #ccc;
     font-weight: 500;
     letter-spacing: 1px;
 }

 .slick-slide img {
     max-height: 54rem;
     text-align: center;
     margin: auto;
     border: 2px solid #ffffffcf;
     border-radius: 20px;
 }

 span.s-close:before {
     content: "\2716";
     font-weight: 300;
     font-size: 16px;
     color: #ddd;
 }

 nolist {
     font-size: 1.7rem;
     /* font-style: italic;
margin-left: 4rem; */
     /* color: #666; */
 }

 resettips {
     font-size: 1.3rem;
     font-style: italic;
     margin-left: .5rem;
     color: #999;
 }

 resettitle,
 resetfantitle {
     font-size: 14px;
     /* font-style: italic; */
     margin: 0;
     letter-spacing: 1.5px;
     cursor: pointer;
     color: #ffffff;
     right: calc(5% - 12px);
     position: absolute;
     top: 7px;
     border: 1px solid #999;
     padding: 0px 8px;
     border-radius: 4px;
 }

 resettitle:hover,
 resetfantitle:hover {
     border: 1px solid #793ea5;
     background: #793ea5;
 }

 resetfantitle {
     right: calc(5% + 92px);
 }

 rdata {
     font-size: 1.6rem;
     color: #666;
     letter-spacing: -0.7px;
     /* margin-right: 0.5rem; */
     /* font-style: italic; */
     /* margin-bottom: 39px; */
 }

 .goodday {
     opacity: 0;
 }

 up {
     vertical-align: super;
     font-size: 1.6rem;
     color: #666;
     margin-right: -0.3rem;
     margin-left: 0.7rem;
     letter-spacing: 0rem;
 }

 ul#recentlist li:hover {
     color: #894db5;
     /* border-bottom: 1px dashed #ffffff55; */
 }

 #clientslist li:hover {
     color: #894db5;
     cursor: pointer;
 }

 #clientslist {
     font-weight: 500;
     padding: 0 0%;
 }

 p.contact-address {
     letter-spacing: 0.2rem;
     font-weight: 300;
 }

 input#bkcheck:hover {
     cursor: pointer;
 }

 .searchform-wrapper input.input-style {
     border: none;
     border: 1px solid #ccc;
     background: #793ea5ab;
     color: #fff;
     height: 36px;
     width: 80%;
     padding: 0 0 0 15px;
     font-size: 14px;
     /* padding-bottom: 0; */
     padding-top: 0px;
     margin: 2px 0px 0 3px;
     float: left;
     border-radius: 6px;
 }

 .searchform-wrapper {
     /* width: 90%; */
     max-width: 900px;
     min-width: 200px;
 }

 input#header_search:hover {
     /* border-radius: 20px; */
     border: 1px solid #ffffff;
 }

 .btn.btn-style:hover {
     cursor: pointer;
     background: #00000000;
     /* color: red; */
 }

 .selectbox li {
     font-size: 1em;
     color: #fff;
     list-style: none;
 }

 .selectbox ul {
     margin-left: 0px;
     padding-left: 0px;
 }

 .selectbox li:hover {
     background: #5a437a;
     color: #fff;
     cursor: pointer;
 }

 #searchlist {
     display: none;
     color: white;
     width: 80%;
     height: 200px;
     padding: 3px 5px 2px 5px;
     border: 1px solid #ccc;
     background: #793ea5;
     border-radius: 6px;
     margin-left: 3px;
     overflow-x: hidden;
     position: relative;
     top: -27px;
     z-index: 9999;
 }

 #searchlist li {
     padding: 0px 0 0px 10px;
     font-size: 12px;
     /* font-weight: lighter; */
     /* font-size: 0.9em; */
 }

 .search-content {
     width: 100%;
     margin: auto;
     padding-top: 40px;
     padding-left: 8%;
 }

 .searchpost {
     width: 86%;
     padding-right: 6%;
     margin: auto;
     height: 70px;
 }

 .search-box.search-hide {
     display: none;
     position: fixed;
     width: calc(100% - 34.5rem);
     min-width: 580px;
     max-width: 680px;
     max-height: 400px;
     margin: auto;
     /* margin-top: 1px; */
     background-color: #607d8bfa;
     height: 330px;
     border-radius: 12px;
     top: 5%;
     z-index: 9999;
     /* padding-left: calc(9% - 30px); */
     /* padding-top: 45px; */
 }

 .search-close .s-close {
     display: block;
     color: #e5e9ef;
     /* padding-left: 13px; */
     /* border: 1px solid #eeeeeea1; */
     /* width: 66px; */
     /* border-radius: 20px; */
     /* margin: 0 0 0 50px; */
     /* height: 36px; */
 }

 span.input-group-btn.search-close {
     position: absolute;
     right: 0;
     top: 0;
 }

 .input-group .input-group-btn {
     display: block;
     float: left;
     padding-left: 0px;
     padding-top: 0px;
 }

 span.search-icon.icon-search {
     position: relative;
     left: 0px;
     top: -4px;
 }

 prod {
     /* vertical-align: super; */
     font-size: 100%;
     color: #66666688;
     font-weight: 300;
     margin-right: -0rem;
     /* margin-left: 0.7rem; */
     letter-spacing: 0rem;
 }

 proen {
     /* vertical-align: super; */
     /* font-size: 82%; */
     /* color: #fbfbfbba; */
     font-weight: 300;
     margin-right: -0rem;
     /* margin-left: 0.7rem; */
     letter-spacing: 0.15rem;
 }

 .icon-search.databasesearch {
     top: 1px;
     right: calc(93% - 6px);
     z-index: 999;
     display: none;
 }

 .btn.btn-style {
     background-color: #00000000;
     border: 0;
     width: 30px;
 }

 div#skeycer {
     top: 180px;
 }

 div#skeypower {
     top: 220px;
 }

 div#skeyatx3 {
     top: 260px;
 }

 div#skeysilent {
     top: 260px;
     left: 300px;
 }

 #fixedtext,
 #fanfixedtext {
     background: #101010;
     width: 100%;
     /* max-width: 1120px; */
     margin: 20% 200px;
     position: absolute;
     height: 60%;
     display: none;
 }

 .keyw {
     /* color: #000!important; */
     /* padding: 5% 20px 0 0; */
     position: absolute;
     width: 85%;
 }

 .spanulline {
     width: 100%;
     /* height: 125px; */
     position: relative;
 }

 .keyw a {
     color: #f5f5f5;
     padding: 0 30px 0 5px;
     line-height: 235%;
 }

 .keyw ul {
     margin: 0;
 }

 .keyw span {
     float: left;
     padding: 2px 8px;
     font-size: 14px;
     color: #eee;
     cursor: pointer;
 }

 ul span:hover {
     /* border: 1px solid; */
     /* font-size: 14px; */
     border-radius: 6px;
     background-color: #793ea5;
     /* color: #793ea5; */
 }

 #cermsg span:hover {
     /* border: 1px solid; */
     /* font-size: 14px; */
     /* border-radius: 6px; */
     background-color: #783ea500;
     /* color: #793ea5; */
 }

 span.s-close:hover {
     color: #894db5;
 }

 .dropdown-menu {
     position: absolute;
     /* top: 0%;
right: 50px;
top: 36.5%; */
     /* right: calc(46% - 101px); */
     background: white;
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     min-width: 180px;
     width: 300px;
     z-index: 9999;
     overflow: auto;
     display: none;
     padding: 10px 0;
     /* 增加下拉菜单高度 */
     max-height: 320px;
     overflow-y: auto;
     border: 6px solid #ffffff;
     border-right: 0px solid #fff;
     opacity: 0.98;
 }

 .dropdown-item {
     margin: 0 8px;
     padding: 5px 0;
     cursor: pointer;
     transition: background 0.2s;
     font-size: 12px;
     color: #37474F;
     border-bottom: 1px dashed #ccc;
 }

 .dropdown-menu input[type="text"] {
     font-size: 12px;
     border: 1px solid #999;
     border-radius: 5px;
     height: 30px;
     padding: 3px 5px;
     margin: 2px 3px 10px;
     width: 92%;
     color: #7c40a7 !important;
 }

 .dropdown-item:hover {
     background: #607d8b2f;
 }

 downreport:hover {
     background: #ceba9f;
     color: black;
 }

 dw {
     font-size: 1.4rem;
     /* line-height: 400%; */
     font-weight: 400;
     position: absolute;
     /* cursor: pointer; */
     /* border: 1px solid #f7d343; */
     /* border-radius: 6px; */
     margin-top: 9.2%;
     left: 41.8%;
     /* padding: 0px 9px; */
     /* background: #915511; */
     /* text-shadow: 0 0 0 BLACK; */
     color: #eee;
 }

 downreport {
     /* font-size: 1.4rem; */
     /* line-height: 400%; */
     /* font-weight: 400;
position: absolute; */
     cursor: pointer;
     /* border: 1px solid #f7d343; */
     border-radius: 6px;
     /* margin-top: 9.2%;
left: 45.5%;*/
     margin-left: 8px;
     padding: 2px 5px 3px;
     background: #915511;
     text-shadow: 0 0 0 BLACK;
     /* color: #eee; */
 }

 div#info span {
     font-size: 12px;
 }

 .name-title,
 div#info span,
 .button.type1 {
     color: #f5b560;
 }

 .button.type1 {
     letter-spacing: 4.4px;
 }

 /* input#searchinput {
border: 1px solid #91551199;
background: #91551199;
}

#searchlist {
border: 1px solid #91551199;
background: rgba(96, 125, 139, 0.01);
} */

 #select2 {
     border: 1px solid #91551199;
     background-color: rgba(96, 125, 139, 0.01);
 }

 .button.type1:hover {
     background-color: #915511;
 }

 .button.type1.type1::after {
     border-bottom-color: #f5b56088;
     border-right-color: #f5b56088;
 }

 .button.type1.type1::before {
     border-top-color: #f5b56088;
     border-left-color: #f5b56088;
 }

 .RadioStyle input:checked+label {
     /* background: url(checkon.png) no-repeat right bottom; */
     border: 1px solid #793ea5;
     background-size: 20px 20px;
     color: #f6f6f6;
     background-color: #793ea5;
 }

 .selectbox::-webkit-scrollbar-thumb {
     /*滚动条里面小方块*/
     -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
     /* background: #607D8B; */
     background-color: #915511d8;
 }

 .filterlist::-webkit-scrollbar-thumb {
     /*滚动条里面小方块*/
     -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
     background-color: #915511d8;
     /* background: #607D8B; */
 }

 #tabs a {
     width: 86px;
     background: #5a5a5a;
 }

 #tabs a:hover,
 #tabs a:focus {
     background: #915511;
 }

 #radar {
     height: 150px;
 }

 .main-right {
     width: 20%;
 }

 .main-left {
     width: 20%;
 }

 sy {
     padding: 5px 15px;
 }

 .RadioStyle input {
     display: none;
 }

 label {
     user-select: none;
     /* Chrome/Safari */
     -moz-user-select: none;
     /* Firefox */
 }

 .cmz-select input {
     border: 0px solid #999;
     font-size: 14px;
     padding: 0px 0px;
     line-height: unset;
     color: #fff !important;
     height: unset;
     min-height: unset;
     background: unset;
 }

 .cmz-select ul {
     border: 1px solid #00000000 !important;
     box-shadow: unset;
     /* background-color: #5e7b88 !important; */
     max-height: 200px;
     margin-top: 9px;
     border-radius: 0.5em;
     padding: 5px 2px;
     /* color: #000 !important; */
     width: 100% !important;
     left: -16px;
     top: 60px !important;
 }

 .cmz-select .inputImg {
     top: 150% !important;
 }

 div#headersearchbox {
     width: 70%;
     min-width: 260px;
     margin: 15px auto 20px;
     height: 32px;
 }

 .RadioStyle {
     /* overflow-x: hidden; */
     position: absolute;
     /* margin-top: 13rem; */
     padding: 0 2.2%;
 }

 .spliteline {
     border-top: 1px dashed #ababab59;
     height: 3px;
     width: 92%;
     margin: 0 auto;
     display: none;
 }

 .RadioStyle label {
     border: 1px solid #99999999;
     color: #888;
     padding: 0px 5px;
     line-height: 20px;
     /* min-width: 48px; */
     text-align: center;
     float: left;
     font-weight: 400;
     margin: 5px 0 0 10px;
     cursor: pointer;
     font-size: 1.4rem;
     border-radius: 4px
 }

 h11 {
     color: #555;
 }

 .RadioStyle label:hover {
     /* border-color: #020202;
color: #0a0a0a;
background-color: #eeeeee; */
     color: #ccc;
     background-color: #793ea5;
 }

 div#selectall {
     position: absolute;
     right: 28px;
     top: 0;
 }

 /* div#coolerlist, */

 div#coolerbrandlist,
 div#airlist,
 div#waterlist,
 div#powerlist,
 div#brandlist,
 div#pluslist,
 div#sizelist {
     height: 35px;
 }

 .Block.PaddingL {
     /* min-height: 75px; */
     /* padding: 5px 5px 6px; */
 }

 div#sizelist {
     /* height: 30px; */
     /* margin-left: 45%; */
     /* position: relative; */
     /* right: 18px; */
     /* left: 11%; */
     display: none;
     z-index: 99;
     top: 40px;
     /* width: calc(100% - 220px); */
     color: #ccc;
     letter-spacing: 1px;
     font-size: 20px;
 }

 div#pluslist {
     height: 0.1px;
     /* position: relative; */
     /* left: 0px; */
 }

 div#brandlist {
     height: 60px;
 }

 .jq-toast-wrap bp {
     color: #f5b560;
     letter-spacing: 1px;
 }

 .jq-toast-wrap bc {
     letter-spacing: 1px;
     line-height: 2;
 }

 div#powerlist:before {
     content: "功率：";
     /* margin-right: 5px; */
     height: 100%;
     /* display: flex; */
     align-items: center;
     color: #c09853;
     float: left;
     margin-top: 0px;
     /* width: 43px; */
     font-size: 1.7rem;
 }

 div#brandlist:before {
     content: "品牌：";
     /* margin-right: 5px; */
     height: 100%;
     /* display: flex; */
     align-items: center;
     color: #c09853;
     float: left;
     font-size: 1.7rem;
     /* width: 10px; */
 }

 div#cermsg img {
     cursor: help;
 }

 div#pluslist:before {
     content: "认证：";
     height: 100%;
     /* display: flex; */
     align-items: center;
     /* margin-right: 5px; */
     color: #c09853;
     float: left;
     font-size: 1.7rem;
     /* width: 10px; */
 }

 div#sizelist:before {
     content: "Select: ";
     height: 100%;
     /* display: flex; */
     align-items: center;
     /* margin-right: 5px; */
     color: #c09853;
     float: left;
     font-size: 1.7rem;
 }

 div#commentbk {
     float: right;
     right: 12rem;
     top: -9px;
     position: absolute;
 }

 .checke {
     position: relative;
     -webkit-appearance: none;
     width: 45px;
     content: '中  en';
     height: 22px;
     border: 0;
     line-height: 18px;
     background: #607d8b4d;
     border-radius: 2px;
     outline: none !important;
     vertical-align: middle;
 }

 .checke:before {
     position: absolute;
     left: 0;
     content: '中';
     color: #fff;
     text-align: center;
     font-size: 12px;
     padding-top: 2px;
     width: 23px;
     height: 22px;
     border-radius: 2px;
     background: #793ea5;
     /* border: 1px solid #824e01; */
     transition: all 0.2s linear;
 }

 .checke:checked {
     background: #607d8b7d;
 }

 .checke:checked:before {
     left: 22px;
     background: #793ea5;
     content: 'EN';
     color: #fff;
     transition: all 0.2s linear;
 }

 .sortclients p.lead {
     width: 100%;
     margin: auto;
     margin-bottom: -20px;
     text-align: center;
     font-size: 2rem;
     margin-top: 3rem;
     letter-spacing: 2px;
 }

 .title {
     letter-spacing: 0.045rem;
     user-select: none;
     /* Chrome/Safari */
     -moz-user-select: none;
 }

 @media only screen and (max-width:1200px) {
     h8 {
         font-size: 1.2rem;
     }
 }

 @media only screen and (max-width: 1100px) {
     .main-left {
         display: none;
     }

     .main-middle {
         width: 75%;
     }

     .main-right {
         width: 25%;
     }

     .header {
         font-size: 30px;
         letter-spacing: 3px;
         background-size: 98% 100%;
     }

     .mobieinfo {
         display: block;
         bottom: -5px;
         font-size: 12px;
     }
 }

 @media only screen and (max-width:1000px) {
     .slick-slide img {
         max-height: 45rem;
     }

     h8 {
         font-size: 1.15rem;
     }

     div#sizelist {
         font-size: 17px;
     }
 }

 @media only screen and (max-width:800px) {
     .slick-slide img {
         max-height: 38rem;
     }

     div#sizelist {
         /* height: 30px; */
         /* margin-left: 45%; */
         position: relative;
         /* right: 18px; */
         /* left: 11%; */
         top: 88px;
         width: calc(100% - 0px);
         color: #cccccc00;
         letter-spacing: 1px;
         font-size: 20px;
     }

     th li::after {
         margin-left: 1px;
     }

     nolist {
         font-size: 1.5rem;
     }

     #clientsdata {
         margin-top: 10px;
     }

     table li {
         padding: 5px 0;
     }
 }

 @media only screen and (max-width: 600px) {
     .icon-search {
         right: 13rem;
         top: 14px;
     }

     proen {
         letter-spacing: 0.05rem;
     }

     #searchlist li {
         font-size: 11px;
     }

     .searchform-wrapper input.input-style {
         font-size: 13px;
     }

     .search-box.search-hide {
         margin-top: 60px;
     }

     .main-right,
     #tabs {
         display: none;
     }

     .main-middle {
         width: 100%;
     }

     .timeline {
         margin-left: calc(50% - 170px);
         display: none;
     }

     span.top-right.border-span,
     span.top-left.border-span,
     span.bottom-right.border-span,
     span.bottom-left.border-span {
         display: none;
     }

     .border-container {
         border: 0px;
         margin-top: 5px;
     }

     .button.type1.type1::after,
     .button.type1.type1::before {
         border: 0px;
     }

     .mobieinfo {
         display: block;
         bottom: 5px;
     }

     .main {
         padding: 0;
     }

     .main-middle {
         padding: 0;
     }

     .msearch {
         display: block;
     }

     input::-webkit-input-placeholder {
         color: #ddd;
     }

     .xknx {
         right: 11px;
         top: -14px;
     }

     .xknx>p {
         display: none;
     }

     sy {
         padding: 5px 13px;
     }

     input#txt_calendar {
         border: 1px solid #9595953b;
         background: #cccccc1c;
     }

     .slick-slide img {
         max-height: 30rem;
     }

     .sortclients p.lead {
         font-size: 1.7rem;
     }

     .lead.cerstatus {
         top: 10px;
         font-size: 16px;
     }

     #clientstable {
         margin-top: 5px;
     }

     h8 {
         font-size: 1.1rem;
     }

     nolist {
         font-size: 1.2rem;
     }

     div#noisestdarea table {
         width: 520px !important;
     }

     div#temptips {
         color: #122e3a00;
         bottom: -4%;
         text-shadow: 0 0;
     }

     vun {
         /* font-size: 12px; */
         color: #999;
         letter-spacing: 0.1px;
         bottom: 0;
         width: 83%;
         padding-top: 4px;
     }

     ul.silentimg {
         font-size: 8px;
     }
 }

 /* //mobile */

 @media only screen and (max-width:500px) {
     .rhombus-stamp {
         scale: 0.6;
         top: -3.5%;
         right: -8.5%;
     }

     div#listtable p {
         margin: 5px 5px;
         line-height: 1.4;
         font-size: 12px;
         text-align: center;
     }

     .slick-slide img {
         max-height: 25rem;
     }

     .icon-search.databasesearch {
         /* top: 240px;
right: 6%; */
     }

     .dropdown-menu {
         width: 70%;
     }

     div#fixedlist:before {
         font-size: 16px;
     }

     .casestddesc {
         font-size: 12px;
     }

     #fixedtext,
     #fanfixedtext {
         width: 91%;
     }

     div#sizelist {
         top: -46px;
     }

     #clientsdata {
         margin-top: 30px;
     }

     .lead.cerstatus {
         top: 30px;
     }

     div#tempimg {
         background-position-x: 50%;
     }

     #fixedlisttitle {
         font-size: 1em;
     }

     div#listareatitle {
         font-size: 1em;
     }

     .comparebtn {
         font-size: 12px;
     }

     #clientslist img {
         height: 35px;
         margin: 10px 10px;
     }

     #search-engines {
         width: 88%;
         background: #3d4858;
     }

     .hidden {
         left: 6%;
     }
 }