body{ padding:0px; margin:0px; color: #ccc; font-family: sans-serif,"Microsoft YaHei"; background: url(index_bg.jpg) top center fixed; background-size:cover !important}
.close{position: fixed; left:45%; bottom:100px; width: 50px; height:50px;background:url("close.png");background-size:cover;z-index:3}
.weixinpic{width: 100%; height: 100%;}
.weixin-tip{display:none;position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  height: 100%; width: 100%; z-index: 100;text-align:center; z-index: 2;}
.down{color:#ccc !important; padding:10px 50px;   background: rgba(0, 0, 0, 0.2); text-align: center;border-radius: 60px;}
.content{ width:1150px;margin:0px auto;padding: 30px 0 0px; text-align:center}
.logo{ width:1150px;margin:0px auto;text-align:left; }
.logo img{margin-top:10px; border-radius:10px;    float: left;}
.logo span{height:60px; line-height:60px;color: #FFF;float: left;font-size: 22px; margin-left:10px}
.content h1{   letter-spacing: 6px;  text-shadow: 1px 1px 3px #000;color: #fff; font-size: 46px;line-height: 1.5;}
.content p{    color: #fff; margin: 28px auto 28px; display:table;    font-size: 16px; line-height: 1.57;}
.header{border-bottom: 1px solid rgba(0, 0, 0, 0.17); height:60px; line-height:60px;}
.footer .content{border-top:0px solid #7e898a; line-height:100px; padding:0px;}
.footer p{ font-size: 12px; margin: 0px auto; color:#999}
.content p.info{  font-size: 21px;  } 
@media screen and (min-width: 2000px) and (max-width: 3200px) {
	.content{width:1700px; padding: 190px 0 130px;}
	.content h1{ font-size: 60px; }
	.content p{  font-size: 21px;  } 
	.footer p{ font-size: 12px;}
	.content p img{width:300px; height:300px;}
}
@media screen and (min-width: 1600px) and (max-width: 2000px) {
	.content{width:1400px; padding: 50px 0 20px;}
	.logo{width:1400px;}
	.header{height:100px; line-height:100px;}
	.content h1{ font-size: 60px; }
	.content p{ font-size: 21px;  } 
	.footer p{ font-size: 12px; }
	.content p img{width:290px; height:290px;}
	.logo img{margin-top:15px; border-radius:10px;  width:70px; height:70px;}
	.logo span{height:100px; line-height:100px; font-size: 32px; margin-left:25px}
}
@media screen and (min-width: 200px) and (max-width:600px) {
	body,.logo{width:100% !important;padding:0px;height:auto;}
	body{ background-size: initial;}
	.m_none{display:none}
	.picimg{margin-top:60px !important}
	.content{width:94% !important;}
	.content p{ font-size:16px !important;  } 
	.content h1{font-size:1.6rem !important}
	.logo span,.jiedan a{font-size: 14px;}
	.logo img{margin-left:10px;}
	.pc_none a{background: #5fbd13;padding: 15px 40px;border-radius: 55px; color: #FFF; text-decoration: none;box-shadow: 1px 2px 5px #ccc; margin:0px 0px 80px 0px;display:inline-block}
	.footer{flex-direction:column}
	.footer p{margin: 5px 0px; }
	.footer p{ font-size: 11px !important;  color:#fff !important}
	.mobile .mb100{width:100%}
	.mobile img{width: 80px; height:80px}
	.mobile .f26{font-size: 16px !important; line-height: 30px !important;}
	.mobile .lh30{font-size: 12px !important; line-height:20px !important;}
	.mobile .pr50{padding-right:10px}
	.mobile2{padding-top: 10px;}
	.mobile2 .f16{font-size: 14px !important;}
	.mobile2 .flex-row.cc{ flex-direction: column !important;}
	.mobile2 .w50{width: 100% !important; margin:0px !important}
	.jiedan a{font-size: 12px;}
}

/*flex属性*/
div{display: flex;}
.aic{align-items: center !important; /* #ifndef APP-NVUE */    -webkit-box-align: center !important; -webkit-align-items: center !important; /* #endif */ justify-content: center;}
.flex-row {flex-direction: row !important;}
.flex-col {flex-direction: column  !important;}
.flex-end{justify-content: flex-end;}
.flex1{flex: 1;}
.space{justify-content: space-between !important;}
.evenly{justify-content: space-evenly !important;}
.nodataimg{width:120px; height: 120px;} 
.scrollTop{ width:92px; height: 92px;z-index:99; bottom:180px; right: 20px; position:fixed;}
.backtop{ width:92px; height: 92px; }

/*价格从中画一条线**/
.hx{text-decoration:line-through}
.bg{ background: #fff;}
.bg_white,.bg_fff{ background: #fff;}
.bg_hui,.bg_eee{ background: #eee;}
.bg_666{ background: #666;}
.bg_333{ background: #333;}
.bg_ccc{ background: #ccc;}
.bg_f3{ background: #F3F3F3}

.bg_red{ background: #e33;}
.bg_red2{ background:#F7819F;}
.bg_green{ background: #02bf02;}
.bg_cheng{ background: #f85;}
.bg_blue{ background: #00A0E9;}
.bg_blue2 {background: #54D6FB;} 
.bg_yellow {background: #FFCC33;}

.leftTitle,.leftText,.leftImg{  /* #ifndef APP-NVUE */ align-items: left; /* #endif */ display: flex; flex:1; }
.rightTitle,.rightText{  /* #ifndef APP-NVUE */ justify-content: right; float: right; /* #endif */  align-items: center; display: flex; } 
.userimg{width:60px; height:60px; /* #ifndef APP-NVUE */  vertical-align: middle; /* #endif */}

/*字体颜色*/	
.c_green{ color: #02bf02;}
.c_red{ color: #e33000;}
.c_blue{color: #00A0E9;}
.c0{  color: #000000;}
.c3{  color: #333333;}
.c6{  color: #666666;}
.c9{  color: #999999;}
.cc{ color: #cccccc;}
.cd{ color: #cdcdcd}
.cf{  color: #ffffff;}
.f50{  font-size: 50px !important;}
.f40{  font-size: 40px !important;}
.f30{  font-size: 30px !important;}
.f26{  font-size: 26px !important;}
.f24{  font-size: 24px !important;}
.f22{  font-size: 22px !important;}
.f20{  font-size: 20px !important;}
.f18{  font-size: 18px;}
.f16{  font-size: 16px;}
.f14{  font-size: 14px;}
.f12{  font-size: 12px;}
.f10{  font-size: 10px;}

/*行高*/
.lh15{ line-height: 15px;}
.lh18{ line-height: 18px;}
.lh20{ line-height: 20px;}
.lh25{ line-height: 25px;}
.lh30{ line-height: 30px;}
.lh35{ line-height: 35px;}
.lh40{ line-height: 40px;}
.lh50{ line-height: 50px;}

/*圆角*/
.nobr{border-radius: 0px !important;}
.br5{border-radius: 10px;}
.br15{border-radius: 30px;}
.br30{border-radius: 60px;}
.br50{border-radius: 50%;}
.brlr5{border-radius: 10px 10px 0px 0px;}

/*定位*/
.pr{position: relative;}
.pa{position: absolute !important;}
.pf{position: fixed;}

/*文字超出省略*/
.yhxs{overflow:hidden; text-overflow: ellipsis;/* #ifdef APP-NVUE */ lines:1; /* #endif */ /* #ifndef APP-NVUE */width:100%; display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; /* #endif */
}
.lhxs{overflow:hidden;text-overflow:ellipsis;/* #ifdef APP-NVUE */ lines:2; /* #endif */ /* #ifndef APP-NVUE */width:100%; text-overflow: -o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;/* #endif */}

/*线条*/
.xixian{position: absolute;right: 0;bottom: 0; left: 0; height: 1px;background-color: #ccc !important;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);}

/*对齐*/
.tl{  /* #ifndef APP-NVUE */ text-align: left;  /* #endif */}
.tc{ /* #ifndef APP-NVUE */text-align: center;/* #endif */}
.tr{ /* #ifndef APP-NVUE */text-align: right;/* #endif */}
.tj{ /* #ifndef APP-NVUE */text-align:justify;/* #endif */}

/*空白区*/
.blank5{height:5px}
.blank10{height:10px}
.blank20{height:20px}
.blank30{height:30px}
.blank40{height:40px}
.blank50{height:50px}

/*间距*/
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}

.ml5{margin-left: 5px}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}

.mr5{margin-right: 5px}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}

.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}

.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}

.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}

/*边框*/
.bte{border-top:solid 2px #eee !important;}
.bbe{border-bottom: solid 2px #eee !important;}
.bre{ border-right: 2px solid #eee !important}
.ble{ border-left: 2px solid #eee !important;}
.bor_red{ border: 2px solid #ff0066}
.bor_eee{ border: 2px solid #eee}
.bor_ccc{ border: 2px solid #ccc}
.bor_blue{ border: 2px solid #00A0E9}
.bor_green{ border: 2px solid #02bf02}

.w100{width: 100%;}
.w50{width:50%}
.w30{width: 30%;}
.w70{width: 70%;}