@charset "utf-8";
/* CSS Document */

body { font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:0; background:#ffffff;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img{ margin:0; padding:0; border:0; font-weight:normal; font-size:12px;}
img{ border:none; vertical-align:middle;}
ul,li{ list-style-type: none; }
button{ vertical-align:middle; cursor:pointer;}
input, button{	vertical-align:middle; border:none; font-family:"黑体";}
.clear { clear:both; overflow:hidden; height:0px;}
.blank{ display:block; height:10px; clear:both; overflow:hidden; visibility:hidden;}
.lft{ float:left;}
.rgt{ float:right;}
.clearfix{ overflow:hidden; zoom:1;}


/*头部样式*/

.wrap{ width: 100%; max-width: 640px; margin: 0 auto;}
header{ position: relative; padding-bottom:16.5%;}
header .home{ position: absolute; left: 5%; top: 50%; margin-top: -0.07rem; width: 0.16rem; height: 0.14rem; background-image: url(../images/icons.png); background-size: 2.5rem 1rem; background-repeat: no-repeat; background-position: 0 0; transform: scale(1.2);}
header .home a{ display: block; height: 100%;}
header .logo{ position: absolute; left: 50%; top: 50%;width: 40.6667%; transform: translateX(-50%) translateY(-50%); margin: 0 auto; vertical-align: middle;}
header .logo img{ width: 100%; height: auto; vertical-align: middle;}
header .nav{ position: absolute; left: 5%; top: 50%; margin-top: -0.07rem; width: 0.16rem; height: 0.14rem;  background-image: url(../images/icons.png); background-size: 2.5rem 1rem; background-repeat: no-repeat; background-position: 0 0; transform: scale(1.3);}
header .nav-lists{ position: absolute; z-index: 99; width: 1rem; height: 0; border: 1px solid #d2d2d2; background: #ffffff; left: 0; top: 0.52rem; box-sizing: border-box; padding: 0.12rem 0.12rem 0; display: none; overflow: hidden;}
header .nav-lists .close{ position: absolute; font-size: 0.16rem; line-height: 0.18rem; color: #333333; right: 0; top:0; padding: 0.02rem; font-family: arial;}
header .nav-lists li{ height: 0.34rem; line-height: 0.34rem; text-align: center;  border-bottom: 1px dashed #D2D2D2;}
header .nav-lists li a{ font-size: 0.12rem; color: #333333; text-decoration: none;}
header .searchPage{ position: absolute; right: 5%; top: 50%; margin-top: -0.1rem; width: 0.2rem; height: 0.2rem;}


/*底部样式*/
footer{ background: #313131; padding: 0.15rem 0.1rem; box-sizing: border-box;}
footer p{ font-size: 0.09rem; line-height: 0.20rem; color: #ffffff; text-align:center; letter-spacing: -0.5px;}
footer p.copyright{ margin-top: 0.15rem;}


/*列表页 文章页公用样式*/

.article-share span{ display: inline-block; font-size: 0.12rem; color: #666666; vertical-align: middle;}
.article-share .nativeShare{ display: inline-block; width: 0.23rem; height: 0.23rem; border-radius: 50%; vertical-align: middle; background-image: url(../images/icons.png); background-size: 2.5rem 1rem; background-repeat: no-repeat; margin-right: 0.14rem;}
.article-share .share-wechat{ background-position:0 -0.5rem ;}
.article-share .share-friend{ background-position: -0.3rem -0.5rem;}
.article-share .share-sinna{ background-position: -0.6rem -0.5rem;}
.article-share .share-qq{ background-position: -0.9rem -0.5rem;}
.article-share .share-qqzone{ background-position: -1.2rem -0.5rem;}
.advertisement{ padding: 0 0.14rem; margin:0.08rem 0 0.07rem;}
.advertisement img{ max-width: 100%; height: auto;}