
@media only screen and (max-width:300px) {
    body {
        font-size:7px!important
    }
}
@media only screen and (max-width:310px) and (min-width:300px) {
    body {
        font-size:7.3px!important
    }
}
@media only screen and (max-width:320px) and (min-width:310px) {
    body {
        font-size:7.8px!important
    }
}
@media only screen and (max-width:360px) and (min-width:320px) {
    body {
        font-size:8.1px!important
    }

}
@media only screen and (max-width:360px) and (min-width:350px) {
    body {
        font-size:8.5px!important
    }

}
@media only screen and (max-width:480px) and (min-width:360px) {
    body {
        font-size:10px!important
    }

}
@media only screen and (max-width:480px) and (min-width:470px) {
    body {
        font-size:11.5px!important
    }

}
@media only screen and (max-width:560px) and (min-width:480px) {
    body {
        font-size:12.4px!important
    }

}
@media only screen and (max-width:570px) and (min-width:560px) {
    body {
        font-size:15.83333px!important
    }
}
@media only screen and (max-width:640px) and (min-width:570px) {
    body {
        font-size:14px!important
    }

}
@media only screen and (max-width:710px) and (min-width:630px) {
    body {
        font-size:17.77778px!important
    }

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquoteth, td {margin:0px;padding:0px;}
img, input, select, button{vertical-align:middle;}
ul , ol {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
img{max-width:100%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
a {text-decoration:none;color:#575757;}
*:focus{outline:none;}
html {font-size: 100%;}
body{font-family:"Arial, Verdana, Geneva, sans-serif";margin:0 auto;max-width:750px;background:#ededed;}
.clear{clear:both;}
button{cursor:pointer;border:0 none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after {clear: both;content: "​";display: block; height:0;}

.head{background:#89BC43; overflow:hidden; padding:2% 4%;}
.head a{display:block;}
.logo{width:21%;}
.top_text{width:41%; margin:1% 0 0 10%;}
.top_search{width:6%;margin-top:1%;}
.nav{background:#474e63; width:100%;height:2.75em;padding-top:0.5em;}
.nav li{float:left; width:16.65%;}
.nav li a{color:#fff; background:url(../images/navli.jpg) no-repeat right center;display:block; font:normal 1.5em "微软雅黑"; text-align:center;}


/*banner*/
.banner,.scroll{position:relative;width:100%; overflow:hidden;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_wrap li a img{width:100%;}
.scroll_wrap li span{display:block; position:absolute; width:98%;height:2.5em;bottom:0;left:0; font:normal 1.5em/2.5em "微软雅黑";background:rgba(58,64,82,0.5);color:#fff;padding-left:2%;}
.scroll_position{position:absolute;right:0.5em;bottom:-1.3em; text-align:center; height:3.5em;}
.scroll_position li{display:inline-block;*display:inline-block; *zoom:1;width:1em;height:1em; line-height:3.5em;border-radius:10px;background:#fff; margin:0 0.2em;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background:#fe79a6;}

/*首页最新美女*/
.zxmv_box{padding:3% 2%; overflow:hidden;}
.b_tit{font-size:18px;display:block;border-left:0.3em solid #89BC43;color:#828282;padding-left:0.5rem;font-family:"微软雅黑";}
.item{float:left;margin-top:3%;overflow:hidden;}
.item a{display:block; position:relative;}
.item a .zx_text{width:98%; padding:0 1%;font:normal 1.2em/2em "微软雅黑";color:#fff;position:absolute;bottom:0;left:0;background:rgba(58,64,82,0.5); height:2em; overflow:hidden;}
.item a .zx_text dt{float:left;width:70%;}
.item a .zx_text dd{float:right;width:30%; text-align:right;}
.zxmv_l{width:42.2%;}
.zxmv_r{width:57.8%;}
.zxmv_r ul{overflow:hidden;}
.zxmv_r li{float:left; width:48%; margin:0 0 2% 2%; height:130px; }
.zxmv_l a img{height:270px}
.item1{float:left;margin-top:3%;overflow:hidden;}
.item1 a{display:block; position:relative; height:137px}
.item1 a .zx_text{width:98%; padding:0 1%;font:normal 1.2em/2em "微软雅黑";color:#fff;position:absolute;bottom:0;left:0;background:rgba(58,64,82,0.5); height:2em; overflow:hidden;}
.item1 a .zx_text dt{float:left;width:70%;}
.item1 a .zx_text dd{float:right;width:30%; text-align:right;}


/*首页最新资讯*/
.zxzx_box{padding:2% 2%; overflow:hidden;background:#fff;margin:3% 0}
.zxzx_box li{overflow:hidden; margin-top:3%;}
.zxzx_box li a{display:block;}
.zxzx_box li .zx_pic{width:20%;}
.zxzx_box li .zx_text{width:75%; padding-left:5%;}
.zxzx_box li .zx_text h3{font:normal 1.625em/1.5em "微软雅黑";color:#3c3c3c; height:1.5em;overflow:hidden;}
.zxzx_box li .zx_text p{font:normal 1.375em/1.375em "微软雅黑";color:#b6b6b6; margin-top:0.3em; height:2.8em;}
.ylbg{background:#fff; margin-top:2%;}
.ylbg li{border-bottom:1px solid #f3f3f3;margin-top:2%;padding-bottom:2%;}
/*.page{text-align:center; font:normal 1em "微软雅黑"; margin-top:2%;}*/
/*.page a{display:inline-block;color:#000;padding:0.12em 0.12em; margin:0 0.1em; background:#fff; font-size:}*/
/*.page span{display:inline-block;color:#89BC43;border:1px solid #89BC43; padding:0.05em 0.25em; margin:0 0.3em; background:#fff; font-size:}*/


/*首页美女排行*/
.mvph_box{padding:1% 0; overflow:hidden;}
.mvph_box .b_tit{margin-left:2.5%; margin-top:3%}
.mvph_box ul{margin-top:-1%;overflow:hidden;}
.mvph_box li{float:left; width:30%; margin:3.5% 0 0 2.5%; background:#fff; height:150px}
.mvph_box li a{display:block; width:100%; overflow:hidden}
.mvph_box li span{display:block; font:normal 1.1em/1.5em "微软雅黑";color:#797979;display:block; padding:3% 3% 0; ;overflow:hidden;}

/*首页美女平台*/
.mvpt_box{padding:3% 0; overflow:hidden;}
.mvpt_box .b_tit{margin-left:2.5%;}
.mvpt_box ul{margin-top:1%;overflow:hidden;}
.mvpt_box li{float:left; width:30%; margin:2.5% 0 0 2.5%; background:#fff; padding:2% 0;}
.mvpt_box li a{display:block; width:92%; margin:0 auto;}
.mvpt_box li a img{height:100px}
.mvpt_box li h3,.mvpt_box li span{text-align:center;display:block;overflow:hidden;}
.mvpt_box li h3{font:normal 1.2em/1.5em "微软雅黑"; height:1.5em; color:#797979; margin-top:2%;}
.mvpt_box li span{font:normal 1.1em/1.25em "微软雅黑";height:1.25em;color:#b2b2b2;}

.mvpt_box1{padding:3% 0; overflow:hidden;}
.mvpt_box1 .b_tit{margin-left:2.5%;}
.mvpt_box1 ul{margin-top:1%;overflow:hidden;}
.mvpt_box1 li{float:left; width:30%; margin:2.5% 0 0 2.5%; background:#fff; padding:2% 0;}
.mvpt_box1 li a{display:block; width:92%; margin:0 auto;}
.mvpt_box1 li a img{ height:150px; width:100%}
.mvpt_box1 li h3,.mvpt_box li span{text-align:center;display:block;overflow:hidden;}
.mvpt_box1 li h3{font:normal 1.0em/1.5em "微软雅黑"; height:1.5em; color:#797979; margin-top:2%;}
.mvpt_box1 li span{font:normal 1.25em/1.25em "微软雅黑";height:1.25em;color:#b2b2b2;}

/*footer*/
.footer{ background:#d7d8da; padding:3% 0;text-align:center;}
.ftnav{overflow:hidden; text-align:center;}
.ftnav a{display:inline-block;color:#5c5c5c;font:normal 1.375em "微软雅黑"; width:16%; }
.footer p.copy{font:normal 1.25em/1.375em "微软雅黑";color:#5c5c5c; text-align:center; margin-top:2%;}

/*详细页面*/
.detail_box{padding:3%;}
.deta_bt{width:100%;}
.deta_bt h3{font:normal 1.5em "微软雅黑";color:#000;}
.deta_bt span{font:normal 1.25em "微软雅黑";color:#666;margin-top:0.3em;display:block;}
.article{font:normal 1.5em/1.5em "微软雅黑";color:#666; padding-top:3%;}


.h_module {
    clear: both;
    overflow: hidden;
    padding: 0 10px;
    height: 90px;
    background: #89BC43;
}

details {
    display: none;
}

.h_select {
    color: #FFF;
    font-size: 18px; text-align:center
}

.h_select a {
    padding: 0px;
    color: #FFF;
    font-size: 16px;
}

.h_select strong {
    padding: 0px;
    color: #FFF;
    font-size: 16px;
    line-height: 50px;
}

.h_select .select_item {
    float: left;
    padding: 0 10px;
    color: #92d5ff;
    font-size: 14px;
    line-height: 50px;
}

.h_select .select_item:first-child {
    position: relative;
}

.h_select .select_item:first-child:before {
    position: absolute;
    top: 19px;
    right: 0;
    display: block;
    width: 1px;
    height: 12px;
    background-color: #92d5ff;
    content: '';
}

.h_select .active {
    color: #fff;
}


.h_module .h_select img
{
    width:120px !important;
    height:auto !important;}

.n_list {
    position: relative;
    overflow: hidden;
    width: 100%;
    height:65px
}

.n_list a {
    float: left;
    display: block;
    width: 20%;
    overflow:hidden;
    text-align: center;
    white-space: nowrap;
    line-height: 32px; font-weight:bold
}

.n_list a:nth-child(6n) {
    padding-right: 0;
}

.n_list a:nth-child(6n+1) {
    padding-left: 0;
}

.n_list .icon_open {
    line-height: 30px;
}

.n_list a.n_close {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

.n_list .toggle_btn_up {
    padding-right: 0;
    width: 15%;
    background: #fff;
}

.n_list .toggle_btn_down {
    padding-right: 0;
    width: 15%;
    background: #fff;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}


.h_module1 {
    clear: both;
    overflow: hidden;
    padding: 0 5px;
    height: 40px;
    background: rgba(137, 188, 67, 0.39);
    line-height: 30px;
}


.h_select1 a {
    padding: 0px;
    color: #1D1D1D;
    font-size: 14px;
    line-height: 50px;
}

.f_module {
    clear: both;
    overflow: hidden;
    padding: 14px 0 20px;
    background: #fff;
    background-color:#89BC43;
    color: #e8f5fd;
    text-align: center;
    font-size: 11px;
    line-height: 1.6;
}

.f_module_nav {
    clear: both;
    font-size: 15px;
    line-height: 2.2;
}

.f_module_nav a {
    margin: 0 20px;
    color: #e8f5fd;
}


.menus{display:block;width:25px;height:25px;top:12px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:50px;z-index:99999;padding-bottom:10px;max-width: 750px}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain .as{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;;}


.topnavs{
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-bottom:  1px solid #eee;

}
.topnavs a{
    display: block;
    padding: 10px 10px;
    font-size: 17px;
    flex-shrink: 0;
}

::-webkit-scrollbar{
    display:none;
}









.footer{
    padding:20px 0;
    background-color:#89BC43;
    color:#e8f5fd;
    text-align:center;
    font-size: 14px;
}

.footer a{
    color:#e8f5fd;
}



.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1!important;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
    background: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background: #89bc43;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #89bc43;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    /*margin-bottom: 0.2rem;*/
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 20px;
}