.swiper-container{

            float: left;

            width:50%;

        }

        .content::after{

            content: '';

            display: block;  

            clear: both;

                 }

        #postContent{

            float: right;

            width: 50%;

        }

        .content{

            width: 100%; 

            margin:0 auto;

        }

        .content>div{

            width: 1170px;

            margin:0 auto;

            padding-top: 80px;

            padding-bottom: 80px;

        }

        .content>div::after{

            content: '';

            display: block;

            clear: both;



        }

       

        .swiper-slide>img{

            margin: 0 auto;

        }

        .swiper-button-prev,.swiper-button-next{

            width: 40px;

            height: 40px;

            line-height: 40px;

            text-align: center;

            font-size: 24px;

            /*color: #666;*/

        }



         .swiper-button-prev:hover{

           

            left: 10px;

            right: auto;

            text-align: center;

            /*opacity: 0;*/

         }

         .swiper-button-next:hover{

            

              right: 10px;

              left: auto;

              text-align: center;

               /*opacity: 0;*/

         }

         #postContent{

            padding-left: 50px;

         }

         #postContent #postInfo .title {

            font-size: 23px;

        }

        #postInfo .description p {

             line-height: 26px;

             color: #999;

}

.description a {

    padding: 9px 25px;

    border: 1px solid rgba(0,0,0,.15);

    transition: all .3s ease-out 0s;

    margin-right: 10px;

    text-decoration: none;

}

.postbody{

   

    background-color: #F8F8F8;

    width: 1170px;

    margin: 0 auto;

     margin-top: 50px;

     padding-bottom:0px !important;

     margin-bottom: 40px;

}



.content{

    background-color: #F8F8F8;

    height: 600px;

    overflow: hidden;

}

#tabBtn{

    width: 1170px;

    margin:20px auto 20px;

}

.character,#canshu{

    width: 1170px;

    margin:0 auto;

}

@font-face {

  font-family: 'icomoon';

  src:  url('/assets/addons/cms/fonts/icomoon.eot?6w7as9');

  src:  url('/assets/addons/cms/fonts/icomoon.eot?6w7as9#iefix') format('embedded-opentype'),

    url('/assets/addons/cms/fonts/icomoon.ttf?6w7as9') format('truetype'),

    url('/assets/addons/cms/fonts/icomoon.woff?6w7as9') format('woff'),

    url('/assets/addons/cms/fonts/icomoon.svg?6w7as9#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}



[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-arrow-right2:before {

  content: "\ea3c" !important;

}

.icon-arrow-left2:before {

  content: "\ea40" !important;

}



.npagePage.post #tabBtn .post-prev .details:after, .npagePage.post #tabBtn .post-prev .details:before {

    content: "\ea3c" !important;

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.npagePage.post #tabBtn .post-next .details:after, .npagePage.post #tabBtn .post-next .details:before {

    content: "\ea40" !important;

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.container_target>img{

    display: inline;

    width: 10px;

    line-height: 25px !important;

}

.description a{

    display: block;

    width: 100%;

}

.description a:nth-child(2){

    border-top:0px solid red;

}

.important_title,.guige_title{

    padding: 9px 25px;

    border: 1px solid rgba(0,0,0,.15);

    margin-right: 10px;

    text-decoration: none;

}

.important_title:hover{ 

    color:#d8904f;

    transition: all 0.5s;

    }

.guige_title:hover{

    color:#d8904f;

    transition: all 0.5s;

}

.important_title{

    margin-top: 30px;

}

.important_content{

   padding: 9px 25px;

    border: 1px solid rgba(0,0,0,.15);

    border-top: 0px solid rgba(0,0,0,.15);

    margin-right: 10px;

    text-decoration: none; 

}

.guige_content{

    padding: 9px 25px;

    border: 1px solid rgba(0,0,0,.15);

    border-top: 0px solid rgba(0,0,0,.15);

    margin-right: 10px;

    text-decoration: none;

}

.swiper-slide-active img{

    width: 72%;

    object-fit: cover !important;

	height:450px;

}



@media (max-width: 999px){

.navbtn {

    position: absolute;

    right: 15px;

    top: 50%;

    transform: translateY(-50%);

    width: 31.453px;

    

}

.m_header .logo img {

    width: 149.250px !important;

height: 50px !important;

}

.content>.lunbo{

    width: 100%;

}

#postContent{

    width: 100%;

    padding: 20px 20px;

    padding-bottom: 0px;

   }

.postbody{

    width: 100%;

}

.character{

    width: 91%;

    margin:10px auto;

}

.second-banner {

    margin-top: 57px;

}

.npagePage.post #pageTarget .container_target {

    float: left;

    margin-top: 4px;

    line-height: 45px;

    

}

.ff_pageTarget{

    border:1px solid rgba(0,0,0,0.06);

}

.swiper-container {

    float: none;

     width: 100%; 

}

#tabBtn {

    width: 100%;

    margin: 20px auto 20px;

}

.npagePage.post #tabBtn .post-next .infor-wrap .title, .npagePage.post #tabBtn .post-prev .infor-wrap .title {

    transition: all .36s ease;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 10px;

    line-height: 100px;

    display: block;

    color: #666;

}

.npagePage.post #tabBtn .post-prev {

    float: left;

    padding-left: 66px;

}

.npagePage.post #tabBtn .post-next {

    float: right;

    padding-right: 66px;

}

.content>div {

    width: 100%;

    margin: 0 auto;

    padding-top: 30px;

    padding-bottom: 0px;

}

.swiper-slide-active img {

    width: 72%;

    object-fit: cover !important;

    margin-bottom: 20px;

}

.zhuyaocanshu{

    color:rgba(0,0,0,.15);

}

.postbody {

    background-color: #F8F8F8;

    width: 100%;

    

    margin-bottom: 40px;

}

.content {

    background-color: #F8F8F8;

    height: auto;

    /*overflow: hidden;*/

}

.postbody{

    width: 100% !important;

    margin-top: 30px;

}

#pages {

    margin-top: 60px;

    padding-bottom: 60px;

    height: 36px;

    text-align: left;

    width: 100%;

    margin: 0 auto;

    margin-bottom: 80px;

}

.npagePage.post #postContent {

     margin-bottom: 20px; 

}

.character, #canshu {

    width: 100%;

    margin: 0 auto;

    margin-left:20px;

}

}