.head{ height: 60px; line-height: 60px; }
.head h3 { color: #FF9933; font-size: 20px; display: inline-block;}
.head ul{display: inline-block; overflow: hidden; float: right;margin-right: 160px;}
.head li{ padding: 0 30px; float: right; font-size: 16px;}
.head li font{display: inline-block;}
.head li.active font{ color: #f88e24; border-bottom: 2px solid #f88e24; height: 58px;}
.head .apply{ padding: 0 15px; height: 30px; line-height: 30px; display: inline-block; text-align: center; position: absolute; right: 10px ;top: 10px; background: #FF9933; color: #fff; border-radius: 4px; margin-top: 5px;}
.head .apply a:hover{ color: #fff}

.main_3 img,.main_3 p,.main_3 h1{ display: inline-block;}

.media_box{ padding-top: 120px; padding-bottom: 120px; overflow: hidden;}
.media_pic,.media_info{ width: 50%; text-align: center; float: left;}
.media_pic img{ height: auto; width: 100%; display: inline-block;}
.media_info{ padding-top: 100px;}
.media_info p{ width: 300px; display: inline-block; margin-top: 20px; line-height: 30px; color: #333; font-size: 16px; text-align: left;}
.media_info h3{font-size:26px;}	
.wxd-download{ height: 620px; position: absolute; right: 0; top: 60px; width: 620px;}

.bot{ text-align: center; width: 100%; margin-bottom: 80px; font-size: 16px;}
.bot div{ width: 200px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #FF9933; display: inline-block; border-radius: 6px;}

/****微商城***/
.main_3 img{ margin: 60px 0; width: auto;}
.oto>div{ float: left; width: 20%; padding: 0 30px; margin-bottom: 100px; margin-top: 0; height: 114px;}
.oto .media-left img{ width: 88px; margin-right: 10px;}
.oto .media-body h2{ height: 30px; font-size: 18px; }
.oto .media-body p{ overflow: hidden; line-height: 26px; font-size: 14px; margin-top: 6px;}
.wsc_gn{ width: 1200px; position: absolute; top:0; left:calc(50% - 600px); padding-top: 11%; height: 100%; color: #fff; z-index: 2;}
.wsc_gn h2{ font-size: 54px; font-family: "宋体"; text-align: center; margin-bottom: 30px;}
.wsc_gn>div{ padding: 0 322px 0 278px; overflow: hidden;}
.wsc_gn>div>span{float: left; padding-left: 40px; padding-right: 20px; background: url("../images/icon_cur.png") no-repeat 16px center; margin-bottom: 20px; font-size: 22px;}

/****超级商城***/
.otox>div{ float: left; width: 20%; padding: 0 30px; margin-bottom: 40px; margin-top: 0; height: 114px;}
.otox .media-left img{ width: 88px; margin-right: 10px;}
.otox .media-body{ vertical-align: middle;}
.otox .media-body h2{ height: 30px; font-size: 24px; display: inline-block;}
.sjyx>div{ height: 380px !important;}
.sjyx img{ margin-bottom: 15px;}

.tong>div{ float: left; width:30%; padding:0 75px; margin-bottom: 50px; margin-top: 0;}
.tong .media-left img{ width: 88px; margin-right: 10px;}
.tong .media-body h2{  font-size: 24px; }
.tong .media-body p{ overflow: hidden; line-height: 26px; font-size: 14px; margin-top: 6px; color: #999;}

/***产品中心***/
.pro_wxd,.pro_sjsc,.pro_wsc,.pro_ypt{  background-size: 100% auto; height: 448px; position: relative;}
.left-box{ position: absolute; left: 0;top: 0; width: 50%;}
.left-box h2{ margin-top: 80px; display: inline-block; width: 100%; text-align: center; color: #f88e24; font-size: 30px;}
.left-box h3{ margin-top: 25px; display: inline-block; width: 100%; text-align: center; color: #485059; font-size: 24px;}
.left-box p{ margin-top: 150px;  float: left; width: 25%; text-align: center; color: #959595; font-size: 18px;}

.right-box{ position: absolute; right: 0;top: 0; width: 50%;}
.right-box h2{ margin-top: 80px; display: inline-block; width: 100%; text-align: center; color: #f88e24; font-size: 30px;}
.right-box h3{ margin-top: 25px; display: inline-block; width: 100%; text-align: center; color: #485059; font-size: 24px;}
.right-box p{ margin-top: 150px;  float: left; width: 25%; text-align: center; color: #959595; font-size: 18px;}

.pro_wxd{ background: url(../images/pro_wxd.png) no-repeat; background-size: 100%;}
.pro_wsc{ background: url(../images/pro_wsc.png) no-repeat; background-size: 100%;}
.pro_sjsc{ background: url(../images/pro_sjsc.png) no-repeat; background-size: 100%;}
.pro_ypt{ background: url(../images/pro_ypt.png) no-repeat; background-size: 100%;}

/***微小店***/
.wxd_yx{ width: 100% overflow: hidden;}
.wxd_yx>div{ float: left; width: 160px; margin:10px 40px; height: 360px;}
.wxd_yx p{ color: #999; font-size: 16px; line-height: 30px; padding-left: 5px;}
.wxd_price{ width: 308px; display: inline-block; text-align: center; position: relative; margin: 0 46px; float: left; border: 1px solid #f6f6f6; padding-top: 45px; box-shadow: 2px 2px 10px #ddd;}
.hover{  color: #fff; width: 119px; height: 138px; display: inline-block; background: url('../images/pro_price.png') no-repeat; position: absolute; left: calc(50% - 60px); top: -93px;}
.hover h3{ font-size: 22px;margin-bottom: 10px; display: inline-block; width: 100%;}
.hover small{ font-size: 14px; display: inline-block; width: 100%;}
.wxd_price font{ color: #999; font-size: 16px; width: 100%; display: inline-block; line-height: 54px; border-bottom: 1px solid #eee;}

.wxd_price a{ position: absolute; left: 0; bottom: 27px; height: 100px; line-height: 100px; width: 100%; display: inline-block; text-align: center;z-index: 2; }
.wxd_price a em{ color: #fff; font-size: 18px; width: 100px; height: 100px; line-height: 96px; border: 2px solid #f88e24; background: #ff9c36; border-radius: 50%; display: inline-block; }

.wxd_gn{ width: 1200px; position: absolute; top:0; left: calc(50% - 600px); height: 100%; padding-top: 12%; color: #fff;z-index: 2;}
.wxd_gn h2{ text-align: right; font-size: 40px; font-family: "宋体";font-weight: 700;}
.wxd_gn p{font-size: 22px; padding: 20px 50px 0 450px; line-height: 40px;}


/***解决方案***/
/***红包***/
.why_rp{ width: 960px; height: 503px; background: url("../images/rp_1.png") no-repeat; position: relative; margin: 0 auto; margin-bottom: 130px;}
.hover_box{ position: absolute; display: inline-block;}
.hover_box h3{ font-size: 24px; line-height: 30px; margin-bottom: 12px;}
.hover_box p{ font-size: 15px; color: #999; line-height: 27px; }
.rp_use{ position: relative; text-align: center; width: 1200px; margin: 0 auto; height: 440px;}
.rp_use p{ position: absolute; top: 318px; width: 140px; display: inline-block; color: #999; font-size: 16px;}

/***一元购***/
.why_yi{ background: url("../images/yi_1.png") no-repeat 100% 100%; height: 690px; width: 1054px; margin: 0 auto; position: relative; margin-bottom: 120px;}
.why_yi p{ position: absolute; width: 90px; color: #999; font-size: 16px;}
.yi_use{ width: 960px; height: 374px; background: url("../images/yi_2.png") no-repeat; overflow: hidden; margin: 0 auto; padding: 0 22px;}
.yi_use>div{ float: left; height: 374px; padding-top: 176px; width: 330px; text-align: center; color: #fff;}
.yi_use h3{ font: 24px; line-height: 30px; margin-bottom: 4px;}
.yi_use p{ padding: 0 60px; font-size: 16px;}

/***消费投资***/
.why_invest { margin: 0 auto 100px; width: 1200px; text-align: center; overflow: hidden;}
.why_invest>div{ background: url("../images/invest_1.png") no-repeat; width: 322px; height: 753px; display: inline-block; float: left;}
.why_invest>div:last-child{ background-image: url("../images/invest_2.png");}
.why_invest h3{ width: 100%; text-align: center; display: inline-block; margin: 82px 0 88px; line-height: 30px;}
.why_invest ul{ }
.why_invest li{ width: 100%; display: inline-block; padding-left: 56px; background: url("../images/icon_cur.png") no-repeat 25px 10px; text-align: left; font-size: 16px; padding-right: 40px; line-height: 32px;}
.invest_use{ background: url("../images/invest_3.png") no-repeat; width: 1200px; margin: 0 auto; height: 422px; position: relative;}
.invest_use p{ position: absolute; top: 346px; font-size: 16px; width: 200px; line-height: 30px;}
.invest_join{ background: url("../images/invest_4.png") no-repeat; width: 1200px; margin: 0 auto; height: 640px; padding-left: 500px;  padding-top: 32px;}
.invest_join h2{ font-size: 24px; line-height: 30px;}
.invest_join h3{ font-size: 16px; line-height: 30px; margin-bottom: 20px;}
.invest_join p{ width: 440px; color: #999; font-size: 16px; line-height: 36px;}

/***积分管理***/
.why_point{ background: url("../images/point_1.png") no-repeat ;  width: 1000px; height: 464px; position: relative; margin: 0 auto; margin-bottom: 180px;}
.point_use{ background: url("../images/point_2.png") no-repeat ;  width: 1000px; height: 642px; position: relative; margin: 0 auto;}

/***加盟代理***/
.banner_dai{ position: relative;  width: 100%; }
.banner_dai h3,.banner_dai h2{ width: 100%; display: inline-block; position: absolute; left: 0; text-align: center; color: #fff;}
.banner_dai h3{ font-size: 30px;}
.banner_dai h2{ font-size: 48px; font-family: '宋体';padding-bottom: 12px;}
.banner_dai font{ font-size: 24px; padding: 12px 0 20px; display: inline-block; width: 800px; position: absolute; left: calc(50% - 400px); border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #fff;}
.banner_dai font b{ font-size: 36px; font-weight: normal; color: #f88e24;}
.banner_dai div{ position: absolute; width: 1200px; left: calc(50% - 600px); top:68%; text-align: center; margin-top: 10px;}
.banner_dai a{ display: inline-block; width: 200px; height: 50px; line-height: 50px; margin-right: 76px; background: #f88e24; color: #fff; border-radius: 4px; font-size: 16px;}
.banner_dai a:last-child{ margin: 0;}
.banner_dai a:hover{ color: #fff;}

.join_pro{ width: 1200px; height: 520px; margin: 0 auto; position: relative; background: url("../images/join_2.png") no-repeat; margin-bottom: 100px;}
.join_ds{ width: 1200px; height: 600px; margin: 0 auto; background: url("../images/join_3.png") no-repeat; overflow: hidden;}
.join_ds>div{ float: left; width: 50%; height: 300px; position: relative;}
.join_ds p{ color: #999; font-size: 16px; padding: 30px 75px 0 205px; display: inline-block; width: 100%;line-height: 30px;}
.join_ds h3{ font-size: 20px; width: 435px; position: absolute; bottom: 58px; line-height: 34px;}
.join_all{ margin-bottom: 100px;}
.join_all>div{ width: 21%; margin: 0 2%; padding: 0 30px; height: 376px; float: left; position: relative;}
.join_all h3{ position: absolute; left: 0; top:222px; width: 100%; font-size: 24px; text-align: center;}
.join_all p{ position: absolute; left: 0; top: 278px; width: 100%; font-size: 16px; color: #999; padding: 0 5px; line-height: 30px;}

.join_allx{ }
.join_allx>div{ width: 120px; margin: 0 90px; height: 320px; float: left; position: relative;}
.join_allx h3{ position: absolute; left: 0; top: 160px; width: 100%; font-size: 24px; text-align: center;}
.join_allx p{ position: absolute; left: 0; top: 210px; width: 100%; font-size: 16px; color: #999; text-align: center;}
.join_condition{ width: 1200px; height: 540px; margin: 0 auto; position: relative; background: url("../images/join_4.png") no-repeat; margin-bottom: 100px;}
.join_RI{ width: 1200px; height: 558px; margin: 0 auto; position: relative; background: url("../images/join_5.png") no-repeat; }
.join_bottom h3{ display: inline-block; width: 100%; font-size: 30px; margin-bottom: 15px}
.join_bottom h2{ display: inline-block; width: 100%; font-size: 30px; color: #f88e24; margin-bottom: 75px;}
.join_bottom font{ display: inline-block; width: 100%; font-size: 30px; color: #999; margin-bottom: 15px; line-height: 45px;}
.join_bottom font b{ width: 0;height: 0; display: inline-block; border: 24px solid #fff; border-top-color: #999;}
.join_bottom>div{ width: 340px; margin: 0 auto; padding-left: 100px; background: url("../images/join_8.png") no-repeat; height: 86px;}

@media (max-width: 1400px){
    .left-box p,.right-box p{ margin-top: 110px; }
    .wxd_yx>div{ float: left; width: 140px; margin:10px 30px; height: 360px;}
}


@media (max-width: 767px){
	.main{ width: 90%; margin: 0 auto; overflow: hidden; }
/***产品中心***/
.pro_wxd,.pro_sjsc,.pro_wsc,.pro_ypt{  background-size: 100% auto; height: 300px; position: relative;}
.left-box{ position: absolute; left: 80px;;top: 0; width: 50%;margin:0 auto;}
.left-box h2{ margin-top: 150px; display: inline-block; width: 100%; text-align: center; color: #f88e24; font-size: 18px;}
.left-box h3{ margin-top: 10px; display: inline-block; width: 100%; text-align: center; color: #485059; font-size: 14px;}
.left-box p{ margin-top: 20px;  float: left; width: 50%; text-align: center; color: #959595; font-size: 14px;}

.right-box{ position: absolute; right: 80px;top: 0; width: 50%;}
.right-box h2{ margin-top: 150px; display: inline-block; width: 100%; text-align: center; color: #f88e24; font-size: 18px;}
.right-box h3{ margin-top: 10px; display: inline-block; width: 100%; text-align: center; color: #485059; font-size: 14px;}
.right-box p{ margin-top: 20px;  float: left; width: 25%; text-align: center; color: #959595; font-size: 14px;}
/*微小店*/
.media_box{ padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
.media_pic,.media_info{ width: 90%; text-align: center;margin:0 auto;}
.media_pic img{ height: auto; width: 100%; display:block;margin-left:50px;}
.media_info{ padding-top: 10px;}
.media_info h3{font-size:18px;margin-left:60px;}	
.media_info p{ width: 300px; display:block; margin-top: 20px; line-height: 30px; color: #333; font-size: 14px; margin-left:40px;}
	/****微商城***/
.main_3 img{ margin: 60px 0; width: 100%;}
	.main.oto{width:90%;margin:0 auto;}
.oto>div{ float: left; width: 50%; padding: 0 0px; margin-bottom: 100px; margin-top: 0; height: 114px;text-align: center;}
.oto .media-left img{ width: 60px; margin-right: 10px;}
.oto .media-body h2{ height: 30px; font-size: 16px; }
.oto .media-body p{ overflow: hidden; line-height: 26px; font-size: 14px; margin-top: 15px;width:90%;}
.wsc_gn{ width: 1200px; position: absolute; top:0; left:calc(50% - 600px); padding-top: 11%; height: 100%; color: #fff; z-index: 2;}
.wsc_gn h2{ font-size: 54px; font-family: "宋体"; text-align: center; margin-bottom: 30px;}
.wsc_gn>div{ padding: 0 322px 0 278px; overflow: hidden;}
.wsc_gn>div>span{float: left; padding-left: 40px; padding-right: 20px; background: url("../images/icon_cur.png") no-repeat 16px center; margin-bottom: 20px; font-size: 22px;}
	/***微小店***/
.wxd_yx{ width: 90%;overflow: hidden;margin:0 auto;}
.wxd_yx>div{ float: left; width:50%; margin:10px 0px; height: 360px;}
.wxd_yx p{ color: #999; font-size: 14px; line-height: 30px; padding-left: 5px;width:80%;margin:0 auto;}
.wxd_price{ width: 308px; display: inline-block; text-align: center; position: relative; margin: 0 46px; float: left; border: 1px solid #f6f6f6; padding-top: 45px; box-shadow: 2px 2px 10px #ddd;}
.hover{  color: #fff; width: 119px; height: 138px; display: inline-block; background: url('../images/pro_price.png') no-repeat; position: absolute; left: calc(50% - 60px); top: -93px;}
.hover h3{ font-size: 22px;margin-bottom: 10px; display: inline-block; width: 100%;}
.hover small{ font-size: 14px; display: inline-block; width: 100%;}
.wxd_price font{ color: #999; font-size: 16px; width: 100%; display: inline-block; line-height: 54px; border-bottom: 1px solid #eee;}

.wxd_price a{ position: absolute; left: 0; bottom: 27px; height: 100px; line-height: 100px; width: 100%; display: inline-block; text-align: center;z-index: 2; }
.wxd_price a em{ color: #fff; font-size: 18px; width: 100px; height: 100px; line-height: 96px; border: 2px solid #f88e24; background: #ff9c36; border-radius: 50%; display: inline-block; }

.wxd_gn{ width: 1200px; position: absolute; top:0; left: calc(50% - 600px); height: 100%; padding-top: 12%; color: #fff;z-index: 2;}
.wxd_gn h2{ text-align: right; font-size: 40px; font-family: "宋体";font-weight: 700;}
.wxd_gn p{font-size: 22px; padding: 20px 50px 0 450px; line-height: 40px;}
	/****超级商城***/
.otox>div{ float: left; width: 20%; padding: 0 40px; margin-bottom: 40px; margin-top: 0; height: 114px;text-align:center;}
.otox .media-left img{ width: 100%; margin-right: 10px;}
.otox .media-body{ vertical-align: middle;}
.otox .media-body h2{ height: 30px; font-size: 16px; display: inline-block;}
.sjyx>div{ height: 300px !important;}
.sjyx img{ margin-bottom: 15px;width:60%;margin-left:30px;}

.tong>div{ float: left; width:50%;  margin-bottom: 50px; padding:0 0px;margin-top: 0;text-align:center;}
.tong .media-left img{ width: 88px; margin-right: 10px;}
.tong .media-body h2{  width:90%;margin:0 auto;font-size: 16px; }
.tong .media-body p{ overflow: hidden; line-height: 26px; font-size: 14px; margin-top: 6px; color: #999;width:90%;margin:0 auto;}

}