@CHARSET "UTF-8";
body,html{
	width: 100%;
	height: 100%;
}
.body-wrap{
	width: 100%;
	height: 100%;
}
.contain{
	width: 10rem;
	padding-bottom: 1.33333rem;
	-webkit-overflow-scrolling:touch;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
}
/* 蒙版开始 */
#wap_cover {
	display: none;
	width: 100%;
	height: 200%;
	z-index: 998;
	position: fixed;
	background: rgba(0,0,0,0.5);
	overflow: hidden;
}
/* 蒙版结束 */
/*===header start====*/
header {
	width: 10rem;
	height: 1.2rem;
	background: #e8e8e8;
}

header .header-left {
	width: 0.2rem;
	height: 0.4rem;
	margin-right: 3.07999999rem;
	font-size: 0;
	float: left;
	background: #bbb;
	padding: 0.4rem 0.5rem;
}
header .header-left img{
	width: 0.2rem;
	height: 0.4rem;
}
header .header-left span {
	display: block;
	width: 1.33333333rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.45333333rem;
	font-family: "微软雅黑";
	color: #333;
	text-align: center;
}

header .logo {
	width: 1.96rem;
	height: 0.66666666rem;
	margin-top: 0.29333333rem;
	float: left;
	font-size: 0;
}
header .logo img{
	width: 1.96rem;
	height: 0.66666666rem;
}

header .nav-wrap-btn {
	float: right;
	width: 0.72rem;
	height: 0.57333333rem;
	margin-top: 0.32rem;
	margin-right: 0.26666667rem;
}
/*===header end===*/

/* 二级导航开始 */
.nav-wrap{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(33,34,46,0.9);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    overflow-y: scroll;
}

.nav-wrap .nav-close-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 0.4rem;
	height: 0.4rem;
	padding: 0.4rem;
	font-size: 0;
}

.nav-wrap .nav-close {
	width: 0.4rem;
	height: 0.4rem;
}

.nav {
	padding: 2rem 0 1.33333333rem 0.6rem;
	color: rgb(154,158,168);
}

.nav a{
	color: rgb(154,158,168);
}

.nav1 {
	height: 0.45333333rem;
	font-size: 0.45333333rem;
	font-family: "PingFangSC-Regular";
	margin-bottom: 0.88rem;
}

.nav1-1 {
	margin-bottom: 0.56rem;
}

.nav1-2 {
	height: 1.92rem;
}

.nav2 {
	float: left;
	width: 2.64rem;
	height: 0.8rem;
	border: 1px solid #9A9EA8;
	border-radius: 5px;
	text-align: center;
	padding-top: 0.18666667rem;
	margin-right: 0.26666666rem;
	margin-bottom: 0.26666666rem;
	box-sizing: border-box;
}

.nav2-1 {
	margin-right: 0;
}

.nav2 a {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.42666666rem;
	font-family: "PingFangSC-Regular";
}
/* 二级导航结束 */
#content-wrap{
	width: 9.6rem;
	padding: 0.8rem 0.2rem 0;
}
#content-wrap h3{
	font: 0.53333333rem "微软雅黑";
	color: #333;
	text-align: center;
}
#content-wrap .sundry{
	width: 9.2rem;
	height: 0.32rem;
	padding: 0.56rem 0.2rem;
	font: 0.32rem/0.32rem "微软雅黑";
	color: #999;
}
#content-wrap .sundry .author{
	width: 40%;
	height: 100%;
	float: left;
}
#content-wrap .sundry .time{
	width: 20%;
	height: 100%;
	float: left;
	text-align: center;
}
#content-wrap .sundry .praise{
	width: 40%;
	height: 100%;
	float: left;
	text-align: right;
}
#content-wrap .sundry .praise img{
	width: 0.28rem;
	height: 0.28rem;
	margin-right: 0.13333333rem;
}
#content{
	width: 100%;
}
#content p{
	font-size: 0.42666666rem!important;
    line-height: 0.6rem!important;
    padding: 0.13333333rem 0 0.26666666rem!important;
}
#content p:last-child {
	padding-bottom: 0.8rem!important;
	margin-bottom: 0!important;
	border-bottom: 1px solid #dcdcdc;
}
#content img{
	max-width: 9.8rem!important;
}
#content h2{
	font-size: 0.21333333rem!important;
}
/* 相关标签开始 */
.tab-wraper {
	padding: 0.4rem 0.4rem 0;
}
.tab-wraper .tab-title {
	height: 0.45rem;
	line-height: 0.45rem;
	font-size: 0;
	magin-bottom: 0.53rem;
}
.tab-wraper .tab-title .tab-icon {
	width: 0.32rem;
	height: 0.37rem;
	background: url(../images/m_article_imgs/icon.png) no-repeat center center;
	background-size: 100% 100%;
	float: left;
    margin-top: 0.02rem;
}
.tab-wraper .tab-title .text {
	height: 0.45rem;
	line-height: 0.45rem;
	color: #333333;
	font-size: 0.4rem;
	margin-left: 0.24rem;
	float: left;
}
.tab-wraper .tabs{
	font-size: 0;
	margin-top: 0.53rem;
}
.tab-wraper .tabs .tab {
	font-size: 0.4rem;
	color: #333333;
	height: 0.53rem;
	line-height: 0.53rem;
	margin-right: 0.6rem;
	margin-bottom: 0.53rem;
	max-width: 4.04rem;
	overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: top;
}

