#quankejinke {
    height: 100%;
    overflow: scroll;
    background-image:url('../img/bg.png');
    background-size: 100%;
    background-repeat:no-repeat;
}

#head {

}

#head .combination {
    position: relative;
}

#quality {
    margin: 5.7rem .34rem 0;
    position: relative;
    height: 4.48rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .81rem .13rem .25rem;
    box-sizing: border-box;
}

#quality .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 5.19rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#quality .qualityList {

}

#quality .qualityList .qualityRow {
    
}

#quality .qualityList .qualityRow .lump {
    width: 3.23rem;
    padding: .22rem .14rem;
    box-sizing: border-box;
    background: #E7EDFB;
    border-radius: .1rem;
}

#quality .qualityList .qualityRow .lump .lump_main {
    width: 3.23rem;
}

#quality .qualityList .qualityRow .lump .lump_main {
    font-size: .24rem;
    font-weight: 800;
}

#quality .qualityList .qualityRow .lump .lump_main .main_module {
    color:rgba(31, 74, 211, 1);
}

#quality .qualityList .qualityRow .lump .lump_main .main_title {
    color: rgba(20, 19, 19, 1);
}

#quality .qualityList .qualityRow .lump .lump_content {
    color: rgba(0, 0, 0, .9);
    font-size: .24rem;
    font-weight: 500;
    line-height: .36rem;
    margin-top: .22rem;
}

#quality .qualityList .qualityRow .row_main {
    color:rgba(31, 74, 211, 1);
}

#precision {
    margin: .57rem .34rem;
    position: relative;
    height: 3.03rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .95rem .29rem .26rem;
    box-sizing: border-box;
}

#precision .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 5.42rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#precision .precisionList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#precision .precisionList .precisionRow {
    
}

#study {
    margin: .57rem .34rem;
    position: relative;
    height: 4.39rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .95rem .29rem .26rem;
    box-sizing: border-box;
}

#study .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 6.58rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#study .studyList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#study .studyList .studyRow {

}

#study .studyList .studyRow .section {
    font-size: .24rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .9);
    line-height: .36rem;
}

#platform {
    margin: .57rem .34rem;
    position: relative;
    height: 2.93rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .78rem .2rem .21rem;
    box-sizing: border-box;
}

#platform .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 6.58rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#platform .platformList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#platform .platformList .platformRow {
    
}

#platform .platformList .platformRow .section {
    color: rgba(0, 0, 0, .9);
    font-size: .24rem;
    font-weight: 500;
    line-height: .36rem;
}

#direct {
    margin: .57rem .34rem;
    position: relative;
    height: 3.03rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .68rem .27rem .33rem;
    box-sizing: border-box;
}

#direct .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 5.08rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#direct .directList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#direct .directList .directRow {

}

#direct .directList .directRow .section {
    font-size: .24rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .9);
    line-height: .4rem;
}

#service {
    margin: .57rem .34rem;
    position: relative;
    height: 4.96rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .84rem .23rem .31rem;
    box-sizing: border-box;
}

#service .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 6.58rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#service .serviceList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#service .serviceList .serviceRow {

}

#service .serviceList .serviceRow .section {
    font-size: .24rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .9);
    line-height: .4rem;
}

#winning {
    padding: 0 .3rem ;
    box-sizing: border-box;
}

#general {
    margin: .57rem .34rem;
}

#general .generalList {
    height: 3.31rem;
    background: #FFFFFF;
    border-radius: .1rem;
    margin-top: .3rem;    
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#general .generalList .generalRow {
    width: 33.33%;
}

#general .generalList .generalRow .generalImg {
    display: flex;
    justify-content: center;
}

#general .generalList .generalRow .theme {
    text-align: center;
    color: rgba(168, 110, 46, 1);
    font-size: .34rem;
    font-weight: 800;
    margin-bottom: .27rem;
}

#general .generalList .generalRow .con {
    color: rgba(0, 0, 0, .8);
    font-size: .28rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: .1rem;
}

#public {
    margin: .57rem .34rem;
    position: relative;
    height: 4.23rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .81rem .13rem .26rem;
    box-sizing: border-box;
    border-radius: .1rem;
}

#public .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 3.21rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#public .publicContent {
    width: 100%;
    height: 100%;
    background: #E7EDFB;
    border-radius: .1rem;
    padding: .3rem .16rem .28rem .31rem;
    box-sizing: border-box;
}

#public .publicContent .publicSpecific {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#public .publicContent .publicSpecific .meter {

}

#public .publicContent .publicSpecific .meter table {
    
}

#public .publicContent .publicSpecific .meter table thead {
    height: .82rem;
    line-height: .82rem;
}

#public .publicContent .publicSpecific .meter table thead tr {
    border-top: .02rem solid rgba(70, 86, 201, 1);
}

#public .publicContent .publicSpecific .meter table thead tr td {
    width: 2rem;
    text-align: center;
    font-size: .28rem;
    font-weight: bold;
    font-weight: 800;
    color: rgba(31, 74, 211, 1);
    border-right: .02rem solid rgba(70, 86, 201, 1);
    border-bottom: .02rem solid rgba(70, 86, 201, 1);
}

#public .publicContent .publicSpecific .meter table tbody {
    height: .82rem;
    line-height: .82rem;
}

#public .publicContent .publicSpecific .meter table tbody tr td {
    width: 2rem;
    text-align: center;
    font-size: .28rem;
    font-weight: bold;
    font-weight: 800;
    color: rgba(31, 74, 211, 1);
    border-right: .02rem solid rgba(70, 86, 201, 1);
    border-bottom: .02rem solid rgba(70, 86, 201, 1);
}

