/*----------大切换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 { 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 .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;}
/*=====微商城视觉篇切换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:175px;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/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:auto; margin-bottom:80px; margin-top:30px; position:relative; height:600px;}
.app-gs-section8{ background:url(../images/gs-section8.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:350px; left:380px; width:140px;}
.app-gs-section2-mode2 { top:20px; right:0px;}
.app-gs-section2-mode3 { top:60px; left:460px;}
.app-gs-section2-mode4 { top:35px; right:240px;}
.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:140%; 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;
}
/*多重赢利点*/
/*.app-gs-section1-box{ background:#FA4862;}*/
.app-gs-section2-box , .app-gs-section6-box{background:#FFCF51;}
.app-gs-section4-box{background:#2b9be7 url(../images/gs-section4.png) no-repeat center 160px;}
.app-gs-section4-box span{ position:absolute; width:360px; color:#FFF; line-height:150%; font-size:14px; text-align:center;}
.app-gs-section4-box span.app-gs-section4-font1{top: 266px; left:15px;}
.app-gs-section4-box span.app-gs-section4-font2{ top:440px; left:435px;}
.app-gs-section4-box span.app-gs-section4-font3{ top:258px; right: 5px;}

/*=========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;}

.app-sj-section10-box{ background:#3FA8F9;}





/*后台管理*/
.hot_main {
    width: 100%;
    height: 920px;
}
.backstage_bg {
    background: url(../images/backstage_bg.jpg) no-repeat top center;
}
.mainmid {
    width: 1210px;
    overflow: hidden;
    margin: auto;
}
.mainmid {
    width: 1210px;
    overflow: hidden;
    margin: auto;
}
.backstage {
    background: url(../images/backstage.png) no-repeat center;
    height: 724px;
    position: relative;
}

/*我们为您带来的价值*/
.values {
    height: 730px;
}
.values ul {
    width: 1200px;
    overflow: hidden;
    margin: auto;
    padding-top: 90px;
}
.values ul li {
    width: 300px;
    overflow: hidden;
    float: left;
}
.values .values1 em {
    background: url(../images/values1.png) center no-repeat;
}
.values .values2 em {
    background: url(../images/values2.png) center no-repeat;
}
.values .values3 em {
    background: url(../images/values3.png) center no-repeat;
}
.values .values4 em {
    background: url(../images/values4.png) center no-repeat;
}

.values ul li em {
    display: block;
    width: 226px;
    margin: auto;
    height: 226px;
}
.values ul li span {
    display: block;
    width: 220px;
    overflow: hidden;
    line-height: 150%;
    text-align: center;
    color: #999;
    font-size: 16px;
    margin: auto;
    margin-top: 20px;
}