/*html{ font-size: 16px !important;}*/
body {/* font-size: 16px !important; */ background: #fff; }
.bg_white { background: #fff; }
/*.wrapper{ width: 75rem; margin: 0px auto;}*/
.header { height: 49px; width: 100%; background: #fff; }

.CommodityInfor{ width: 100%; padding: 15px; border-bottom: 1px solid #eaeaea;}
.CommodityInfor p{ padding: 4px 0px; line-height: 18px; font-size: 14px; color: #333333; clear: both;zoom: 1;}
.CommodityInfor p:after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
.CommodityInfor span{ width: calc(100% - 75px); float: right;}

/*内容页 大标题*/
.ArticleBox{ width: 92%; margin: 20px 4% auto; }
.ArticleTitle {margin-bottom: 26px;}
.ArticleTitle h1{ font-size: 23px; font-weight: 600; color: #000; line-height: 32px; margin-bottom: 5px;}
.ArticleTitle .date{ font-size: 14px; color: #9e9e9e; line-height: 20px;}
.ArticleCon img{ max-width:100% ; margin-left: auto; margin-right: auto;}
.ArticleCon p{line-height: 20px; margin-bottom: 4px; font-size: 14px; color: #595959;}
.imgbox,.videoBox{ width: 100%; margin-bottom: 26px;}
.videoBox {position: relative; font-size: 0px;}
.videoBox .btn{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: none; }
.videoBox .btn.show{background:url(../images/anniu02.png) center no-repeat rgba(0,0,0,0.2); background-size: 50px; }
/*.imgbox img{ width: 100%;}*/ 

/*.main{ padding-top: 50px;}*/ 
.downloadTop{ position: fixed; top: 0px; width: 100%; left: 0px; height: 50px; background: url(../images/logo.png) left center no-repeat #fff; border-bottom: 1px solid #CCCCCC; box-shadow: 0px 5px 10px rgba(0,0,0,0.2); background-size: auto 30px; text-align: right; z-index: 10; }
.downloadTop a{display: block; width: 100%; height: 50px;padding: 5px 10px; }
.downloadTop .icon{display: block; width: 20px; margin-top: 5px; height: 30px; line-height: 30px; font-size: 0px; float: right;}
.downloadTop .icon img{width: 100%;}
.downloadTop .Infor{ width: calc(100% - 100px); float: left; text-align: left; margin-left: 50px; line-height: 20px;}
.downloadTop .Infor .p1{color: #333; font-size: 14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.downloadTop .Infor .p2{color: #999; font-size: 12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


.downloadTop2{ position: fixed; top: 0px; width: 100%; left: 0px; height: 50px; padding: 0px 10px;  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);  z-index: 999;    background: white;}
.downloadTop2 a{display: block; width: 100%; height: 50px;}
.downloadTop2 .btnDown{ width: 70px; height: 30px; text-align: center; line-height: 30px; margin-top: 10px; float: right; border-radius: 5px; color:#fff; background: #44cc6b;}
.downloadTop2 a{ background:  url(../images/logo.png) left center no-repeat #fff; background-size: 40px 40px; padding-left: 50px;}
.downloadTop2 .Infor{  width: calc(100% - 80px); margin-top: 5px; float: left; text-align: left; line-height: 20px; }
.downloadTop2 .Infor .p1{font-size: 14px;}
.downloadTop2 .Infor .p2{font-size: 12px;}
*:not(input){   
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
}

.login.logo{width: 80px; margin: 20px auto 20px;}
.login.logo img{width: 100%;}
.login.pic{width: 100%;}
.login.pic img{width: 100%;}
.loginHref {font-size: 16px; color: #9E9E9E; text-align: center; margin-top: 10px; display: block;}
.registered {padding: 30px 6.4% 0px;}
.loginUl li{
	position: relative;
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
}
.inputBox{
	width: 100%;
	height: 100%;
	font-size: 15px;
	/*padding-left: 45px;*/
	border:1px solid #dcdcdc;
}
 input.inputBox::-webkit-input-placeholder{
 	color: #b4b4b4;
 }
.loginSpan{
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	margin-top: -3px;
	line-height: 45px;
	text-align: center;
}
.loginSpan img{
	width: 60%;
}
.loginSub{
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 3px;
	background: #ccc;	
}
.loginSub.active{
	color: #fff;
	background: #44cc6b;	
}
.login_link{
	width: 200px;
	margin: 0 auto;
	margin-top: 150px;
	font-size: 0;
}
.login_link a{
	display: inline-block;
	width: 100px;
	font-size: 15px;
	color: #999999;
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.login_link a:last-child{
	border-left: 1px solid #cccccc;
}
.registerdeUl .inputBox{
	padding-left:10px ;
}
.codeBox{
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 12px;
	color: #999999;
	display: block;
	width: 100px;
	text-align: center;
	height: 24px;
	line-height: 24px;
	border-left: 1px solid #cccccc;
}
.codeBox.active{
	color: #44cc6b;
}
.loginUl .inputBox{padding-left: 10px;}

/*下载页面*/
.DownLoadBox{ background: #ffcc33;}
.DownLoadBox .Downbtn{display: inline-block; padding: 0px 20px; height: 35px; line-height: 35px; color: #ffffcc; font-size: 16px; background: #ff3300; border-radius: 40px;}
.DownLoadBox .DownPic{ width: 100%; margin: 30px 0px;}
.DownLoadBox .DownPic img{width: 100%;}
.DownLoadBox .btnBox { width:280px ; margin: 0px auto;}
.DownLoadBox .btnBox .logoBox {float: left; display: block;}
.DownLoadBox .btnBox .logoBox .icon{width:60px; height: 60px; border-radius: 10px; background: #fff;}
.DownLoadBox .btnBox .logoBox .icon img{width: 100%;} 
.DownLoadBox .btnBox .logoBox p{text-align: center;}
.DownLoadBox .btnBox .btn{ font-size: 16px; line-height: 20px; font-weight: bold; font-family: "微软雅黑"; display: block; float: right; width:210px; height: 60px; background: #ff3300; color: #ffffcc; border-radius: 10px; padding: 10px 20px;}
/*.DownLoadBox .btnBox .btn*/


/*视频播放页*/
.videoPlayback1{ padding: 5px 15px; position: relative;}
.videoPlayback1 .p1{ font-size: 13px; color: #000000;}
.videoPlayback1 .p2{ font-size: 12px; color: #666666;}
.SpotFabulous { position: absolute; top: 5px; right: 15px; color: #999999;}
.SpotFabulous img{ width: 12px; margin: 0px 5px;}
.videoPlayback1 .iconPic{ display: block; width: 35px; height: 35px; font-size: 0px; margin: 10px auto;}
.videoPlayback1 .iconPic img{width: 100%;}
.videoPlayback1 .p3{ color: #3366cc; text-align: center;}
.SelectMessage{ background: #f5f5f5;}
.SelectMessage .title{position: relative; height: 30px; line-height: 30px; text-align: center;}
.SelectMessage .title:before{content: ""; width: 100%; border-bottom: 1px solid #eeeeee; position: absolute; top: 15px; left: 0px;}
.SelectMessage span{ position: relative; z-index: 2; padding: 0px 15px; background: #f5f5f5;}
.MessageList{ padding: 0px 15px 1px;}
.MessageList li{ position: relative; width: 100%; padding-left: 36px; margin-bottom: 20px;}
.MessageList li .userPic{ position: absolute; top: 0px; left: 0px; width:30px; height: 30px; border-radius: 50%; overflow: hidden; font-size: 0px;}
.MessageList li .name{ font-size: 14px; color: #666666;}
.MessageList li .date{ font-size: 12px; color: #666666;}
.MessageList li .words{ font-size: 14px; color: #000000;}
.MessageList li .SpotBtn{ position: absolute; top: 4px; right: 0px;}
.MessageList li .SpotBtn img{ width: 12px; margin-right:5px; margin-top: -2px;}

/*帖子详情*/
.PostDetails { padding: 20px 15px;}
.PostDetails .title{ font-size: 19px; color: #000000; line-height: 26px; margin-bottom: 20px;}
.PostDetails .userInfor{ line-height: 15px; color: #666666;}
.PostDetails .userInfor .pic{ width: 30px; height: 30px; margin-right: 10px; font-size: 0px; border-radius: 50%; overflow: hidden; float: left;}
.PostDetails .userInfor .pic img{width: 100%;}
.PostDetails .DetailsInfor p{ font-size: 15px; color: #000000; line-height: 22px;}
.PostDetails .DetailsInfor .pic{width: 100%; text-align: center; font-size: 0px; margin: 15px 0px;}
.PostDetails .DetailsInfor .pic img{ max-width: 100%;width: 100%;margin: 2px 2px;}


/* 2017-8-30 新增 产品详情*/
.productBox{ padding-bottom: 60px;}
.productBox .am-slider .am-control-nav{ bottom: 15px; }
.productInfor {width: 100%; padding: 12px 15px; border-bottom: 10px solid #f0f1f3;}
.productInfor p{ width: 100%;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.productInfor .p1{line-height: 25px; font-size: 13px; color: #070707;}
.productInfor .p2{ line-height: 24px; font-size: 12px; color: #333;}
.productInfor .p3{ line-height: 20px; font-size: 12px; color: #333;}
.productInfor .p3 span{ color: #dd3846;}
.productInfor .p3 font{ color: #ca9a58; border: 1px solid #CA9A58; padding: 0px 3px; border-radius: 3px; margin-left: 5px;}
.productBox .am-tabs-nav{ width: 100%; border-bottom: 1px solid #eaeaea;}
.productBox .am-tabs-nav li{ position: relative; width: 33.333333%; float: left; height: 40px; text-align: center; line-height: 40px; font-size: 13px;}
.productBox .am-tabs-nav li.am-active{ color: #6da075;}
.productBox .am-tabs-nav li.am-active:after{content: ""; width: 82px; height: 2px; display: block; margin: -2px auto 0px; background: #6da075;}
.productBox .am-tabs-bd{ border: none;}
.productBox .am-tabs-bd .am-tab-panel{ padding: 0px;}
.productBox .BuyNow{ position: fixed; width: 100%; height: 60px; left: 0px ; bottom: 0px; padding: 10px 30px; border-top: 1px solid #d8d8d8; background: #fff; z-index: 999;}
.productBox .BuyNow .btn{ width: 100%; height: 40px; line-height: 40px; font-size: 15px; text-align: center; color: #fff; background: #58ad69; border-radius: 5px;}

