.top{
    margin-bottom: 10px;
    /* margin-top: 50px; */
    font-size: 0;
    height: 350px;
}
.topLeft,.topMid,.topRight{box-sizing: border-box;background: #fbf9f7;border: solid 1px #f1eee9;overflow: hidden;width: 35%;  height: 100%;border-radius: 5px;display: inline-block;}
.topRight{width: 28%;  height: 100%;}

.topMid{ margin:0 1%;}
.tip{   position: relative;  padding: 10px 30px 0; height: 30px; font-size: 14px;}
.listContent{   margin: 0 30px; }
.news {padding: 0px 0 0 0px;overflow:hidden;}
.list>li{    margin-bottom: 20px;    overflow:hidden;    white-space:nowrap;    text-overflow:ellipsis;}  
.list>li>a{font-size: 14px;color: #444;}

.iconlogo{    display: inline-block;    width: 13px;    height: 13px;    margin-right: 5px;    background-image: url(../../image/public/icon.png);    background-repeat: no-repeat;    background-size: 13px 13px;}

.topRight .enterList>li>a{    font-size: 14px;/*    font-weight: 600;   */ background: url(../../image/resources/k1_1.png) 0 center no-repeat;    padding-left: 32px;    background-size: 20px 20px;    height: 27px;    display: block;    line-height: 27px;}
.topRight .enterList .kw{background-image:url(../../image/resources/k1_1.png);}
.topRight .enterList .jk{background-image:url(../../image/resources/k2_1.png);}
.topRight .enterList .bm{background-image:url(../../image/resources/k3_1.png);}
.topRight .enterList .js{background-image:url(../../image/resources/k4_1.png);}
.topRight .enterList .xz{background-image:url(../../image/resources/k5_1.png);}

.enterList>li{display: block;border-bottom: solid 1px #444;padding: 14px 0 12px;margin-bottom: 0;}
.enterList li:last-child{ border-bottom: solid 1px #444;   }
.enterList>.dataDownload{   border-bottom: none;    }
.bottom{    font-size: 0; margin-top: 1%;}
.bottom>div{    display: inline-block; vertical-align: top; }
.bottom h2{ display: block;  }
.simulation,.unscramble,.contactInformation{    box-sizing: border-box;    width:35%;    background: #fbf9f7;    border: solid 1px #f1eee9;    padding: 20px 30px;    border-radius: 5px;}
.unscramble{margin: 0 1%;position: relative;}
.simulation img,.unscramble img{    margin: 5px auto 0;     display: block; }
.unscramble img{ height: 170px; }
.unscramble .play{  position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -20px;opacity: .7;}
.unscramble .play:hover{    cursor: pointer; transform:scale(1.2) ;}
.contactInformation{    background: #fbf9f7;    border: solid 1px #f1eee9;     width:28%;   padding-top: 10px;    border-radius: 5px;}
pre{min-height:170px;font-size:15px; padding-top: 10px;box-sizing: border-box;}