#public .publicContent .publicSpecific .detailed {

}

#public .publicContent .publicSpecific .detailed .title {
    width: 1.81rem;
    height: .61rem;
    line-height: .61rem;
    background: #E6CAA1;
    border-radius: .3rem;
    font-size: .3rem;
    font-weight: 800;
    color: #06163A;
    text-align: center;
}

#public .publicContent .priceList {
    margin-top: .34rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #fff;
    height: .56rem;
    line-height: .56rem;
    border: .02rem solid #E6CAA1;
    border-radius: .28rem;
}

#exam {
    margin: .57rem .34rem;
    position: relative;
    height: 5.2rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .81rem .13rem .24rem;
    box-sizing: border-box;
    border-radius: .1rem;
}

#exam .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 3.81rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#exam .examContent {
    width: 100%;
    height: 100%;
    background: #E7EDFB;
    border-radius: .1rem;
    padding: .3rem .16rem .28rem .31rem;
    box-sizing: border-box;
}

#exam .examContent .examMeter {
    
}

#exam .examContent .examMeter table {
    
}

#exam .examContent .examMeter table thead {
    
}

#exam .examContent .examMeter table thead tr {
    border-top: .02rem solid rgba(70, 86, 201, 1);
}

#exam .examContent .examMeter table thead tr td {
    width: 2rem;
    text-align: center;
    font-size: .28rem;
    font-weight: bold;
    font-weight: 800;
    color: rgba(31, 74, 211, 1);
    border-right: .02rem solid rgba(70, 86, 201, 1);
    border-bottom: .02rem solid rgba(70, 86, 201, 1);
}

#exam .examContent .examMeter table tbody {

}

#exam .examContent .examMeter table tbody tr {
    
}

#exam .examContent .examMeter table tbody tr td {
    width: 2rem;

    text-align: center;
    font-size: .28rem;
    font-weight: bold;
    font-weight: 800;
    color: rgba(31, 74, 211, 1);
    border-right: .02rem solid rgba(70, 86, 201, 1);
    border-bottom: .02rem solid rgba(70, 86, 201, 1);
}

#exam .examContent .priceList {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#exam .examContent .priceRow {
    display: inline-block;
    height: .61rem;
    line-height: .61rem;
    background: #FFFFFF;
    border: .02rem solid #E6CBA2;
    border-radius: .3rem;
    color: rgba(6, 22, 58, 1);
    font-size: .3rem;
    font-weight: 800;
}

#nationwide {
    margin: .57rem .34rem;
    position: relative;
    height: 5.38rem;
    background: #FFFFFF;
    border-radius: .1rem;
    padding: .81rem .13rem 0;
    box-sizing: border-box;
    border-radius: .1rem;
}

#nationwide .gist {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #E0C193, #FBEBD5);
    width: 3.81rem;
    height: .74rem;
    line-height: .74rem;
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    color: rgba(6, 22, 58, 1);
    font-size: .36rem;
    font-weight: 800;
    text-align: center;
    border-radius: .36rem;
    margin: 0 auto;
}

#nationwide .examContent {
    width: 100%;
    background: #E7EDFB;
    border-radius: .1rem;
    padding: .3rem .16rem .28rem .31rem;
    box-sizing: border-box;
}

#nationwide .examContent .examMeter {
    
}

#nationwide .examContent .examMeter table {
    
}

#nationwide .examContent .examMeter table thead {
    
}

#nationwide .examContent .examMeter table thead tr {
    border-top: .02rem solid rgba(70, 86, 201, 1);
}

#nationwide .examContent .examMeter table thead tr td {
    width: 2rem;
    text-align: center;
    font-size: .28rem;
    font-weight: bold;
    font-weight: 800;
    color: rgba(31, 74, 211, 1);
    border-right: .02rem solid rgba(70, 86, 201, 1);
    border-bottom: .02rem solid rgba(70, 86, 201, 1);
}

#nationwide .examContent .examMeter table tbody {

}

#nationwide .examContent .examMeter table tbody tr {

}

#nationwide .examContent .examMeter table tbody tr td {
    width: 2rem;

    text-align: center;
    font-size: .28rem;
    font-weight: bold;
    font-weight: 800;
    color: rgba(31, 74, 211, 1);
    border-right: .02rem solid rgba(70, 86, 201, 1);
    border-bottom: .02rem solid rgba(70, 86, 201, 1);
}

#nationwide .examContent .priceList {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#nationwide .examContent .priceRow {
    display: inline-block;
    height: .61rem;
    line-height: .61rem;
    background: #FFFFFF;
    border: .02rem solid #E6CBA2;
    border-radius: .3rem;
    color: rgba(6, 22, 58, 1);
    font-size: .3rem;
    font-weight: 800;
}

#footsy {
    width: 100%;
    height: 4.14rem;
    background: #1E2124;
    overflow: hidden;
    margin-top: .33rem;
}

#footsy .row {
    color: #B6B6B6;
    font-size: .24rem;
    text-align: center;
    margin-bottom: .32rem;
}

#footsy .row:first-child {
    margin-top: .55rem;
}

#orientation {
    width: 100%;
    height: 1.14rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
}

#orientation .gda {
    width: 50%;
    float: left;
    background: #7e9dfc;
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.14rem;
    color: #FFFFFF;
}

#orientation .gdb {
    width: 50%;
    float: left;
    background: #ec6941;
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.14rem;
    color: #FFFFFF;
}