.back-container{
        /* width: 63%; */
/*    overflow: auto;
    padding-left: 18%;*/
/*    background-color: aliceblue;*/
/*    padding-right: 18%;*/
    /*min-height: 600px;*/
    /*height: 600px;*/
    width: 980px;
    margin:auto;
}
.back{
    /*min-height: 600px;*/
}
.column-title {
    height: 190px;
    padding-left: 18%;
    padding-top: 3%;
    background: url(/templets/default/images/banner/newsBg.png);
}
.the-article-content img{
    max-width: 100%;
}
.column-title p {
    display: block;
    color: white;
    font-size: 36px;
}
.column-title span {
    display: block;
    color: white;
    font-size: 20px;
    line-height: 58px;
}

.list-box{
    /*height: 100%;*/
    width: 82%;

    background-color: white;
    float: left;
  /*  min-height: 600px;*/
position: relative;
}
.floating-window{
   width: 16%;
    background-color: white;
    float: left;
    margin-left: 13px;
}

.floating-window-title span{
    color:#4A4A4A;
    font-size: 14px;
}
.floating-window-ul{
    padding-top: 13px;
    padding-left: 26px;
}
.floating-window-title{
    padding-top: 36px;
    padding-left: 28px;
    height: 80px;
    width: 100%;
    font-size: 18px;
    color: #4A4A4A;
    border-bottom: 1px solid #E9EDF4;
}
.the-place{
   /* height: 30px;*/
   font-size: 14px;
   height: 50px;
   width: 100%;
   background-color: #F1F4F7;
   padding-top: 15px;
    padding-left: 29px;
   border: 1px solid #E9EDF4;
}
.yema{
    /*height:30px;*/
    font-size: 12px;
}
.the-article{
    height:auto;
    font-size: 12px;

}
.the-article .title{
  /*  height:150px;*/
    font-size: 22px;
    color: #4A4A4A;
    margin-top: 53px;
    margin-bottom: 7px;
    text-align: center;
}
.the-article-content{
    /*height:100px;*/
    font-size: 12px;
    width: 80%;
margin: auto;
min-height: 400px;
}
.text-time{
    text-align: center;
    color: #97A4B6;
    margin-bottom: 26px;
}
.ico2{
    font-size: 12px;
    color: #97A4B6;
    line-height: 24px;
}

.ico2 li{
    list-style: disc;
}
.floating-window-container{
/*    padding-right: 18px;*/
}
#the-contentMidPicAD{
font-size: 12px;
}
.the-article-content-word{
    font-size: 14px;
    width: 80%;
}
.the-handle{
font-size: 12px;
}
.clearfloat{
    clear:both;height:0;font-size: 1px;line-height: 0px;
}
p{
    font-size: 12px;
}
.pre{
    color: #97A4B6;
    line-height: 80px;
    font-size: 14px;
}
.the-pre .pre a{
    color: #4A4A4A ;
}
.next{
    color: #97A4B6;
      line-height: 80px;
      font-size: 14px;
}
.the-next .next a{
    color: #4A4A4A ;
}
.the-pre {
    display: inline-block;
    width: 50%;
    border-top: 1px solid #E9EDF4;
    padding-left: 5%;
    border-right: 1px solid #E9EDF4;
    height: 100%;
}
.the-next {
    display: inline-block;
    width: 50%;
    border-top: 1px solid #E9EDF4;
    padding-left: 5%;
    height: 100%;
}
.the-context{
    height: 80px;
    margin-top: 56px;
 /*   position: absolute;*/
    bottom: 0;
    width: 100%;
    display: flex;
}
font{
    font-size: 0;
}
body{
    min-width: 1000px;
}
@media screen and (max-width: 350px) {
    body {
        font-size: 16px;
        min-width: 0!important;
    }
    .head {
        display: none;
    }
    .foot{
        display: none;
    }
    .floating-window{
        display: none;
    }
    .float-helper{
        display: none;
    }
    .the-article{
        font-size: 1.5rem;
    }
    .the-article .title{
        font-size: 70%;
        width: 90%;
        margin:20px auto;
    }
    p{
        font-size: 50%;
    }
    .the-article-content{
        font-size: 80%;
    }
    .back-container{
        width: 100%;
    }
    .list-box{
        width: 100%;
    }
}