@charset "utf-8";

/* CSS Document */

html {
    font-size: 62.5%
}
@media screen and (min-width:375px) {
    html {
        font-size:73.24%
    }
}
@media screen and (min-width:414px) {
    html {
        font-size:73.24%
    }
}
@media screen and (min-width:481px) {
    html {
        font-size:94%
    }
}
@media screen and (min-width:561px) {
    html {
        font-size:109%
    }
}
@media screen and (min-width:641px) {
    html {
        font-size:125%
    }
}

body{font-family: "Helvetica Neue","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,Arial,Helvetica,sans-serif;font-size:14px;color:#222;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none; width:100%;}
.warpe {
    margin: 0 auto;
    min-width: 320px;
    max-width: 640px;
    min-height: 500px;
    font-family: "Microsoft YaHei", Arial, "Helvetica";
    color: #333;
    font-size: 1.4rem;
    position: relative;
    background: url("../img/bg.jpg") no-repeat !important;
    background-size: 100% 100% !important;
    padding-bottom: 4rem;
}
header,body,section,div,ul,li,dl,dt,dd,h1,h2,h3,h6,span,b,i,p,em,a,input,button{margin:0;padding:0;}

a{ color:#333333; text-decoration:none;}

a:hover{color:#8ACA74; text-decoration:none;}

ul,li{ list-style:none}

@media screen and (min-width: 641px) {



.mo-mian{max-width: 640px; margin: 0 auto; }

}

@media screen and (max-width: 640px) {



.mo-mian{max-width:100%;margin: 0 auto;}

}

.head{ background:#8ACA74; height:50px; line-height:50px;position: fixed;  top: 0; right: 0;    left: 0;    z-index: 10; }

.head .logo { width: 100px; height: 40px; margin-top:5px; background: url(/template/viphong/mobile/images/logo.png) no-repeat;float: left; margin-left:10px;}

.head .so { width: 50%; height: 30px; margin-top:10px; float: right; background:#FFFFFF url(../images/so.png) no-repeat; margin-right:10px;border-radius:4px; padding-left:10%; line-height:30px; color:#999}

.head .sc{ width:100px; float:right; text-align:right; margin-right:10px;}

.head .sc a{ color:#FFFFFF;font-size:14px}

.head .sc .iconfont{ font-size:20px;}

.nav{ height:35px; line-height:35px; width:100%; overflow:hidden; border-bottom:1px solid #DEDCDC;position: fixed;  top: 50px; right: 0;    left: 0;    z-index: 10; background:#FFFFFF }

.nav a{ margin:0 10px 0 10px; font-size:16px}

.nav .cur{color:#8ACA74;}

.author-info{ padding:10px; overflow:hidden; text-align:center; border-bottom:5px solid #f2f2f2; margin-bottom:10px;}

.author-info .pic{ height:80px; }

.author-info .pic img{ height:80px;width:80px;border-radius:100%;border: 1px solid #F2F2F2;}

.author-info .name{ height:35px; line-height:35px; font-size:16px;}

.author-info .name span {

    margin-left: 10px;

    padding: 2px 5px 2px 5px;

    background: #8ACA74;

    font-size: 11px;

    color: #FFFFFF;

    border-radius: 3px;

    overflow: hidden;

}

.author-info .intro{ line-height:30px; font-size:14px; color:#666666}

.author-info .augz{ line-height:40px; margin-top:10px;}

.author-info .augz a{ padding:5px 20px; border:1px solid #8ACA74;border-radius:5px; color:#8ACA74;}

.main{ margin:0 10px; overflow:hidden;}

.main li{ padding:15px 0; overflow:hidden; border-bottom:1px solid #DEDCDC;}

.main .none{ text-align:center; line-height:50px; font-size:16px; color:#666666}

.main li .left{ float:left; width:65%;}

.main li .left h2{ font-size:14px; line-height:20px; height:65px; overflow:hidden; font-weight:500}
.main li .left h2 strong{ font-size:16px; line-height:30px;}
.main li .left .ctime{ line-height:20px; font-size:12px; vertical-align: middle;}
.main li .left .ctime img{ vertical-align: middle;}

.main li .left .ctime .iconfont{ color:#999999; margin:0 5px; font-size:14px;}

.main li .right{ float:right; width:33%; height:85px; overflow:hidden;}



.main .moreart{ margin:10px 0 5px 0;}

.main .uto{ margin:15px 0 25px 0; overflow:hidden; line-height:30px; border-bottom:1px dashed #CCCCCC}

.main .uto .scx{ width:50%; float:left;}

.main .uto .tsx{ width:50%; float: right; text-align:right;}



.main .title{ font-size:20px; line-height:35px; margin-top:10px; font-weight:600}
.main .title img{vertical-align: middle;}

.main .artauthor{ margin:20px 0; overflow:hidden;}

.main .artauthor .auth{ float:left; width:65%;}

.main .artauthor .auth .pic{ height:50px; width:50px; float:left;}

.main .artauthor .auth .pic img{ height:50px; width:50px;border-radius:100%}

.main .artauthor .auth .into{ width:70%; float:left;}

.main .artauthor .auth .into .aname{ font-size:16px; font-weight:600; line-height:30px;}

.main .artauthor .auth .into .aname span{ margin-left:10px; padding:2px 5px 2px 5px; background:#8ACA74; font-size:11px; color:#FFFFFF;border-radius:3px; overflow:hidden;}

.main .artauthor .auth .into .atime{ line-height:20px; font-size:12px; font-weight:500px;}

.main .artauthor .auth .into .atime .iconfont{ color:#999999; margin-right:2px;}

.main .artauthor .auth .into .atime .icon-yuedu{ margin-left:5px;}

.main .artauthor .guanzhu{ width:30%; float:right; text-align:right; line-height:50px;}

.main .artauthor .guanzhu a{ font-size:16px; color:#8ACA74; border:#8ACA74 1px solid;border-radius:5px;padding:5px 15px 5px 15px;}

.main .ad{ margin-bottom:20px; height:40px; overflow:hidden; padding-right:5px;}

.BreakingNewsController{width:100%;overflow:hidden;background:#FFF;height:auto;position:relative;}

.BreakingNewsController .bn-title{display:inline-block;float:left;padding:8px 10px;background:#5aa628;color:#FFF;}

.BreakingNewsController ul{padding:0;margin:0;display:block;list-style:none;position:absolute;right:45px;}

.BreakingNewsController ul li{list-style:none;padding:8px 10px;display:none;}

.BreakingNewsController ul li a{text-decoration:none;color:#333;display:inline-block;overflow:hidden;padding:0;}

.BreakingNewsController .bn-arrows{display:inline-block;float:right;width:45px;position:absolute;right:0;top:0;bottom:0;}

.BreakingNewsController .bn-arrows span{display:block;width:20px;position:absolute;top:0;bottom:0;cursor:pointer;opacity:0.2;}

.BreakingNewsController .bn-arrows span:hover{opacity:1;}

.BreakingNewsController .bn-arrows-left{ left:0;background:url(../images/bn-arrows.png) left center no-repeat;}

.BreakingNewsController .bn-arrows-right{right:10px;background:url(../images/bn-arrows.png) right center no-repeat;}

.easing a, .easing span{transition:.25s linear;-moz-transition:.25s linear;-webkit-transition:.25s linear;}

.main .acon { line-height:30px;}

.main .acon img{ max-width:100%; height:inherit}

.main .tag{ line-height:35px;}

.main .tag a{ background:#f2f2f2; padding:2px 7px;border-radius:2px; margin:0 3px; color:#666666; }



.nav .clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}

.nav	.clearfix{*zoom:1;}

.nav	.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: .4rem;margin:1rem 0 .4rem 0}

.nav	.wrapper01 {position:relative;height: 2.2rem;width: 100%;overflow: hidden;margin:0 auto;}

.nav	.wrapper01 .scroller {position:absolute}

.nav	.wrapper01 .scroller li {height: 2.2rem;color:#333;float: left;line-height: 2.2rem;font-size: .4rem;text-align: center;}

.nav	.wrapper01 .scroller li a{color:#333;display:block;margin:0 .3rem}

.nav	.wrapper01 .scroller li.cur a{color:#8ACA74;}



.feed{ padding:10px; overflow:hidden;}

.feed h2{ height:35px; line-height:35px; text-align:center; font-size:16px;}

.feed .conts{ height:100px;}

.feed  li{ line-height:40px; height:40px;}

.feed  li strong{ width:30%; float:left; text-align:right}

.feed  li p{ width:68%; float: right;}

.feed  li .fipt{ height:25px; line-height:25px; margin-top:5px; width:90%;}

.feed  li .fcont{ height:90px; line-height:25px; margin-top:5px; width:90%;}

.feed  li .fcode{ height:25px; line-height:25px; margin-top:5px; width:30%;}

.feed  li .fbtn{ height:30px; line-height:30px; width:70px; background:#8ACA74; color:#FFFFFF; border:0; border-radius:3px;}

.feed  li .tt{ margin-right:10px;}



/* 个人中心*/

.my{ background:#f2f2f2; width:100%; overflow:hidden; padding-bottom:15px;}

.my .mytop{ height:80px; margin-top:15px; background:#FFFFFF; padding: 0 10px;}

.my .mytop .pic{ width:60px; margin-top:10px; float:left; margin-right:5px;}

.my .mytop .pic img{ height:60px; width:60px;border-radius:3px;}

.my .mytop .intro{ width:50%; float:left;}

.my .mytop .intro .name{ height:30px; line-height:30px; margin-top:10px; font-size:16px;}

.my .mytop .intro .email{ height:25px; line-height:25px; font-size:14px; color:#999999}

.my .mytop .more{ width:20%; float:right; text-align:right; line-height:80px; font-size:16px;}

.my .mytop .more a{ color:#666666}

.my .mycenter{ margin-top:15px; background:#FFFFFF; overflow:hidden;}

.my .mycenter li{ height:50px; line-height:50px; border:1px solid #f2f2f2; padding-left:10px; font-size:18px;}

.my .myabout{ margin-top:15px; background:#FFFFFF; overflow:hidden;}

.my .myabout li{ height:50px; line-height:50px; border:1px solid #f2f2f2; padding-left:10px;font-size:18px;}

.my .mycenter li .iconfont,.my .myabout li .iconfont{ font-size:22px; margin-right:5px; margin-left:15px;}



.mmem{ overflow:hidden}

.mmem h2{ line-height:44px; height:44px; background:#8ACA74; font-size:18px; text-align:center; margin-bottom:10px; color:#FFFFFF }

.mmem .listfan{ padding:0 20px 20px 20px; overflow:hidden}

.mmem .listfan .aufan{ width:50%; float: left;}

.mmem .listfan .aufan .pic{ margin:15px 20px 5px 20px; text-align:center;}

.mmem .listfan .aufan .pic img{ width:100px; height:100px; border-radius:100%; border:1px solid #f2f2f2; background:#f2f2f2;}

.mmem .listfan .aufan .auname{ line-height:40px; text-align:center; font-size:16px;}

.mmem .listfan .aufan .qu{ line-height:30px; text-align:center; font-size:14px;}

.mmem .listfan .aufan .qu a{ color:#999; padding:4px 8px; border:1px solid #999999;border-radius:3px; font-size:12px}

.mmem .listfav{ overflow:hidden}

.mmem .listfav li{ height:50px; line-height:50px; text-align:center}

.mmem .listfav .top{ background: #999999; color:#FFFFFF;}

.mmem .listfav .lis{ border-bottom:1px dashed #CCCCCC;}

.mmem .listfav .titx{ width:68%; float:left; }

.mmem .listfav .tit{ width:68%; float:left; height:50px; line-height:25px; }

.mmem .listfav .zuoz{ width:16%; float:left}

.mmem .listfav .sct{ width:15%; float:left}

.mmem .listfav .czx{ width:15%; float:left}

.mmem ul{ padding:10px; overflow:hidden}

.mmem ul li{  font-size:16px; overflow:hidden}

.mmem ul li .mname{height:50px; line-height:50px; width:30%; float: left; margin-right:2%; text-align:right}

.mmem ul li .mmshu{ height:50px; line-height:50px;width:60%; float:left;}

.mmem ul li .mdeng{height:50px; line-height:50px; text-align:center; margin-top:15px; height:50px;}

.mmem ul li .ipt{ height:35px; line-height:35px; width:90%; padding-left:2%; border:1px solid #CCCCCC}

.mmem ul li .btn{ margin-left:2%; height:40px; line-height:40px; width:80%;background:#8ACA74; color:#FFFFFF; border:0;border-radius: 3px; font-size:16px;}

.mmem ul li .mtou{ width:30%; float: left; margin-right:2%; text-align:right ; height:100px; line-height:100px;}

.mmem ul li .mttu{ width:30%; float: left; margin-right:2%;  height:100px; line-height:100px;}

.mmem ul li .mttu img{ margin-top:5px; height:90px; width:90px;}

.mmem ul li .mchuan{width:30%; float: left; margin-right:2%; height:40px; margin-top:30px;}



.clear{ clear:both}

.mo-mian .author {width:100%;overflow:hidden; margin-top:20px;}

.mo-mian .author .aut{overflow:hidden; height:80px; border-bottom:15px #f2f2f2 solid}

.mo-mian .author .aut .auhead{ height:80px; width:30%; float:left; text-align:right;    }

.mo-mian .author .aut .auhead img{ height:80px; width:80px;border-radius: 100%;}

.mo-mian .author .aut .info{height:80px; width:70%; float:right}

.mo-mian .author .aut .info .author-name{ height:30px; line-height:30px;}

.mo-mian .author .aut .info .author-name i{ background:#8ACA74 ; padding:2px 7px 2px 7px; margin-left:5px; color:#FFFFFF; font-style:normal;border-radius:2px;}

.mo-mian .author .aut .info .sign{height:22px; line-height:22px; color:#999999}

.mo-mian .author .aut .info .news{height:28px; line-height:28px;}



.page{ padding:10px; margin:10px 0 10px; overflow:hidden; text-align:center; font-size:17px}

.page .total_page{ border:1px solid #999; padding:3px 6px; color:#999; margin:0 3px 0 3px;}

.page .current{ background: #666; padding:4px 7px; color:#FFFFFF;margin:0 3px 0 3px;}

.page .pages{ border:1px solid #666; padding:3px 6px; color:#666;margin:0 3px 0 3px;}

.page .next_page{ border:1px solid #666; padding:3px 6px; color:#666;margin:0 3px 0 3px;}

.page .last_page{ border:1px solid #666; padding:3px 6px; color:#666;margin:0 3px 0 3px;}





.soso{height:50px; line-height:50px; border-bottom:1px solid #DEDCDC; padding:0 10px;}

.soso .iconfont{ width:50px; float:left; line-height:50px;}

.soso form{  width:85%; float:right;}

.soso form .inso{ float:left; height:30px; line-height:30px; margin-top:10px; width:72%; padding-left:2%; background:#F1EFEF; border:0; border-radius:5px; color:#999999}

.soso form .inbat{ float:left; width:15%; background:#FFFFFF; border:0; line-height:50px; color:#666666;}



.blank90{ height:90px;}

.blank65{ height:65px;}

.blank50{ height:50px;}

.clear{ clear:both;}

.foot{position: fixed;  bottom: 0; right: 0;    left: 0;    z-index: 10;    width: 100%;    min-height: 30px;       text-align: center; background:#f2f2f2; border-top:1px solid #DEDCDC }

.foot .bnav{ width:24.9%; float:left; margin:4px 0; overflow:hidden;color:#666}

.foot .bnav .iconfont{ font-size:22px; }
.foot .bnav p{ font-size:12px;}


.foot .cur{ color:#8ACA74} 

Style Attribute{ font-size:12px}
.navside{
    height:4rem;
    width: 100%;
    background-color: #fff;
    padding-top: .5rem;
    border-top: .1rem #ededed solid;
    position: fixed;
    bottom: 0rem;
    z-index: 100;
}
.navside ul li{
    font-size: 1.2rem;
    float: left;
    text-align: center;
    width: 16%;
    margin-left: 5%;
    line-height:1rem;
}
.navside ul li a{
    display: block;
    color: #838383;
}
.navside ul li a p{
    font-size: 2rem;
    margin-bottom: .2rem;
}
.navside ul li a span{
    font-size: 1rem;
}
.navside_hover{
    color: #e67c3c !important;
}

.seoinfo{ margin-top:20px; overflow:hidden;border:1px solid #eaeaea; border-left:0; }
.seoinfo .seoname{border:1px solid #eaeaea; line-height:40px; overflow:hidden; text-align:center; font-weight:600}
.seoinfo  li{ line-height:40px; overflow:hidden; border-bottom:1px solid #eaeaea; text-align:center; font-size:14px;padding:0}
.seoinfo li .seoname{ float:left; width:20%; border-right:1px solid #eaeaea;    color: #999; background:#f2f9fc}
.seoinfo li .seou{ float:left; width:79%;height:40px; overflow:hidden}
.seoinfo li .seou .out{ color:#8ACA74; margin-left:5px;}
.seoinfo li .seoux{ float:left; width:79%;}
.seoinfo li .seoux img { vertical-align:middle;   }

.siteinfox{ overflow:hidden; border:1px solid #eaeaea; border-top:0; margin-bottom:20px;}
.siteinfox .sitepic{border-bottom:1px solid #eaeaea; overflow:hidden; padding:5px 5px 5px 5px;}
.siteinfox .sitepic img{  width:100%;}
.siteinfox .sitecon{ border-top:1px solid #eaeaea;}
.siteinfox .sitecon li{ line-height:40px; overflow:hidden; border-bottom:1px solid #eaeaea; text-align:center; font-size:14px;padding:0}
.siteinfox .sitecon li .sitename{ float:left; width:20%; border-right:1px solid #eaeaea;    color: #999;background:#f2f9fc}
.siteinfox .sitecon li .siteu{ float:left; width:79%;height:40px; overflow:hidden}
.siteinfox .sitecon li .siteux{ float:left; width:79%;}
.siteinfox .shoux{ margin-top:20px; line-height:35px; font-size:16px ; text-align:center;}
.siteinfox .ms{ overflow:hidden;}