/* Create by expreview.com */
    
    @charset "utf-8";
    body,
    ul,
    li,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    dl,
    dt,
    dd {
        margin: 0;
        padding: 0;
    }
    
    ul,
    li {
        list-style: none;
    }
    
    a:link,
    a:visited,
    a:active {
        text-decoration: none;
    }
    
    .selectbox li {
        font-size: 0.9em;
        color: #fff;
    }
    
    li:hover {
        background: #009688;
        color: #fff;
        cursor: pointer;
    }
    
    .infotxt li:hover {
        background: #dddddd00;
        color: #c09853;
    }
    
    body {
        background: #1f4051;
        overflow: hidden;
        background-image: url(https://topic.expreview.com/CPU/07.jpg);
        background-size: cover;
    }
    
    th {
        text-align: center;
    }
    
    .header {
        height: 80px;
        position: relative;
        padding-top: 13px;
        font-size: 32px;
        color: #00ffff;
        text-align: center;
        letter-spacing: 8px;
        background: url(bg.png) top center no-repeat;
        background-size: 80% 100%;
    }
    
    .header a.a-access {
        position: absolute;
        left: 1%;
        top: -18%;
    }
    
    .header a.b-access {
        position: absolute;
        right: 1%;
        top: -18%;
    }
    
    a.c-access {
        position: absolute;
        right: calc(1% + 117px);
        top: -18%;
    }
    
    .main {
        padding: 0 1%;
    }
    
    .main-left {
        float: left;
        width: 23%;
        padding: 0 10px;
    }
    
    .main-right {
        float: left;
        width: 17%;
        padding: 0 10px;
    }
    
    .main-middle {
        float: left;
        width: 60%;
        padding: 0 10px;
    }
    
    .border-container {
        position: relative;
        margin-top: 10px;
        padding: 10px 10px 0 10px;
        /* height: 88px; */
        border: 1px solid #54dcf2;
    }
    
    .border-container span.border-span {
        display: none;
        position: absolute;
        width: 35px;
        height: 35px;
    }
    
    .border-container span.top-left {
        top: -4px;
        left: -4px;
        border-top: 3px solid #54dcf2;
        border-left: 3px solid #54dcf2;
    }
    
    .border-container span.top-right {
        top: -4px;
        right: -4px;
        border-top: 3px solid #54dcf2;
        border-right: 3px solid #54dcf2;
    }
    
    .border-container span.bottom-left {
        bottom: -4px;
        left: -4px;
        border-bottom: 3px solid #54dcf2;
        border-left: 3px solid #54dcf2;
    }
    
    .border-container span.bottom-right {
        bottom: -4px;
        right: -4px;
        border-bottom: 3px solid #54dcf2;
        border-right: 3px solid #54dcf2;
    }
    
    .name-title {
        font-size: 16px;
        padding-bottom: 10px;
        /* font-weight: bold; */
        color: #00ffff;
        letter-spacing: 1px;
    }
    
    .name-title span {
        font-size: 12px;
        font-weight: normal;
        margin-left: 5px;
        letter-spacing: 0.1px;
    }
    
    #radar {
        height: 125px;
    }
    
    #tenchange {
        height: 125px;
    }
    
    .checke {
        position: relative;
        -webkit-appearance: none;
        width: 45px;
        content: '中  en';
        height: 22px;
        border: 0;
        line-height: 28px;
        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: 13px;
        padding-top: 2px;
        width: 23px;
        height: 20px;
        border-radius: 2px;
        background: #e18a0a;
        /* border: 1px solid #824e01; */
        transition: all 0.2s linear;
    }
    
    .checke:checked {
        background: #607d8b7d;
    }
    
    .checke:checked:before {
        left: 22px;
        background: #009688;
        content: 'EN';
        color: #fff;
        transition: all 0.2s linear;
    }
    
    div#commentbk {
        float: right;
        right: 10px;
        top: -11px;
        position: relative;
    }
    
    .mTips {
        position: fixed;
        padding: 10px 20px;
        color: #fff;
        border-radius: 8px;
        z-index: 999;
        display: inline;
        font-size: 16px;
        text-align: center;
    }
    
    .mTips-default {
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mTips-success {
        background-color: rgba(92, 184, 92, 0.85);
    }
    
    .mTips-info {
        background-color: rgba(91, 192, 222, 0.85);
    }
    
    .mTips-warning {
        background-color: rgba(240, 173, 78, 0.85);
    }
    
    .mTips-danger {
        background-color: rgba(217, 83, 79, 0.85);
    }
    
    .expidx {
        color: #00ffff;
        /* text-align: center; */
        position: absolute;
        float: left;
        left: 15%;
        top: 50px;
        padding: 4px;
        z-index: 9;
    }
    
    .zhtxt {
        display: block;
    }
    
    .entxt {
        display: none;
    }
    
    st {
        font-size: 12px;
        margin-left: 8px;
        color: #999;
    }
    
    i {
        font-style: normal;
    }
    
    .mprocess {
        color: #00ffff;
        /* text-align: center; */
        position: absolute;
        float: left;
        left: 15%;
        bottom: 50px;
        padding: 4px;
        z-index: 9;
    }
    
    #processchange {
        height: 125px;
    }
    
    #dormitorydetail {
        height: 125px;
    }
    
    #graduateyear {
        height: 15px;
    }
    
    select#newlist option {
        cursor: pointer;
    }
    
    .three-pie {
        border-top: 1px solid #2c768a;
        margin: -10px;
        margin-top: 10px;
    }
    
    .teacher-pie {
        border-bottom: 1px solid #2c768a;
        margin: -10px;
        margin-bottom: 0;
    }
    
    .three-pie li,
    .teacher-pie li {
        float: left;
        width: 50%;
        border-right: 1px solid #2c768a;
    }
    
    .teacher-pie li .name-title {
        padding-left: 10px;
        padding-top: 10px;
    }
    
    .three-pie li:last-child,
    .teacher-pie li:last-child {
        border-right: none;
    }
    
    #sexrate,
    #nationarate,
    #householdrate {
        height: 266px;
    }
    
    #expindex {
        height: 800px;
    }
    
    .number-show {
        position: absolute;
        top: 20%;
        right: 5%;
    }
    
    .number-show span.span-name {
        font-size: 14px;
        color: #fffd51;
    }
    
    .number-show span.span-number-show {
        font-size: 18px;
        color: #54b5b5;
        font-style: italic;
    }
    
    .number-show li {
        line-height: 25px;
    }
    
    div#right1 {
        height: 90px;
    }
    
    #teacherrate,
    #courserate,
    #professionrate {
        height: 200px;
    }
    
    #agelist {
        height: 130px;
    }
    
    #changedetail {
        height: 229px;
    }
    
    .table-kingdargen {
        margin-top: 6px;
        text-align: center;
        margin-bottom: 0;
    }
    
    .table-kingdargen>thead>tr>th {
        border-bottom: 1px solid #0f4075;
        padding: 2px 8px;
        text-align: center;
        color: #419aff;
        font-size: 12px;
        font-weight: normal;
        border-top: 1px solid #0f4075 !important;
    }
    
    .table-kingdargen tbody tr td {
        padding: 1px 8px;
        font-size: 12px;
        border: none;
        color: #fff;
    }
    
    .table-kingdargen tbody tr:nth-child(2n) {
        background: #1d2a42;
    }
    
    .table-kingdargen tbody tr:hover {
        background: #1d2a42;
    }
    
    .table-kingdargen tbody tr td:nth-child(2) {
        color: #e9aa00;
    }
    
    .table-kingdargen tbody tr td:nth-child(3) {
        color: #53bf18;
    }
    
    .table-kingdargen tbody tr td:nth-child(4) {
        color: #f9504a;
    }
    
    .table-kingdargen tbody tr td:nth-child(5) {
        color: #12f0e9;
    }
    
    #juniorservice {
        /* height: 15px; */
    }
    
    #edubalance {
        height: 10px;
    }
    
    @import url("https://fonts.googleapis.com/css?family=Raleway");
    * {
        box-sizing: border-box;
    }
    
    .copyright {
        position: absolute;
        bottom: 0;
    }
    
    .copyright a {
        text-decoration: none;
        color: #16a085;
    }
    
    .copyright a:hover {
        text-decoration: underline;
    }
    
    .button {
        position: relative;
        padding: 0.5em 1.2em;
        border: none;
        background-color: transparent;
        cursor: pointer;
        outline: none;
        font-size: 16px;
        margin: 20px 0px 0 0;
    }
    
    button.searchbtn {
        margin-left: 0;
        padding: 4px 10px;
        width: 54px;
    }
    
    .searchrefer {
        text-align: center;
    }
    
    button.searchbtn.referbtn {
        width: 66px;
        padding: 4px 0;
    }
    
    .button.type1 {
        color: #00ffff;
    }
    
    .button.type1.type1::after,
    .button.type1.type1::before {
        content: "";
        display: block;
        position: absolute;
        width: 20%;
        height: 20%;
        border: 2px solid;
        transition: all 0.6s ease;
        border-radius: 2px;
    }
    
    .button.type1.type1::after {
        bottom: 0;
        right: 0;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: #566473;
        border-right-color: #566473;
    }
    
    .button.type1.type1::before {
        top: 0;
        left: 0;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-top-color: #566473;
        border-left-color: #566473;
    }
    
    .button.type1.type1:hover:after,
    .button.type1.type1:hover:before {
        width: 100%;
        height: 100%;
    }
    
    .cust-type-default {
        float: right;
        cursor: pointer;
        width: 180px;
        /* padding: 0 8px; */
        height: 30px;
        line-height: 29px;
        color: #14B4FE;
        /* border: 1px solid #14B4FE; */
        text-align: center;
    }
    
    .cust-type-default.left {
        border-radius: 6px 0px 0px 6px;
    }
    
    .cust-type-default.right {
        border-radius: 0px 6px 6px 0px;
    }
    
    .cust-type-default.right.active {
        background: #9b0f07;
        color: #fff;
    }
    
    .cust-type-default.left.active {
        background: #7bac18;
        color: #fff;
    }
    
    .timeline {
        position: absolute;
        margin-left: calc(50% - 190px);
    }
    
    .rightbox {
        /* position: absolute; */
        /* float: left; */
        /* width: 56px; */
        top: 15%;
        /* padding-right: 8px; */
        z-index: 999;
        /* display: none; */
        display: block;
        /* height: 155px; */
    }
    
    #select2 {
        width: 100%;
        min-height: 52px;
        height: 52px;
        padding: 4px;
        overflow: hidden;
        border: 1px solid #607d8b5e;
        /* line-height: 221%; */
        /* display: none; */
        border-radius: 4px;
        z-index: 999;
        background-color: rgba(96, 125, 139, 0.16);
        /* box-shadow: 0 28px 50px rgba(25, 24, 40, .25); */
    }
    
    option {
        font-size: 12px;
        color: #fff;
        padding: 2px;
        /* line-height: 3300%; */
    }
    
    .button0 {
        padding: 10px 0 20px;
        margin-left: calc(50% - 30px);
    }
    
    input.bcptn0 {
        padding: 4px 15px;
        border: 0px;
        border-radius: 3px;
        color: white;
        background: #009688;
        width: 60px;
    }
    
    .bcp0 {
        text-align: center;
        /*display:grid;*/
    }
    
    div#compare {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999;
        top: 0;
        background: #2c414bcf;
        display: none;
        overflow: auto;
    }
    
    input.rbtn {
        /* padding: 4px 8px; */
        border-radius: 3px;
        width: 28px;
        border: 0px;
        background: none;
        color: #b9b9b9;
        position: absolute;
        /* width: 25px; */
        /* margin: 4px 0 0 -27px; */
        font-size: 14px;
        outline: none;
        top: 46px;
        right: 9px;
    }
    
    #bstr {
        background-color: #fff !important;
        color: #fff !important;
        /* width: 26px; */
    }
    
    .rank {
        border: 0px !important;
        padding-right: 0px;
        /*padding: 1px;*/
    }
    
    .bar {
        background-color: #428bca;
        position: relative;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        /*height: 15px;*/
        /*color:#ccc;*/
        /*    padding: 0;
    margin: 0px 0 3px;*/
    }
    
    .sbar {
        background-color: #468847;
        position: relative;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        /*height: 15px;*/
        /*color:#ccc;*/
        /* padding: 0;
    margin: 0px 0 3px;*/
    }
    
    .mt {
        position: absolute;
        bottom: 0;
        left: calc(50% - 50px);
        font-size: 12px;
        /*top: 55px;*/
        color: #fff;
    }
    
    div#aaa {
        position: relative;
        /* text-align: center; */
        /* min-height: 50px; */
        /* vertical-align: middle; */
    }
    
    .xknx {
        position: absolute;
        /* left: 15%; */
        right: -150px;
        top: 37px;
        z-index: 1;
        /* font-weight: normal; */
        /* line-height: 20px; */
        font-size: 12px;
        color: white;
        /* height: 33px; */
        padding: 0px 0 7px;
    }
    
    .xknx>* {
        float: left;
    }
    
    .xknx>p {
        /* margin-right: 12px; */
        margin-top: 2px;
        margin-left: 8px;
        width: 35px;
    }
    
    select#xlcd {
        color: #f1f0f0;
        background: #e1e3e300;
        border-radius: 2px;
    }
    
    label.onlabel {
        color: white;
        font-size: 12px;
        font-weight: normal;
        display: none;
    }
    
    input#xsbq {
        margin-left: 4px;
    }
    
    select#xlcd option {
        background: #1d323c;
    }
    
    button.searchbtn {
        margin-top: 10px;
        /* margin-left: 3px; */
        /* margin-left: calc(50% - 30px); */
        font-size: 13px;
        /* border-radius: 4px; */
        /* border: 1px solid #9E9E9E; */
        /* outline: none; */
        padding: 4px 15px;
        border: 0px;
        border-radius: 3px;
        color: white;
        background: #009688;
        width: 60px;
        margin-bottom: 10px;
        /* margin: 0 auto; */
    }
    
    input#searchinput {
        font-size: 13px;
    }
    
    span#deltxt {
        color: #c7c7c7;
        /* margin: 1px 0 0px -25px; */
        position: absolute;
        /* margin-left: -33px; */
        /* margin-top: 10px; */
        font-size: 14px;
        cursor: pointer;
        /* border: 1px solid #777; */
        border-radius: 3px;
        /* padding: 0 0 0 10px; */
        /* background: #ddd; */
        /* padding: 5px 0 0; */
        width: 28px;
        top: 48px;
        right: 0;
    }
    
    #searchlist {
        color: white;
        width: 100%;
        padding: 2px;
        border: 1px solid #607D8B;
        background: rgba(96, 125, 139, 0.16);
        border-radius: 0 0 0px 4px;
        overflow-x: hidden;
    }
    
    #newlist {
        color: white;
        width: 100%;
        padding: 2px;
        border: 0px solid #607D8B;
        background: rgba(96, 125, 139, 0);
        border-radius: 0 0 0px 4px;
        overflow: hidden;
        outline: none;
    }
    
    input#searchinput {
        width: 100%;
        border: 1px solid #009687c4;
        padding: 4px;
        background: #00968896;
        font-size: 13px;
        color: #FFC107;
        height: 30px;
        border-radius: 4px 4px 0px 0px;
    }
    
    input::-webkit-input-placeholder {
        color: #FFC107;
    }
    
    input::-moz-input-placeholder {
        color: #FFC107;
    }
    
    input::-ms-input-placeholder {
        color: #FFC107;
    }
    
    div#info {
        text-align: center;
        padding: 18px 0 19px 0;
    }
    
    div#info span {
        color: #c09853;
        margin-left: 11px;
        font-size: 16px;
    }
    
    .infotxt {
        color: white;
        font-size: 13px;
        margin: 5px 0 22px 0;
        text-align: center;
    }
    
    li a {
        color: white;
        font-size: 0.9em;
    }
    
    li i {
        color: #aaa;
        padding: 0 5px;
    }
    
    .mobieinfo s {
        color: #777;
        padding: 0 5px;
    }
    
    div#left4 .name-title {
        display: none;
    }
    
    .mobieinfo {
        color: #eee;
        text-align: center;
        position: absolute;
        font-size: 13px;
        width: 100%;
        bottom: 1px;
        /* background: gainsboro; */
        padding: 5px 0;
        display: none;
    }
    
    .mobieinfo a {
        color: #eee;
    }
    /* new search */
    
    .dropdown {
        position: absolute;
        /* display: inline-block; */
        width: 85px;
        padding-left: 4px;
        /* top: 0; */
        float: left;
        top: -14px;
        height: 501px;
        font-size: 12px;
        display: none;
    }
    
    .dropdown-selected {
        width: 100% !important;
        height: 24px;
        /* line-height: 30px; */
        border: 1px solid #9595953b;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 3px;
        color: #ddd;
        text-indent: 8px;
        background: #cccccc1c;
    }
    
    .dropdown ul {
        padding: 0;
        width: 160px;
        max-height: 433px;
        overflow-y: auto;
        background-color: #152f3cd4;
        margin-top: 1px;
        /* border: 1px solid #c6c8cc; */
        position: relative;
        display: none;
        /* margin: auto; */
        /* padding: 0; */
        color: #fff;
        z-index: 9;
        border-radius: 3px;
        font-size: 10px;
    }
    
    .dropdown ul li {
        list-style: none;
        text-indent: 4px;
        padding: 3px 0;
        /* border-bottom: 1px solid #efefef; */
    }
    
    .dropdown ul li a {
        display: block;
        color: #282c33;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .dropdown ul li:hover {
        background-color: #9a7a44;
    }
    
    .dropdown ul li a:active,
    .dropdown ul li.active a {
        background-color: #e4e9f2;
    }
    /* 年份 */
    
    .setyearrange {
        box-shadow: rgba(198, 185, 185, 0.2) 4px 2px 8px 4px;
        border-width: 1px;
        border-style: solid;
        border-color: #ccccccab;
        background: #1f4051;
        /* border: 9px solid #607D8B; */
        position: absolute;
        padding: 20px;
        top: 24px;
        z-index: 9;
        width: 325px;
        right: 0;
        border-radius: 4px;
        display: none;
    }
    
    input#txt_calendar {
        width: 80px;
        padding: 2px 5px;
        border-radius: 3px;
        border: 1px solid #88888826;
        color: #FFC107;
        background: #607D8B;
    }
    
    div#startyear {
        width: 136px;
        height: 201px;
        border: 1px solid #9e9e9e85;
        position: relative;
        float: left;
        top: 10px;
        padding: 8px 5px;
        overflow-x: hidden;
        word-wrap: break-word;
    }
    
    div#endyear {
        width: 136px;
        height: 201px;
        border: 1px solid #9e9e9e85;
        position: relative;
        float: right;
        top: 10px;
        overflow-x: hidden;
        padding: 8px 5px;
        word-wrap: break-word;
    }
    
    sy {
        padding: 5px 12px;
        line-height: 24px;
        /* margin: -35px 0; */
    }
    
    sy:hover {
        /* border: 1px solid #fff; */
        background: rgb(114, 162, 185);
        border-radius: 3px;
        cursor: pointer;
    }
    
    sy.active {
        background: rgb(200, 155, 19);
        border-radius: 3px;
    }
    
    .btnyear {
        position: relative;
        bottom: -25px;
        margin: 0px 0 20px 0;
        float: right;
        right: 5px;
    }
    
    .endyeartxt {
        position: absolute;
        top: 10px;
        float: right;
        right: 104px;
        padding: 10px 5px;
    }
    
    button:hover {
        background-color: #8a0308;
        color: #eee;
        border-color: #ffffff;
    }
    
    .button.type1:hover {
        color: #fff;
        background-color: #009687;
    }
    
    button.yearbtn:hover,
    button.cancelbtn:hover,
    input.bcptn0:hover {
        background-color: #8a0308;
    }
    
    button.yearbtn,
    button.cancelbtn {
        margin: 5px 0;
        /* margin-left: 3px; */
        /* margin-left: calc(50% - 30px); */
        /* font-size: 12px; */
        /* border-radius: 4px; */
        /* border: 1px solid #9E9E9E; */
        /* outline: none; */
        padding: 4px 15px;
        border: 0px;
        border-radius: 3px;
        color: white;
        background: #009688;
        /* width: 60px; */
    }
    
    button.tenbtn {
        margin: 0 30px 0 0;
        width: 60px;
        border-radius: 3px;
        border: 1px solid #ccc;
        height: 24px;
    }
    
    button.threebtn {
        /* margin: 0 30px 0 0; */
        /* width: 60px; */
        border-radius: 3px;
        border: 1px solid #ccc;
        height: 24px;
    }
    
    button.onebtn {
        margin: 0 20px 0 0;
        /* width: 60px; */
        border-radius: 3px;
        border: 1px solid #ccc;
        height: 24px;
    }
    
    button.allbtn {
        margin: 0 0px 0 0px;
        /* width: 54px; */
        border-radius: 3px;
        border: 1px solid #ccc;
        height: 24px;
    }
    /* ------------------------------------------------- */
    
    #tabs {
        overflow: hidden;
        width: 533px;
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }
    
    #tabs li {
        float: left;
        margin: 0 1px 0 0;
        /* overflow: hidden; */
    }
    
    #tabs a {
        float: left;
        position: relative;
        width: 104px;
        text-align: center;
        line-height: 30px;
        /* font-size: 14px; */
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        border-radius: 10px 10px 0 0;
        background: #607D8B;
        opacity: .8;
        filter: alpha(opacity=30);
    }
    
    #tabs f {
        float: left;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        border-radius: 10px 10px 0 0;
        background: #023e67;
        filter: alpha(opacity=30);
    }
    
    #tabs f {
        width: 66px;
        height: 32px;
        line-height: 12px;
        padding-top: 5px;
        font-size: 11px;
        opacity: .8;
    }
    
    #tabs a:hover,
    #tabs a:focus {
        /* border-bottom-color: #2ac7e1; */
        background: #009688;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    #tabs a:focus {
        outline: 0;
    }
    
    #tabs f:hover,
    #tabs f:focus {
        background: #009688;
        /* background:   #034774; */
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    #tabs #current {
        z-index: 3;
        /* border-bottom-color: #12b7d2; */
        background: #009688;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    div#tabs li:hover {
        background: #ccc0;
    }
    
    .RadioStyle input {
        display: none
    }
    
    .RadioStyle {
        overflow-x: hidden;
    }
    
    .spliteline {
        border-top: 1px dashed #ababab59;
        height: 3px;
        width: 92%;
        margin: 0 auto;
    }
    
    .RadioStyle label {
        border: 1px solid #99999999;
        color: #ddd;
        padding: 0px 5px;
        line-height: 20px;
        /* min-width: 48px; */
        text-align: center;
        float: left;
        font-weight: 400;
        margin: 5px 0 0 5px;
        cursor: pointer;
        font-size: 11px;
        border-radius: 4px
    }
    
    .RadioStyle label:hover {
        /* border-color: #020202;
        color: #0a0a0a;
        background-color: #eeeeee; */
        color: #ffffff;
        background-color: #007e71;
    }
    
    ul#morehtml {
        display: none;
        line-height: 30px;
        margin: 10px 0;
        z-index: 9;
        cursor: pointer;
        background: #2a3c4b;
        position: absolute;
        /* float: right; */
        text-align: left;
        width: 118px;
        font-size: 15px;
        float: right;
        top: 32px;
        letter-spacing: 1px;
        border: 1px solid #cccccc99;
        right: 1%;
        padding: 10px 5px 15px;
        border-radius: 4px;
    }
    
    div#selectsort {
        /* margin: auto 0; */
        position: absolute;
        margin-top: 20px;
        margin-left: calc(65% + 70px);
        z-index: 99;
    }
    
    .SortStyle input:checked+label {
        /* background: url(checkon.png) no-repeat right bottom; */
        border: 1px solid #009688;
        background-size: 20px 20px;
        color: #eee;
        background-color: #009688;
    }
    
    .SortStyle label {
        color: #ccc;
    }
    
    .SortStyle label {
        border: 1px solid #99999999;
        color: #aaa;
        padding: 0px 5px;
        line-height: 20px;
        /* min-width: 48px; */
        text-align: center;
        float: left;
        font-weight: 500;
        margin: 5px 0 0 5px;
        cursor: pointer;
        font-size: 12px;
        border-radius: 4px
    }
    
    .SortStyle label:hover {
        /* border-color: #009688; */
        color: #ccc;
        background-color: #00968899;
    }
    
    .SortStyle input {
        display: none
    }
    
    .SortStyle {
        overflow-x: hidden;
    }
    
    ul#morehtml a {
        color: #fff;
    }
    
    ul#morehtml li {
        padding-left: 10px;
    }
    
    #searchlist li {
        padding: 1px 0 1px 3px;
        font-size: 11px;
        /* font-weight: lighter; */
        /* font-size: 0.9em; */
    }
    
    #newlist li {
        padding-left: 4px;
        font-size: 11px;
    }
    
    .Block.PaddingL {
        /* min-height: 75px; */
        padding: 5px 5px 6px;
    }
    
    .RadioStyle input:checked+label {
        background: url(checkon.png) no-repeat right bottom;
        border: 1px solid #0cafaf;
        background-size: 20px 20px;
        color: #0cafaf
    }
    
    .RadioStyle input:disabled+label {
        opacity: 0.7;
    }
    
    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: 999px;
    }
    
    div#powerlist:before {
        content: "功率";
        margin-right: 5px;
        height: 100%;
        display: flex;
        align-items: center;
        color: #c09853;
        float: left;
        width: 10px;
    }
    
    div#brandlist:before {
        content: "品牌";
        margin-right: 5px;
        height: 100%;
        display: flex;
        align-items: center;
        color: #c09853;
        float: left;
        width: 10px;
    }
    
    div#coolerbrandlist:before {
        content: "品牌";
        margin-right: 5px;
        height: 100%;
        display: flex;
        align-items: center;
        color: #c09853;
        float: left;
        width: 10px;
    }
    
    div#waterlist:before {
        content: "水冷";
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 5px;
        color: #c09853;
        float: left;
        width: 10px;
    }
    
    div#pluslist:before {
        content: "认证";
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 5px;
        color: #c09853;
        float: left;
        width: 10px;
    }
    
    div#airlist:before {
        content: "风冷";
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 5px;
        color: #c09853;
        float: left;
        width: 10px;
    }
    
    div#sizelist:before {
        content: "长度";
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 5px;
        color: #c09853;
        float: left;
        width: 10px;
    }
    
    .selectbox::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 7px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    
    .selectbox::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        /* background: #607D8B; */
        background-color: rgba(0, 150, 136, 0.68);
    }
    
    .selectbox::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #535353
    }
    
    .filterlist::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 7px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    
    .filterlist::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background-color: rgba(0, 150, 136, 0.68);
        /* background: #607D8B; */
    }
    
    .filterlist::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #535353
    }
    /* ----------- */
    
    @media only screen and (max-width: 1800px) {
        .RadioStyle label {
            /* min-width: 70px; */
        }
    }
    
    @media only screen and (max-width: 1300px) {
        div#info span {
            font-size: 16px;
        }
        .header {
            font-size: 30px;
            letter-spacing: 5px;
            background-size: 88% 100%;
        }
        .main {
            padding: 0 5px;
        }
        .button {
            font-size: 14px;
            padding: 7px 11px;
            margin: 20px 0 0 0;
        }
        .RadioStyle label {
            /* min-width: 60px; */
            margin: 5px 0 0 5px;
        }
    }
    
    @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;
        }
    }
    
    @media only screen and (max-width: 600px) {
        .main-right,
        #tabs {
            display: none;
        }
        .main-middle {
            width: 100%;
        }
        .header {
            font-size: 16px;
            height: 50px;
            letter-spacing: 3px;
            background-size: 98% 100%;
        }
        .button {
            font-size: 12px;
            padding: 15px 5px 0;
            margin: 0;
        }
        .cust-type-default {
            width: 160px;
            height: 24px;
            font-size: 12px;
            line-height: 22px;
        }
        .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: 0;
        }
        .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;
        }
        div#selectsort {
            display: none;
        }
    }