/* 点赞和分享功能部分开始 */
.function{
	width: 10rem;
	height: 2.21333333rem;
	padding: 0.27rem 0 0.8rem;
}
.function .wrap{
	width: 5rem;
	float: left;
	text-align: center;
	font-size: 0;
}
.function .wrap span{
 	font: 0.32rem/0.32rem "微软雅黑";
	color: #999; 
}
#praise-num{
	color: #f6361c;
}
.function .praise{
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background: #28a7e1;
	margin: 0 auto 0.29333333rem;
}
.function .praise img{
	width: 0.66666666rem;
	height: 0.66666666rem;
	margin: 0.46666667rem;
}
.function .share{
	width: 5rem;
	height: 1.6rem;
	font-size: 0;
	margin-bottom: 0.29333333rem;
}
.function .share img{
	width: 1.6rem;
	height: 1.6rem;
}

/* 点赞和分享功能部分结束 */
/* ///////////////////////////////////////////////// */
/* 相关推荐部分头部开始 */
.recommend{
	width: 9.6rem;
	height: 1.4rem;
	background: #e8e8e8 no-repeat url("../images/m_article_imgs/recommend_bg.png");
	background-size: 2.66666666rem 0.88rem;
	background-position: bottom left;
	font: 0.42666666rem/1.93333333rem "微软雅黑";
	color: white;
	padding-left: 0.4rem
}

/* 相关推荐部分头部结束 */

/* ///////////////////////////////////////////////// */
.article{
	width: 10rem;
	padding: 0 0 0.26666666rem;
	background: #e8e8e8;
}
.article li{
	width: 9.33333333rem;
	height: 2.06666666rem;
	padding: 0.26666666rem 0.26666666rem 0 0.4rem;
	border-bottom: 1px solid #e8e8e8;
	background: white;
}
.article li:last-child{
	border-bottom: 0;
}
.article li a{
	float: left;
	width: 2.8rem;
	height: 1.81333333rem;
}
.article li a img{
	width: 2.8rem;
	height: 1.81333333rem;
}
.detial{
	height: 1.81333333rem;
	padding-left: 3.06666666rem;
	position: relative;
}
.detial .hot-icon{
	position: absolute;
	top: 0;
	left: 0;
	width: 0.8rem;
	height: 0.4rem;
	border-radius: 0.05333333rem;
	background: #f93716;
	font: 0.29333333rem/0.4rem "微软雅黑";
	color: white;
	text-align: center;
}
.detial .h3{
	display: block;
	width: 6.26666667rem;
	height: 0.4rem;
}
.detial h3{
	font-size: 0.37333333rem;
	line-height: 0.5rem;
	color: #333;
}
.meta{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 6.26666666rem;
	height: 0.32rem;
	font: 0.32rem/0.32rem "微软雅黑";
	color: #999;
}

