/* Positioning */
  /* Box-model */
  /* Typography */
  /* Visual */
  /* Misc */

html{font-size:10px}
@media screen (max-width:1024px){html{font-size:10px}}
@media screen and (min-width:1025px) and (max-width:1280px){html{font-size:12px}}
@media screen and (min-width:1280px) and (max-width:1439px){html{font-size:14px}}
@media screen and (min-width:1440px) and (max-width:1919px){html{font-size:16px}}
@media screen and (min-width:1920px){html{font-size:18px}}
body{
    font-family: "Microsoft YaHei";
    margin-top: 90px;
}

.main {
    margin: 80px auto;
    width: 69rem;
}
@media screen and (max-width:700px){.main{margin: 15px auto;width: 95%;}}

table{
    margin: 0 auto;
    border-collapse: collapse;
    width:100%;
}

.thead-title{
    border: 1px solid #e6e6e6;
    font-size: 1.1rem;
    color: #333;
    background-color: #eef6fb;
}

.thead-title td{
    height: 3.4rem;
    width: 16.8rem;
    text-align: center;
    cursor:pointer;
}
.thead-title td:hover{color: #fff;}
.thead-title text{font-weight: bold;}

.thead-title-A{ border-bottom: 2px solid #24bdc6;}
    .thead-title-A:hover{ background-color: #24bdc6;}
    .thead-title-A-hover{ background-color: #24bdc6; color: #fff;}

.thead-title-B{ border-bottom: 2px solid #5db67b;}
    .thead-title-B:hover{ background-color: #5db67b;}
    .thead-title-B-hover{ background-color: #5db67b; color: #fff;}

.thead-title-C{ border-bottom: 2px solid #e99718;}
    .thead-title-C:hover{ background-color: #e99718;}
    .thead-title-C-hover{ background-color: #e99718; color: #fff;}

.thead-title-D{ border-bottom: 2px solid #908bcd;}
    .thead-title-D:hover{ background-color: #908bcd;}
    .thead-title-D-hover{ background-color: #908bcd; color: #fff;}

.thead-body td{
    height: 8.9rem;
    padding-left: 15px;
    font-size: 1rem;
    line-height: 2rem;
    border: 1px solid #e6e6e6;
}

.tbody-title td{
    height: 4.2rem;
    border: 1px solid #e6e6e6;
    border-top: 0;
    font-size: 1rem;
    text-align: center;
}
.tbody-content td{
    height: 2rem;
    font-size: 0.8rem;
    color: #666;
    border: 1px solid #e6e6e6;
    text-align: center;
}
.tbody-title-A{
    width: 17rem;
    color: #333;
}

.tbody-title-B,
.tbody-title-C,
.tbody-title-D,
.tbody-title-E{
    width: 9.2rem;
    font-weight: bold;
}
.tbody-title-F{ width: 12.8rem;}

.tbody-content-A-hover{ background-color: rgba(36,189,198,0.1);}
.tbody-content-B-hover{ background-color: rgba(93,182,123,0.1);}
.tbody-content-C-hover{ background-color: rgba(233,151,24,0.1);}
.tbody-content-D-hover{ background-color: rgba(144,139,205,0.1);}

.tbody-content-title{
    width: 9rem;
    font-size: 1rem !important;
    font-weight: bold;
    color :#333 !important;
    background-color: #fafcff;
}
.green {color: #28bb66 !important;}
.blue  {color: #5bb8ff !important;}
.red   {color: red!important;}