/*L  SL  N  R  M */

@font-face {
    font-family: 'phW05L';
    src: url("../font/panhu/phW05L.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW05SL';
    src: url("../font/panhu/phW05SL.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW05N';
    src: url("../font/panhu/phW05N.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW05R';
    src: url("../font/panhu/phW05R.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW05M';
    src: url("../font/panhu/phW05M.woff") format("truetype-variations");
}


@font-face {
    font-family: 'phW06L';
    src: url("../font/panhu/phW06L.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW06SL';
    src: url("../font/panhu/phW06SL.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW06N';
    src: url("../font/panhu/phW06N.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW06R';
    src: url("../font/panhu/phW06R.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW06M';
    src: url("../font/panhu/phW06M.woff") format("truetype-variations");
}

@font-face {
    font-family: 'phW07L';
    src: url("../font/panhu/phW07L.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW07SL';
    src: url("../font/panhu/phW07SL.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW07N';
    src: url("../font/panhu/phW07N.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW07R';
    src: url("../font/panhu/phW07R.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW07M';
    src: url("../font/panhu/phW07M.woff") format("truetype-variations");
}

@font-face {
    font-family: 'phW08L';
    src: url("../font/panhu/phW08L.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW08SL';
    src: url("../font/panhu/phW08SL.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW08N';
    src: url("../font/panhu/phW08N.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW08R';
    src: url("../font/panhu/phW08R.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW08M';
    src: url("../font/panhu/phW08M.woff") format("truetype-variations");
}

@font-face {
    font-family: 'phW09L';
    src: url("../font/panhu/phW09L.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW09SL';
    src: url("../font/panhu/phW09SL.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW09N';
    src: url("../font/panhu/phW09N.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW09R';
    src: url("../font/panhu/phW09R.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW09M';
    src: url("../font/panhu/phW09M.woff") format("truetype-variations");
}


@font-face {
    font-family: 'phW10L';
    src: url("../font/panhu/phW10L.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW10SL';
    src: url("../font/panhu/phW10SL.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW10N';
    src: url("../font/panhu/phW10N.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW10R';
    src: url("../font/panhu/phW10R.woff") format("truetype-variations");
}
@font-face {
    font-family: 'phW10M';
    src: url("../font/panhu/phW10M.woff") format("truetype-variations");
}






.onlinetestBox{
    width: 100%;
    background: #f5f5f5;
    padding-bottom: 100px;
}
.innerContainer{
    position: relative;
    margin: 0 auto;
    width: 1180px;
    overflow: hidden;
}
.demoTestTitle{
    text-align: center;
   font-family: FZPanHuBaoZhuangTiS-W08-M;
}
.demoTestTitle h1{
    font-size: 72px;
    color: #000000;
    font-weight: 500;
    margin-top: 40px;
    font-family: FZPanHuBaoZhuangTiS-W08-M;
}
.demoTestTitle p{
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #000000;
    letter-spacing: 5px;;
}
.kpOftest{
    margin-top: 64px;;
}
.testText{
    font-size: 24px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 400;
    width: 770px;
    height: 500px;
    background: #fff;
    padding: 30px 35px;
    box-sizing: border-box;
    overflow: auto;
    font-family: phW05M;
}
.operateTest{
    width: 380px;
    height: 500px;
    background: #fff;
    padding: 30px 26px;
    box-sizing: border-box;
}

.operateTest h1{
    font-size: 20px;
    color: #000000;
    margin-bottom: 40px;
}
.operateTest h3{
    font-size: 16px;
    color: #000000;
    margin-bottom: 30px;;
}
.dragbox {
    width: 330px;
    height: 1px;
    border-top: 1px solid #000;
    position: relative;
    margin-top: 11px;
}
.dragbox .drag {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid rgba(198,201,209,1);
    position: absolute;
    left: 0;
    top: -9px;
    background: #fff;
    cursor: pointer;
}
.dragbox .activeDrag{
    border: 1px solid #000;
}
.showSize{
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-top: 13px;
    margin-bottom: 40px;;
}
.operateBtns{
    position: absolute;
    bottom: 30px;

}
.operateBtns b{
    width: 150px;
    height: 40px;
    border: 1px solid rgba(0,0,0,1);
    border-radius: 20px;
    font-size: 18px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
.operateBtns .btn2{
    background: #000000;
    color: #FFFFFF;
    margin-left: 30px;;
}
.btn2 a{
    color: #fff;
}
.fz-footer{
    margin-top: 0;
}


.oneNews{
    width: 575px;
    height: 300px;
    background: #fff;
    padding: 20px 20px;
    box-sizing: border-box;
}
.oneNews img{
    width: 260px;
    height: 260px;;
}
.oneNews .rightDetail{
    width: 250px;
    position: relative;
    height: 100%;
}
.rightDetail h1{
    font-size: 18px;
    color: #000000;
    display: -webkit-box;
   
}
.rightDetail h5{
    font-size: 14px;
    color: #999;
    margin-top: 20px;
}
.rightDetail .dateMore{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #999;
}
.dateMore a{
    margin-left: 140px;
    cursor: pointer;
    color: #999;
}
.dateMore a:hover{
    color: #000;
}

.oneLineNews{
    margin-bottom: 30px;;
}