.author{
	float: left;
}
.read{
	float: right;
}
.read-icon{
	width: 0.36rem;
	height: 0.25333333rem;
	float: left;
	margin-right: 0.13333333rem
}
/* ////////////////////////////// */
.load-more-wrap{
	width: 10rem;
	height: 1.2rem;
	border-bottom: 0.21333333rem solid #e8e8e8;
}
.load-more{
	width: 5.73333333rem;
	height: 1.2rem;
	margin: 0 auto;
	font: 0.37333333rem/1.2rem "微软雅黑";
	color: #666;
	text-align: center;
}
.load-more img{
	width: 0.44rem;
	height: 0.12333333rem;
	margin-left: 0.26666666rem;
	vertical-align: middle;
}
/* ///////////////////// */
footer{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
    width: 10rem;
    height: 1.33333333rem;
}
footer .tel{
    width: 60%;
    height: 1.33333333rem;
    background: white;
    font: italic 0.53333333rem/1.33333333rem "微软雅黑";
    color: #29a7e2;
    float: left;
}
footer .tel img{
	width: 0.66666666rem;
	height: 0.66666666rem;
	float: left;
	margin: 0.33333333rem 0.26666666rem 0.33333333rem 0.4rem;
}
footer .consult-online{
    width: 20%;
    height: 1.33333333rem;
    font: 0.42666666rem/1.33333333rem "微软雅黑";
    color: white;
    text-align: center;
    background: #28a7e1;
    float: left;
}
footer .free-call{
    width: 20%;
    height: 1.33333333rem;
    font: 0.42666666rem/1.33333333rem "微软雅黑";
    color: white;
    text-align: center;
    background: #13c828;
    float: left;
}

/*=======================新增免费电话弹出表单17/6/21 by Cloud===============================*/
footer .floating3_left_wrap{
    position: absolute;
    bottom: 1.5rem;
    left: 5%;
    width: 9rem;
    height: 5.6307692rem;
    background: #eee;
    padding-top: 0.1692308rem;
    display: none;
}
footer .floating3_left_wrap .floating3_left_phone{
    float: left;
    margin-left: 0.7692308rem;
}
footer .floating3_left_wrap .floating3_left_p1{
    font: 0.41538462rem/0.6923077rem "微软雅黑";
    color: #28a7e1;
    text-align: left;
    padding-left: 1.1538462rem;
    margin-left: 0.7692308rem;
}
footer .floating3_left_wrap .floating3_left_p2{
    margin-top: 0.1692308rem;
    font: 0.4384615rem/0.5384615rem "微软雅黑";
    color: #666;
    text-align: left;
    margin-left: 0.7692308rem;
}
footer .floating3_left_wrap .floating3_left_p3{
    margin: 0.1461538rem 0 0.2692308rem;
    font: 0.4384615rem/0.5384615rem "微软雅黑";
    color: #666;
    text-align: left;
    margin-left: 0.7692308rem;
}
footer .floating3_left_wrap input{
    outline: none;
    border: 0.0384615rem solid #bbb;
    border-radius: 0.1538461rem;
    width: 6.5384615rem;
    height: 1rem;
    padding-left: 0.3846154rem;
    margin-left: 0.7692308rem;
}
footer .floating3_left_wrap .call{
    width: 4.4230769rem;
    height: 1.2384615rem;
    background: #28a7e1;
    border-radius: 0.2307692rem;
    text-align: center;
    font: 0.4923077rem/1.2384615rem "微软雅黑;";
    color: white;
    margin: 0.3692308rem auto 0;
} 
/* 添加关闭按钮 */
#close-icon-wrap{
	position: absolute;
	top: 0;
	right: 0;
	width: 0.8rem;
	height: 0.8rem;
	background: #eee;
}
#close-icon{
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	width: 0.4rem;
	height: 0.4rem;
	overflow: hidden;
	background: #aaa;
}
#close-icon .close-line{
	width: 1px;
	height: 0.6rem;
	background: white;
	position: absolute;
	top: -0.1rem;
	right: 0;
	bottom：0;
	left: 0;
	margin: auto;
}
#close-icon .close-line1{
	transform: rotate(45deg);
}
#close-icon .close-line2{
	transform: rotate(-45deg);
}
/* ////////////////////////////// */
/* 分享平台部分开始 */
.plateform-wrap{
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
    width: 10rem;
    height: 5.13333333rem;
    background: white;
}
.plateform{
	width: 9.73333333rem;
	height: 2.2rem;
	padding: 0.8rem 0.13333333rem;
	font-size: 0;
	text-align: center;
}
.plateform div{
	width: 1.6rem;
	height: 2.2rem;
	float: left;
}
.plateform .xlwb{
	margin: 0 1.06666666rem 0 2.2rem;
}
.plateform .qqkj{
	margin: 0 2.2rem 0 1.06666666rem;
}
.plateform img{
	width: 1.6rem;
	height: 1.6rem;
	margin-bottom: 0.28rem;
}
.plateform span{
	font: 0.32rem/0.32rem "微软雅黑";
	color: #999;
}
.cancle{
	width: 10rem;
	height: 1.2rem;
	border-top:0.13333333rem solid #e8e8e8;	
	font: 0.42666666rem/1.2rem "微软雅黑";
	color: #333;
	text-align: center;
}
/* 分享平台部分结束 */
