/*----------大切换css-------- */
.tab-w{width:450px; }
.tab-w1{ width:750px;}
.notice { width:100%;overflow: hidden; margin:auto; }
.notice .tab-hd { height:auto; width:100%; margin:auto;}
.navbg{height:50px;width:99.92%;*width:99.85%;background-color:rgba(255,255,255,0.93);box-shadow:1px 1px 7px #ccc;position:absolute;z-index:99;left:0; border:1px solid #ccc\9; background:url(../images/white_bg.jpg);}
.notice .tab-nav{margin:auto; margin-left:200px; width:1000px;position: relative;height: 50px;line-height: 50px;}
.notice .tab-nav span{ float: left; width:120px; height:40px; text-align:center;position: absolute;
left: 120px;top: 0px;}
.notice .tab-nav span a{ display:block; font-size:16px; color:#333 !important; background:url(../images/slash_jdsj.png) no-repeat bottom right;}
.notice .tab-nav span a:hover{color:#f9334b !important;}
.notice .tab-nav li{ float: left; width:120px; height:55px; text-align:center; background:url(../images/slash.png) no-repeat center right;}
.notice .tab-nav li.no_slash{ background:none;}
.notice .tab-nav img { float:left;padding-top: 12px;}
.notice .tab-nav li a{ display:block; font-size:16px; color:#333;}
.notice .tab-nav li.on , .notice .tab-nav li a:hover{ color:#f9334b;}
.notice .tab-nav li.on a{ color:#f9334b;}	
.notice .tab-bd { width:100%; margin:auto; overflow:hidden;}
.notice .tab-bd .tab-pal{ width:100%; margin:auto; overflow:hidden }

/*====右侧浮动导航====*/
/*微商城概述篇*/
.floor_r {width:120px;float:right;right:0;margin-top:180px; margin-right:10px;z-index:9999999; position:relative}
.floor_r_ul {width:120px;z-index: 100; float:left}
.floor_r ul li {height:30px;}
.floor_r ul li a {color:#666;font-size: 14px;line-height:30px;font-weight: bold; display:block; float:left}
.floor_r ul li a strong{ display:block; float:left; margin-top:10px; margin-right:10px; width:8px; height:8px;border-radius: 19px; border:1px solid #CCC; background:#FFF;}
.floor_r ul li .selected {color:#F00;}
.floor_r ul li .selected strong{ background:#999;}
/*微商城视觉篇*/
.floor_r2 {width:120px;float:right;right:0;margin-top:180px; margin-right:10px;}
.floor_r_ul2 {width:120px;z-index: 100; float:left}
.floor_r2 ul li {height:30px;}
.floor_r2 ul li a {color:#666;font-size: 14px;line-height:30px;font-weight: bold; display:block; float:left}
.floor_r2 ul li a strong{ display:block; float:left; margin-top:10px; margin-right:10px; width:8px; height:8px;border-radius: 19px; border:1px solid #CCC; background:#FFF;}
.floor_r2 ul li .selected2 {color:#F00;}
.floor_r2 ul li .selected2 strong{ background:#999;}

.floor-bian1{ height:280px;float:left;width:4px;  border-right:1px solid #CCC; margin-top:10px; margin-right:-20px;}
.floor-bian2{ height:305px;float:left;width:4px;  border-right:1px solid #CCC; margin-top:10px; margin-right:-20px;}


/*=========微商城概述篇内容=========*/
.bannerbg10{ height:600px; background:url(../images/bannerbg10.jpg) no-repeat center;}
/*翼商城是什么*/
.what-vsc-box{ background:#FFF url(../images/what-vsc-bg.jpg) no-repeat center top;}
.what-vsc-content{ width:850px; margin:0 auto; overflow:hidden;padding-top:45px; height:770px;}
.what-vsc-btn { margin-top:250px;}
.what-vsc-btn a{font-size: 30px;color: #FFF;line-height: 60px; text-align: center;display: block; width:200px; height:60px; border:1px solid #FFF; border-radius:15px;}
.what-vsc-btn a:hover{color: #58A027; background:#FFF;}
img.vscyanshi-erweima{ margin-top:190px;}
.indexbg{ background:url(../images/indexbg.png) no-repeat center; width:361px; height:768px; position:absolute; left:240px;}
.indexbg .index-demo{margin: 110px 0 0 25px; width:316px; height:556px; overflow-x:hidden;-webkit-scrollbar:width:0px;}
/*功能*/
.vsc-function-box{ overflow:hidden; background:#FFF;}
.vsc-function-box ul {width: 1160px;margin: 0 auto; overflow: hidden; padding-bottom:50px;}
.vsc-function-box li { float:left; padding:0 36px; width:160px; text-align:center; padding-top:35px;}
.vsc-function-box li span { font-size:20px; color:#000; line-height:160%;}
.vsc-function-box li i {width:150px; height:150px; background:url(../images/vsc-function-icon.png); margin:0 auto 12px;}
.vsc-function-box li i.vsc-function-icon1{ background-position:0 0;} 
.vsc-function-box li i.vsc-function-icon2{ background-position:-152px 0;}
.vsc-function-box li i.vsc-function-icon3{ background-position:-303px 0;}
.vsc-function-box li i.vsc-function-icon4{ background-position:-454px 0;}
.vsc-function-box li i.vsc-function-icon5{ background-position:-607px 0;}
.vsc-function-box li i.vsc-function-icon6{ background-position:0 -152px;}
.vsc-function-box li i.vsc-function-icon7{ background-position:-152px -152px;}
.vsc-function-box li i.vsc-function-icon8{ background-position:-303px -152px;}
.vsc-function-box li i.vsc-function-icon9{ background-position:-454px -152px;}
.vsc-function-box li i.vsc-function-icon10{ background-position:-607px -152px;}

/*动态星空背景*/
.stairs-wrapper-vsc { background:#111634; position: fixed; width: 100%; height: 100%;top: 0;  bottom: 0; left: 0; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; z-index: -1;}
.stairs-wrapper-vsc .stars {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0}
.stars-animation {
	-moz-animation: stairs 9s linear infinite;
	-webkit-animation: stairs 9s linear infinite;
	animation: stairs 9s linear infinite
}
.stars-animation-two {
	-moz-animation: stairs 9s linear infinite;
	-webkit-animation: stairs 9s linear infinite;
	animation: stairs 9s linear infinite;
	-moz-animation-delay: 3s;
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}
.stars-animation-three {
	-moz-animation: stairs 9s linear infinite;
	-webkit-animation: stairs 9s linear infinite;
	animation: stairs 9s linear infinite;
	-moz-animation-delay: 6s;
	-webkit-animation-delay: 6s;
	animation-delay: 6s
}

/*商之翼·翼商城-微商城实现的价值*/
.worth{ width:1200px; height:1060px; background:url(../images/worth.png) no-repeat center 185px; margin:0 auto;}
.worth-content{ width:510px; overflow:hidden;}
.worth-content1{ position:absolute; top:20px; left:380px; width:390px;}
.worth-content2{ position:absolute; top:180px; right:-150px;}
.worth-content3{ position:absolute; top:380px; right:-150px;}
.worth-content4{ position:absolute; top:480px; left:380px; width:390px;}
.worth-content5{ position:absolute; top:380px; left:-150px;}
.worth-content6{ position:absolute; top:180px; left:-150px;}
.worth-content i { background:url(../images/worth-icon.png); width:118px; height:118px; margin-bottom:16px;}
.worth-content i.worth-icon1{ background-position:0 0; margin:0 auto 16px;}
.worth-content i.worth-icon2{ background-position:-121px 0;}
.worth-content i.worth-icon3{ background-position:-242px 0;}
.worth-content i.worth-icon4{ background-position:0 -120px; margin:0 auto 16px;}
.worth-content i.worth-icon5{ background-position:-121px -120px;}
.worth-content i.worth-icon6{ background-position:-242px -120px;}
.worth-content span { font-size:16px; line-height:160%; color:#fefefe; display:block; text-align:center;}
.worth-content2 span , .worth-content3 span , .worth-content5 span , .worth-content6 span{width:250px;}
.worth-content2 span { padding-top:32px; padding-left:16px; text-align:left;}
.worth-content3 span { padding-top:32px; padding-left:16px; text-align:left;}
.worth-content5 span { padding-top:32px; padding-right:16px; text-align:right;}
.worth-content6 span { padding-top:22px; padding-right:16px; text-align:right;}

.movecloudsone{
	-webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-ms-animation: moveclouds 30s linear infinite;
	animation: 30s linear 0s normal none infinite running moveclouds
}
/*云、我们的技术*/
.blue-sky {width: 100%; background:#2A9AE2;}
.blue-sky .blue-sky-clouds {position:absolute;top:-390px;width: 100%;height: 390px;overflow: hidden; background:url(../images/blue-sky-clouds-bg.png) no-repeat center bottom;}
.blue-sky .blue-sky-clouds .sky-clouds {position: absolute;top: 0;left: 0;width: 5667px;height: 390px;background: url('../images/blue_sky_clouds.png') repeat-x 0 0;background-size: contain;}
.blue-sky .blue-sky-clouds .sky-clouds:nth-child(2) {left: -490px;}
.blue-sky .blue-sky-clouds .sky-clouds:nth-child(3) {left: 0;}
.blue-sky .blue-sky-clouds .sky-clouds-info {width: 1200px;color: #2A9AE2;font-weight: bolder;margin: 0 auto;position: relative;z-index: 3;margin-top: 120px;text-align: center;}
.blue-sky .blue-sky-clouds .sky-clouds-info .big-font{font-size:72px; line-height:120%;}
.blue-sky .blue-sky-clouds .sky-clouds-info .small-font{font-size:38px; line-height:140%;font-weight: normal;}
.vsc-adv-box{position: relative;width: 100%;overflow: hidden; background:#2A9AE2 url(../images/vsc-adv-bg.jpg) no-repeat center bottom;}
.vsc-adv-box ul{ width:1020px; margin:0 auto; overflow:hidden; padding:60px 0 80px;position: relative; z-index: 20;}
.vsc-adv-box ul li{ float:left; padding:0 50px; width:240px;}
.vsc-adv-box ul li i{ background:url(../images/vsc-adv-icon.png); width:200px; height:200px; margin:0 auto;}
.vsc-adv-box ul li i.vsc-adv-icon1{ background-position:0 0;}
.vsc-adv-box ul li i.vsc-adv-icon2{ background-position:-354px 0;}
.vsc-adv-box ul li i.vsc-adv-icon3{ background-position:-708px 0;}
.vsc-adv-box ul li span { display:block; text-align:center; color:#FFF;}
.vsc-adv-box ul li .vsc-adv-title{ font-size:24px; line-height:240%; padding-top:14px;}
.vsc-adv-box ul li .vsc-adv-font{ font-size:16px; line-height:140%;}


/*=========微商城视觉篇内容=========*/
.vsc-sj-section1-box{ background:#F5DB6D;}
.vsc-sj-section2-box{background:#9481F4 url(../images/vsc-sj-section2bg.png) center repeat-y;}
.vsc-sj-section3-box{background:#FFF;}
.vsc-sj-section4-box{background:#66DF9C url(../images/vsc-sj-section4bg.png) center repeat-y;}
.vsc-sj-section5-box{background:#fdf5c6 url(../images/vsc-sj-section5bg.png) center repeat-y;}
.vsc-sj-section6-box{background:#75c5de url(../images/vsc-sj-section6bg.png) center repeat-y;}
.vsc-sj-section1{ width:1137px; height:815px; background:url(../images/vsc-sj-section1.png) no-repeat center; margin:30px auto 0;}
.vsc-sj-section8-box{ padding:40px 0 30px;}
.vsc-sj-section4-box h2 , .vsc-sj-section5-box h2 , .vsc-sj-section8-box h2{ padding-top:0;}
.vsc-sj-section4-box h3 , .vsc-sj-section5-box h3 , .vsc-sj-section8-box h3{ padding-bottom:0;}
/*=====微商城视觉篇切换S====*/
.dg-container { width: 100%;  height:820px;position: relative; }
.dg-container .pages .small ul {width:600px;height: 30px; margin:20px auto 40px;}
.dg-container .pages .app-small ul {width:1000px;height: 30px; margin:20px auto 40px;}
.dg-container .pages .small ul li{ float:left;}
.dg-container .pages .small ul .page {display: inline-block;width: 100px;height: 30px;line-height: 30px; border-radius: 15px;color: #b5b5b5;background-color: #FFF;font-size: 14px;text-align: center;float:left; cursor: pointer; }
.dg-container .pages .app-small ul .page{width:90px;}
.dg-container .pages .mr20{ margin-right: 20px;}
.dg-container .pages .mr12{ margin-right: 12px;}
.dg-container .pages .small ul .hove .page { color:#FFF; background-color: #ffd05e; }
.dg-container .imgbox { width: 1100px; height: 500px;position: absolute;top:185px;left: 50%;display: inline-block; margin-left: -510px; }
.dg-container .imgbox ul {float: left; }
.dg-container .imgbox ul li {width:343px; position: absolute;overflow: hidden; cursor: pointer; }
.dg-container .imgbox ul li img {width: 100%; height: 100%;vertical-align: top; }
.dg-container .imgbox ul li .shadow { position: absolute;z-index: 1; top: 0; left: 0;width: 100%;height: 100%;  background-color: #000; filter: alpha(opacity=50);opacity: 0.5; }
.dg-container nav { width: 58px; position: absolute; z-index: 1000;bottom: 10px; left: 50%; margin-left: -29px; }
.dg-container nav span { float: left;cursor: pointer;width: 24px;height: 25px;color: #000; }
/*=====微商城视觉篇切换E====*/


/*=========APP概述篇=========*/
/*banner*/
.app-banner{ background:#ff7610 url(../images/app_banner_bg.jpg) no-repeat center top; overflow:hidden;}
.app_light {
    -moz-animation: light 60s linear 0s infinite;
    -webkit-animation: light 60s linear 0s infinite;
    animation: light 60s linear 0s infinite;
    position: absolute;
    top: -400px;
    left: 0;
    width: 100%;
    height: 1920px;
    background: url(../images/light_bg.png) center 0 no-repeat;
}
.app_yun1 {
    -moz-animation: cloud1 6s ease-in-out 0s infinite;
    -webkit-animation: cloud1 6s ease-in-out 0s infinite;
    animation: cloud1 6s ease-in-out 0s infinite;
    position: absolute;
    top:10px;
    left: 0; z-index:19;
    width: 100%;
    height:600px;
    background: url(../images/app_banner_yun1.png) center 0 no-repeat;
}
.app_yun2 {
    -moz-animation: cloud2 6s ease-in-out 0s infinite;
    -webkit-animation: cloud2 6s ease-in-out 0s infinite;
    animation: cloud2 6s ease-in-out 0s infinite;
    position: absolute;
    top:10px;
    left: 0; z-index:12;
    width: 100%;
    height: 600px;
    background: url(../images/app_banner_yun2.png) center 0 no-repeat;
}
.app_yun3 {
    -moz-animation: cloud1 6s ease-in-out 0s infinite;
    -webkit-animation: cloud1 6s ease-in-out 0s infinite;
    animation: cloud1 6s ease-in-out 0s infinite;
    position: absolute;
    top:0px;
    left: 0;z-index:9;
    width: 100%;
    height: 600px;
    background: url(../images/app_banner_yun3.png) center 0 no-repeat;
}
.app_banner_lou{ position:absolute; top:70px; left:0; width:100%; height:279px; background:url(../images/app_banner_lou.png) no-repeat center; z-index:29; z-index:5;}
.app_banner_font{position:absolute; top:50px; left:0; width:100%; height:512px; background:url(../images/app_banner_font.png) no-repeat center; z-index:40;}
.app_banner_yuanpan{ width:100%; height:296px; background:url(../images/app_banner_yuanpan_bg.png) no-repeat center; position:absolute; bottom:0; left:0; z-index:20;}
/*运营模式*/
.app-gs-section2-box{ background:#ffd478 url(../images/app-gs-section2-boxbg.jpg) no-repeat center bottom;}
.app-gs-section2{ background:url(../images/gs-section2.png) no-repeat center top; width:1210px; overflow:hidden; margin:30px auto 0; position:relative; height:600px;}
.app-gs-section2-mode1 , .app-gs-section2-mode2 , .app-gs-section2-mode3 , .app-gs-section2-mode4 { width:320px; position:absolute;}
.app-gs-section2-mode1 { top:40px; left:70px;}
.app-gs-section2-mode2 { top:40px; right:70px;}
.app-gs-section2-mode3 { top:280px; left:70px;}
.app-gs-section2-mode4 { top:280px; right:70px;}
.app-gs-section2 i { width:86px; height:86px; background:url(../images/gs-section2-icon.png); margin:0 auto;}
.app-gs-section2 i.mode-icon1{ background-position:0 0;}
.app-gs-section2 i.mode-icon2{ background-position:right 0;}
.app-gs-section2 i.mode-icon3{ background-position:0 bottom;}
.app-gs-section2 i.mode-icon4{ background-position:right bottom;}
.mode-title{ display:block; color:#eb3250; font-size:24px; line-height:200%; text-align:center;}
.mode-font{ font-size:16px; color:#54141e; line-height:160%;}
/*功能汇集*/
.app-gs-function {width: 1120px;overflow:hidden; margin:30px auto 45px;}
.app-gs-function li { float:left; padding:0 20px; width:120px; height:175px; cursor:pointer;}
.app-gs-function li span { font-size:18px; color:#333; display:block; text-align:center; line-height:140%; padding-top:25px;}
.app-gs-function li span.paddt15{ padding-top:15px;}
.app-gs-function li i { background:url(../images/gs-section3.png); width:85px; height:85px;margin: 0 auto;}
.app-gs-function li i.app-gs-function-icon1{ background-position:0 0;}
.app-gs-function li i.app-gs-function-icon2{ background-position:-87px 0;}
.app-gs-function li i.app-gs-function-icon3{ background-position:-175px 0;}
.app-gs-function li i.app-gs-function-icon4{ background-position:-264px 0;}
.app-gs-function li i.app-gs-function-icon5{ background-position:-354px 0;}
.app-gs-function li i.app-gs-function-icon6{ background-position:-443px 0;}
.app-gs-function li i.app-gs-function-icon7{ background-position:-533px 0;}
.app-gs-function li i.app-gs-function-icon8{ background-position:0 -90px;}
.app-gs-function li i.app-gs-function-icon9{ background-position:-87px -90px;}
.app-gs-function li i.app-gs-function-icon10{ background-position:-175px -90px;}
.app-gs-function li i.app-gs-function-icon11{ background-position:-264px -90px;}
.app-gs-function li i.app-gs-function-icon12{ background-position:-354px -90px;}
.app-gs-function li i.app-gs-function-icon13{ background-position:-443px -90px;}
.app-gs-function li i.app-gs-function-icon14{ background-position:-533px -90px;}
.app-gs-function li i.app-gs-function-icon15{ background-position:0 -181px;}
.app-gs-function li i.app-gs-function-icon16{ background-position:-87px -181px;}
.app-gs-function li i.app-gs-function-icon17{ background-position:-175px -181px;}
.app-gs-function li i.app-gs-function-icon18{ background-position:-264px -181px;}
.app-gs-function li i.app-gs-function-icon19{ background-position:-354px -181px;}
.app-gs-function li i.app-gs-function-icon20{ background-position:-443px -181px;}
.app-gs-function li i.app-gs-function-icon21{ background-position:-533px -181px;}
.xuanzhuan360{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-webkit-transition:1s ease;
	-moz-transition:1s ease;
	-o-transition:1s ease;
	transition:1s ease;
}
/*多重赢利点*/
.section .title h2{font-size: 40px;}
.section .title p{font-size: 18px;}
.app-gs-section1-box{ background:#FA4862;}
.app-gs-section1-box h2{font-size: 40px;padding-top: 40px;}
.app-gs-section2-box h2{font-size: 40px;padding-top: 40px;}
.app-gs-section5-box h2{font-size: 40px;padding-top: 40px;}
.app-gs-section6-box h2{font-size: 40px;padding-top: 40px;}
.app-gs-section1-box h3{font-size: 18px;padding: 40px;}
.app-gs-section2-box h3{font-size: 18px;padding-top: 40px;}
.app-gs-section5-box h3{font-size: 18px;padding-top: 40px;}
.app-gs-section6-box h3{font-size: 18px;padding-top: 40px;}
.app-gs-section2-box , .app-gs-section6-box{background:#FFCF51;}
.app-gs-section4-box{background:#2B9BE7 url(../images/gs-section4.png) no-repeat center top;}
.app-gs-section4-box span{ position:absolute; width:200px; color:#FFF; line-height:150%; font-size:16px; text-align:center;}
.app-gs-section4-box span.app-gs-section4-font1{top: 385px; left:205px;}
.app-gs-section4-box span.app-gs-section4-font2{ top:410px; left:505px;}
.app-gs-section4-box span.app-gs-section4-font3{ top:385px; right: 195px;}
.app-gs-section5-box{background:url(../images/waimai_pain_bg.png)no-repeat center center;background-size: 100% 100%;}
.sd{visibility: visible; transform: translateY(-800px) scale(0.95); opacity: 0; -webkit-transform: translateY(-800px) scale(0.95); opacity: 0; }
/*=========APP视觉篇=========*/
.app-sj-section1-box{ background:#FA4862;}
.app-sj-section3-box{ background:#fdd151 url(../images/app-sj-section3-bg.jpg) no-repeat center;}
/*商品列表页*/
.app-sj-section4-box{ background:#1f253d url(../images/app-sj-section4-bg.jpg) no-repeat center;}
.app-sj-section4{ width:1210px; margin:0 auto; background:url(../images/sj-section4.png) no-repeat center; position:relative; height:700px;}
.app-sj-section4 span{ position:absolute; font-size:26px; color:#FFF; line-height:150%; text-align:right;}
.app-sj-section4-font1{ top: 126px;left: 203px;}
.app-sj-section4-font2{ top:170px;left:203px;}
.app-sj-section4-font3{top: 360px;left: 150px;}
.app-sj-section4-font4{ top:123px; right:110px;}
.app-sj-section4-font5{ top:167px; right:220px;}
.app-sj-section4 span.app-sj-section4-font6{ top:350px; right:90px; text-align:left; width:280px;}
/*商品详情*/
.app-sj-section6-box{ background:#ff4862 url(../images/app-sj-section6-bg.jpg) repeat-y center;}
.app-sj-section6{ width:1167px; margin:0 auto; background:url(../images/sj-section6.png) no-repeat center; position:relative; height:1320px;}
.app-sj-section6 span{ position:absolute; font-size:26px; color:#FFF; line-height:130%;}
.app-sj-section6-font1{top:60px;left:535px;}
.app-sj-section6-font2{top:170px;left:535px;}
.app-sj-section6-font3{top:805px;left:535px;}
.app-sj-section6-font4{top:914px;left:535px;}
.app-sj-section6-font5{top:1110px;left:535px;}

.app-sj-section7-box{background:#91c925 url(../images/app-sj-section7-bg.jpg) no-repeat center;}

/*商家店铺*/
.vsc-sj-section9-box{ background:url(../images/app-sj-section9-bg.jpg) no-repeat center;}
.stree{width: 1080px; margin:0 auto;overflow:hidden; height:680px;padding-top:60px;}
.stree li{ width:360px; height:680px; float:left;}
.stree li img{ display:block; margin:auto;}


 .clearfix {display: block;zoom: 1;}
.app-sj-section10-box{ background:#3FA8F9;}
.section-2{background: #3db6ff;height: 750px;}
.section-2 .section-wrapper ul{margin:40px -30px 80px 0;}
.section-2 .section-wrapper ul li{width: 280px;height:470px;float: left;text-align: center;box-sizing: border-box;margin-right: 30px;background: #fff;}
.section-2 .section-wrapper ul li div{background-color:#3db6ff;display: inline-block;border-radius: 50%;width: 180px;height: 180px;margin: 40px 0 20px;}
.section-2 .section-wrapper ul li div i{background: url(../images/ecjia_icon2.png)no-repeat center center;background-position: 0 0;display: inline-block;width: 80px;height: 80px;margin-top: 50px;}
.section-2 .section-wrapper ul li:nth-child(2) div i{background-position: -80px 0;}
.section-2 .section-wrapper ul li:nth-child(3) div i{background-position: -160px 0;}
.section-2 .section-wrapper ul li:nth-child(4) div i{background-position: -240px 0;}
.section-2 .section-wrapper ul li span{display: inline-block;background: url(../images/solution.png) no-repeat center;width: 240px;height: 16px;}
.section-2 .section-wrapper ul li p{color: #82939e;font-size: 16px;padding: 20px 25px;line-height: 1.8;}
.section-2 .section-wrapper ul li p.blue{color: #3db6ff;padding: 0;padding-bottom: 20px;}
 .section{width: 100%;clear:both;}
    .section .section-wrapper{width: 1210px;margin: 0 auto;text-align: center;font-weight: lighter;}
    .section .title{padding-top:50px;font-weight: normal;}
    .section .title p.blue{font-size: 28px;line-height: 50px;color: #00b194;}
    .section .title p.up{font-size: 36px;line-height: 70px;color: #434A54;}
    .section .title p.down{font-size: 16px;line-height: 180%;padding-top: 10px;color:#82939e;}
    .img-box{width: 100%;position: relative;padding-top: 60px;}
    .fl{float: left;}
    .fr{float: right;}
     .color-3{color:#ffffff !important;}
      .section-wrapper .title h2{font-size: 40px; line-height: 75px;font-weight: lighter;color: #434A54;}
    .section-wrapper .title p{font-size: 18px;  line-height: 28px;color:#82939e;}
    .section-wrapper .title p a{color:#82939e;}



.section-8{margin-bottom: 70px;}
.section-8 .section-wrapper ul li{width:16.6666666667%;float: left;}
.section-8 .section-wrapper ul li i{width: 120px;height: 120px;display: block;background: url(../images/pic6_icon.png) no-repeat center;margin: 40px auto 20px;background-position: 0 0;}
.section-8 .section-wrapper ul li:nth-child(2) i{background-position: -120px 0;}
.section-8 .section-wrapper ul li:nth-child(3) i{background-position: -240px 0;}
.section-8 .section-wrapper ul li:nth-child(4) i{background-position: -360px 0;}
.section-8 .section-wrapper ul li:nth-child(5) i{background-position: -480px 0;}
.section-8 .section-wrapper ul li:nth-child(6) i{background-position: -600px 0;}
.section-8 .section-wrapper ul li:nth-child(7) i{background-position: 0 -120px;}
.section-8 .section-wrapper ul li:nth-child(8) i{background-position: -120px -120px;}
.section-8 .section-wrapper ul li:nth-child(9) i{background-position: -240px -120px;}
.section-8 .section-wrapper ul li:nth-child(10) i{background-position: -360px -120px;}
.section-8 .section-wrapper ul li:nth-child(11) i{background-position: -480px -120px;}
.section-8 .section-wrapper ul li:nth-child(12) i{background-position: -600px -120px;}
.section-8 .section-wrapper ul li:nth-child(13) i{background-position: 0 -240px;}
.section-8 .section-wrapper ul li:nth-child(14) i{background-position: -120px -240px;}
.section-8 .section-wrapper ul li:nth-child(15) i{background-position: -240px -240px;}
.section-8 .section-wrapper ul li:nth-child(16) i{background-position: -360px -240px;}
.section-8 .section-wrapper ul li:nth-child(17) i{background-position: -480px -240px;}
.section-8 .section-wrapper ul li:nth-child(18) i{background-position: -600px -240px;}

/*==========section-9============*/
.section-9 .section-wrapper{background: url(../images/pic8_phone.jpg)no-repeat left bottom;height: 740px;}
.section-9 .section-wrapper>p{font-size: 18px;float: left;padding-top: 40px;}
.section-9 .section-wrapper>p span{color: #ff9000;}
.section-9 .section-wrapper div.img{height: 85px;width: 557px;background: url(../images/pic9_icon.png)no-repeat center center;position: absolute;left: 10px;top: 280px;}
.section-9 .section-wrapper div.f_r{height: 340px;width: 480px;margin-top:  110px;}
.section-9 .section-wrapper div.text h3{color: #3db6ff;font-size: 36px;text-align: left;padding-bottom: 10px;}
.section-9 .section-wrapper div.text>p span.fsize-48{color: #eb2525;padding-right: 10px;}
.section-9 .section-wrapper div.text ul{margin-top: 30px;}
.section-9 .section-wrapper div.text ul li{float: left;margin-right: 35px;font-size: 18px;line-height: 1.8;}
.section-9 .section-wrapper div.text ul li i{background: url(../images/sikefuwu_yonghu_supai.png)no-repeat center;width: 190px;height: 190px;background-size: cover;display: inline-block;}
.section-9 .section-wrapper div.text ul li:nth-child(2) i{background: url(../images/sikefuwu_shangjia.png)no-repeat center;background-size: cover;}
 
.waimai-food-mode{height:700px;background:url(../images/waimai-mode_bg.jpg) no-repeat center top;padding-top:30px;text-align:center;}
.waimai-food-mode h1{color:#fff;font-size:40px;text-align:center;margin-bottom:10px}
.waimai-food-mode .moshi-img{width:1200px;display:block;height:554px;margin: 45px auto 0}

/*消费者、商家、平台多角色使用*/
.waimai-many-roles{height:700px;background:#fff;padding-top:30px;text-align:center;}
.waimai-many-roles h1{color:#333;font-size:30px;text-align:center;margin-bottom:10px}
.waimai-many-roles h2{color:#999;width:966px;line-height:30px;text-align:center;margin:0 auto}
.waimai-many-roles .roles-cont{margin-top:90px}
.waimai-many-roles .role-one{width:33.3333%;float:left;text-align:center;padding-top:30px}
.waimai-many-roles .role-img{width:319px;height:232px;display: inline-block}
.waimai-many-roles .role-one>h3{font-size:24px;margin:15px 10px}
.waimai-many-roles .role-one .p1,.p2{font-size:16px;}
.pagewd{width:1200px;margin: 0 auto;}
.pagewd h1{font-size: 40px;}
.pagewd h2{font-size: 18px;}

.case-wrap {
								width: 100%;
								margin: 0;
								padding: 0;
								height: 650px;
								background: #f7f9fe;
							}
							
							.case-wrap h1 {
								font-size: 40px;
								text-align: center;
								margin-top: 50px;
								color: #000;
								padding-top: 50px;
							}
							
						
							.temp {
								width: 1150px;
								left: 0px;
								position: relative;
								overflow: hidden;
								margin: 0 auto;
								padding: 60px;
							}
							
							.wrap {
								float: left;
								width: 332px;
								margin: 5px 21px;
								box-shadow: 0 10px 20px -6px #999;
								position: relative;
								height: 400px;
							}
							.case-wrap .div1{position: absolute;left: 0;top:0;transition:top .4s;}
							.case-wrap .div1:hover{top:-10px}
							.case {
								margin: 50px auto;
								font-size: 32px;
								line-height: 72px;
							}
							.miao{padding:22px;position: relative;}
.miao p{text-align: left;font-size: 24px;color:#444;padding:0 ;padding-bottom:8px;}
.miao span{font-size: 18px;color:#888;}
.miao img{position: absolute;right:22px; bottom:22px;}
.miao.ewm img{bottom:12px;}
.tempWrap ul li:hover{opacity: 0.9;}