@charset 'utf-8';
/* ---------- reset ---------- */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
/*鼠标经过卡片阴影模块*/
.module-card-raise{ -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.module-card-raise:hover{ -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); transform: translate(0,-10px); -webkit-box-shadow: 0 20px 20px #ddd; -moz-box-shadow: 0 20px 20px #ddd; box-shadow: 0 20px 20px #ddd;}
/*按钮模块*/
.btn{ display: inline-block; font-size: 18px; color: #fff; background-color: #239ffd; padding: 12px 25px; border-radius: 15px; }
.btn:hover{ background-color: #24B2F7; }
.btn img{ vertical-align: middle; margin-right: 5px; }
.btn-danger{ background-color: #f42424; }
.btn-danger:hover{ background-color: #F96565; }
.btn-green{ background-color: #00cc33; }
.btn-green:hover{ background-color: #0ce642; }
.btn-3d{ border-radius: 10px; padding: 14px 50px; }
.btn-danger.btn-3d{ border-bottom: 5px solid #D33C3C; }
.btn-danger.btn-3d:hover{ border-bottom-color: #DC5353;}
.btn-3d:active{ border-bottom: 0 none; transform: translate(0,5px); margin-bottom: 5px;}

.btn-blue{ background-color:#1f99fa;}

.btn-shadow{ border-radius:10px;}
.btn-danger.btn-shadow{
	background: #e73244;
    background: -moz-linear-gradient(30deg,#e73244 0%,#f0484c 60%,#fd6557 100%);
    background: -webkit-linear-gradient(30deg,#e73244 0%,#f0484c 60%,#fd6557 100%);
    background: -webkit-linear-gradient(60deg,#e73244 0%,#f0484c 60%,#fd6557 100%);
    background: -moz-linear-gradient(60deg,#e73244 0%,#f0484c 60%,#fd6557 100%);
    background: -o-linear-gradient(60deg,#e73244 0%,#f0484c 60%,#fd6557 100%);
    background: linear-gradient(180deg,#e73244 0%,#f0484c 60%,#fd6557 100%);
}
.btn-blue.btn-shadow{
	background: #1e97fb;
    background: -moz-linear-gradient(180deg,#1e97fb 0%,#25b2f1 60%,#2ecee8 100%);
    background: -webkit-linear-gradient(180deg,#1e97fb 0%,#25b2f1 60%,#2ecee8 100%);
    background: -webkit-linear-gradient(180deg,#1e97fb 0%,#25b2f1 60%,#2ecee8 100%);
    background: -moz-linear-gradient(180deg,#1e97fb 0%,#25b2f1 60%,#2ecee8 100%);
    background: -o-linear-gradient(180deg,#1e97fb 0%,#25b2f1 60%,#2ecee8 100%);
    background: linear-gradient(180deg,#1e97fb 0%,#25b2f1 60%,#2ecee8 100%);
}
.btn-danger.btn-shadow:hover,.btn-blue.btn-shadow:hover{ opacity:.9;}

/*图片居中模块*/
.center-image{ position: relative;}
.center-image img{ position: relative; left: 50%; left:0\0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); vertical-align: middle;}
/*前端界面模块-手机展示*/
.mobileface-slide{ padding-top: 30px; }
.mobileface-slide .bd{ float: left; width: 500px; height: 780px; overflow: hidden; background: url(../images/5s.png) center top no-repeat;}
.mobileface-slide .bd li{ padding: 80px 0 120px 102px; }
.mobileface-slide .bd li img{ width: 295px; height: 520px; }
.mobileface-slide .hd{ margin-left: 500px; padding-top: 100px;}
.mobileface-slide .hd ul{}
.mobileface-slide .hd li{ float: left; margin-left: 50px;  margin-bottom: 40px; text-align: center;}
.mobileface-slide .hd li .hd-icon{ width: 100px; height: 100px; display: block; background: #BCBCBC center center no-repeat; border-radius: 15px; margin-bottom: 10px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}
.mobileface-slide .hd li.on { color: #F04E54; }
.mobileface-slide .hd li.on .hd-icon{ background-color: #F04E54; }
.mobileface-slide .hd li p{ font-size: 18px; }
/*购物流程切换模块*/
.flow-slide{ height: 820px; width: 1200px; position: relative; }
.flow-slide .hd{ position: absolute; z-index: 1; top: 214px; height: 100px; width: 1200px;}
.flow-slide .hd li{ position: absolute; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;}
.flow-slide .hd li img{ width: 100%; position: relative; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); box-shadow: 0 0 10px rgba(0,0,0,.15); -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;}
.flow-slide .hd.hd-0 li:nth-child(1){ z-index: 3; width: 265px; height: 469px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-0 li:nth-child(2){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: 140px; padding-right: 180px;}
.flow-slide .hd.hd-0 li:nth-child(3){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-0 li:nth-child(4){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-0 li:nth-child(5){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: -580px; padding-left: 180px;}
.flow-slide .hd.hd-1 li:nth-child(1){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: -580px; padding-left: 180px; }
.flow-slide .hd.hd-1 li:nth-child(2){ z-index: 3; width: 265px; height: 469px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-1 li:nth-child(3){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: 140px; padding-right: 180px; }
.flow-slide .hd.hd-1 li:nth-child(4){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-1 li:nth-child(5){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-2 li:nth-child(3){ z-index: 3; width: 265px; height: 469px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-2 li:nth-child(4){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: 140px; padding-right: 180px; }
.flow-slide .hd.hd-2 li:nth-child(5){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-2 li:nth-child(1){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-2 li:nth-child(2){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: -580px; padding-left: 180px; }
.flow-slide .hd.hd-3 li:nth-child(4){ z-index: 3; width: 265px; height: 469px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-3 li:nth-child(5){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: 140px; padding-right: 180px; }
.flow-slide .hd.hd-3 li:nth-child(1){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-3 li:nth-child(2){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-3 li:nth-child(3){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: -580px; padding-left: 180px; }
.flow-slide .hd.hd-4 li:nth-child(5){ z-index: 3; width: 265px; height: 469px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-4 li:nth-child(1){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: 140px; padding-right: 180px; }
.flow-slide .hd.hd-4 li:nth-child(2){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-4 li:nth-child(3){ z-index: 1; width: 200px; height: 469px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-4 li:nth-child(4){ z-index: 2; width: 240px; height: 469px; left: 50%; margin-left: -580px; padding-left: 180px; }
.flow-slide .bd-wrap{ position: absolute; z-index: 2; width: 265px; height: 469px; top: 124px; left: 50%; margin-left: -240px; overflow: hidden; background: url(../images/6s.png) center top no-repeat; padding: 67px 100px 100px;}
.flow-slide .title{ width: 240px; text-align: center; position: absolute; left: 50%; margin-left: -140px; line-height: 32px; font-size: 24px; top: 60px;}
.flow-slide .title i{ width: 32px; height: 32px; line-height: 32px; display: inline-block; vertical-align: middle; color: #fff; font-size: 24px; background: #EC5151; border-radius: 16px; margin-right: 15px;}


/*
* 头部
*/
.header {width: 100%; height: 80px; background-color: #333; position: relative; z-index: 100;}
.header .logo {padding: 18px 35px 0 0; }
.header .nav {height: 80px; line-height: 80px; position: static!important;}
.header .nav li {float: left; height: 80px; line-height: 80px;}
.header .nav li .nav-a {color: #fff; display: block; font-size: 14px; padding: 0 22px; text-align: center; position:relative;}
.header .nav li.current .nav-a,
.header .nav li:hover .nav-a{ color: #ff6565; }
.header .nav li:hover .nav-a{ background-color: #000; }
.header .nav i{width: 14px; height: 8px; display: inline-block; background-position: 0 -7px; margin: 0 0 2px 3px; }
.header .nav li:hover i{ background-position: 0 1px; }
.header .nav li .sub-nav{position: absolute; width: 100%; z-index: 20; display: none; min-width: 1200px; height: 180px; left: 0; top: 80px; background: rgba(255,255,255,.8)}
.header .nav li:hover .sub-nav{ display: block; }
.header .nav .nav-admin{ display:block;}
.header .nav .sub-nav dl{ margin-left: 10px; overflow: hidden; }
.header .nav .sub-nav dd{float: left; width: 120px; height: auto; margin-right: 51px;} 
.header .nav .sub-nav dd p{ color: #333; font-size: 14px; font-weight: bold; text-align: center; line-height: 20px; padding: 25px 0 10px;}
.header .nav .sub-nav dd div{ padding: 5px; border-radius: 3px; background: #fff; height: 73px;}
.header .nav .sub-nav dd div img{ width: 110px; height: 73px; }
.header .nav .sub-nav dd:hover p{ color: #ff6565; }
.header .nav .sub-nav dd:hover div{ background: #ff6565; }
.header .demo{ padding-left: 30px; padding-top: 25px; position: relative;}
.header .demo-sub{ display: none; position: absolute;  top: 55px; right: 0; padding-top: 10px;}
.header .demo:hover .demo-sub{ display: block; }
.header .demo-sub .arrow{ position: absolute; right: 35px; top: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #3DBAF7;}
.header .demo-sub .inner{ width: 600px; height: 580px; border: 3px solid #3DBAF7; text-align: center; background: #fff;}
.header .demo-sub .title{ font-size: 32px; margin-bottom: 15px; margin-top: 20px;}
.header .demo-sub .subtitle{ font-size: 20px; margin-bottom: 10px;}
.header .demo-sub .subtitle.red{ color: #EC5151; }
.header .demo-sub .subtitle.blue{ color: #3DBAF7; }
.demo-table-wp{ padding: 0 30px; }
.demo-table{ width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; margin-bottom: 20px;}
.demo-table tr{ border: 1px solid #ddd; }
.demo-table th,
.demo-table td{ padding: 6px 14px; }
.demo-table td a{ color:#666;}
.demo-table td a:hover{ color:#ec5051;}
.header .demo-sub .qrcode-list{ padding: 0 50px; }
.header .demo-sub .qrcode-list li{ float: left; width: 25%; text-align: center; font-size: 14px;}
.header .demo-sub .qrcode-list li img{ width:98px; height:98px;}
.header .download{ display:none; border-radius: 15px; font-size: 14px; color: #fff; padding: 5px 15px; border-radius: 6px; margin: 24px 0 0 10px; background-color: #EC5151;}
.header .download:hover{ background-color: #F96565; }


.header .nav .terminal .sub-nav dd{ margin-right:34px;}
.header .nav .terminal .sub-nav dd.last,.header .nav .terminal .sub-nav dd:last-child{ margin-right:0;}
/*
* 底部
*/
.footer{ padding: 35px 0; text-align: center; background-color: #242424; }
.footer,
.footer a{color: #656767;}
.footer a{ margin: 0 10px; }
.footer a:hover{ color: #ddd; }
.footer .footer-logo { display: inline-block; padding:0 10px; border-left: 1px solid #4D4D4D; border-right: 1px solid #4D4D4D; }
.footer .links{ margin: 15px 0 7px; }


.suspension-mobile{ display: none; }

/* ---------- 首页 ---------- */
.index-top-adv{ height:100px; background:url(../images/dsc_2.0/index-top-adv.jpg) center center no-repeat;}
.index-top-adv a{ display:block; width:100%; height:100px;}
.index-banner{ height: 800px; position: relative; overflow: hidden; background: #C70C17; }
.index-banner .banner-bg{ height: 800px; width: 1920px; position: absolute; left: 50%;margin-left: -960px; background: url(../images/index_banner_bg.jpg) center top no-repeat; }
.index-banner .banner-pointer-1{ height: 486px; width: 1732px; position: absolute; left: 50%; margin-left: -866px; background: url(../images/index_banner_pointer_1.png); top: 30px;}
.index-banner .banner-pointer-2{ height: 486px; width: 1732px; position: absolute; left: 50%; margin-left: -866px; background: url(../images/index_banner_pointer_2.png); top: 30px;}
.index-banner .banner-tag{ height: 262px; width: 937px; position: absolute; left: 50%; margin-left: -445px; background: url(../images/index_banner_tag.png); top: 230px;}
.index-banner .main-title{ position: absolute; width: 840px; height: 310px; left: 50%; margin-left: -415px; background: url(../images/index_banner_text.png); top: 38px;}
.index-banner .banner-pc{ position: absolute; width: 1123px; height: 380px; left: 50%; margin-left: -561px; background: url(../images/index_banner_pc.png); bottom: 40px;}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
     animation-direction: alternate; 
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes bounce {
  100%{
    -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  0%{
    -webkit-transition-timing-function: cubic-bezier(1,1,1,1);
    transition-timing-function: cubic-bezier(1,1,1,1);
    -webkit-transform: translate(0,30px) scale(1.1);
    transform: translate(0,30px) scale(1.1);
  }
}

@keyframes bounce {
  100%{
    -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  0%{
    -webkit-transition-timing-function: cubic-bezier(1,1,1,1);
    transition-timing-function: cubic-bezier(1,1,1,1);
    -webkit-transform: translate(0,30px) scale(1.1);
    -ms-transform: translate(0,30px) scale(1.1);
    transform: translate(0,30px) scale(1.1);
  }
}
.bouncebig {
    -webkit-animation-name: bouncebig;
    animation-name: bouncebig;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes bouncebig {
  0%{
    -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100%{
    -webkit-transition-timing-function: cubic-bezier(1,1,1,1);
    transition-timing-function: cubic-bezier(1,1,1,1);
    -webkit-transform: translate(0,30px) scale(1.1);
    transform: translate(0,30px) scale(1.1);
  }
}

@keyframes bouncebig {
  0%{
    -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  100%{
    -webkit-transition-timing-function: cubic-bezier(1,1,1,1);
    transition-timing-function: cubic-bezier(1,1,1,1);
    -webkit-transform: translate(0,30px) scale(1.1);
    -ms-transform: translate(0,30px) scale(1.1);
    transform: translate(0,30px) scale(1.1);
  }
}

.index-what .card-list .card-item{ height: 230px; background: #667588; }
.index-what .card-list .card-item .inner{ padding: 20px; text-align: center;}
.index-what .card-list .card-item .inner i{ display: block; height: 100px; background-repeat: no-repeat; background-position: center center;}
.index-what .card-list .card-item:nth-child(1) .inner i{ background-image: url(../images/index_what_1.jpg); }
.index-what .card-list .card-item:nth-child(2) .inner i{ background-image: url(../images/index_what_2.jpg); }
.index-what .card-list .card-item:nth-child(3) .inner i{ background-image: url(../images/index_what_3.jpg); }
.index-what .card-list .card-item:nth-child(4) .inner i{ background-image: url(../images/index_what_4.jpg); }
.index-what .card-list .card-item:nth-child(5) .inner i{ background-image: url(../images/index_what_5.jpg); }
.index-what .card-list .card-item:nth-child(6) .inner i{ background-image: url(../images/index_what_6.jpg); }
.index-what .card-list .card-item .inner p{ color: #eee; font-size: 12px;}
.index-what .card-list .card-item .inner p:first-of-type{ font-size: 18px; margin-bottom: 8px;}
.index-video .card-list .card-item{ height: 200px; background-color: #667588;}
.index-video .card-list .card-item:nth-child(1){ background: url(../images/index_video_1.jpg) no-repeat; }
.index-video .card-list .card-item:nth-child(2){ background: url(../images/index_video_2.jpg) no-repeat; }
.index-video .card-list .card-item:nth-child(3){ background: url(../images/index_video_3.jpg) no-repeat; }
.index-video .card-list .card-item:nth-child(4){ background: url(../images/index_video_4.jpg) no-repeat; }
.index-video .card-list .card-item:nth-child(5){ background: url(../images/index_video_5.jpg) no-repeat; }
.index-video .card-list .card-item:nth-child(6){ background: url(../images/index_video_6.jpg) no-repeat; }
.index-video .card-list .card-item .inner{ padding-top: 45px; padding-left: 30px; display: block;}
.index-video .card-list .card-item .inner p{ color: #fff; font-size: 14px; margin-bottom: 20px;}
.index-video .card-list .card-item .inner p.title{ font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.index-video .card-list .card-item .inner .video-btn{ display: block; height: 30px; width: 70px; background: url(../images/index_video_btn.png) left top no-repeat; }
.index-function .function-list .function-item{ float: left; width: 20%; margin-bottom: 50px;}
.index-function .function-list .function-item i{ display: block; width: 120px; height: 120px; margin: 0 auto 20px; background-image: url(../images/index_function_border.png); background-repeat: no-repeat; background-position: center center; position: relative; border-radius: 15px;}
.index-function .function-list .function-item:nth-child(1) i{ background-color: #EC5151; }
.index-function .function-list .function-item:nth-child(2) i{ background-color: #3DBAF7; }
.index-function .function-list .function-item:nth-child(3) i{ background-color: #5D59CD; }
.index-function .function-list .function-item:nth-child(4) i{ background-color: #2AA759; }
.index-function .function-list .function-item:nth-child(5) i{ background-color: #F58115; }
.index-function .function-list .function-item:nth-child(6) i{ background-color: #68C5B3; }
.index-function .function-list .function-item:nth-child(7) i{ background-color: #6588FF; }
.index-function .function-list .function-item:nth-child(8) i{ background-color: #FD415C; }
.index-function .function-list .function-item:nth-child(9) i{ background-color: #58B4D2; }
.index-function .function-list .function-item:nth-child(10) i{ background-color: #677689; }
.index-function .function-list .function-item i img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.index-function .function-list .function-item p{ color: #82939e; font-size: 14px; text-align: center;}
.index-plan{ background-color: #293a42; background-image: url(../images/index_plan_bg.jpg); background-repeat: no-repeat; }
.index-plan .plan-slide{ width: 980px; margin: 0 auto; }
.index-plan .plan-slide .hd{ margin-bottom: 20px; overflow: hidden;}
.index-plan .plan-slide .hd li{ float: left; width: 120px; position: relative; margin-right: 10px; margin-left: 10px; cursor: pointer;}
.index-plan .plan-slide .hd li img{ border: 5px solid #fff; width: 110px; vertical-align: middle; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.index-plan .plan-slide .hd li.on img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none;  }
.index-plan .plan-slide .hd li p{ position: absolute; background: rgba(0,0,0,.5); color: #fff; font-size: 14px; text-align: center; width: 100%; bottom: 0; left: 0; padding: 10px 0;}
.index-plan .plan-slide .bd{ height: 400px; overflow: hidden; margin: 0 10px;}
.index-plan .plan-slide .bd li{ overflow: hidden; height: 400px; overflow: hidden; background: #fff; }
.index-plan .plan-slide .bd li .img{ float: left; }
.index-plan .plan-slide .bd li .info{ margin-left: 430px; margin-top: 30px; margin-right: 30px; }
.index-plan .plan-slide .bd li .info .title{ font-size: 28px; margin-bottom: 5px; font-weight: bold;}
.index-plan .plan-slide .bd li .info .subtitle{ font-size: 16px; margin-bottom: 30px; color: #82939e;}
.index-plan .plan-slide .bd li .info p{ font-size: 16px; height: 190px; line-height:28px;}
.index-plan .plan-slide .bd li .info .hot-line{ background: url(../images/index_plan_phone.png) left center no-repeat; padding-left: 50px; }
.index-plan .plan-slide .bd li .info .hot-line .hot{ font-size: 18px; }
.index-plan .plan-slide .bd li .info .hot-line .line{ color: #3DBAF7; font-size: 18px; }
.index-needs .needs-slide{ height: 637px; border: 1px solid #3DBAF7; }
.index-needs .needs-slide .hd{ height: inherit; width: 278px; float: left; background: #3DBAF7 url(../images/index_needs_logo.png) 47px 40px no-repeat; overflow: hidden;}
.index-needs .needs-slide .hd ul{ margin-top: 210px; margin-left: 40px; }
.index-needs .needs-slide .hd li{ padding: 10px 30px; border:1px solid #fff; color: #fff; cursor: pointer; margin-bottom: 10px; line-height: 1.2; position: relative;}
.index-needs .needs-slide .hd li.on{ color: #3DBAF7; }
.index-needs .needs-slide .hd li p{ font-size: 24px; }
.index-needs .needs-slide .hd li span{ font-size: 14px; }
.index-needs .needs-slide .hd li .li-hd{ position: relative; z-index: 4; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.index-needs .needs-slide .hd li.on .li-hd,
.index-needs .needs-slide .hd li .li-hd:hover{ padding-left: 5px; }
.index-needs .needs-slide .hd li .li-bd{ position: absolute; z-index: 1; background: #fff; right: 0; top: 0; bottom: 0; width: 0; -webkit-transition: width .3s; -moz-transition: width .3s; transition: width .3s;}
.index-needs .needs-slide .hd li.on .li-bd{ width: 100%; }
.index-needs .needs-slide .bd{ margin-left: 278px; height: inherit; text-align: center; background-color: #fff;}
.index-needs .needs-slide .bd ul{ padding: 40px 50px; }
.index-needs .needs-slide .bd h3{ font-size: 30px; color: #3DBAF7; margin-bottom: 10px;}
.index-needs .needs-slide .bd p{ font-size: 14px; color: #82939e; margin-bottom: 20px;}
.index-example .example-slide {width: 1058px; padding: 0 70px; overflow: hidden; position: relative; }
.index-example .example-slide .prev, 
.index-example .example-slide .next {width: 40px; height: 60px; position: absolute; display: inline-block; background: url(../images/ecsc_icon.png) no-repeat; top: 284px; }
.index-example .example-slide .prev {left: 0; background-position: 0 0; }
.index-example .example-slide .next {right: 0; background-position: -46px 0; }
.index-example .example-slide .prev:hover {background-position: 0 -70px; }
.index-example .example-slide .next:hover {right: 0; background-position: -46px -70px; }
.index-example .example-slide ul{ width:1093px;}
.index-example .example-slide li {float: left; width: 238px; margin-right: 35px; margin-bottom:30px;}
.index-example .example-slide .slide_con {width: 238px; height: 300px; overflow: hidden; position: relative; }
.index-example .example-slide li .slide_con:last-child{ margin-top:30px;}
.index-example .example-slide .slide_con .slide_top {width: 238px; height: 150px; }
.index-example .example-slide .slide_con .slide_bot {width: 236px; height: auto; border: 1px solid #dcdcdc; position: absolute; bottom: 0; background: #fff; }
.yidong{ height:30px; line-height:30px; background:#ddd; font-size:12px; width:100%; position:absolute; left:0; margin-top:5px;}
.yidong span{ padding-left:20px; float:left;}
.yidong .tb{ float:left;}
.yidong .tb .tb-icon{ width:23px; height:23px; float:left; background:url(../images/anli_icon.png) no-repeat; margin-top:4px; margin-right:5px; cursor:pointer;}
.yidong .tb .tb-icon-app{ background-position:0 -23px;}
.yidong .tb .tb-icon-weixin{ background-position:-23px -23px;}
.yidong .tb .tb-icon-apple{ background-position:-46px -23px;}
.yidong .tb .tb-icon-android{ background-position:-69px -23px;}
.yidong .tb .tb-icon-app:hover{ background-position:0 0px;}
.yidong .tb .tb-icon-weixin:hover{ background-position:-23px 0px;}
.yidong .tb .tb-icon-apple:hover{ background-position:-46px 0px;}
.yidong .tb .tb-icon-android:hover{ background-position:-69px 0px;}

.code_item{ text-align:center; width:100%; height:200px; position:absolute; background:#fff; top:0; left:0; z-index:10; display:none;}
.code_item p{ font-size:16px; margin:15px 0 5px;}
.code_item img{ width:140px; height:140px;}

.index-example .example-slide .slide_con .seller_logo {width: 236px; height: 60px; text-align: center; padding-top: 9px; position:relative;}
.index-example .example-slide .slide_con .seller_logo a{ width:236px; height:60px; display: table-cell;vertical-align: middle;text-align: center;}
.index-example .example-slide .slide_con .info {padding: 10px 20px 0; line-height: 23px; font-size: 14px; height: 72px; overflow: hidden; -webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}
.index-example .example-slide .slide_con:hover .slide_bot{ padding-bottom:0;}
.index-example .example-slide .slide_con:hover .info{ height: 150px;}

.index-price .price-slide .hd{ margin-bottom: 30px; }
.index-price .price-slide .hd li{ float: left; width: 33.333%; background: #677689; font-size: 26px; color: #fff; height: 70px; line-height: 70px; text-align: center; cursor: pointer;}
.index-price .price-slide .hd li.on{ background: #3DBAF7; }
.index-price .price-slide .bd{ border: 1px solid #3dbaf7; overflow: hidden;  }
.index-price .price-slide .bd li{ margin: -1px;}
.index-price .attr-table{ width: 100%; text-align: center; border-collapse: collapse; }
.index-price .attr-table th,
.index-price .attr-table td{ padding: 10px 0; border: 1px solid #ddd;}
.index-price .attr-table th{ background-color: #eee; position: relative;}
.index-price .attr-table th.at-title{ background-color: #3DBAF7; }
.index-price .attr-table th .tag{ width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; }
.index-price .attr-table th .tag-7days{ background: url(/webstatci/images/attr_table_tag_7days.png) no-repeat; }
.index-price .attr-table th .tag-year{ background: url(/webstatci/images/attr_table_tag_year.png) no-repeat; }
.index-price .attr-table td.at-right{ background: url(/webstatci/images/attr_table_right.png) center center no-repeat; }
.index-price .attr-table td.at-wrong{ background: url(/webstatci/images/attr_table_wrong.png) center center no-repeat; }
.index-price .attr-table tfoot td{ padding: 30px 45px; }
.index-price .attr-table tfoot .at-footdesc{color: #81929D; line-height: 27px; text-align: right; font-size: 16px; margin-right: 10px;}
.index-price .attr-table .at-title{ font-size:18px; font-weight:bold; color:#333;}
.index-price .attr-table .at-subtitle{ background-color: #D8F1FD; font-size: 14px; text-align: left; padding-left:20px;}
.index-price .attr-table .at-subtitle .price{ color:#f42424;}
.index-price .btn i{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 16px; height: 16px;}
.index-price .btn i.zixun{ background-position: -46px 0; }
.index-price .btn i.xiazai{ background-position: -20px 0; }

.index-price .attr-table .at-zhichi{ font-size:14px; color:#333;}
.index-price .attr-table .at-zhichi a{ color:#333;}
.index-price .attr-table .at-zhichi a:hover{ color:#f42424;}
.index-price .attr-table .at-zhichi .icon-ok{ width:20px; height:20px; display:inline-block; background:url(../images/zhichi.png) no-repeat; vertical-align:middle; margin-right:5px; margin-top:-2px;}
.index-price .attr-table .bky{ font-size:14px; color:#333; display:block; text-align:right; margin-right:10px;}

.tishi{ text-align:left;}
.tishi p{ font-size:14px; line-height:25px;}
.tishi p span{ color:#82939e;}
.foot-btn{ margin-top:10px;}
.foot-btn .btn{ padding:7px 25px; margin-right:10px; border-radius:10px;}

.index-price .attr-table .at-green .at-subtitle{ background-color:#ccf3dc;}
.index-price .attr-table .at-green .at-title{ color:#2dbd2a;}

/* ---------- 系统介绍-运营模式 ---------- */
.operative-banner{ background: url(../images/operative_banner.jpg) center top no-repeat; height: 600px; }
.operative-multiregion .multiregion-slide{ background: url(../images/operative_multiregion_bg.png) center top no-repeat; height: 500px; position: relative;}
.operative-multiregion .multiregion-slide .bd li{ position: absolute; z-index: 1; width: 100%;}
.operative-multiregion .multiregion-slide .bd li .img{ left: 81px; top: 20px; position: absolute;}
.operative-multiregion .multiregion-slide .bd li .text{ position: absolute; left: 755px; top: 169px;}
.operative-multiregion .multiregion-slide .bd li .text span{ margin: 0 16px;font-size: 18px; color: #999; }
.operative-multiregion .multiregion-slide .hd{ position: absolute; z-index: 2; right: 110px; top: 33px; }
.operative-multiregion .multiregion-slide .hd li{ float: left; width: 120px; text-align: center; color: #82939E; height: 112px; line-height: 150px; font-size: 18px; font-weight: bold; cursor: pointer;}
.operative-multiregion .multiregion-slide .hd li.on{ background: url(../images/operative_multiregion_hd_bg.png) no-repeat; color: #fff;}




/* ---------- 系统介绍-盈利模式 ---------- */
.profit-banner{ background: url(../images/profit_banner.jpg) center top no-repeat; height: 600px; }
.module-profit .left-side{ float: left; width: 610px; padding-top: 60px;}
.module-profit .left-side .left-number{ float: left; width: 155px;}
.module-profit .left-side .left-text{ margin-left: 155px; }
.module-profit .profit-number{ width: 97px; height: 97px; display: inline-block; line-height: 97px; text-align: center; font-size: 60px; border: 1px solid #dcdcdc; border-radius: 10px; font-weight: bold; font-family: Trebuchet MS, sans-serif; color: #81929D;}
.module-profit .right-side { margin-left: 610px; text-align: center; }
.module-profit .sc-title{ color: #ed4f52; }
.module-profit .top-side .top-number{ width: 120px; float: left; }
.module-profit .top-side .sc-title{ margin-left: 130px; line-height: 99px; }
.profit-group .group-list{ width: 1258px; margin-left: -29px; height: 586px; background: url(../images/profit_group.png) center top no-repeat;}
.profit-group .group-list ul{ padding: 73px 0 0 51px; }
.profit-group .group-list li{ float: left; width: 220px; height: 368px; color: #fff; text-align: center; border-radius: 10px; margin: 0 5px;}
.profit-group .group-list .item-1{ background-color: #F35D54; }
.profit-group .group-list .item-2{ background-color: #4E5560; }
.profit-group .group-list .item-3{ background-color: #33BB6C; }
.profit-group .group-list .item-4{ background-color: #906CFB; }
.profit-group .group-list .item-5{ background-color: #5E80FC; }
.profit-group .group-list .group-icon{ height: 182px; background-position: center 80px; background-repeat: no-repeat; }
.profit-group .group-list .item-1 .group-icon{ background-image: url(../images/profit_group_1.png); }
.profit-group .group-list .item-2 .group-icon{ background-image: url(../images/profit_group_2.png); }
.profit-group .group-list .item-3 .group-icon{ background-image: url(../images/profit_group_3.png); }
.profit-group .group-list .item-4 .group-icon{ background-image: url(../images/profit_group_4.png); }
.profit-group .group-list .item-5 .group-icon{ background-image: url(../images/profit_group_5.png); }
.profit-group .group-list .title{ font-size: 20px; margin-bottom: 10px; }
.profit-group .group-list .intro{ font-size: 14px; padding: 0 18px;}
.profit-crowd .crowd-list li{ float: left; width: 260px; height: 368px; text-align: center; color: #fff; border-radius: 10px; margin: 0 20px; }
.profit-crowd .crowd-list .item-1{ background-color: #8E6AFA; }
.profit-crowd .crowd-list .item-2{ background-color: #32B96B; }
.profit-crowd .crowd-list .item-3{ background-color: #F4932C; }
.profit-crowd .crowd-list .item-4{ background-color: #5D7EFB; }
.profit-crowd .crowd-list .crowd-icon{ height: 182px; background-position: center 50px; background-repeat: no-repeat; }
.profit-crowd .crowd-list .item-1 .crowd-icon{ background-image: url(../images/profit_crowd_1.png); }
.profit-crowd .crowd-list .item-2 .crowd-icon{ background-image: url(../images/profit_crowd_2.png); }
.profit-crowd .crowd-list .item-3 .crowd-icon{ background-image: url(../images/profit_crowd_3.png); }
.profit-crowd .crowd-list .item-4 .crowd-icon{ background-image: url(../images/profit_crowd_4.png); }
.profit-crowd .crowd-list .title{ font-size: 20px; margin-bottom: 25px; }
.profit-crowd .crowd-list .intro{ font-size: 14px; padding: 0 18px;}

/* ---------- 产品终端-通用 ---------- */
.terminal-nav{ width:100%; height:80px; background:#EC5051; position:relative; margin-top:-10px; z-index:54; line-height:80px; -webkit-transition: background .5s; -moz-transition: background .5s; transition: background .5s;}
.terminal-nav ul{ height:auto; margin:0 auto; overflow:hidden;}
.terminal-nav ul li{ float:left; margin-right:50px;}
.terminal-nav ul li.last{ margin-right:0;}
.terminal-nav ul li a{ color:#fff; font-size:16px;display:block; padding:0 15px;}
.terminal-nav ul li.current a{ font-weight:bold;}
.terminal-nav .down{ float:right; height:30px; line-height:30px; color:#ec5051; font-size:18px; padding:0 13px; background:#fff; border-radius:5px; margin-top:25px;}
.terminal-nav .down:hover{ background:#fbdcdc;}
.terminal-nav .wrap-line{ height:2px; background:#fff; top:62px;}
.terminal-nav .nav_icon{ width:40px; height:40px; float:left; margin:22px 60px 0 190px; background:url(../images/terminal_nav_icon.png) no-repeat;}
.terminal-nav ul li{ margin-right:40px;}
.terminal-nav.app .nav_icon{ background-position:0 -45px; margin:30px 100px 0 0;}
.terminal-nav.app ul{ width:auto;}

.terminal-nav .container_center ul{ text-align:center;}
.terminal-nav .container_center ul li{ display:inline-block; float:none;}


/* ---------- 产品终端-PC端 ---------- */
.pc-banner{ height: 400px; background: url(../images/pc_banner.jpg) center top no-repeat; }
.pc-goods .left-side{ width: 600px; float: left; margin-top: 60px;}
.pc-goods .right-side{ margin-left: 600px; }
.pc-goods .goods-list li{ float: left; margin-right: 60px; }
.pc-goods .goods-list .goods-icon{ display: block; height: 50px; background-position: center center; background-repeat: no-repeat; }
.pc-goods .goods-list .item-1 .goods-icon{ background-image: url(../images/pc_goods_1.png); }
.pc-goods .goods-list .item-2 .goods-icon{ background-image: url(../images/pc_goods_2.png); }
.pc-goods .goods-list .item-3 .goods-icon{ background-image: url(../images/pc_goods_3.png); }
.pc-goods .goods-list .item-4 .goods-icon{ background-image: url(../images/pc_goods_4.png); }
.pc-goods .goods-list p{ color: #ec3c3f; font-size: 16px; text-align: center;}
.pc-activity .sc-title{ margin-bottom:50px;}
.pc-activity .left-side{}
.pc-activity .left-side .activity-slide{}
.pc-activity .left-side .activity-slide .bd-wrap{width: 985px; height: 594px; background: url(../images/pc_activity.png) right top no-repeat; margin:30px auto 0; display:block;}
.pc-activity .left-side .activity-slide .bd{ margin-top: 23px; margin-left: 24px; float:left;}
.pc-activity .left-side .activity-slide .hd{ overflow:hidden;}
.pc-activity .left-side .activity-slide .hd li{ float: left; width: 100px; margin-left: 50px; margin-bottom: 20px;}
.pc-activity .left-side .activity-slide .hd .list-icon{ width: 100px; height: 100px; background: #CBCBCB url(../images/pc_activity_icon.png) center center no-repeat; border-radius: 10px; margin-bottom: 20px; }
.pc-activity .left-side .activity-slide .hd .item-1 .list-icon{ background-position: -39px 24px; }
.pc-activity .left-side .activity-slide .hd .item-2 .list-icon{ background-position: -195px 24px; }
.pc-activity .left-side .activity-slide .hd .item-3 .list-icon{ background-position: -348px 24px; }
.pc-activity .left-side .activity-slide .hd .item-4 .list-icon{ background-position: -501px 24px; }
.pc-activity .left-side .activity-slide .hd .item-5 .list-icon{ background-position: -654px 24px; }
.pc-activity .left-side .activity-slide .hd .item-6 .list-icon{ background-position: -806px 24px; }
.pc-activity .left-side .activity-slide .hd .item-7 .list-icon{ background-position: -956px 24px; }
.pc-activity .left-side .activity-slide .hd .item-8 .list-icon{ background-position: -1111px 24px; }
.pc-activity .left-side .activity-slide .hd .on .list-icon{ background-color: #EB5252; }
.pc-activity .left-side .activity-slide .hd p{ font-size: 16px; color: #82939e; text-align: center;}
.pc-activity .right-side{ margin-left: 600px; }
.pc-buy .buy-slide{ position: relative; width:1032px; height: 587px; background:url(../images/diannao_bg.png) no-repeat; margin:0 auto;}
.pc-buy .buy-slide .bd{ width:756px; height:479px; float:left; margin:24px 138px; overflow:hidden;}
.pc-buy .buy-slide .bd li { float:left; width:756px; height:479px; }
.pc-buy .buy-slide .bd li img{ float:left; width:756px; height:479px; }
.pc-buy .buy-slide .hd{ position: absolute; top: 0; width: 100%; }
.pc-buy .buy-slide .hd a{ position: absolute; top: 200px; height:40px; width:26px; background:url(../images/buy_slide_icon.png) no-repeat;}
.pc-buy .buy-slide .hd a.prev{ left: 0; background-position:0 0;}
.pc-buy .buy-slide .hd a.next{ right: 0; background-position:-26px 0;}
.pc-buy .buy-slide .hd a.prevStop{ background-position:0 -40px; cursor:default;}
.pc-buy .buy-slide .hd a.nextStop{ background-position:-26px -40px;cursor:default;}


/* ---------- 产品终端-微商城 ---------- */
.weshop-banner{ background: url(../images/weshop_banner.jpg) center top no-repeat; height: 400px; }
.weshop-interface-slide .hd li .hd-icon-1{ background-image: url(../images/weshop_interface_1.png); }
.weshop-interface-slide .hd li .hd-icon-2{ background-image: url(../images/weshop_interface_2.png); }
.weshop-interface-slide .hd li .hd-icon-3{ background-image: url(../images/weshop_interface_3.png); }
.weshop-interface-slide .hd li .hd-icon-4{ background-image: url(../images/weshop_interface_4.png); }
.weshop-interface-slide .hd li .hd-icon-5{ background-image: url(../images/weshop_interface_5.png); }
.weshop-interface-slide .hd li .hd-icon-6{ background-image: url(../images/weshop_interface_6.png); }
.weshop-interface-slide .hd li .hd-icon-7{ background-image: url(../images/weshop_interface_7.png); }
.weshop-interface-slide .hd li .hd-icon-8{ background-image: url(../images/weshop_interface_8.png); }
.weshop-advantage .advantage-list li{ float: left; width: 400px; height: 200px;}
.weshop-advantage .advantage-list li .img{ float: left; width: 100px; }
.weshop-advantage .advantage-list li .text{ margin-left: 100px; margin-right: 60px; }
.weshop-advantage .advantage-list li .title{ font-size: 24px; margin-bottom: 15px; }
.weshop-advantage .advantage-list li p{ color: #82939e; line-height: 2; font-size: 14px;}


/* ---------- 产品终端-微分销 ---------- */
.distribution-banner{ background: url(../images/distribution_banner.jpg) center top no-repeat; height: 400px; }
.distribution-profit .profit-list{ overflow:hidden; text-align:center;}

.distribution-profit .profit-url .tit{ font-size:16px; color:#333; height:30px; line-height:30px; padding:0 22px; background-color:#ededed; display:inline-block; border-radius:8px;}
.distribution-profit .profit-url ul{ margin-top:30px; overflow:hidden;}
.distribution-profit .profit-url li{ float:left; width:183px; height:183px; border-radius:50%; background-color:#ededed; margin-right:20px;}
.distribution-profit .profit-url li:last-child{ margin-right:0;}
.distribution-profit .profit-url li i{ display:block; width:90px; height:90px; margin:5px auto 0; background:url(../images/distribution_profit.png) no-repeat;}
.distribution-profit .profit-url li span{ font-size:16px; color:#333;}

.distribution-profit .profit-url-two { margin-top:40px;}
.distribution-profit .profit-url-two .tit{ background-color:#1e96fb; color:#fff;}
.distribution-profit .profit-url-two li{ background:url(../images/profit-url-icon.png) no-repeat;}
.distribution-profit .profit-url-two li span{ color:#fff;}

.distribution-profit .profit-url li .icon01{background-position:20px 30px;}
.distribution-profit .profit-url li .icon02{background-position:-140px 30px;}
.distribution-profit .profit-url li .icon03{background-position:-290px 30px;}
.distribution-profit .profit-url li .icon04{background-position:-440px 30px;}
.distribution-profit .profit-url li .icon05{background-position:-590px 30px;}
.distribution-profit .profit-url li .icon06{background-position:-740px 30px;}
.distribution-profit .profit-url li .icon07{background-position:20px -120px;}
.distribution-profit .profit-url li .icon08{background-position:-140px -120px;}
.distribution-profit .profit-url li .icon09{background-position:-290px -120px;}
.distribution-profit .profit-url li .icon10{background-position:-440px -120px;}
.distribution-profit .profit-url li .icon11{background-position:-590px -120px;}
.distribution-profit .profit-url li .icon12{background-position:-740px -120px;}

.distribution-strong .sc-title,.distribution-value .sc-title{ margin-bottom:60px;}

.dis-four-function{ overflow:hidden; width:1100px; margin:0 auto;}
.dis-four-function li{ float:left; margin-right:20px; width:260px;}
.dis-four-function li:last-child{ margin-right:0;}
.dis-four-function li .tit{ height:88px; line-height:88px; border-radius:5px 5px 0 0; text-align:center; overflow:hidden;}
.dis-four-function li .tit i{ display:block; width:55px; height:46px; background:url(../images/dis-four-icon.png) no-repeat; margin:20px auto 0;}
.dis-four-function li .con{ height:173px; border:1px solid #e5e5e5; text-align:center;}
.dis-four-function li .con h3{ font-size:24px; color:#333; margin-top:30px;}
.dis-four-function li .con p{ font-size:14px; color:#82939e; margin-top:10px; line-height:25px;}

.dis-four-function .li1 .tit{ background-color:#1e96fb;}
.dis-four-function .li2 .tit{ background-color:#45b7bc;}
.dis-four-function .li3 .tit{ background-color:#7bb74c;}
.dis-four-function .li4 .tit{ background-color:#e42926;}

.dis-four-function .li1 .tit i{ background-position:0 -3px;}
.dis-four-function .li2 .tit i{ background-position:0 -68px;}
.dis-four-function .li3 .tit i{ background-position:0 -136px;}
.dis-four-function .li4 .tit i{ background-position:0 -207px;}

.dis-core-value{ overflow:hidden; width:1075px; margin:0 auto;}
.dis-core-value .left{ float:left; width:200px; margin-top:60px;}
.dis-core-value .left .item{ float:left; height:120px; width:100%; background-color:#3a9bfc; margin-bottom:20px; text-align:center; line-height:120px; color:#fff; font-size:24px;}
.dis-core-value .left .item.active{ background-color:#959595;}
.dis-core-value .right{ float:left; width:860px; margin-left:15px;}
.dis-core-value .lie-one{}
.dis-core-value .lie-one .item{ width:280px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#fff; background-color:#1e96fb; float:left; margin-right:10px;}
.dis-core-value .lie-one .item:last-child,.dis-core-value .lie-two .item:last-child,.dis-core-value .lie-three .item:last-child,.dis-core-value .lie-four .item:last-child{ margin-right:0;}

.dis-core-value .lie-two{ margin-top:10px; overflow:hidden; float:left;}
.dis-core-value .lie-two .item,.dis-core-value .lie-three .item{ float:left; width:278px; height:118px; border:1px solid #959595; background-color:#fff; margin-right:10px; position:relative;}
.dis-core-value .lie-two .item p,.dis-core-value .lie-three .item p{ width:238px; padding:0 20px; height:118px; display:table-cell; font-size:14px; color:#333; vertical-align:middle;}

.dis-core-value .lie-three{ margin-top:20px; float:left; overflow:hidden;}
.dis-core-value .lie-three .item{ border-color:#3a9bfc;}

.dis-core-value .lie-four{ overflow:hidden; margin:20px 0 0 20px; float:left;}
.dis-core-value .lie-four .item{ float:left; width:120px; height:120px; border-radius:50%; font-size:18px; text-align:center; color:#fff; background:url(../images/lie-four-icon.png) no-repeat; position:relative; margin-right:20px;}
.dis-core-value .lie-four .item p{ display:table-cell; vertical-align:middle; height:120px; width:120px; line-height:22px;}

.distribution-read .read-more{ width: 111px; height: 35px; position: absolute; z-index: 2; left: 670px; top: 340px; }



/* ---------- 产品终端-手机APP ---------- */
.app-banner{ background: url(../images/app_banner.jpg) center top no-repeat; height: 400px; }


.app-install .container_right{ width:370px; position:absolute; right:0; top:80px;}
.app-install .center-image{ float:left;}

.app-interface-slide .hd li .hd-icon{ background-image: url(../images/app_interface.png); }
.app-interface-slide .hd li .hd-icon-1{ background-position: 24px 19px; }
.app-interface-slide .hd li .hd-icon-2{ background-position: -70px 19px; }
.app-interface-slide .hd li .hd-icon-3{ background-position: -166px 19px; }
.app-interface-slide .hd li .hd-icon-4{ background-position: -264px 19px; }
.app-interface-slide .hd li .hd-icon-5{ background-position: -358px 19px; }
.app-interface-slide .hd li .hd-icon-6{ background-position: -449px 19px; }
.app-interface-slide .hd li .hd-icon-7{ background-position: -547px 19px; }
.app-interface-slide .hd li .hd-icon-8{ background-position: -643px 19px; }
.app-strong .strong-list{ position: absolute; top: 60px; }
.app-strong .strong-list li{width: 320px; float: left; margin-bottom: 100px;}
.app-strong .strong-list li.item-1,
.app-strong .strong-list li.item-3{ text-align: right; margin-right: 570px;}
.app-strong .strong-list li .title{ font-size: 24px; margin-bottom: 10px; }
.app-strong .strong-list li p{ font-size: 16px; line-height: 2; color: #82939e;}
.app-strong .strong-title{ display: inline-block; padding: 11px 30px; background: #26B7EE; color: #fff; font-size: 24px; margin: 80px auto 50px; border-radius: 20px;}
.app-strong .tech-list{ margin-left: -30px; }
.app-strong .tech-list li{ float: left; text-align: center; margin-left: 40px;}
.app-strong .tech-list li img{ margin-bottom: 20px; }
.app-strong .tech-list li .title{ font-size: 24px; margin-bottom: 10px; }
.app-strong .tech-list li p{ font-size: 16px; color: #82939e;}
.app-responsive .responsive-list{ position: absolute; top: 0; height: 100%;}
.app-responsive .responsive-list li{ position: absolute; width: 215px; padding: 20px; border-radius: 15px; color: #fff; font-size: 16px; line-height: 2; }
.app-responsive .responsive-list li.item-1{ background-color: #34A0EC; left: 30px; top: 168px;}
.app-responsive .responsive-list li.item-2{ background-color: #B5CC33; left: 320px; top: 740px;}
.app-responsive .responsive-list li.item-3{ background-color: #E66C82; left: 620px; top: 640px;}
.app-responsive .responsive-list li.item-4{ background-color: #777777; left: 921px; top: 540px;}
.app-responsive .responsive-list .arrow{ width: 0; height: 0; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #fff; left: 50%; margin-left: -5px; top: -8px;}
.app-responsive .responsive-list li.item-1 .arrow{ border-bottom: 0 none; border-top: 8px solid #34A0EC; top: auto; bottom: -8px;}
.app-responsive .responsive-list li.item-2 .arrow{ border-bottom-color: #B5CC33; }
.app-responsive .responsive-list li.item-3 .arrow{ border-bottom-color: #E66C82; }
.app-responsive .responsive-list li.item-4 .arrow{ border-bottom-color: #777777; }
.app-responsive .responsive-list li .name{ position: absolute; width: 100%; color: #333; font-size: 24px; top: -60px; text-align: center; left: 0;}
.app-responsive .responsive-list li.item-1 .name{ top: auto; bottom: -60px; }
.app-responsive .responsive-list li .line{ position: absolute; width: 0; height: 66px; border-left: 1px dashed #ddd; left: 50%; top: -128px; }
.app-responsive .responsive-list li.item-1 .line{ top: auto; bottom: -128px; }

.app-community ul{}
.app-community ul li{ float:left; width:120px; height:auto; margin-left:70px; margin-bottom:30px;}
.app-community ul li .img{ width:120px; height:120px; background-color:#fff; box-shadow: 0 0 8px rgba(27,25,32,0.1); border-radius:10px; overflow:hidden;}
.app-community ul li .img i{ display:block; width:80px; height:80px; background:url(../images/app_community_icon.png) no-repeat; margin:20px auto;}
.app-community ul li span{ font-size:16px; color:#333; text-align:center; display:block; margin-top:18px;}

.app-community ul li .img i.icon01{ background-position:0 0;}
.app-community ul li .img i.icon02{ background-position:-80px 0;}
.app-community ul li .img i.icon03{ background-position:-160px 0;}
.app-community ul li .img i.icon04{ background-position:-240px 0;}
.app-community ul li .img i.icon05{ background-position:-320px 0;}
.app-community ul li .img i.icon06{ background-position:-400px 0;}
.app-community ul li .img i.icon07{ background-position:2px -80px;}
.app-community ul li .img i.icon08{ background-position:-78px -79px;}
.app-community ul li .img i.icon09{ background-position:-158px -80px;}
.app-community ul li .img i.icon10{ background-position:-238px -80px;}
.app-community ul li .img i.icon11{ background-position:-318px -80px;}
.app-community ul li .img i.icon12{ background-position:-399px -80px;}
.app-community ul li .img i.icon13{ background-position:0 -160px;}
.app-community ul li .img i.icon14{ background-position:-80px -160px;}
.app-community ul li .img i.icon15{ background-position:-160px -160px;}
.app-community ul li .img i.icon16{ background-position:-240px -160px;}
.app-community ul li .img i.icon17{ background-position:-320px -160px;}
.app-community ul li .img i.icon18{ background-position:-400px -160px;}

.app-shop{ background:url(../images/app-shop-bg.jpg) repeat-x;}
.app-shop .sc-title{ color:#fff; margin-bottom:50px;}
.app-shop .center-image{ margin-left:80px;}

.app-responsive .item{ width:296px; height:526px; background-color:#fff; float:left; box-shadow:0 0 50px rgba(162,162,162,0.6); margin-right:125px; border-radius:5px; text-align:center; position:relative;}
.app-responsive .item .normal{ width:180px; height:471px; padding:55px 58px 0;}
.app-responsive .item .img{ display:none; position:absolute; top:0; left:0;}
.app-responsive .item:hover .img{ display:block;}
.app-responsive .item:last-child{ margin-right:0;}
.app-responsive .item i{ display: inline-block;width: 110px;height: 110px;background-image: url(../images/tese_icon.png);background-repeat: no-repeat;}
.app-responsive .item h3{ font-size:20px; color:#333; font-weight:bold; margin-top:50px;}
.app-responsive .item p{ font-size:16px; color:#82939e; line-height:30px; margin-top:20px;}
.app-responsive .item a{ font-size:16px; color:#4ab7fc; margin-top:20px; display:block;}
.app-responsive .item a:hover{ color:#f42424;}
.app-responsive .item1 i{ background-position:0 0;}
.app-responsive .item2 i{ background-position:-108px 0;}
.app-responsive .item3 i{ background-position:-221px 0;}

.app-flow .sc-subtitle{ margin-bottom:0;}

/* ---------- 产品终端-手机管家 ---------- */
.shopkeeper-banner{ background: url(../images/shopkeeper_banner.jpg) center top no-repeat; height: 400px; }
.shopkeeper-convenient .center-image{ padding-top: 30px; }
.shopkeeper-convenient .convenient-list{ position: absolute; top: 0; }
.shopkeeper-convenient .convenient-list li{ position: absolute; width: 250px; }
.shopkeeper-convenient .convenient-list li.item-1{ text-align: right; left: 50px; top: 500px; }
.shopkeeper-convenient .convenient-list li.item-2{ text-align: center; left: 480px; top: 0; }
.shopkeeper-convenient .convenient-list li.item-3{ text-align: left; left: 920px; top: 500px; }
.shopkeeper-convenient .convenient-list li .title{ font-size: 22px; }
.shopkeeper-convenient .convenient-list li.item-1 .title{ color: #F6892F; }
.shopkeeper-convenient .convenient-list li.item-2 .title{ color: #6484FA; }
.shopkeeper-convenient .convenient-list li.item-3 .title{ color: #F65230; }
.shopkeeper-convenient .convenient-list li p{ color: #82939e; line-height: 2; font-size: 16px; }
.shopkeeper-pc .pc-list{ padding-left: 390px; background: url(../images/shopkeeper_pc.png) left top no-repeat; height: 600px; }
.shopkeeper-pc .pc-list ul{ padding-top: 80px; }
.shopkeeper-pc .pc-list li{ float: left; width: 200px; height: 300px; padding: 20px; border-radius: 15px; background-color: #454D58; color: #fff; margin-left: 15px; }
.shopkeeper-pc .pc-list li i{ display: block; height: 155px; margin-bottom: 20px; }
.shopkeeper-pc .pc-list li.item-1 i{ background: url(../images/shopkeeper_pc_1.png) center center no-repeat; }
.shopkeeper-pc .pc-list li.item-2 i{ background: url(../images/shopkeeper_pc_2.png) center center no-repeat; }
.shopkeeper-pc .pc-list li.item-3 i{ background: url(../images/shopkeeper_pc_3.png) center center no-repeat; }
.shopkeeper-pc .pc-list li .title{ font-size: 22px; margin-bottom: 10px; }
.shopkeeper-pc .pc-list li p{ font-size: 16px; }

.shopkeeper-mobile ul{ overflow:hidden;}
.shopkeeper-mobile ul li{ float:left; width:120px; text-align:center; margin:0 0 30px 70px;}
.shopkeeper-mobile ul li i{ width:90px; height:90px; display:block; background:url(../images/shopkeeper-mobile.png) no-repeat; margin:24px auto 0;}
.shopkeeper-mobile ul li span{ font-size:16px; color:#333; margin-top:24px; display:block;}

.shopkeeper-mobile ul .li1 i{ background-position:0 0;}
.shopkeeper-mobile ul .li2 i{ background-position:-90px 0;}
.shopkeeper-mobile ul .li3 i{ background-position:-180px 0;}
.shopkeeper-mobile ul .li4 i{ background-position:-270px 0;}
.shopkeeper-mobile ul .li5 i{ background-position:-360px 0;}
.shopkeeper-mobile ul .li6 i{ background-position:-450px 0;}
.shopkeeper-mobile ul .li7 i{ background-position:0 -90px;}
.shopkeeper-mobile ul .li8 i{ background-position:-90px -90px;}
.shopkeeper-mobile ul .li9 i{ background-position:-180px -90px;}
.shopkeeper-mobile ul .li10 i{ background-position:-270px -90px;}
.shopkeeper-mobile ul .li11 i{ background-position:-360px -90px;}
.shopkeeper-mobile ul .li12 i{ background-position:-450px -90px;}

.shopkeeper-happy .happy-slide{ height: 650px; position: relative;}
.shopkeeper-happy .happy-slide .bd{ width: 1920px; margin-left: -360px; position: relative; z-index: 1 }
.shopkeeper-happy .happy-slide .hd{ position: absolute; z-index: 2; width: 579px; height: 232px; background: url(../images/shopkeeper_happy_hd_bg.png) no-repeat center; right: 50px; top: 50%; margin-top: -115px; color: #fff;  text-align: center; }
.shopkeeper-happy .happy-slide .hd dl{ height: 110px; overflow: hidden;}
.shopkeeper-happy .happy-slide .hd dl img{ position: relative; top: 39px; }
.shopkeeper-happy .happy-slide .hd p{ font-size: 24px; line-height: 50px; margin-top: 10px;}
.shopkeeper-happy .happy-slide .hd ul{ width: 70px; height: 10px; overflow: hidden; margin: 20px auto 0;}
.shopkeeper-happy .happy-slide .hd ul li{ float: left; width: 10px; height: inherit; margin-right: 10px; border-radius: 50%; background-color: #868180; cursor: pointer; }
.shopkeeper-happy .happy-slide .hd ul li.last{margin-right: 0;}
.shopkeeper-happy .happy-slide .hd ul li.on{ background-color: #ededed; }
.shopkeeper-interface-slide .hd li .hd-icon{ background-image: url(../images/shopkeeper_interface_icon.png); }
.shopkeeper-interface-slide .hd li .hd-icon-1{ background-position: 28px 5px; }
.shopkeeper-interface-slide .hd li .hd-icon-2{ background-position: 31px -79px; }
.shopkeeper-interface-slide .hd li .hd-icon-3{ background-position: 33px -177px; }
.shopkeeper-interface-slide .hd li .hd-icon-4{ background-position: 28px -267px; }
.shopkeeper-interface-slide .hd li .hd-icon-5{ background-position: 37px -352px; }
.shopkeeper-interface-slide .hd li .hd-icon-6{ background-position: 36px -442px; }
.shopkeeper-interface-slide .hd li .hd-icon-7{ background-position: 36px -534px; }
.shopkeeper-interface-slide .hd li .hd-icon-8{ background-position: 35px -627px; }
.shopkeeper-interface-slide .hd li p{ font-size: 16px; line-height: 3; }
.shopkeeper-visual{ background-image: url(../images/shopkeeper_visual_bg.jpg); background-position: center bottom; background-repeat: no-repeat; padding-top:70px;}
.shopkeeper-visual .visual-list li{ float: left; width: 400px; text-align: center; }
.shopkeeper-visual .visual-list li .title{ display: inline-block; padding: 10px 30px; position: relative; color: #fff; background-color: #49B9EE; font-size: 16px; margin-bottom: 30px;}
.shopkeeper-visual .visual-list li .title:after{ content: ""; position: absolute; width: 0; height: 0; border-right: 6px solid transparent;  border-left: 6px solid transparent; border-top: 6px solid  #49B9EE; left: 50%; bottom: -6px; margin-left: -4px;}
.shopkeeper-visual .visual-list li img{ vertical-align: middle; }
.shopkeeper-login { overflow: visible; }
.shopkeeper-login .login-list{ position: relative; height: 818px; margin-bottom: -130px;}
.shopkeeper-login .login-list li{ position: absolute; }
.shopkeeper-login .login-list li p{ margin-bottom: -30px; padding-left: 70px; color: #82939e; font-size: 16px;}
.shopkeeper-login .login-list li.item-1{ top: 468px; left: 47px; }
.shopkeeper-login .login-list li.item-2{ top: 300px; left: 300px; }
.shopkeeper-login .login-list li.item-3{ top: 126px; left: 554px; }
.shopkeeper-dock{ padding-top: 180px; }


/* ---------- 产品终端-收银台 ---------- */
.cashdesk-banner{ background: url(../images/cashdesk_banner.jpg) center top no-repeat; height: 400px; }
.cashdesk-origin .sc-title{ margin-bottom:70px;}
.cashdesk-origin .origin-list .item{float: left; width: 329px; padding:0 35.5px; text-align: center; color: #82939e; font-size: 18px; text-align:left;}
.cashdesk-origin .origin-list .item h3{ font-size:22px; color:#333; padding-left:12px; margin-top:20px;}
.cashdesk-origin .origin-list .item ol{ margin-left:29px; margin-top:10px;}
.cashdesk-origin .origin-list .item ol li{ font-size: 14px;list-style: outside;line-height: 25px;padding-right: 10px;}


.cashdesk-netplus{ height: 700px; background-image: url(../images/cashdesk_netplus_bg.jpg); background-position: center top; background-repeat: no-repeat;}
.cashdesk-netplus .sc-title{ margin-top: 100px; }
.cashdesk-netplus .center-image img{ margin-top:70px;}

.fill-list li{ float: left; width: 260px;  color: #fff; text-align: center; border-radius: 15px; margin: 0 21px;}
.fill-list li i{ display: block; width: 134px; height: 134px; background-image: url(../images/cashdesk_fill.png); background-repeat: no-repeat;  margin: 25px auto;}
.fill-list li.item-1 i{ background-position: 0 0; }
.fill-list li.item-2 i{ background-position: 0 -134px; }
.fill-list li.item-3 i{ background-position: 0 -268px; }
.fill-list li.item-4 i{ background-position: 0 -402px; }
.fill-list li.item-5 i{ background-position: -135px 0; }
.fill-list li.item-6 i{ background-position: -135px -134px; }
.fill-list li.item-7 i{ background-position: -135px -268px; }
.fill-list li.item-8 i{ background-position: -135px -402px; }
.fill-list li.item-9 i{ background-position: -270px 0; }
.fill-list li.item-10 i{ background-position: -270px -134px; }
.fill-list li.item-11 i{ background-position: -270px -268px; }
.fill-list li.item-12 i{ background-position: -270px -402px; }
.fill-list li p{ font-size: 16px; color:#82939e; }

.cashdesk-function{}
.cashdesk-function .function-list .bd{ float:left; width:940px; border:1px solid #12bda6;}
.cashdesk-function .function-list .bd ul{ box-shadow:0 0 15px 8px #ddd; width:870px; height:530px; overflow:hidden; margin:33px 35px; background-color:#fff;}
.cashdesk-function .function-list .bd ul li{ padding:26px 35px; float:left; width:800px; height:478px;}
.cashdesk-function .function-list .hd{ float:left; width:268px; height:598px; background-color:#12bda6;}
.cashdesk-function .function-list .hd ul{ padding:35px;}
.cashdesk-function .function-list .hd ul li{ width:198px; height:118px; border:1px solid #fff; margin-bottom:16px; text-align:center; color:#fff; position:relative; cursor:pointer;}
.cashdesk-function .function-list .hd ul li h3{ font-size:22px; margin-top:20px;}
.cashdesk-function .function-list .hd ul li p{ font-size:14px; margin-top:5px;}
.cashdesk-function .function-list .hd ul li.curr{ background-color:#fff;}
.cashdesk-function .function-list .hd ul li.curr h3{ color:#333;}
.cashdesk-function .function-list .hd ul li.curr p{ color:#82939e;}
.cashdesk-function .function-list .hd ul li i{ display:none; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid #fff; position:absolute; left:-9px; top:48px;}
.cashdesk-function .function-list .hd ul li.curr i{ display:block;}

.cashdesk-all .center-image{ padding-top: 100px; }
.cashdesk-all .all-list{ position: absolute; top: 0; }
.cashdesk-all .all-list li{ position: absolute; width: 330px;}
.cashdesk-all .all-list li.item-1{ top: 100px; left: -30px; text-align: right; }
.cashdesk-all .all-list li.item-2{ top: 100px; left: 910px; text-align: left;  }
.cashdesk-all .all-list li.item-3{ top: 530px; left: -30px; text-align: right; }
.cashdesk-all .all-list li.item-4{ top: 530px; left: 910px; text-align: left; }
.cashdesk-all .all-list li .title{ font-size: 26px; }
.cashdesk-all .all-list li.item-1 .title{ color: #9DCE36; }
.cashdesk-all .all-list li.item-2 .title{ color: #35AFDA; }
.cashdesk-all .all-list li.item-3 .title{ color: #5E88E5; }
.cashdesk-all .all-list li.item-4 .title{ color: #F76767; }
.cashdesk-all .all-list li .line{ background-image: url(../images/cashdesk_all_line.png); height: 20px; background-repeat: no-repeat;}
.cashdesk-all .all-list li.item-1 .line{ background-position: 40px 0; }
.cashdesk-all .all-list li.item-2 .line{ background-position: 0 -86px; }
.cashdesk-all .all-list li.item-3 .line{ background-position: 40px -43px; }
.cashdesk-all .all-list li.item-4 .line{ background-position: 0 -130px; }
.cashdesk-all .all-list li p{ line-height: 2; font-size: 16px;}
.cashdesk-simple .left-side{ float: left; width: 600px; }
.cashdesk-simple .right-side{ margin-left: 740px; padding-top: 200px;}
.cashdesk-left{ height: 717px; }
.cashdesk-left .left-side{ padding-top: 300px; width: 500px; float: left; margin-left: 100px;}
.cashdesk-left .right-side{ width: 960px; margin-left: 600px; background: url(../images/cashdesk_left_bg.jpg); height: 718px;}
.cashdesk-left .right-side img{ margin-left: 70px; margin-top: 150px; }
.cashdesk-card { background: url(../images/cashdesk_card_bg.jpg) center top no-repeat; }
.cashdesk-card .card-list li{ float: left; width: 300px; margin-bottom: 50px; height: 58px; line-height: 58px; font-size: 32px; color: #fff;}
.cashdesk-card .card-list li i{ display: inline-block; vertical-align: middle; width: 100px; height: 58px; background-image: url(../images/cashdesk_card.png); background-repeat: no-repeat; }
.cashdesk-card .card-list li.item-1 i{ background-position: 10px 0; }
.cashdesk-card .card-list li.item-2 i{ background-position: -110px 0; }
.cashdesk-card .card-list li.item-3 i{ background-position: -240px 0; }
.cashdesk-card .card-list li.item-4 i{ background-position: -350px 0; }
.cashdesk-card .card-list li.item-5 i{ background-position: 10px -95px; }
.cashdesk-card .card-list li.item-6 i{ background-position: -110px -95px; }
.cashdesk-card .card-list li.item-7 i{ background-position: -240px -95px; }
.cashdesk-card .card-list li.item-8 i{ background-position: -350px -95px; }
.cashdesk-price { background: url(../images/cashdesk_price_bg.jpg) center top no-repeat; padding-bottom: 85px;}
.cashdesk-price .left-side{ width: 600px; float: left; }
.cashdesk-price .left-side img{ margin-left: 70px;  margin-top: 60px;}
.cashdesk-price .right-side{ margin-left: 700px; padding-top: 80px;}
.cashdesk-price .right-side .sc-title{ font-size: 48px; }
.cashdesk-price .right-side .price-info{ font-size: 16px; }
.cashdesk-price .right-side .price-info .tag{ background: #F75A53; color: #fff; display: inline-block; padding: 0 10px; border-radius: 5px;}
.cashdesk-price .right-side .price-info .price{ color: #F75A53; font-size: 40px; margin-left: 10px;}
.cashdesk-price .right-side .price-info .price em{ font-size: 18px; }
.cashdesk-price .right-side .price-info p{ line-height: 2.2; }
.cashdesk-price .right-side .price-info p em{ font-size: 24px; }
.cashdesk-price .right-side .price-info .btn-wrap{ margin-top: 40px; }
.cashdesk-price .right-side .price-info .btn-wrap .price-btn{ display: inline-block; padding: 10px 50px; margin-right: 20px; ; background: #fff; }
.cashdesk-price .right-side .price-info .btn-wrap .price-btn.btn-red{ border: 1px solid #F75A53; color: #F75A53;}
.cashdesk-price .right-side .price-info .btn-wrap .price-btn.btn-blue{ border: 1px solid #49B9EE; color: #49B9EE; }




/* ---------- 功能亮点-核心功能 ---------- */
.core-banner{ background: url(../images/core_banner.jpg) center top no-repeat; height: 600px; }
.core-front .front-list{ margin-right: -50px; }
.core-front .front-list li{ float: left; width: 325px; margin-right:90px; margin-bottom: 50px;}
.core-front .front-list li i{ background: url(../images/core_front.png) no-repeat; width: 100px; height: 100px; float: left; }
.core-front .front-list li.item-1 i{ background-position: 0 0; }
.core-front .front-list li.item-2 i{ background-position: -441px 0; }
.core-front .front-list li.item-3 i{ background-position: -875px 0; }
.core-front .front-list li.item-4 i{ background-position: 0 -150px; }
.core-front .front-list li.item-5 i{ background-position: -441px -150px; }
.core-front .front-list li.item-6 i{ background-position: -875px -150px; }
.core-front .front-list li.item-7 i{ background-position: 0 -300px; }
.core-front .front-list li.item-8 i{ background-position: -441px -300px; }
.core-front .front-list li.item-9 i{ background-position: -875px -300px; }
.core-front .front-list li .text{ margin-left: 120px; }
.core-front .front-list li .title{ font-size: 20px; padding-top: 6px; margin-bottom: 10px; }
.core-front .front-list li p{ color: #82939e; }
.core-goods .goods-list li{ float: left; width: 300px; text-align: center; margin-bottom: 50px;}
.core-goods .goods-list li i{ display: block; width: 180px; height: 180px; margin: 0 auto 20px; background: url(../images/core_goods.png) no-repeat; }
.core-goods .goods-list li.item-1 i{ background-position: 0 0; }
.core-goods .goods-list li.item-2 i{ background-position: -280px 0; }
.core-goods .goods-list li.item-3 i{ background-position: -560px 0; }
.core-goods .goods-list li.item-4 i{ background-position: -840px 0; }
.core-goods .goods-list li.item-5 i{ background-position: 0 -344px; }
.core-goods .goods-list li.item-6 i{ background-position: -280px -344px; }
.core-goods .goods-list li.item-7 i{ background-position: -560px -344px; }
.core-goods .goods-list li.item-8 i{ background-position: -840px -344px; }
.core-goods .goods-list li .title{ font-size: 18px; margin-bottom: 10px;}
.core-goods .goods-list li p{ color: #82939e; font-size: 14px; line-height: 2;}
.core-express .text{ position: absolute; top: 100px; text-align: center; }
.core-express .text li{float: left; width: 250px;}
.core-express .text li.item-1{ margin-left: 260px; }
.core-express .text li.item-2{ margin-left: 190px; }
.core-express .text li .title{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.core-express .text li p{ line-height: 2; font-size: 14px;}


/* ---------- 功能亮点-系统优势 ---------- */
.choose_us-banner{ background: url(../images/choose_us_banner.jpg) center top no-repeat; height: 600px; }


/* ---------- 服务中心-商业授权 ---------- */
.empower-banner{ background: url(../images/empower_banner.jpg) center top no-repeat; height: 600px; }

/*后台管理*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.th_bg{ background-color: #ddd;}
.td_bg{ background-color: #F5F5F5;}

.pf-banner{ height:400px; background:url(../images/pf-banner.png) center center no-repeat;}
.platform_demo_table{ width:900px; margin:0 auto;}
.platform_demo_table tr{ border-bottom:0; border-top:0;}
.platform_demo_table tr:last-child{ border-bottom:1px solid #ddd;}
.platform_demo_table th,.platform_demo_table td{ padding:0; height:50px; line-height:50px;}
.platform_demo_table th{ font-size:18px;}
.platform_demo_table td{ font-size:16px;}

.platform_demo_table .td1{ width:170px;}
.platform_demo_table .td2{ width:300px; padding-left:50px;}
.platform_demo_table .td3{ width:200px;}
.platform_demo_table .td4{ width:140px;}

.pf_temp3{ position:relative;}
.pf_temp3 .center-image{ padding:24px 0;}
.bannerBox{ display: block;position:absolute;left: 0;top: 0;overflow: hidden;z-index: -999;height: 100%;width: 100%;}
.bannerBox .slideBanner{ height: 100%;width: 100%;}
.bannerBox .slideBanner li{ display: block;overflow: hidden;width: 100%;height: 809px;}

.pf_temp4{ height:635px;}
.container_right{ float:right; position:relative; z-index:9;}
.container_right .sc-title,.container_right .sc-subtitle{ text-align:left;}
.pf_temp4 .center-image{ position:absolute; margin-top:20px; margin-left:115px;}

.siderInfo .hd{ text-align:center; padding:0 0 30px; font-size:0;}
.siderInfo .hd li{ display:inline-block; width:68px; height:35px; line-height:35px; font-size:16px; color:#333; background:#e4eaec; margin-right:12px; text-align:center; position:relative; cursor:pointer;}
.siderInfo .hd li:last-child{ margin-right:0;}
.siderInfo .hd li.on{ background:#02b8d6; color:#fff;}
.siderInfo .hd li.on i{ width: 0px;height: 0px;border: 7px solid transparent;border-top-color:#02b8d6; position:absolute; bottom:-14px; left:28px;}
.siderInfo .bd{ width:1016px; margin:0 auto; position:relative;}
.siderInfo .bd li{ float:left; width:1016px; height:466px;}
.siderInfo .bd .prev,.siderInfo .bd .next{ width:25px; height:25px; background:url(../images/pf_icon.png) no-repeat; display:block; position:absolute; top:50%; margin-top:-13px;}
.siderInfo .bd .prev{ left:-60px;}
.siderInfo .bd .next{ right:-60px; background-position:-25px 0;}
.siderInfo .bd .prev:hover{ background-position:0 -25px;}
.siderInfo .bd .next:hover{ background-position:-25px -25px;}

.pf_temp6{ background-color: #333; height:900px;}

.siderInfo2 .hd{font-size:0; text-align:center;}
.siderInfo2 .hd li{ width:201px; height:90px; display:inline-block; background:url(../images/pf_temp7_icon.png) no-repeat; cursor:pointer;}
.siderInfo2 .hd li.item1{ background-position:0 -108px;}
.siderInfo2 .hd li.item2{ background-position:-201px -108px;}
.siderInfo2 .hd li.item3{ background-position:-402px -108px;}
.siderInfo2 .hd li.item4{ background-position:-603px -108px;}
.siderInfo2 .hd li.item5{ background-position:-804px -108px; width:162px;}
.siderInfo2 .hd li.item1.on{ background-position:0 0;}
.siderInfo2 .hd li.item2.on{ background-position:-201px 0;}
.siderInfo2 .hd li.item3.on{ background-position:-402px 0;}
.siderInfo2 .hd li.item4.on{ background-position:-603px 0;}
.siderInfo2 .hd li.item5.on{ background-position:-804px 0;}

.siderinfo_con{ width:1100px; height:545px; margin:40px auto 0; background:url(../images/pf_temp7_bg.png) no-repeat;}
.siderinfo_con .bd{ width:926px; height:442px; margin:0 auto; padding-top:30px;}

.pf_temp8{ background:#f6f9fc;}

.tabs-content{ overflow:hidden;}
.tabs-content .tabs-content-left{ float:left; width:940px; border:1px solid #00a9fc;}
.tabs-content .tabs-content-warp{ width:888px; height:511px; background:url(../images/pf_temp8_bg.png) no-repeat; margin:42px auto 43px;}
.tabs-content .tabs-content-warp .img{ width:684px; height:435px; padding:20px 102px 56px 102px;}
.tabs-content .tabs-content-right{ width:268px; height:598px; background-color:#00a9fc; float:left; text-align:center;}
.tabs-content .tabs-content-right .img{ width:150px; height:103px; margin:50px auto 45px;}
.tabs-content .tabs-content-right ul{ padding:0 34px; width:200px;}
.tabs-content .tabs-content-right ul .li{ position:relative; width:198px; height:78px; border:1px solid #fff; color:#fff; cursor:pointer;}
.tabs-content .tabs-content-right ul .li h3{ font-size:22px; margin-top:15px;}
.tabs-content .tabs-content-right ul .li p{ font-size:14px;}
.tabs-content .tabs-content-right ul .spacer{ width:5px; height:26px; margin:5px auto 6px; background:url(../images/spacer_icon.png) no-repeat;}
.tabs-content .tabs-content-right ul .li i{ display:none; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid #fff; position:absolute; left:-9px; top:30px;}
.tabs-content .tabs-content-right ul .li.curr{ background-color:#fff;}
.tabs-content .tabs-content-right ul .li.curr{ color:#00a9fc;}
.tabs-content .tabs-content-right ul .li.curr i{ display:block;}

.pf_temp10 .backTop{ display:inline-block; font-size:0; text-align:center; background:url(../images/back_top.png) no-repeat; width:170px; height:55px;}

.terminal-nav ul .channel_gray a{ color:#ccc;}

/* ---------- 特色版本-跨境版 ---------- */
.kuajing-banner{ background: url(../images/kuajing/response_new/kuajing_banner.png) no-repeat center top; height: 400px;}
.kuajing-floor-1 .img{ height: 478px; background:url(../images/kuajing/response_new/f1.png) no-repeat center top; }
.kuajing-floor-2{ background: #F7F9FC; padding-bottom: 0; overflow: visible;}
.kuajing-floor-2 .floor-slide{ margin-bottom: -203px; }
.kuajing-floor-2 .floor-slide .hd{ text-align: center; margin-bottom: 32px;}
.kuajing-floor-2 .floor-slide .hd ul{ display: inline-block; overflow: hidden; }
.kuajing-floor-2 .floor-slide .hd li{ float: left; width: 88px; line-height: 28px; font-size: 14px; color: #82939e; border: 1px solid #82939e; border-radius: 2px; margin: 0 7px; cursor: pointer;}
.kuajing-floor-2 .floor-slide .hd li.on{ background: #82939e; color: #fff; }
.kuajing-floor-2 .floor-slide .bd{ height: 661px; position: relative; background: url(../images/kuajing/response_new/f2_pc.png) no-repeat center top; }
.kuajing-floor-2 .floor-slide .bd li{ position: absolute; width: 705px; height: 401px; overflow-y: scroll; overflow-x: hidden; left: 252px; top: 28px;}
.kuajing-floor-2 .floor-slide .bd .tip-img{ width: 176px; height: 72px; position: absolute; top: 340px; left: 920px; background: url(../images/kuajing/response_new/f2_tip.png) no-repeat center top;}
.kuajing-floor-3{ padding-top: 327px; }
.kuajing-floor-3 .img{ margin-top: 100px; height: 664px; background:url(../images/kuajing/response_new/f3.png) no-repeat center top;}
.kuajing-floor-4{background: #3CD8E4 url(../images/kuajing/response_new/f4_bg.png) no-repeat center top;}
.kuajing-floor-4 ul{ margin: 0 -13px; }
.kuajing-floor-4 li{ width: 392px; height: 320px; position: relative; float: left; margin: 0 10px; background: #fff; border-radius: 5px; text-align: center; }
.kuajing-floor-4 li i{ display: block; margin: 40px auto 32px; width: 110px; height: 110px; background-repeat: no-repeat;}
.kuajing-floor-4 li:nth-child(1) i{ background-image: url(../images/kuajing/response_new/f4_1.png); }
.kuajing-floor-4 li:nth-child(2) i{ background-image: url(../images/kuajing/response_new/f4_2.png); }
.kuajing-floor-4 li:nth-child(3) i{ background-image: url(../images/kuajing/response_new/f4_3.png); }
.kuajing-floor-4 li h4{ font-size: 22px; margin-bottom: 7px;}
.kuajing-floor-4 li p{ color: #82939e; font-size: 14px; width: 240px; margin: 0 auto; }
.kuajing-floor-4 li:after{ content: ""; font-size: 0; height: 3px; background: #76BFF9; width: 90px; position: absolute; bottom: 3px; left: 50%; margin-left: -45px;}
.kuajing-floor-5{}
.kuajing-floor-5 .img{ height: 497px; background: url(../images/kuajing/response_new/f5.png) no-repeat center top; }
.kuajing-floor-6{ background: #F7F9FC; }
.kuajing-floor-6 .img{ height:314px; background: url(../images/kuajing/response_new/f6.png) no-repeat center top; }
.sc-title2{font-size: 30px; color: #333; line-height: 1; margin-bottom: 30px; font-weight: normal;}
.kj-fl{ width: 610px; float: left; text-align: left;}
.kj-fl .sc-subtitle{ text-align: left; }
.kj-fl .sc-title2{ padding-top: 78px; }
.kuajing-floor-7{}
.kuajing-floor-7 .sc-title{ margin-bottom: 92px; }
.kuajing-floor-7 .img{ width: 584px; height: 416px; background: url(../images/kuajing/response_new/f7.png) no-repeat center top;}
.kuajing-floor-8{ background: #F7F9FC; }
.kuajing-floor-8 .img{ width: 305px; height: 299px; background: url(../images/kuajing/response_new/f8.png) no-repeat center top; }
.kuajing-floor-9{}
.kuajing-floor-9 .img{ width: 571px; height: 216px; background: url(../images/kuajing/response_new/f9.png) no-repeat center top; }
.kuajing-floor-10{ background: #F7F9FC; padding-bottom: 0;}
.kuajing-floor-10 .img{ width: 416px; height: 309px; background: url(../images/kuajing/response_new/f10.png) no-repeat center top; }
.kuajing-floor-11{ padding-top: 108px; }
.kuajing-floor-11 .btn-wrap{ text-align: center; padding-top: 30px; }
.kuajing-floor-11 .btn-wrap .btn{ padding: 0 25px; line-height: 42px; font-size: 17px; border-radius: 5px; font-weight: 700;}
.kuajing-floor-11 .attr-table th{ background-color:#F9F9F9;}
/*系统概述*/
.commerce-banner{ background:url(../images/commerce-banner.jpg) center center no-repeat; height:400px;}

.commerce_temp1{ height:884px; background:url(../images/commerce_temp1_bg.jpg) center center no-repeat;}
.commerce_temp1 .container{ padding-top:80px;}
.container_left{ float:left; text-align:left;}
.container_left .sc-title,.container_left .sc-subtitle{ text-align:left;}
.commerce_temp1 .container_right{ position:absolute; top:80px; right:0;}

.commerce_temp2{ background:#fff;}
.commerce_temp2 .container_right{ padding:85px 55px 0 0}
.commerce_temp2 .container_right .sc-title{ margin-bottom:20px;}
.commerce_temp2 .container_right img{ padding-top:30px;}

.commerce_temp3{ background:url(../images/commerce_temp3_bg.jpg) center center no-repeat;}
.commerce_temp3 .center-image .sc-subtitle{ position:absolute; bottom:110px; left:50%; margin:0 0 0 -216px;}

.commerce_temp5{ background:url(../images/commerce_temp5_bg.jpg) center center no-repeat; padding:45px 0 65px;}
.commerce_temp5 .container_left{ margin-left:176px;}
.commerce_temp5 .container_right{ padding:40px 0 0 0;}
.commerce_temp5 .container_right p{ font-size:16px; color:#505050; margin-bottom:8px;}
.commerce_temp5 .container_right p a{ color:#2a94ee;}
.commerce_temp5 .container_right p a:hover{ color:#ec5051;}
.commerce_temp5 .container_right .btn{ margin-top:50px; padding:12px 50px;}

/*商家后台*/
.seller-banner{ background:url(../images/seller_banner.png) center center no-repeat; height:400px;}

.seller_temp2{ background:#f6f9fc; padding:110px 0 40px;}
.seller_temp2 .img{ width:970px; height:598px; margin:80px auto 0; position:relative;}
.seller_temp2 .right{ position:absolute; right:-48px; top:100px;}
.seller_temp2 .right .tiny{ float:left;}
.seller_temp2 .subtitle_text{ float:left; margin-top:-8px;}
.seller_temp2 .subtitle_text p{ font-size:16px; color:#82939e;}
.seller_temp2 .subtitle_text .p2{ margin-top:75px;}
.seller_temp2 .subtitle_text .p3{ margin-top:70px;}
.seller_temp2 .subtitle_text .p4{ margin-top:68px;}
.seller_temp2 .subtitle_text .p5{ margin-top:73px;}

.seller_temp3{ padding:80px 0 50px;}
.seller_temp3 .item{ width:20%; float:left; margin-bottom:50px; text-align:center;}
.seller_temp3 .item i{ background:url(../images/seller_temp3_tab.png) no-repeat; width:120px; height:120px; display:inline-block;}
.seller_temp3 .item p{ color:#82939e; font-size:16px; text-align:center; margin-top:10px;}
.seller_temp3 .item_1 i{ background-position:0 0;}
.seller_temp3 .item_2 i{ background-position:-242px 0;}
.seller_temp3 .item_3 i{ background-position:-484px 0;}
.seller_temp3 .item_4 i{ background-position:-726px 0;}
.seller_temp3 .item_5 i{ background-position:-968px 0;}
.seller_temp3 .item_6 i{ background-position:-1px -207px;}
.seller_temp3 .item_7 i{ background-position:-243px -207px;}
.seller_temp3 .item_8 i{ background-position:-485px -207px;}
.seller_temp3 .item_9 i{ background-position:-726px -207px;}
.seller_temp3 .item_10 i{ background-position:-968px -207px;}

.seller_temp4{ height:1038px; background:url(../images/seller_temp4_bg.jpg) center center no-repeat; padding:0;}
.seller_temp4 .sc-title{ margin-top:80px;}
.seller_temp4 .sc-subtitle{ margin-bottom:50px;}
.seller_temp4 .img{ position:relative;}
.seller_temp4 .img .left{ float:left; margin-top:60px;}
.seller_temp4 .img .left img{ float:left;}
.seller_temp4 .img .left .left_tiny{ position:relative; z-index:11; margin-top:78px; margin-left:-5px;}

.seller_temp4 .img .con{ width:970px; height:598px; position:absolute; left:120px; top:0; z-index:10;}
.seller_temp4 .img .right{ float:right; margin-top:60px;}
.seller_temp4 .img .right img{ float:right;}
.seller_temp4 .img .right .right_tiny{ margin-top:70px; margin-right:1px; position:relative; z-index:11;}
/*.seller_temp4 .img .left_text_img{ position:absolute; left:0; top:68px; z-index:9;}
.seller_temp4 .img .right_text_img{ position:absolute; right:0; top:68px; z-index:9;}
.seller_temp4 .img .left_tiny{ position:absolute; left:140px; top:140px; z-index:11;}
.seller_temp4 .img .right_tiny{ position:absolute; right:140px; top:128px; z-index:11;}*/

.seller_temp5 .img{ position:absolute;transform:none; -webkit-transform:none; bottom:8px; left:140px;}

.seller_temp6{ height:803px; background:url(../images/seller_temp6_bg.jpg) center center no-repeat; padding:0;}
.seller_temp6 .sc-title{ margin-top:80px;}
.seller_temp6 .img{ position:absolute; top:64px;transform:none; -webkit-transform:none; left:102px;}

.seller_temp7{ padding:160px 0 80px;}


/*门店后台*/
.store-banner{ height:400px; background:url(../images/store-banner.png) center center no-repeat;}
.store_temp1{ position:relative; z-index:9;}
.store_temp1 .siderInfo .hd li{ width:132px; background:#b6b6b6; color:#fff; height:45px; line-height:45px;}
.store_temp1 .siderInfo .hd li.on{ background:#45b8eb;}
.store_temp1 .siderInfo .hd li.on i{ left:59px;}

.store_temp1 .siderInfo_con{ width:1133px; height:681px; background:url(../images/store_temp1_bg.png) no-repeat; margin:0 auto;}
.store_temp1 .siderInfo_con .bd{width:838px; height:531px; padding-top:27px;}
.store_temp1 .siderInfo_con .bd li{ height:531px;}

.store_temp2{ background:#f6f9fc; margin-top:-89px; padding-top:160px;}
.store_temp3{ background:#111111; padding-bottom:120px;}
.store_temp3 .sc-title{ margin-bottom:50px;}

.store_temp4{ background:#f6f9fc;}
.store_temp4 .sc-subtitle{ margin-bottom:60px;}

.store_temp5 .siderInfo .hd li{ width:132px; background:#b6b6b6; color:#fff; height:45px; line-height:45px;}
.store_temp5 .siderInfo .hd li.on{ background:#45b8eb;}
.store_temp5 .siderInfo .hd li.on i{ left:59px;}
.store_temp5 .siderInfo .bd{ width:1134px;}
.store_temp5 .siderInfo .bd li{ height:510px; width:1134px;}

.store_temp6 .sc-title{ margin-bottom:70px;}


/*首页视频修改*/
.index-video{ background:url(../images/index-video-bg.jpg) no-repeat; height:810px;}
.video_content{ width:871px; height:auto; position:relative; margin:0 auto; overflow:hidden;}
.video_content .info{ width:871px; height:520px; background:url(../images/apple_bg.png) no-repeat; overflow:hidden;}
.video_content .info .js_videoCon{ float:left; margin-top:30px;}

.slide-video{ height:130px; width:100%; position:relative; margin:20px 0;}
.slide-video-hd{ height:130px; width:770px; margin:0 auto; position:relative; overflow:hidden;}
.slide-video ul{ width:784px;}
.slide-video li{ float:left; width:178px; height:auto; margin-right:18px; cursor:pointer;}
.slide-video li .desc{ width:100%; height:100px; position:relative;}
.slide-video li .desc .si_icon{ width:50px; height:50px; position:absolute; top:28px; left:65px; z-index:10; background:url(../images/video_bf.png) -50px 0 no-repeat;}
.slide-video li .desc .bg{ background:#000; opacity:0.3; width:100%; height:100%; position:absolute; top:0; left:0; z-index:9;}
.slide-video li .text{ text-align:center; line-height:40px;}

.slide-video li:hover .si_icon{ background-position:0 0;}
.slide-video li.on .desc .si_icon,.slide-video li.on .desc .bg{ display:none;}
.slide-video .prev,.slide-video .next{ width:30px; height:30px; background:url(../images/video_jt.png) no-repeat; position:absolute; top:35px;}
.slide-video .prev{ background-position:0 -30px; left:0;}
.slide-video .next{ background-position:-30px -30px; right:0;}
.slide-video .prev:hover{background-position:0px 0;}
.slide-video .next:hover{background-position:-30px 0;}

/*大商创2.0 专题改版*/
.header{ background-color:#fff;}
.header .logo{ padding: 12px 96px 0 0;}
.header .ysz{ float:left; margin-left:25px;}
.header .logo_img{ float:left; margin-top:14px;}
.header .nav li{ margin-right:30px;}
.header .nav li:first-child{ margin-right:38px;}
.header .nav li:last-child{ margin-right:0;}
.header .nav li .nav-a{ padding:0; color:#333; font-size:16px; position:relative;}
.header .nav li .nav-a .hot{ position:absolute; top:10px; right:-4px;}
.header .nav li:hover .nav-a{ background:none;}
.header .nav li i{ background-position:0 -34px; margin-left:5px;}
.header .nav li:hover i{ background-position:0 -26px; margin-left:5px;}
.header .kf_service{ width:115px; height:35px; line-height:35px; border-radius:5px; background-color:#239ffd; color:#fff; font-size:15px; display:block; float:left; position:relative; margin:20px 0 0 24px;}
.header .kf_service i{ width:18px; height:16px; display:block; background:url(../images/icons.png) -121px 1px no-repeat; position:absolute; top:10px; left:15px;}
.header .kf_service span{ padding-left:40px;}

.header .nav li .nav-a.curr{ color:#f42424;}

.header .demo{ padding:0;}

.index-banner{ width:100%; height:600px; background:none;}
.index-banner .bd ul li{ height:600px;}
.index-banner .bd ul li a{ height:600px; display:block; background-position:center center; background-repeat:no-repeat;}

.index-banner .hd{ text-align: center;position: relative;width: 100%;}
.index-banner .hd ul{ position: absolute;z-index: 1;left: 50%;bottom: 10px;padding: 4px 8px; font-size:0;}	
.index-banner .hd ul li{display: inline-block;width: 12px;height: 12px;background-color: rgba(255,255,255,.4);border-radius: 50%;cursor: pointer;margin-right: 6px;}
.index-banner .hd ul li.curr{ background-color:rgba(255,255,255,1);}

.sc-title{ margin-bottom:20px;}

.index-section1{ background-color:#f5f5f5; padding:0;}
.index-section1 .items{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden;}
.index-section1 .items .item{ float:left; width:232px; height:110px; background-color:#fff; margin-right:10px; position:relative;}
.index-section1 .items .item:last-child{ margin-right:0;}
.index-section1 .items .item a:hover h3{ color:#239ffd;}
.index-section1 .items .item i{ width:50px; height:50px; display:block; background:url(../images/icons.png) no-repeat; position:absolute; top:30px; left:37px;}
.index-section1 .items .item1 i{ background-position:-349px 0;}
.index-section1 .items .item2 i{ background-position:-349px -51px;}
.index-section1 .items .item3 i{ background-position:-349px -102px;}
.index-section1 .items .item4 i{ background-position:-349px -153px;}
.index-section1 .items .item5 i{ background-position:-349px -204px;}

.index-section1 .items .item .info{ padding:32px 0 0 108px;}
.index-section1 .items .item .info h3{ font-size:18px; color:#333;}
.index-section1 .items .item .info h3 .hot{ margin-left:8px;}
.index-section1 .items .item .info p{ font-size:14px; color:#888888;}

.index-section2 .content{ overflow:hidden;}
.index-section2 .section2-top{ width:861px; height:244px; background:url(../images/dsc_2.0/index-section2.png) no-repeat; margin:0 auto; position:relative;}
.index-section2 .section2-top .p1,.index-section2 .section2-top .p3{ font-size:18px; color:#fff; position:absolute; top:110px;}
.index-section2 .section2-top .p1{ left:20px;}
.index-section2 .section2-top .p3{ right:20px;}
.index-section2 .section2-top .p2{ font-size:16px; position:absolute; text-align:center; color:#1cc3a0; left:367px; top:190px;}

.index-section2 .section2-bot{ width:1020px; min-height:243px; margin:0 auto; position:relative; background:url(../images/dsc_2.0/index-section2_2.png) no-repeat;}
.index-section2 .section2-bot .item{ float:left; width:140px; margin-left:80px;} 
.index-section2 .section2-bot .item .title{ font-size:16px; color:#fff; text-align:center;margin-top:122px;}
.index-section2 .section2-bot .item .info{ margin-top:110px; text-align:center; font-size:14px; color:#888;}

.index-section2 .section2-bot .item1{ margin-left:0;}
.index-section2 .section2-bot .item2 .info h3{ color:#fb7e40;}
.index-section2 .section2-bot .item3 .info h3{ color:#2b8dfe;}
.index-section2 .section2-bot .item4 .info h3{ color:#2dbd2a;}
.index-section2 .section2-bot .item5 .info h3{ color:#9c34b5;}
.index-section2 .section2-bot .item6 .info h3{ color:#3c5e7a;}

.index-section3{ background-color:#f6f9fc;}
.index-section3 .video_content{ width:888px; height:auto; margin:0 auto;}
.index-section3 .video_content .info{ width:888px; height:465px; background:url(../images/dsc_2.0/index-section3.png) no-repeat;}
.index-section3 .video_content .info .js_videoCon{ margin:18px 0 0 122px;}

.slide-video,.slide-video .slide-video-hd{ height:160px;}
.slide-video .prev{ left:15px;}
.slide-video .next{ right:15px;}
.slide-video li .text{ height:30px; line-height:30px; background-color:#fff; font-size:14px;}
.slide-video li .bottom{ height:30px; line-height:30px; background:url(../images/dsc_2.0/video_bf_bg.jpg) no-repeat; overflow:hidden;}
.slide-video li .bottom a{ display:block; width:70px; height:30px; float:left; font-size:14px; color:#fff; text-align:center;}
.slide-video li .bottom .download{ width:108px; position:relative;}
.slide-video li .bottom .download i{ display:block; width:12px; height:12px; background:url(../images/dsc_2.0/icon.png) no-repeat; position:absolute; top:9px; right:8px;}


.index-section4 .content{ position:relative;}
.index-section4 .img{ width:706px; height:340px; margin:0 auto;}
.index-section4 .item{ position:absolute;}
.index-section4 .item em{ color:#333; font-size:16px;display:block;}
.index-section4 .item span{ display:block; color:#82939e;}
.index-section4 .item1{ top:16px; text-align:right; left:15px;}
.index-section4 .item2{ top:300px; text-align:right; left:28px;}
.index-section4 .item3{ top:16px; right:50px; text-align:left;}
.index-section4 .item4{ top:300px; right:58px; text-align:left;}

.index-section5{ background-color:#111;}
.index-section5 .content{ background-color:#292929;}

.index-section6{ background-color:#f6f9fc; overflow:hidden;}
.index-section6 .figure{ float:left; width:562px; height:398px; border:1px solid #239ffd;}
.index-section6 .right{ float:left; margin-left:32px; width:600px;}
.index-section6 .right .title{ font-size:24px; color:#239ffd; margin-bottom:10px;}
.index-section6 .right .tab{ overflow:hidden;}
.index-section6 .right .tab li{ float:left; margin-right:10px; width:110px; height:50px; line-height:50px; color:#fff; font-size:16px; text-align:center; background-color:#aaaaaa; cursor:pointer;}
.index-section6 .right .tab li.curr{ background-color:#239ffd;}
.index-section6 .right .main{ margin-top:20px; margin-left:2px;}
.index-section6 .right .main ul{ display:none;}
.index-section6 .right .main ul li{ float:left; width:100px; height:100px; margin:0 20px 20px 0; background-color:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.15); text-align:center; cursor:pointer; position:relative;}
.index-section6 .right .main ul li i{ display:block; width:36px; height:37px; margin:20px auto 10px; text-align:center;}
.index-section6 .right .main ul li s{ width:20px; height:20px; position:absolute; top:5px; right:5px; background:url(../images/dsc_2.0/active.png) no-repeat; display:none;}
.index-section6 .right .main ul li.curr s{ display:block;}


.index-section8{ background-color:#373d41; height:380px; padding:0;}
.index-section8 .slide-container{ position:relative;}
.index-section8 .slide-body{ position:relative; overflow:hidden;}
.index-section8 .slide-body li{ float:left; width:300px; height:380px; position:relative;}
.index-section8 .slide-body li img{ width:100%; height:100%;}
.index-section8 .slide-body li .mask{ position:absolute; left:0; right:0; top:0; bottom:0; text-align:center;}
.index-section8 .slide-body li .mask-content{ position: absolute;left: 0;right: 0;top: 100px;bottom: 0;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.index-section8 .slide-body li .mask-content h3{ font-size:24px; color:#fff; font-weight:bold;}
.index-section8 .slide-body li .mask-content .item-img-panel{ width:45px; height:45px; margin:38px auto 30px;}
.index-section8 .slide-body li .mask-content .desc{ font-size:16px; color:rgba(255,255,255,.8); line-height:30px;}
.index-section8 .slide-body li .bg{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.index-section8 .slide-body li .item-link{ display: inline-block;border: 1px solid #fff;width: 120px;height: 36px;line-height: 36px;font-size: 14px;color: #fff;text-decoration: none;margin-top: 62px; opacity: 0;filter: alpha(opacity=0);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.index-section8 .slide-body li:hover .bg{ background-color:#239ffd; opacity: 0.9;filter: alpha(opacity=90);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90));}
.index-section8 .slide-body li:hover .mask-content{ top:13%;}
.index-section8 .slide-body li:hover .item-link{ opacity:1;filter: alpha(opacity=100);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); margin-top:14%;}
.index-section8 .slide-body li .item-link:hover{ color: #239ffd;background: #fff;}
.index-section8 .slide-container .slide-btn{ position: absolute;top: 0;bottom: 0;width:50px; height:380px;border: 0;outline: none;cursor: pointer;background:rgba(0,0,0,.5); display:none;}
.index-section8 .slide-container .slide-btn.prev{ left:0;}
.index-section8 .slide-container .slide-btn.next{ right:0;}
.index-section8 .slide-container .slide-btn i{ width:15px; height:26px; background:url(../images/dsc_2.0/icon.png) no-repeat; position:absolute; top:45%;}
.index-section8 .slide-container .slide-btn.prev i{ background-position:-26px -3px; left:15px;}
.index-section8 .slide-container .slide-btn.next i{ background-position:-52px -3px; right:15px;}
.index-section8 .slide-container:hover .slide-btn{ display:none;}

.index-needs .needs-slide .hd,.index-price .price-slide .hd li.on,.index-price .attr-table th.at-title{ background-color:#239ffd;}

.index-section9 .items{}
.index-section9 .item{ float:left; width:380px; margin-right:30px;}
.index-section9 .item .item-tit{ height:140px; color:#fff; text-align:center;box-shadow: 0 0px 2px rgba(0,0,0,.2);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;border-radius: 6px 60px 0px 0px;}
.index-section9 .item .item-tit h3{ font-size:18px; padding-top:50px; display:block;}
.index-section9 .item .item-tit p{ font-size:14px; margin-top:10px;}
.index-section9 .item .item-content{ border:1px solid #e5e5e5; padding:8px; overflow:hidden; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.index-section9 .item .item-content li{ float:left; width:180px; height:180px; text-align:center;}
.index-section9 .item .item-content li i{ background:url(../images/dsc_2.0/section_9.png) no-repeat; width:50px; height:50px; display:block; margin:35px auto 0;}
.index-section9 .item .item-content li strong{ display:block; font-size:14px; color:#333; font-weight:normal; margin-top:10px;}
.index-section9 .item .item-content li span{ color:#82939e; margin-top:5px; display:block;}

.index-section9 .item3{ margin-right:0;}
.index-section9 .item1 .item-tit{ background-color:#45a4f1;}
.index-section9 .item2 .item-tit{ background-color:#45b7bc;}
.index-section9 .item3 .item-tit{ background-color:#7bb74c;}

.index-section9 .item .item-content .li1{ border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.index-section9 .item .item-content .li2{ border-bottom:1px solid #e5e5e5;}
.index-section9 .item .item-content .li3{ border-right:1px solid #e5e5e5;}

.index-section9 .item1 .item-content .li1 i{ background-position:0 0;}
.index-section9 .item1 .item-content .li2 i{ background-position:-63px 0;}
.index-section9 .item1 .item-content .li3 i{ background-position:-127px 0;}
.index-section9 .item1 .item-content .li4 i{ background-position:-189px 0;}

.index-section9 .item2 .item-content .li1 i{ background-position:0 -61px;}
.index-section9 .item2 .item-content .li2 i{ background-position:-61px -61px;}
.index-section9 .item2 .item-content .li3 i{ background-position:-125px -58px;}
.index-section9 .item2 .item-content .li4 i{ background-position:-187px -59px;}

.index-section9 .item3 .item-content .li1 i{ background-position:0 -124px;}
.index-section9 .item3 .item-content .li2 i{ background-position:-59px -122px;}
.index-section9 .item3 .item-content .li3 i{ background-position:-126px -127px;}
.index-section9 .item3 .item-content .li4 i{ background-position:-190px -129px;}

.index-section9 .item:hover .item-tit{ border-radius:5px 5px 0 0;}
.index-section9 .item:hover .item-content{box-shadow: 0 1px 20px rgba(0,0,0,.2);}

.index-section10{ background-color:#f6f9fc;}
.index-section10 .content{ text-align:center;}

.index-section11 .wz{ font-size: 16px;color: #82939e;line-height: 2;text-align: center; overflow:hidden; width:710px; margin:40px auto 0;}
.index-section11 .wz span{ float:left;}
.index-section11 .wz .lie{ float:left;}
.index-section11 .wz .lie .sku{ width:16px; height:16px; display:inline-block; border-radius:50%; background-color:#82939e; text-align:center; line-height:16px; color:#fff; font-size:12px; float:left; margin:7px 5px 0 0;}
.index-section11 .btn{ border-radius:5px; padding:10px 25px; margin-top:20px;} 

.secNav{ border-bottom:1px solid #ddd; overflow:hidden; border-color:#ddd; border-width:0 0 1px 0; border-style:solid;}
.secNav .secNav-items{ width:1210px; margin:0 auto;}
.secNav .secNav-items:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;}
.secNav .secNav-items .item{ float:left; width:14.19%; text-align:center; border-left:1px solid #dddddd; margin:20px 0;}
.secNav .secNav-items .item a{ color:#333; font-size:16px;}
.secNav .secNav-items .item a:hover{ color:#f42424;}
.secNav .secNav-items .item:last-child{ border-right:1px solid #ddd;}

.secNav .secNav-items .item.current a{ color:#f42424;}

.secNav-top{ border-width:1px 0 1px 0;}
.secNav-top .secNav-items .item{ margin:13px 0; width:calc(25% - 2px); width:301px\0;}
.secNav-top .secNav-items .item a{ font-size:14px;}

.secNav-top-five .secNav-items .item{ width:calc(20% - 2px); width:241px\0;}
.secNav-top-three .secNav-items .item{ width:33%; width:400px\0;}
.secNav-top-seven .secNav-items .item{ width:14.19%; width:172px\0;}
.secNav-top-eight .secNav-items .item{ width:12.4%; width:150px\0;}
.secNav-top-six .secNav-items .item{ width:16.4%; width:150px\0;}

.commerce-section1 .left{margin-top:60px;}
.commerce-section1 .left .sc-title{ line-height:60px;}

.commerce-section2,.commerce-section4,.commerce-section6{ background:#f6f9fc;}
.commerce-section2 .right{ margin-top:100px;}
.commerce-section3 .left{ margin-top:100px;}
.commerce-section4 .right{ margin-top:50px;}
.commerce-section5 .left{ margin-top:120px;}

.commerce-section6{ padding-bottom:0; overflow:visible; margin-bottom:215px;}
.commerce-section6 .content{ position:relative; height:500px;}
.commerce-section6 .items{}
.commerce-section6 .item{ position:absolute; text-align:center;}
.commerce-section6 .item i{ width:64px; height:64px; background:url(../images/dsc_2.0/icon.png) no-repeat; display:block; margin:0 auto;}
.commerce-section6 .item h3{ font-size:16px; margin:15px 0;}
.commerce-section6 .item span{ font-size:14px; color:#82939e;}

.commerce-section6 .item1{ width:400px; top:100px; left:60px;}
.commerce-section6 .item2{ width:300px; top:100px; right:85px;}
.commerce-section6 .item3{ width:400px; top:320px; left:60px;}
.commerce-section6 .item4{ width:300px; top:320px; right:85px;}

.commerce-section6 .item1 i{ background-position:-236px 0;}
.commerce-section6 .item2 i{ background-position:-236px -65px;}
.commerce-section6 .item3 i{ background-position:-236px -130px;}
.commerce-section6 .item4 i{ background-position:-236px -194px;}

.commerce-section6 .item1 h3,.commerce-section6 .item2 h3{ color:#32a6f8;}
.commerce-section6 .item3 h3,.commerce-section6 .item4 h3{ color:#17c1a0;}

.commerce-section6 .img{ position:absolute; top:20px; left:470px;}

.operative-section .section-warp{ position:relative;}
.operative-section .left{ width:628px;}
.operative-section .qp_left{ width:100%;}
.operative-section .qp_left .items .item .value{ width:1088px;}
.operative-section .qp_left .items .item .value-items{ padding:10px 15px 40px;}

.operative-section .title{ overflow:hidden; line-height:72px;}
.operative-section .title em{ font-size:72px; color:#ececec; float:left;}
.operative-section .title span{ float:left; font-size:36px; color:#333; margin-left:10px;}
.operative-section .items{ margin-top:20px; overflow:hidden;}
.operative-section .items .item{ float:left; margin-bottom:10px;}
.operative-section .items .item .label{ float:left; width:80px; font-size:14px; color:#82939e; line-height:70px;}
.operative-section .items .item .lh{ line-height:46px;}
.operative-section .items .item .value{ border:1px dashed #d9dee2; float:left; width:516px; padding:10px 15px; font-size:14px; line-height:24px; color:#82939e;}
.operative-section .items .item .curr{ color:#ed4f52;}

.operative-section2,.operative-section4,.operative-section6,.operative-section8{ background:#f6f9fc;}
.operative-section2 .left{ margin-top:50px;}

.operative-section3 .left{ width:674px;}
.operative-section3 .right{ position:absolute; right:0;}

.operative-section4 .left{ margin-top:40px;}
.operative-section5 .left{ margin-top:50px;}

.operative-section7 ul li{ float:left; width:120px; text-align:center; margin:30px 160px 0 0;}
.operative-section7 ul li:nth-child(4),.operative-section7 ul li:nth-child(8){ margin-right:0;}
.operative-section7 ul li:nth-child(1),.operative-section7 ul li:nth-child(5){ margin-left:60px;}
.operative-section7 ul li i{ width:120px; height:114px; display:block; background:url(../images/dsc_2.0/operative-section7.png) no-repeat; margin:0 auto;}
.operative-section7 ul li span{ display:block; margin-top:10px;}

.operative-section7 ul li .icon1{ background-position:0 0;}
.operative-section7 ul li .icon2{ background-position:-120px 0;}
.operative-section7 ul li .icon3{ background-position:-240px 0;}
.operative-section7 ul li .icon4{ background-position:-360px 0;}
.operative-section7 ul li .icon5{ background-position:0 -114px;}
.operative-section7 ul li .icon6{ background-position:-120px -114px;}
.operative-section7 ul li .icon7{ background-position:-240px -114px;}
.operative-section7 ul li .icon8{ background-position:-360px -114px;}

.operative-section8 ul li{ float:left; width:310px; margin:30px 65px 0 0;}
.operative-section8 ul li:nth-child(1),.operative-section8 ul li:nth-child(4){ margin-left:15px;}
.operative-section8 ul li:nth-child(3),.operative-section8 ul li:nth-child(6){ margin-right:0;}
.operative-section8 ul li i{ width:120px; height:114px; display:block; background:url(../images/dsc_2.0/operative-section8.png) no-repeat; float:left;}
.operative-section8 ul li .info{ float:left; width:175px; margin:15px 0 0 15px;}
.operative-section8 ul li .info strong{ display:block; font-size:14px;}
.operative-section8 ul li .info span{ display:block; margin-top:10px;}

.operative-section8 ul li .icon1{ background-position:0 0;}
.operative-section8 ul li .icon2{ background-position:-120px 0;}
.operative-section8 ul li .icon3{ background-position:-240px 0;}
.operative-section8 ul li .icon4{ background-position:0 -114px;}
.operative-section8 ul li .icon5{ background-position:-120 -114px;}
.operative-section8 ul li .icon6{ background-position:-240px -114px;}

.operative-section9 .left{ width:674px; margin-top:120px;}

.profit-section2,.profit-section4,.profit-section6,.gps-section2{ background:#f6f9fc;}

.profit-section1 .left,.profit-section2 .left,.profit-section3 .left,.profit-section4 .left{ margin-top:20px;}
.profit-section5 .left{ margin-top:150px;}

.profit-section6{ overflow:visible; height:325px; margin-bottom:328px;}
.profit-section6 .left{ width:674px; margin-top:65px;}
.profit-section6 .right{ position:absolute; right:0; top:0;}

.gps-section1 .left{ margin-top:80px;}
.gps-section2 .left{ margin-top:20px;}
.gps-section3 .left{ margin-top:50px;}

.act-section2,.act-section4,.act-section6,.act-section8,.act-section10,.act-section12{ background:#f6f9fc;}

.act-section1 .left{ margin-top:80px;}
.act-section2 .right{ margin-top:60px;}
.act-section2 .right .sc-title{ line-height:60px;}
.act-section3 .left,.act-section5 .left,.act-section7 .left,.act-section9 .left,.act-section11 .left{ margin-top:100px;}
.act-section4 .right,.act-section6 .right,.act-section8 .right,.act-section10 .right,.act-section12 .right{ margin-top:100px;}

.empower-banner{ background:url(../images/dsc_2.0/empower_banner.jpg) no-repeat; height:400px;}

/*拼团*/
.p-f{position: fixed;}
.p-r{position:relative;}
.p-a{position:absolute;}
.text-c {text-align: center;}
.text-r{text-align: right;}
.text-l{text-align: left;}
.oh {overflow: hidden;}
.ect-w25 { width: 25%;}
.ect-w10{width:10%;}
.ect-w45{width:45%;}
.ect-w50{width:50%;}
.dis{display: block;margin: 0 auto;}
.m-b15{margin-bottom:15px;}
.m-t30{margin-top:30px;}
.m-t40{margin-top:40px;}
.m-t50{margin-top:50px;}
.m-t80{margin-top:80px;}
.m-b40{margin-bottom:40px;}


.f-14{font-size:14px;}
.f-16{font-size: 16px;}
.f-18{font-size:18px;}
.f-24{font-size:24px;}

.col-3{color:#333;}
.col-5{color:#555;}
.col-8{color:#888;}
.col-829{color:#82939e;}
.col-27b{color:#27bfc2;}
.col-2eb{color:#2ebb3b;}
.col-4c9{color:#4c95cc;}
.bg-f6f{background:#f6fafd;}


.fg .section{padding:80px 0 90px 0; overflow: hidden;}
.fg .content-box {width: 1210px;margin: 0 auto;}
.fg .common-title{font-size:36px;margin-bottom:20px;margin-top:-50px;opacity: 0;}
.fg .common-p{line-height:22px;margin-bottom:40px;margin-top:-50px;opacity:0;}

.fg .system-wrap ul li {padding:0 50px;}
.fg .system-wrap ul li span{display: block;line-height: 24px;}
.fg .function-wrap ul{display: box;display: -webkit-box;display:-moz-box;display:-o-box;}
.fg .function-wrap ul li{width:23%;background:#fff;flex-box:1;-webkit-flex-box:1;
	-moz-flex-box:1;-o-flex-box:1;margin-right:25px;padding:35px 30px 50px;}
.fg .function-wrap ul li:last-child{margin-right:0;}
.fg .function-wrap ul li span{font-size:14px;color:#888;display: block;text-align:center;line-height:24px;}
.fg .meal-wrap{padding-top:80px;overflow: hidden;}
.fg .meal-wrap ul li{width:50%;float:left;}
.fg .meal-wrap ul li:last-child{margin-top:30px;padding-left:50px;}
.fg .button{width:140px;height:50px;background: #129eff;font-size: 16px;color:#fff;text-align: center;line-height: 50px;border-radius:5px;}

.fg-banner{ height: 400px; background: url(../images/dsc_2.0/fg_banner.jpg) center top no-repeat; }
.fg .header .nav .sub-nav dd div,.im .header .nav .sub-nav dd div{ height:83px;}
/*拼团*/

/*常见问题 start*/
.course_banner{ height:400px; background:url(../images/dsc_2.0/course_banner.jpg) center center no-repeat;}
.course_main{ width:1200px; margin:55px auto 0; position:relative;}
.course_main .tabs:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;}
.course_main .tabs li{ float:left; width:285px; margin-right:20px; height:60px; line-height:60px; position:relative; text-align:center; font-size:24px; color:#fff; background-color:#5bb8ff; cursor:pointer;}
.course_main .tabs li:last-child,.course_main .tabs li.last{ margin-right:0;}
.course_main .tabs li i{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #239ffd; position:absolute; bottom:-10px; left:50%; margin-left:-5px; display:none;}
.course_main .tabs li.current{ background-color:#239ffd;}
.course_main .tabs li.current i{ display:block;}

.course_main .items{ overflow:hidden; min-height:600px; margin:20px 0 100px;}
.course_main .items .item{ overflow:hidden; position:relative; display:none;}
.course_main .items .item li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #ddd; padding:30px 0 20px;}
.course_main .items .item li .number{ float:left; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; background-color:#239ffd;}
.course_main .items .item li .info{ float:left; width:calc(100% - 70px); margin-left:20px;}
.course_main .items .item li .info .ask{ font-size:24px; font-weight:bold; color:#333; line-height:24px;}
.course_main .items .item li .info .answer{ font-size:16px; color:#333; margin-top:10px; line-height:30px;}
/*常见问题 end*/

/*更新日志 start*/
.update_banner{ height:400px; background:url(../images/dsc_2.0/update_banner.jpg) center center no-repeat; text-align:center;}
.update_banner h1{ font-size:48px; color:#fff; padding-top:80px;}
.update_banner h1 em{ color:#fcff0c; font-weight:bold;}
.update_banner .update_quency{ font-size:16px; color:#fff; margin-top:10px;}
.update_banner .update_quency span{ display:inline-block; width:25px; height:25px; border-radius:3px; background-color:#fff; text-align:center; line-height:27px; font-size:18px; color:#239ffd; margin-right:6px;}
.update_banner .update_quency span:last-child{ margin-right:0;}
.update_banner .cur_version{ color:#fff; margin-top:15px; font-size:14px;}
.update_banner .updata_btns{ font-size:0; margin-top:20px;}
.update_banner .updata_btns a{ width:158px; height:43px; line-height:43px; display:inline-block; text-align:center; color:#fff; font-size:16px; margin-right:30px; border:1px solid #fff; border-radius:5px;}
.update_banner .updata_btns a:last-child{ margin-right:0;}
.update_banner .updata_btns .patch_btn{ background-color:#fff; color:#239ffd;}

.updata_temp{ margin:100px 0;}
.updata_temp .box{ overflow:hidden;}
.updata_temp .box .item{ float:left; position:relative; width:100%;}
.updata_temp .box .item .time{ float:left; width:96px; height:35px; line-height:35px; font-size:18px; color:#fff; text-align:center; background:url(../images/dsc_2.0/updata_temp_time.png) no-repeat; margin:90px 20px 0 100px; position:relative;}
.updata_temp .box .item .time .edition{ position:absolute; font-size:14px; color:#239ffd; width:96px;}
.updata_temp .box .item .desc{ float:left; width:calc(100% - 280px); border-left:2px solid #8bcdff; padding:90px 0 0 60px;}
.updata_temp .box .item .desc .tit{ font-size:24px; font-weight:bold; color:#239ffd;}
.updata_temp .box .item .desc .con{ margin-top:10px;}
.updata_temp .box .item .desc .con p{ font-size:14px; color:#82939e; line-height:25px;}
.updata_temp .box .item .lie{ display:block; position:absolute; top:98px; left:213px; padding:5px 0; background:#fff;}
.updata_temp .box .item .lie s{ width:8px; height:8px; border-radius:50%; background-color:#239ffd; display:block;}

.updata_temp .box .item.year{ margin-left:216px;}
.updata_temp .box .item.year .row{ width:74px; height:74px; border:5px solid #d6edff; border-radius:50%; display:block; position:absolute; background-color:#8bcdff; text-align:center; color:#fff; line-height:74px; font-size:18px; top:26px; left:-42px; cursor:pointer;}
.updata_temp .box .item.year .desc{ padding-top:50px; min-height:40px;}
.updata_temp .box .item.year .desc .tit{ color:#333;}
.updata_temp .box .item.year .row .down{ width:0; height:0; border-top:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; left:31px; bottom:15px;}

.updata_temp .box .item.first-year .row{ top:0;}
.updata_temp .box .item.first-year .desc{ padding-top:24px;}

.updata_temp .box .item.first .desc{ padding-top:50px;}
.updata_temp .box .item.first .time{ margin-top:50px;}
.updata_temp .box .item.first .lie{ top:58px;}

.updata_temp .box .item.last{ margin-left:216px;}
.updata_temp .box .item.last .lie{ top:77px; left:-3px;}

.updata_temp .box .item.year.down .row .down{ border-bottom:6px solid #fff; border-top:none;}
/*更新日志 end*/

/*客服系统 start*/
.im-banner{ height:400px; background:url(../images/dsc_2.0/im_banner.jpg) center center no-repeat;}

.im .col-3{color:#333;}
.im .col-5{color:#555;}
.im .col-8{color:#888;}
.im .col-858{color:#858585;}
.im .col-27b{color:#27bfc2;}
.im .col-26c{color:#26cc44;}
.im .col-389{color:#389afd;}
.im .col-869{color:#869497;}
.im .col-00d{color:#00d233;}
.im .bg-f6f{background:#f6fafd;}
.im .bg-f8f{background:#f8f9fd;}

.im .section{padding:80px 0 90px 0; overflow: hidden;}
.im .content-box {width: 1210px;margin: 0 auto;}
.im .common-title{font-size:36px;margin-bottom:20px;opacity: 1;}
.im .common-p{line-height:30px;margin-bottom:40px;opacity: 1;}

.im .customer-wrap{height:998px}
.im .communicte-wrap{height:1013px}
.im .record-wrap{height:992px;}
.im .buy-wrap{height:662px;}
.im .vs-box{padding:30px 60px 40px; box-shadow: 0px 0px 12px 1px #e2e0e0;clear: both;}
.im .vs-left li{padding-top:10px;padding-right:40px;margin-bottom:46px;min-height:54px;line-height: 22px;color:#333; font-size:14px;}
.im .vs-left li i{ width:24px; height:24px; display:inline-block; background:url(../images/dsc_2.0/gou.png) no-repeat; float:left;}
.im .vs-left li span{ float:left; width:calc(100% - 34px); margin-left:10px;}
.im .vs-left li:first-child{padding:0;margin-bottom: 0;min-height: 0}
.im .vs-right li{padding-top:10px;padding-left:40px;margin-bottom:46px;min-height:54px;line-height: 22px;color:#83969c; font-size:14px;}
.im .vs-right li:first-child{padding:0;margin-bottom: 0}
.im .vs-center li{margin-top:20px;}
.im .commun-box{padding:0 78px;}
.im .commun-box ul{position: absolute;top:70px;right:259px;}
.im .commun-box ul li{width:87px;height:50px;float: left;cursor: pointer;}
.im .img-box{height:685px;padding:0 50px;}
.im .info{top:82px;right:50px;}
.im .internet-wrap ul{display: box;display: -webkit-box;display:-moz-box;display:-o-box;margin-top:50px;}
.im .internet-wrap ul li{width:23%;background:#fff;flex-box:1;-webkit-flex-box:1;
	-moz-flex-box:1;-o-flex-box:1;margin-right:25px;padding:35px 30px 50px;cursor: pointer;}
.im .internet-wrap ul li:last-child{margin-right:0;}
.im .internet-wrap ul li:hover{box-shadow: 0 0 11px 1px #e2e0e0;z-index:999;transition:all 0.7s ease;}
.im .button{width:140px;height:50px;background: #129eff;font-size: 16px;color:#fff;text-align: center;line-height: 50px;border-radius:5px;}
.ws_icon{ position:absolute; display:block; width:130px; height:53px; background:url(../images/dsc_2.0/ws_icon.png) no-repeat; top:-9px; left:20px;}

.buy-box{ position:relative;}
.buy-box-left{ position:absolute; top:0; right:126px;}
.buy-box-left .p-price{ font-size:16px; margin-bottom:10px;}
.buy-box-left .p-price em{ font-size:20px; color:#f42424;}
.buy-box-left .p-price span{ color:#869497; margin-left:20px;}
.buy-box-left .p-price .col-00d{ margin-left:0; color:#00d233;}
.buy-box-left .button-red{ background-color:#f42424; margin-left:10px;}
/*客服系统 end*/


/*商业授权 start*/
.empower-banner{ background:url(../images/dsc_2.0/empower_banner.jpg) center center no-repeat; height:400px; text-align:center;}
.empower-banner .title{ font-size:36px; color:#fff; padding-top:100px;}
.empower-banner .subtitle{ font-size:16px; color:rgba(255,255,255,.7); margin-top:10px;}
.empower-banner .search{ overflow:hidden; width:640px; margin:60px auto 0; border-radius:5px; box-shadow:0 2px 10px rgba(32,101,153,.6);}
.empower-banner .search .input{ width:510px; height:50px; background-color:#fff; float:left; border-radius:5px 0 0 5px;}
.empower-banner .search .input input{ border:0; font-size:16px; padding:12px 0 12px 15px; height:26px; line-height:26px; float:left; width:495px; border-radius:5px 0 0 5px; outline:0;}
.empower-banner .search .but{ float:left;}
.empower-banner .search .but a{ display:block; float:left; width:130px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; background-color:#013c68; border-radius:0 5px 5px 0;}

.sc-title{ font-size: 36px; color: #333; text-align: center; line-height: 1; margin-bottom: 30px; font-weight:normal;}
.sc-subtitle{ font-size: 16px; color: #82939e; line-height: 2; margin-bottom: 40px; text-align: center;}

.empower-section1 .items{ overflow:hidden;}
.empower-section1 .items .item{ float:left; text-align:center; width:200px; margin-right:50px;}
.empower-section1 .items .last{ margin-right:0;}
.empower-section1 .items .item .icon{ width:94px; height:94px; background:url(../images/dsc_2.0/icon.png) no-repeat; display:block; margin:0 auto;}
.empower-section1 .items .item .icon1{ background-position:-113px 0;}
.empower-section1 .items .item .icon2{ background-position:-113px -97px;}
.empower-section1 .items .item .icon3{ background-position:-113px -196px;}
.empower-section1 .items .item .icon4{ background-position:0 -47px;}
.empower-section1 .items .item .icon5{ background-position:-1px -145px;}
.empower-section1 .items .item span{ font-size:16px; color:#82939e; margin-top:20px; display:block;}

.empower-section2{ background-color:#f4f7fa;}
.empower-section2 .content{ text-align:center;}
.empower-section2 .content .red{ font-size:14px; margin-top:50px;}
.empower-section2 .sc-title strong{ margin-left:10px;}

.attr-table{ width: 100%; text-align: center; border-collapse: collapse; }
.attr-table th,
.attr-table td{ padding: 10px 0; border: 1px solid #ddd;}
.attr-table th{ background-color: #eee;}
.attr-table th.at-title{ background-color: #3DBAF7; }
.attr-table th .tag{ width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; }
.attr-table th .tag-7days{ background: url(/webstatic/images/attr_table_tag_7days.png) no-repeat; }
.attr-table th .tag-year{ background: url(/webstatic/images/attr_table_tag_year.png) no-repeat; }
.attr-table td.at-right{ background: url(/webstatic/images/attr_table_right.png) center center no-repeat; }
.attr-table td.at-wrong{ background: url(/webstatic/images/attr_table_wrong.png) center center no-repeat; }
.attr-table tfoot td{ padding: 30px 45px; }
.attr-table tfoot .at-footdesc{color: #81929D; line-height: 27px; text-align: right; font-size: 16px; margin-right: 10px;}
.attr-table .at-title{ font-size:18px; font-weight:bold; color:#333;}
.attr-table .at-subtitle{ background-color: #D8F1FD; font-size: 14px; text-align: left; padding-left:20px;}
.attr-table .btn i{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 16px; height: 16px;}
.attr-table .btn i.zixun{ background:url(/webstatic/images/fuckme.png); background-position: -46px 0; }
.attr-table .btn i.xiazai{background:url(/webstatic/images/fuckme.png);  background-position: -20px 0; }
.attr-table .btn i.ie{ background:url(/webstatic/images/fuckme.png);  width:20px; height:20px; background-position:-158px -1px; margin-top:-3px;}

.attr-table th{ padding:20px 0; background-color:#fff;}
.attr-table .th-title{ font-size:14px; color:#333;}
.attr-table .th-price{ font-size:16px; color:#ec3b3b; font-weight:bold; margin-top:10px;}
.attr-table th.at-title{ font-weight:normal; color:#fff; font-size:24px; background-color:#0b94fe;}
.attr-table .at-subtitle{ color:#333;}
.attr-table td{ font-size:14px; color:#82939e;}
.attr-table tfoot td strong{ float:left; font-size:16px; color:#333;  padding-left:20px;}
.attr-table tfoot td span{ float:left; font-size:14px; color:#d34444;}

.empower-section4{ padding-top:0;}
.empower-section4 .sc-title{ line-height:50px;}
/*商业授权 end*/

/*资源区*/
.resource_banner{ height:400px; background:url(../images/dsc_2.0/resource_banner.jpg) center center no-repeat;}

.section_resource1{ background:#f7fafc; padding-bottom:90px;}
.section_resource1 .box{ margin-top:50px; text-align:center;}
.section_resource1 .box ul{ overflow:hidden;}
.section_resource1 .box li{ float:left; width:370px; height:auto; margin-right:45px; margin-bottom:20px;}
.section_resource1 .box .last{ margin-right:0;}
.section_resource1 .box .desc{ width:100%; height:150px; background:#fff; text-align:center;}
.section_resource1 .box .desc h3{ font-size:18px; color:#555; height:24px; line-height:24px; padding-top:20px;}
.section_resource1 .box .desc h3 img{ display:inline-block; vertical-align:middle; margin:0 0 0 5px;}
.section_resource1 .box .desc span{ font-size:14px; padding-top:10px; display:block; color:#82939e;}
.section_resource1 .box .desc p{ display:block; padding-top:18px; height:30px; line-height:30px;}
.section_resource1 .box .desc .price{ display:inline-block; color:#ec5051; padding:0; font-size:16px; margin-right:6px;}
.section_resource1 .box .desc .btn3{ display:inline-block; height:30px; padding-left:34px; width:80px; color:#fff; font-size:14px; background:url(../images/dn.jpg) #ec5051 left top no-repeat;}
.section_resource1 .box .desc .btn3:hover{ background-color:#dc3536;}
.section_resource1 .box .lose h3,.section_resource1 .box .lose span{ color:#b8b8b8;}
.section_resource1 .box .desc .btn3.disabled{ background:#aaa; padding:0; cursor:default;}
.section_resource1 .box .desc .price.disa{ color:#aaa;}

.section_resource2{ background:#fff; padding-bottom:90px;}
.section_resource2 .box{ text-align:center;}
.section_resource2 .box ul{}
.section_resource2 .box li{ float:left; width:280px; margin:0 20px 32px 0; height:auto;text-align:center; border:1px solid #e6e6e6; /*transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;*/}
/*.section_resource2 .box li:hover{ -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);-webkit-transform: translate3d(0,-3px,0);-moz-transform: translate3d(0,-3px,0);transform: translate3d(0,-3px,0);}*/
.section_resource2 .box li a{ display:block; padding-top:40px;}
.section_resource2 .box .img{ width:100px; height:100px; background:url(../images/dsc_2.0/resource_icon.png) 0 0 no-repeat; margin:0 auto 35px;}
.section_resource2 .box .desc{ width:100%; height:130px; background:#fff;}
.section_resource2 .box .desc .tit{ font-size:18px; color:#555;}
.section_resource2 .box .desc span{ font-size:16px; color:#82939e; margin-top:8px; display:block;}
.section_resource2 .box .desc .price{ font-size:14px; color:#f42424; margin-top:5px; font-weight:bold;}
.section_resource2 .box li.last .tit{ font-size:24px; font-weight:bold; color:#b8b8b8;}
.section_resource2 .box li.last .desc span{ color:#b8b8b8;}


.section_resource2 .box li.item1 .img{ background-position:0 0;}
.section_resource2 .box li.item2 .img{ background-position:-104px 0;}
.section_resource2 .box li.item3 .img{ background-position:0 -100px;}
.section_resource2 .box li.item4 .img{ background-position:-104px -100px;}
.section_resource2 .box li.item5 .img{ background-position:0 -200px;}
.section_resource2 .box li.item6 .img{ background-position:-104px -200px;}
.section_resource2 .box li.item7 .img{ background-position:-206px -100px;}
.section_resource2 .box li.item8 .img{ background-position:0px -300px;}
.section_resource2 .box li.item9 .img{ background-position:-104px -300px;}
.section_resource2 .box li.last .img{ background-position:-206px -200px;}

.section_resource3{ background:#fff; padding-bottom:90px;}
.section_resource3 .box{ margin-top:50px; text-align:center;}
.section_resource3 .btn{ margin-top:40px;}

.res{ text-align:center; margin-top:40px; font-size:0;}
.res a{ width:50px; height:50px; display:inline-block; background-color:#888888;}
.res a i{ width:11px; height:20px; display:inline-block; background:url(../images/dsc_2.0/jt.png) no-repeat; margin:15px 0px;}
.res .next i{ background-position:-11px 0;}
.res a:hover{ background-color:#555555;}

.ress{ position:relative; height:305px; width:1245px;}
.ress .prev,.ress .next{ position:absolute; width:25px; height:50px; background-color:#888888; top:50%; margin-top:-25px;}
.ress .prev i,.ress .next i{ width:11px; height:20px; display:inline-block; background:url(../images/dsc_2.0/jt.png) no-repeat; margin:15px 0;}
.ress .prev{ left:-15px;}
.ress .next{ right:-15px;}
.ress .next i{ background-position:-11px 0;}
.ress ul{ padding:10px !important;}

.cash-tishi{ padding:40px 0; text-align:center}
.cash-tishi .tit{ font-size:24px; color:#f42424; margin-bottom:10px;}
.cash-tishi span{ font-size:16px; line-height:30px; display:block;}

/*U8+ERP系统 start*/
.erp-banner{ height:400px; background:url(../images/dsc_2.0/erp_banner.jpg) center center no-repeat;}
.erp-section2{ background-color:#f4f7fa;}
.erp-section2 .sc-title{ margin-bottom:50px;}
.erp-section2 .content{ float:left;}
.erp-section2 .item{ float:left; width:380px; margin-right:30px;}
.erp-section2 .item3{ margin-right:0;}
.erp-section2 .item .item-top{ height:150px; position:relative; text-align:center;}
.erp-section2 .item .item-top h3{ font-size:20px; color:#fff; padding-top:98px; display:block;}
.erp-section2 .item .item-bottom{ padding:20px 40px 0; background:#fff; height:230px; position:relative;}
.erp-section2 .item .item-bottom p{ font-size:14px; color:#82939e; line-height:25px; padding-top:20px;}
.erp-section2 .item .item-bottom .icon{ width:192px; height:50px; background:url(../images/dsc_2.0/erp-section-2-icon.png) no-repeat; display:block; position:absolute; bottom:0; left:94px;}
.erp-section2 .item1 .item-top{ background:url(../images/dsc_2.0/erp-section-2-1.png) no-repeat;}
.erp-section2 .item2 .item-top{ background:url(../images/dsc_2.0/erp-section-2-2.png) no-repeat;}
.erp-section2 .item3 .item-top{ background:url(../images/dsc_2.0/erp-section-2-3.png) no-repeat;}
.erp-section2 .item:hover{ box-shadow:0 1px 20px rgba(0,0,0,.2);}

.erp-section3 .content:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.erp-section3 .content{ background:url(../images/dsc_2.0/erp-section-3.png) center 245px no-repeat;}
.erp-section3 .sc-subtitle{ margin-bottom:16px;}
.erp-section3 .item{ float:left; margin:24px 24px 0 0; width:280px; height:218px; border:1px solid #dfeaf2; text-align:center;}
.erp-section3 .item:hover{ border-color:#239ffd;box-shadow:0 1px 16px rgba(0,0,0,.1);}
.erp-section3 .item .icon{ width:80px; height:80px; background:url(../images/dsc_2.0/erp-icon.png) no-repeat; text-align:center; display:block; margin:35px auto 0;}
.erp-section3 .item h3{ font-size:18px; color:#333; margin-top:20px;}
.erp-section3 .item p{ font-size:14px; color:#82939e;}
.erp-section3 .item4,.erp-section3 .item8,.erp-section3 .item12{ margin-right:0;}

.erp-section3 .item1 .icon{ background-position: 0 0;}
.erp-section3 .item2 .icon{ background-position: -80px 0;}
.erp-section3 .item3 .icon{ background-position: -160px 0;}
.erp-section3 .item4 .icon{ background-position: -240px 0;}
.erp-section3 .item5 .icon{ background-position: -320px 0;}
.erp-section3 .item6 .icon{ background-position: -400px 0;}
.erp-section3 .item7 .icon{ background-position: 0 -80px;}
.erp-section3 .item8 .icon{ background-position: -80px -80px;}
.erp-section3 .item9 .icon{ background-position: -160px -80px;}
.erp-section3 .item10 .icon{ background-position: -240px -80px;}
.erp-section3 .item11 .icon{ background-position: -320px -80px;}
.erp-section3 .item12 .icon{ background-position: -400px -80px;}

.erp-section4{ background-color:#373d41;}
.erp-section4 .sc-title{ color:#fff; margin-bottom:40px;}
.erp-section4 .content{ text-align:center;}

.erp-section5 .content{ text-align:center;}

.erp-section6{ background-color:#f4f7fa;}
.erp-section6 .item{ float:left; margin-bottom:20px;}
.erp-section6 .item img{ float:left;}
.erp-section6 .item.last{ margin-bottom:0;}

.erp-section7 .content:after,.erp-section8 .content:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.erp-section7 .content,.erp-section8 .content{ background:url(../images/dsc_2.0/erp-section-3.png) #fff center 138px no-repeat;}
.erp-section7 .item,.erp-section8 .item{ float:left; width:299px; height:278px; border:1px solid #dfeaf2; margin:0 -1px -1px 0;} 
.erp-section7 .item .icon,.erp-section8 .item .icon{ width:80px; height:80px; background:url(../images/dsc_2.0/erp-section-7-icon.png) no-repeat; text-align:center; display:block; margin:35px 0 0 54px;}
.erp-section8 .item .icon{ background:url(../images/dsc_2.0/erp-section-8-icon.png) no-repeat;}
.erp-section7 .item h3,.erp-section8 .item h3{ font-size:18px; color:#333; margin:20px 0 0 40px;}
.erp-section7 .item ol,.erp-section8 .item ol{ margin-left:57px;}
.erp-section7 .item li,.erp-section8 .item li{ color:#82939e; font-size:14px; list-style:outside; line-height:25px; padding-right:10px;}

.erp-section7 .item1 .icon,.erp-section8 .item1 .icon{ background-position:0 0;}
.erp-section7 .item2 .icon,.erp-section8 .item2 .icon{ background-position:-80px 0;}
.erp-section7 .item3 .icon,.erp-section8 .item3 .icon{ background-position:-160px 0;}
.erp-section7 .item4 .icon,.erp-section8 .item4 .icon{ background-position:-240px 0;}
.erp-section7 .item5 .icon,.erp-section8 .item5 .icon{ background-position:0 -80px;}
.erp-section7 .item6 .icon,.erp-section8 .item6 .icon{ background-position:-80px -80px;}
.erp-section7 .item7 .icon,.erp-section8 .item7 .icon{ background-position:-160px -80px;}
.erp-section7 .item8 .icon,.erp-section8 .item8 .icon{ background-position:-240px -80px;}

.erp-section8{ background-color:#f4f7fa;}

.erp-section9 .left{ float:left; width:340px; margin-top:90px;}
.erp-section9 .con{ float:left; width:455px; margin:0 40px;}
.erp-section9 .right{ float:left; width:325px; margin-top:120px;}

.erp-section9 .left .item{ text-align:right; font-size:16px; color:#82939e; padding-right:40px; background:url(../images/dsc_2.0/erp-section-9-icon.png) right 4px no-repeat; margin-bottom:40px;}
.erp-section9 .right p{ font-size:14px; color:#82939e; margin-top:20px;}

.erp-section10{ background-color:#f4f7fa; padding:50px 0;}
.erp-section10 .sc-title{}
.erp-section10 .content{ text-align:center;}
.erp-section10 .content dl{ border:1px solid #239ffd; }
.erp-section10 .content dt{ width:100%; height:90px; background-color:#239ffd;}
.erp-section10 .content dt span{ float:left; padding-left:24px; font-size:16px; color:#fff; line-height:90px;}
.erp-section10 .content dt ul{ padding-top:20px; float:left;}
.erp-section10 .content dt li{ float:left; margin-left:10px; width:140px; height:44px; background-color:#fff; border-radius:5px; line-height:44px; font-size:16px; color:#239ffd;}
.erp-section10 .content dt .frmode{ width:146px; height:101px; background:url(../images/dsc_2.0/erp_price_10.png) no-repeat; float:right; margin:-11px 20px 0 0;}
.erp-section10 .content dt .frmode .price{ font-size:30px; color:#f42424; margin-top:20px;}
.erp-section10 .content dt .frmode .price em{ font-size:16px;}
.erp-section10 .content dt .frmode .s-price{ font-size:12px; color:#f44e3d;}
.erp-section10 .content dd{ padding-bottom:20px; background-color:#fff;}
.erp-section10 .content dd p{ font-size:14px; color:#82939e; padding:30px 0;}
.erp-section10 .content .btn{ border-radius:5px; display:inline-block; margin-right:20px;}
.erp-section10 .content .red_btn{ background-color:#f44e3d;}

.erp-section11 .content{ text-align:center;}
.erp-section11 .content .btn{ border-radius:5px; margin-top:40px;}
/*U8+ERP系统 end*/ 

/*改版*/
.sc-item{ text-align:center;}
.sc-item .sc-item-tit{ height:30px; padding:0 35px; font-size:16px; color:#fff; line-height:30px; border-radius:15px; background-color:#ff2028; display:inline-block; margin:0 auto;}

.pc-category{ padding-bottom:50px;}

.weshop-start .center-image{ padding-top:50px;}
.weshop-flow .sc-subtitle{ margin-bottom:0;}

.wf-tabs{ overflow:hidden; text-align:center;}
.wf-tabs li{ display:inline-block; width:200px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#333; background-color:#fff; border-radius:25px; margin-right:20px; cursor:pointer;}
.wf-tabs li:last-child{ margin-right:0;}
.wf-tabs li.curr{ background-color:#1e96fb; color:#fff;}
.wf-list{ margin-top:60px; overflow:hidden; text-align:center;}

/*saas版*/
.saas-banner{ background: url(../images/saas_banner.jpg) no-repeat center top; height: 400px;}

.b-btns{ overflow:hidden; margin: 270px 0 0 27px; float:left;}
.b-btns .b-btn{ height: 38px;line-height: 38px;display: inline-block;text-align: center;color: #fff;font-size: 16px;margin-right: 15px;border: 1px solid #fff;border-radius: 5px; padding:0 28px;}
.b-btns .b-btnBg{ background-color:#fff; color:#09c48d;}


.pk-tab{ border-collapse:collapse;}
.pk-tab thead tr td{ text-align:center; font-size:24px; color:#07c38e; padding-bottom:20px;}
.pk-tab tbody tr{border:1px solid #d7dee3;}
.pk-tab tbody tr:hover{background: #fff;}
.pk-tab tbody td{ padding:20px 40px; font-size:14px; color:#82939e; line-height:24px;}
.pk-tab tbody tr .text-l{ text-align:left;}
.pk-tab tbody tr .text-c{ border:1px solid #d7dee3; border-top:0; border-bottom:0; width:118px; height:98px; padding:0;}
.pk-tab tbody tr .text-r{ text-align:left;}
.pk-tab tbody tr .text-c i{ display:inline-block; width:35px; height:35px; background:url(../images/saas_icon.png) no-repeat;}

.pk-tab tbody tr .text-c i.icon01{ background-position:-1px 0;}
.pk-tab tbody tr .text-c i.icon02{ background-position:-3px -35px;}
.pk-tab tbody tr .text-c i.icon03{ background-position:-3px -68px;}
.pk-tab tbody tr .text-c i.icon04{ background-position:-3px -105px;}
.pk-tab tbody tr .text-c i.icon05{ background-position:-3px -144px;}
.pk-tab tbody tr .text-c i.icon06{ background-position:-3px -183px;}
.pk-tab tbody tr .text-c i.icon07{ background-position:-3px -216px;}

.pk-tab tbody tr:hover .text-c i.icon01{ background-position:-54px 0;}
.pk-tab tbody tr:hover .text-c i.icon02{ background-position:-54px -35px;}
.pk-tab tbody tr:hover .text-c i.icon03{ background-position:-54px -68px;}
.pk-tab tbody tr:hover .text-c i.icon04{ background-position:-52px -105px;}
.pk-tab tbody tr:hover .text-c i.icon05{ background-position:-52px -144px;}
.pk-tab tbody tr:hover .text-c i.icon06{ background-position:-53px -183px;}
.pk-tab tbody tr:hover .text-c i.icon07{ background-position:-54px -216px;}

.pk-tab img{display:block;margin:0 auto;margin-bottom:7px;}
.pk-tab span{white-space: nowrap;text-align: center;display: block;font-size:14px;color:#1f1f1f;}
.border-l-r{border-left:1px solid #f994cc;;border-right:1px solid #f994cc;}
.shop-pk{padding-top:135px;}
.shop-pk h2 span{border-bottom:2px solid #f50580;line-height:50px;display:inline-block;}
.shop-pk h2 span:first-child{margin-left:230px;}
.pk-tab tr td:first-child,.pk-tab tr td:last-child{width:545px;box-sizing: border-box;}

.saas-section1 .container_right{ width:695px;}
.saas-section3 .sc-title{ margin-bottom:60px;}

.card-area{ width:1200px; height:465px; margin:0 auto;}
.card-area .card-item{ z-index:10; width:338px; height:429px; border:1px solid #d7dee3; transition: all .3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; position:relative; margin-left:-1px; float:left;}
.card-area .card-item .card{ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; width: 100%;height: 100%;text-align: center;background: #fff;}
.card-area .card-item .card-title,.card-area .card-item .card-content{ position:absolute; left:0; right:0; z-index:1;}

.card-area .card-item .card-title{ height:200px; background-color:#f6f9fc; text-align:center;}
.card-area .card-item .card-title h3{ font-size:18px; color:#333; padding-top:30px; display: block;}
.card-area .card-item .card-title span{ font-size:14px; color:#82939e; display:block; margin-top:10px;}
.card-area .card-item .card-title i{ display:block; width:70px; height:70px; background:url(../images/card-icon.png) no-repeat; margin:20px auto 0;}
.card-area .card-item .card-content{ padding:32px; font-size:14px; color:#82939e; text-align:left; line-height:25px;top:200px;}

.card-area .card-item.active{ width:520px; height:449px; box-shadow: 0 0 20px rgba(7, 195, 142, 0.4); border:1px solid #07c38e; z-index:100;}
.card-area .card-item.active .card-title{ background-color:#07c38e; height:210px; top:-10px; left:-1px; right:-1px;}
.card-area .card-item.active .card-title h3,.card-area .card-item.active .card-title span{ color:#fff;}

.card-area .card-item .card-title .icon01{ background-position:-70px 0;}
.card-area .card-item .card-title .icon02{ background-position:-70px -70px;}
.card-area .card-item .card-title .icon03{ background-position:-70px -140px;}
.card-area .card-item.active .card-title .icon01{ background-position:0 0;}
.card-area .card-item.active .card-title .icon02{ background-position:0 -70px;}
.card-area .card-item.active .card-title .icon03{ background-position:0 -140px;}

.saas-section4 { text-align:center;}
.saas-section4 .sc-title{ margin-bottom:50px;}
.saas-section4 ul{ float:left;}
.saas-section4 li{ float:left; width:238px; height:258px; border:1px solid #d7dee3; margin:0 -1px -1px 0; text-align:center; position:relative; cursor:pointer;}
.saas-section4 li i{ width:70px; height:70px; display:block; margin:30px auto 0; background:url(../images/saas-section4-icon.png) no-repeat;}
.saas-section4 li h3{ font-size:18px; color:#333; margin-top:20px;}
.saas-section4 li span{ font-size:14px; color:#82939e; padding:0 25px; display:block; line-height:25px; text-align:left; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;}

.saas-section4 li i.icon01{ background-position:0 0;}
.saas-section4 li i.icon02{ background-position:0 -70px;}
.saas-section4 li i.icon03{ background-position:0 -140px;}
.saas-section4 li i.icon04{ background-position:0 -210px;}
.saas-section4 li i.icon05{ background-position:0 -280px;}
.saas-section4 li i.icon06{ background-position:-70px 0;}
.saas-section4 li i.icon07{ background-position:-70px -70px;}
.saas-section4 li i.icon08{ background-position:-70px -140px;}
.saas-section4 li i.icon09{ background-position:-70px -210px;}
.saas-section4 li i.icon10{ background-position:-70px -280px;}


.saas-section4 li:hover .warp{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:-1px; background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);}
.saas-section4 li:hover .warp span{ height:150px;}

.saas-section4 .s-btn{ width:118px; height:34px; line-height:34px; border:1px solid #07c38e; display:inline-block; text-align:center; font-size:14px; color:#07c38e; margin:50px auto 0;}
.saas-section4 .s-btn:hover{ background-color:#07c38e; color:#fff;}

.saas-section5 .center-image h2{ text-align:center; font-size:36px; margin-top:50px;}
.saas-section6 .sc-title{ margin-bottom:60px;}

.attr-table-saas{ border:1px solid #239ffd;}
.attr-table-saas td{ border:0; border-left:1px solid #ddd; border-top:1px solid #ddd; height:45px;}
.attr-table-saas td:first-child,.attr-table-saas th:first-child{ border-left:0;}
.attr-table-saas td:last-child,.attr-table-saas th:last-child{ border-right:0;}
.attr-table-saas th{ background-color:#f0f3f6; border-top:0; position:relative;}
.attr-table-saas th .tit{ font-size:14px; color:#333;}
.attr-table-saas th .price{ font-size:16px; color:#ec3b3b; font-weight:bold; margin-top:8px;}
.attr-table-saas .at-title .tit{ font-size:30px; color:#fff;}
.attr-table-saas .at-title .subtit{ font-size:16px;}

/*b2b*/
.b2b-banner{ height:400px; background:url(../images/dsc_2.0/b2b/b2b-banner.jpg) center center no-repeat;}

.b2b_temp3 .slide{ width:1200px; height:530px; border:1px solid #38d5d0;}
.b2b_temp3 .slide .bd{ float:left; width:868px; text-align:center;}
.b2b_temp3 .slide .bd li{ width:788px; height:474px; margin-top:40px;}
.b2b_temp3 .slide .hd{ float:right; width:330px; height:100%; background:#38d5d0;}
.b2b_temp3 .slide .hd .tit{ font-size:36px; color:#fff; width:211px; height:36px; background:url(../images/dsc_2.0/b2b/b2b_icon_2.png) no-repeat; margin:60px auto 0; line-height:36px; text-align:center;}
.b2b_temp3 .slide .hd ul{ margin-top:50px;}
.b2b_temp3 .slide .hd li{ width:268px; height:88px; border:1px solid #FFF; border-radius:5px; margin:0 30px 30px 30px; cursor:pointer; position:relative;}

.b2b_temp3 .slide .hd li i{ width:79px; height:64px; display:block; float:left; margin:13px 0 0 39px; background:url(../images/dsc_2.0/b2b/b2b_iconBg_1.png) no-repeat;}
.b2b_temp3 .slide .hd .li1 i{ background-position:0 0;}
.b2b_temp3 .slide .hd .li2 i{ background-position:0 -77px;}
.b2b_temp3 .slide .hd .li3 i{ background-position:0 -155px;}
.b2b_temp3 .slide .hd .li1.on i{ background-position:-81px 0;}
.b2b_temp3 .slide .hd .li2.on i{ background-position:-81px -77px;}
.b2b_temp3 .slide .hd .li3.on i{ background-position:-81px -155px;}

.b2b_temp3 .slide .hd li .info{ margin:18px 0 0 22px; float:left;}
.b2b_temp3 .slide .hd li .info p{ font-size:14px; color:#fff;}
.b2b_temp3 .slide .hd li .info h3{ font-size:24px; color:#fff; line-height:30px;}
.b2b_temp3 .slide .hd li b{ background:url(../images/dsc_2.0/b2b/b2b_icon_1.png) no-repeat; width:10px; height:15px; display:block; position:absolute; top:28px; left:-10px; display:none;}

.b2b_temp3 .slide .hd li.on{ background:#fff;}
.b2b_temp3 .slide .hd li.on .info p{ color:#82939e;}
.b2b_temp3 .slide .hd li.on .info h3{ color:#20d0ca;}
.b2b_temp3 .slide .hd li.on b{ display:block;}

.b2b_temp4{ background:url(../images/dsc_2.0/b2b/04-bg.jpg) center center no-repeat; height:840px; padding:0;}
.b2b_temp4 .sc-title{ margin-top:80px;}
.b2b_temp4 .sc-title,.b2b_temp4 .sc-subtitle{ color:#fff;}

.b2b_temp5 .sc-content ul{ width:1230px;}
.b2b_temp5 .sc-content li{ float:left; width:380px; height:430px; margin:30px 30px 0 0; background:#fff; text-align:center; cursor:pointer;}
.b2b_temp5 .sc-content li i{ width:150px; height:150px; display:block; background:url(../images/dsc_2.0/b2b/05-icon.png) no-repeat; margin:30px auto 40px;}
.b2b_temp5 .sc-content li h3{ font-size:18px; color:#333;}
.b2b_temp5 .sc-content li p{ width:270px; font-size:14px; color:#82939e; margin:20px auto 0; line-height:25px;}
.b2b_temp5 .sc-content li .xian{ width:80px; height:2px; background:#dee2e4; margin:30px auto 0;}
.b2b_temp5 .sc-content li:hover{ box-shadow: 0 0 20px 4px rgba(191,191,191,.5); transition: all 0.7s ease;}
.b2b_temp5 .sc-content li:hover .xian{ background-color:#38d5d0;}

.b2b_temp5 .sc-content li.item1 i{ background-position:0 0;}
.b2b_temp5 .sc-content li.item2 i{ background-position:-160px 0;}
.b2b_temp5 .sc-content li.item3 i{ background-position:-320px 0;}
.b2b_temp5 .sc-content li.item4 i{ background-position:0 -160px;}
.b2b_temp5 .sc-content li.item5 i{ background-position:-160px -160px;}
.b2b_temp5 .sc-content li.item6 i{ background-position:-320px -160px;}

.b2b_temp6 { padding:60px 0;}
.b2b_temp6 .sc-title{ margin-bottom:40px;}
.b2b_temp6 .sc-content { text-align:center; }
.b2b_temp6 .sc-content .btn{ border-radius:5px; margin-right:25px;}

/*国际版*/
.gjb .sc-subtitle{ font-size:14px; margin-bottom:50px;}
.gjb .module-xian{ margin:0 auto 36px; width:393px;}
.gjb .sc-subtitle em{ display:block; font-size:18px;}

.gjb .container{ position:relative;}
.gjb .left{ float:left;}
.gjb .left .sc-title{ color:#fff; padding-top:90px;}
.gjb .left .sc-title em{ font-size:48px; text-align:left; display:block; font-weight:bold;}
.gjb .left .sc-title span{ text-align:left; display:block; margin-top:20px;}
.gjb .left .sc-subtitle{ color:#82939e; text-align:left;}
.gjb .left .module-xian{ background:#dedede; width:200px; margin:0 0 36px 0;}
.gjb .right{ position:absolute; right:0;}

.gjb-banner{ height:400px; background:url(../images/dsc_2.0/gjb/gjb-banner.jpg) center center no-repeat;}

.gjb_temp2{ background-color:#33363c; padding:0; height:750px;}
.gjb_temp2 .left{ width:300px;}
.gjb_temp2 .left .module-xian{background:#55585c; }
.gjb_temp2 .right{ right:0;}

.gjb_temp3{ height:850px; padding:0; background-color:#f7fafc;}
.gjb_temp3 .left .sc-title{ color:#333333;}
.gjb_temp3 .left .sc-title span{ font-weight:bold;}
.gjb_temp3 .left .module-xian{ width:200px; background-color:#dedede;}
.gjb_temp3 .right{ top:260px;}

.gjb_temp4{ height:750px; padding:0;}
.gjb_temp4 .left .sc-title{ color:#333333;}
.gjb_temp4 .left .sc-title span{ font-weight:bold;}
.gjb_temp4 .right{ top:154px;}

.gjb_temp5 .sc-subtitle .yw{ font-size:18px;}
.gjb_temp5 .gjb-video-content{ overflow:hidden; width:1140px; margin:0 auto;}
.gjb_temp5 .gjb-video-content .gv-info{ width:645px; height:366px; padding:10px; background-color:#82939e; float:left;}
.gjb_temp5 .gjb-video-content .gv-slide{ float:left; width:410px; margin:20px 0 0 50px;}
.gjb_temp5 .gjb-video-content .gv-slide li{ width:100%; display:block; float:left; margin-bottom:18px; cursor:pointer;}
.gjb_temp5 .gjb-video-content .gv-slide li .item{ height:30px;width:auto; border:1px solid #bcc6cd; border-radius:15px; float:left; padding:0 20px 0 13px; line-height:30px; color:#82939e;}
.gjb_temp5 .gjb-video-content .gv-slide li .item i{ width:18px; height:18px; display:block; background:url(../images/dsc_2.0/gjb/gv_icon.png) no-repeat; float:left; margin:6px 10px 0 0; }
.gjb_temp5 .gjb-video-content .gv-slide li.on .item{ color:#239ffd;}
.gjb_temp5 .gjb-video-content .gv-slide li.on .item i{ background-position:-22px 0;}
.gjb_temp5 .gjb-video-content .gv-slide li .download{ float:left; margin:10px 0 0 12px;}
.gjb_temp5 .gjb-video-content .gv-slide li .download i{ width:15px; height:15px; background:url(../images/dsc_2.0/gjb/gv_icon.png) -3px -24px no-repeat; display:block;}

.gjb_temp5 .module-xian{ margin-bottom:50px;}

.gjb_temp6 .module-xian{ margin-bottom:45px;}
.gjb_temp6 .sc-content .item{ overflow:hidden; margin-bottom:40px;}
.gjb_temp6 .sc-content .item .gjb5-left{ float:left; width:335px; text-align:right;}
.gjb_temp6 .sc-content .item .gjb5-left h3{ font-size:18px; color:#82939e;}
.gjb_temp6 .sc-content .item .gjb5-left p{ color:#82939e; margin-top:10px; line-height:24px;}
.gjb_temp6 .sc-content .item .gjb5-icon{ margin:10px 26px 0; float:left;}
.gjb_temp6 .sc-content .item .gjb5-right{ float:left;}
.gjb_temp6 .sc-content .item .gjb5-right .tit{ font-size:24px;}
.gjb_temp6 .sc-content .item .gjb5-right p{ font-size:16px; color:#82939e;}

.gjb_temp6 .sc-content .item1 .gjb5-right .tit{ color:#44cae6;}
.gjb_temp6 .sc-content .item2 .gjb5-right .tit{ color:#df80f0;}
.gjb_temp6 .sc-content .item3 .gjb5-right .tit{ color:#56d282;}
.gjb_temp6 .sc-content .item4 .gjb5-right .tit{ color:#fbba2e;}

.gjb_temp6 .sc-content .item4{ margin-bottom:0;}

.gjb_temp7{ background:#33363c;}
.gjb_temp7 .sc-title{ color:#fff;}
.gjb_temp7 .sc-subtitle{ font-size:16px;}
.gjb_temp7 .module-xian{ background-color:#55585c; margin-bottom:50px;}
.gjb_temp7 .module-img{ margin-bottom:80px;}

.gjb_temp8 .sc-content li{ float:left; width:298px; border:1px solid #dedede; margin:0 0 -1px -1px; text-align:center; cursor:pointer;}
.gjb_temp8 .sc-content li i{ width:80px; height:80px; display:block; background:url(../images/dsc_2.0/gjb/08-img.png) 0 0 no-repeat; margin:30px auto 0;}
.gjb_temp8 .sc-content li span{ display:block; font-size:16px; color:#82939e; margin-top:10px;}
.gjb_temp8 .sc-content li p{ font-size:12px; color:#82939e; padding: 5px 0 30px 0;}

.gjb_temp8 .module-xian{ margin-bottom:50px;}

.gjb_temp8 .sc-content li .icon1{ background-position:0 0px;}
.gjb_temp8 .sc-content li .icon2{ background-position:-90px 0;}
.gjb_temp8 .sc-content li .icon3{ background-position:-180px 0;}
.gjb_temp8 .sc-content li .icon4{ background-position:-270px 0;}
.gjb_temp8 .sc-content li .icon5{ background-position:0 -90px;}
.gjb_temp8 .sc-content li .icon6{ background-position:-90px -90px;}
.gjb_temp8 .sc-content li .icon7{ background-position:-180px -90px;}
.gjb_temp8 .sc-content li .icon8{ background-position:-270px -90px;}
.gjb_temp8 .sc-content li .icon9{ background-position:0 -180px;}
.gjb_temp8 .sc-content li .icon10{ background-position:-90px -180px;}
.gjb_temp8 .sc-content li .icon11{ background-position:-180px -180px;}
.gjb_temp8 .sc-content li .icon12{ background-position:-270px -180px;}
.gjb_temp8 .sc-content li .icon13{ background-position:0 -270px;}
.gjb_temp8 .sc-content li .icon14{ background-position:-90px -270px;}
.gjb_temp8 .sc-content li .icon15{ background-position:-180px -270px;}
.gjb_temp8 .sc-content li .icon16{ background-position:-270px -270px;}

.gjb_temp8 .sc-content li:hover{box-shadow: 0 1px 16px rgba(0,0,0,.1);}

.gjb_temp9 .module-xian{ margin-bottom:50px;}
.gjb_temp9 .sc-content li{ float:left; width:298px; border:1px solid #dedede; margin:0 0 -1px -1px; text-align:center; cursor:pointer; background-color:#fff; position:relative;}
.gjb_temp9 .sc-content li i{ width:80px; height:80px; display:block; background:url(../images/dsc_2.0/gjb/09-img.png) 0 0 no-repeat; margin:30px auto 0;}
.gjb_temp9 .sc-content li span{ display:block; font-size:16px; color:#82939e; margin-top:10px;}
.gjb_temp9 .sc-content li p{ font-size:12px; color:#82939e; padding: 5px 0 30px 0;}
.gjb_temp9 .sc-content li b{ width:40px; height:40px; display:block; background:url(../images/dsc_2.0/gjb/09_icon.png) 0 0 no-repeat; position:absolute; top:0; right:0;}

.gjb_temp9 .sc-content li .icon1{ background-position:0 0px;}
.gjb_temp9 .sc-content li .icon2{ background-position:-90px 0;}
.gjb_temp9 .sc-content li .icon3{ background-position:-180px 0;}
.gjb_temp9 .sc-content li .icon4{ background-position:-270px 0;}
.gjb_temp9 .sc-content li .icon5{ background-position:0 -90px;}
.gjb_temp9 .sc-content li .icon6{ background-position:-90px -90px;}
.gjb_temp9 .sc-content li .icon7{ background-position:-180px -90px;}
.gjb_temp9 .sc-content li .icon8{ background-position:-270px -90px;}

.gjb_temp10 .sc-content ul{ width:1230px;}
.gjb_temp10 .sc-content li{ float:left; width:380px; margin-right:30px;}
.gjb_temp10 .sc-content li:hover{box-shadow: 0 1px 16px rgba(125,125,125,.3);}
.gjb_temp10 .sc-content li .title{ width:100%; height:120px; border-radius:5px 5px 0 0; text-align:center; color:#fff;}
.gjb_temp10 .sc-content li .title p{ font-size:24px; padding-top:28px;}
.gjb_temp10 .sc-content li .zw_title{ border:1px solid #fff; height:38px; line-height:38px; text-align:center; font-size:12px; color:#82939e;}

.gjb_temp10 .sc-content li.li1 .title{ background-color:#45a4f1;}
.gjb_temp10 .sc-content li.li2 .title{ background-color:#45b7bc;}
.gjb_temp10 .sc-content li.li3 .title{ background-color:#7bb74c;}

.gjb_temp10 .sc-content li.li1 .zw_title{ border-color:#45a4f1;}
.gjb_temp10 .sc-content li.li2 .zw_title{ border-color:#45b7bc;}
.gjb_temp10 .sc-content li.li3 .zw_title{ border-color:#7bb74c;}

.gjb_temp10 .sc-content li .info{ padding:20px; border:1px solid #e5e5e5; overflow:hidden;}
.gjb_temp10 .sc-content li .info .item{ width:168px; height:150px; float:left; text-align:center;}
.gjb_temp10 .sc-content li .info .item i{ width:50px; height:50px; display:block; margin:10px auto 15px; background:url(../images/dsc_2.0/gjb/10-icon.png) 1px 0 no-repeat;}
.gjb_temp10 .sc-content li .info .item h3{ font-size:16px;}
.gjb_temp10 .sc-content li .info .item span{ color:#82939e; font-size:12px;}
.gjb_temp10 .sc-content li .info .item1{ border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.gjb_temp10 .sc-content li .info .item2{ border-bottom:1px solid #e5e5e5;}
.gjb_temp10 .sc-content li .info .item3{ border-right:1px solid #e5e5e5;}
.gjb_temp10 .sc-content li .info .item3 i,.gjb_temp10 .sc-content li .info .item4 i{ margin-top:25px;}

.gjb_temp10 .sc-content li .info .item i.icon1{ background-position:1px 0;}
.gjb_temp10 .sc-content li .info .item i.icon2{ background-position:-49px 0;}
.gjb_temp10 .sc-content li .info .item i.icon3{ background-position:-100px 0;}
.gjb_temp10 .sc-content li .info .item i.icon4{ background-position:-150px 0;}
.gjb_temp10 .sc-content li .info .item i.icon5{ background-position:1px -50px;}
.gjb_temp10 .sc-content li .info .item i.icon6{ background-position:-50px -50px;}
.gjb_temp10 .sc-content li .info .item i.icon7{ background-position:-100px -50px;}
.gjb_temp10 .sc-content li .info .item i.icon8{ background-position:-150px -50px;}
.gjb_temp10 .sc-content li .info .item i.icon9{ background-position:1px -100px;}
.gjb_temp10 .sc-content li .info .item i.icon10{ background-position:-50px -100px;}
.gjb_temp10 .sc-content li .info .item i.icon11{ background-position:-100px -100px;}
.gjb_temp10 .sc-content li .info .item i.icon12{ background-position:-150px -100px;}

.gjb_temp11 .module-xian{ margin-bottom:50px;}

.gjb-slide .bd{ width:978px; height:498px; float:left; border:1px solid #239ffd; text-align:center; position:relative; overflow:hidden;}
.gjb-slide .bd li{ display:table-cell; vertical-align:middle; width:978px; height:498px;}
.gjb-slide .hd{ width:220px; height:500px; float:left; background:#239ffd;}
.gjb-slide .hd b{ width:60px; height:60px; display:block; background:url(../images/dsc_2.0/gjb/11_icon.png) no-repeat; margin:30px auto;}
.gjb-slide .hd ul{ width:170px; margin:0 auto;}
.gjb-slide .hd li{ width:168px; height:58px; line-height:58px; border:1px solid #fff; margin-bottom:10px; color:#fff; position:relative; cursor:pointer;}
.gjb-slide .hd li h3{ font-size:24px; float:left;margin-left:24px;}
.gjb-slide .hd li span{ font-size:16px; margin-left:10px;}
.gjb-slide .hd li i{ position:absolute; width:10px; height:10px; display:none; background:#fff; transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); top:24px; left:-6px;}
.gjb-slide .hd li.on{ background:#fff; color:#239ffd;}
.gjb-slide .hd li.on i{ display:block;}
.gjb-slide .hd li.last{ line-height:normal; height:73px;}
.gjb-slide .hd li.last h3{ margin-top:8px;}
.gjb-slide .hd li.last span{ margin-left:24px;}

.gjb_temp12 .price-slide{ width:1100px; margin:0 auto;}
.gjb_temp12 .price-slide .hd li{ width:50%; position:relative; line-height:normal;}
.gjb_temp12 .price-slide .hd li i{ width:10px; height:10px; position:absolute; background:#239ffd; transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); bottom:-5px; left:50%; display:none;}
.gjb_temp12 .price-slide .hd li.on i{ display:block;}
.gjb_temp12 .price-slide .hd li h3{ font-size:26px; margin-top:10px;}
.gjb_temp12 .price-slide .hd li p{ font-size:14px;}
.gjb_temp12 .price-slide .attr-table th.at-title p{ font-size:14px; font-weight:normal;}
.gjb_temp12 .price-slide .tishi p{ color:#333; font-size:14px;}
.gjb_temp12 .price-slide .tishi span{ color:#82939e;}
.gjb_temp12 .price-slide .footbtn{ margin-top:20px;}
.gjb_temp12 .price-slide .footbtn .btn{ border-radius:5px; float:left; margin-right:20px;}

.gjb_temp12 .price-slide .attr-table .at-title h3{ font-size:20px; font-weight:bold;}
.gjb_temp12 .price-slide .attr-table .at-title span{ font-size:14px; font-weight:normal; color:#82939e;}

.gjb_temp13 .left{ margin-left:60px;}
.gjb_temp13 .right{ top:70px; right:60px;}
.gjb_temp13 .right .sc-title{ font-weight:bold; margin-bottom:20px;}
.gjb_temp13 .right .sc-title,.gjb_temp13 .right .sc-subtitle{ text-align:left;}
.gjb_temp13 .right .module-xian{ margin-left:0;}

/* 运营手册 */
.manual-banner{ height:400px; background:url(../images/dsc_2.0/manual-banner.jpg) center center no-repeat;}
.manual-warp{ width:1200px; margin:0 auto;}
.manual-tabs{ background:#fff; box-shadow:0 0 12px 1px rgba(0,0,0,.2); margin-top:-40px;}
.manual-tabs li{ float:left; width:399px; border-right:1px solid #ededed; height:120px; position:relative;}
.manual-tabs li.last{ border-right:0;}
.manual-tabs li i{ width:90px; height:90px; display:block; float:left; margin:15px 30px 0 50px; background:url(../images/dsc_2.0/manual-icon.png) no-repeat;}
.manual-tabs li i.icon1{ background-position:0 0;}
.manual-tabs li i.icon2{ background-position:-90px 0;}
.manual-tabs li i.icon3{ background-position:-180px 0;}
.manual-tabs li .con{ background:#fff; position:relative; z-index:9; overflow:hidden; height:120px; color:#b2b2b2; cursor:pointer;}
.manual-tabs li s{ width:20px; height:20px; transform:rotate(45deg); display:block; position:absolute; box-shadow:0 0 12px 1px rgba(0,0,0,.2); bottom:-8px; left:190px; background-color:#fff; display:none;}
.manual-tabs li .info{ float:left;}
.manual-tabs li .info .tit{ font-size:20px; margin-top:30px;}
.manual-tabs li .info .span{ font-size:14px; margin-top:5px;}
.manual-tabs li.curr .con{ color:#333;}
.manual-tabs li.curr s{ display:block;}

.manual-content{ margin-top:80px;}
.manual-content-warp{ float:left; width:100%;}
.manual-content-warp dl{ float:left; width:230px; height:480px; margin-right:93px;}
.manual-content-warp dl.last{ margin-right:0;}
.manual-content-warp dt{ font-size:24px; color:#333; padding-bottom:20px; border-bottom:1px solid #e6e6e6; margin-bottom:30px;}
.manual-content-warp dd{ font-size:16px; margin-bottom:30px;}
.manual-content-warp dd a{ color:#999;}
.manual-content-warp dd a:hover{ color:#333;}

.manual-content-warp .item:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;}
.manual-content-warp .item .title{ font-size:36px; color:#333; text-align:center; margin-bottom:70px;}
.manual-content-warp .item li{ float:left; width:300px; height:110px; margin-bottom:30px;}
.manual-content-warp .item li em{ width:42px; height:37px; display:block; background:url(../images/dsc_2.0/duobianxin.png) no-repeat; font-size:24px; text-align:center; line-height:37px; color:#ccc; float:left; margin:20px 0 0 25px;}
.manual-content-warp .item li .desc{ float:left; margin:15px 0 0 22px; width:200px;}
.manual-content-warp .item li .desc h3{ font-size:20px; color:#333;}
.manual-content-warp .item li .desc span{ font-size:14px; color:#999;}
.manual-content-warp .item li .desc a{ display:none; margin-top:5px;}
.manual-content-warp .item li .desc2{ margin-top:10px;}
.manual-content-warp .item li .desc2 a{ margin-top:0;}
.manual-content-warp .item li.active:hover a{ display:block;}
.manual-content-warp .item li.active:hover{box-shadow:0 0 12px 1px rgba(0,0,0,.2);}
.manual-content-warp .item li.active em{ background-position:-42px 0; color:#239ffd;}

/* 可视化模板 */
.pc-visual .sc-content{ background:url(../images/dsc_2.0/visual_bg.png) center center no-repeat; height:580px;}
.pc-visual .left{ float:left; margin-top:45px;}
.pc-visual .left .desc{ overflow:hidden;}
.pc-visual .left .desc span{ height:38px; line-height:38px; border:1px solid #dcdcdc; border-radius:38px; padding:0 25px; background-color:#f5f5f5; font-size:16px; color:#333; display:block; float:left; margin-left:60px;}
.pc-visual .left .desc a{ float:left; font-size:16px; margin-left:20px; line-height:40px; color:#f42424;}
.pc-visual .left .desc a:hover{ text-decoration:underline;}
.pc-visual .right{ float:right; width:526px; height:566px; overflow:hidden; position:relative;}
.pc-visual .right .bd li{ float:left; width:526px;}
.pc-visual .right .bd li .tit{ font-size:16px; color:#333; line-height:20px; height:20px; text-align:center;}
.pc-visual .right .hd{ position:absolute; bottom:62px; left:50%; margin-left:-58px;}
.pc-visual .right .hd ul{ height:20px; padding:0 15px; border-radius:20px; background-color:rgba(0,0,0,.3);}
.pc-visual .right .hd ul li{ float:left; width:10px; height:10px; margin:5px 5px 5px 0; border-radius:50%; font-size:0; background-color:rgba(255,255,255,.4); cursor:pointer;}
.pc-visual .right .hd ul li.curr{background-color:rgba(255,255,255,1);}
.pc-visual .right .hd ul li:last-child{ margin-right:0;}

/* 小程序 */
.applet-banner{ background:url(../images/dsc_2.0/applet/banenr.jpg) center center no-repeat; height:400px;}

.applet-section1 .right .sc-title,.applet-section1 .right .sc-subtitle{ text-align:left;}

.applet-section2 .sc-title{ margin-bottom:50px;}
.applet-section2 ul{ width:1220px;}
.applet-section2 ul li{ float:left; width:285px; height:310px; border-radius:5px; background-color:#fff; margin-right:20px; text-align:center;}
.applet-section2 ul li i{ width:100px; height:100px; display:inline-block; background:url(../images/dsc_2.0/applet/02-icon.png) no-repeat; margin-top:40px;}
.applet-section2 ul li i.icon1{ background-position:0 0;}
.applet-section2 ul li i.icon2{ background-position:-100px 0;}
.applet-section2 ul li i.icon3{ background-position:-200px 0;}
.applet-section2 ul li i.icon4{ background-position:-300px 0;}
.applet-section2 ul li h3{ font-size:18px; color:#333; margin-top:30px;}
.applet-section2 ul li span{ font-size:14px; color:#82939e; display:block; line-height:25px; margin-top:10px;}

.applet-section3{ padding-bottom:50px;}

.applet-section4{ height:920px; background:url(../images/dsc_2.0/applet/04-bg.png) center center no-repeat; padding:0;}
.applet-section4 .sc-title,.applet-section4 .sc-subtitle{ color:#fff;}
.applet-section4 .sc-title{ padding-top:70px; margin-bottom:20px;}

.applet-section7{}
.applet-section7 .left { margin-top:80px;}
.applet-section7 .left img{ float:left;}
.applet-section7 .right{ margin-top:60px;}
.applet-section7 .right .sc-title,.applet-section7 .right .sc-subtitle{ text-align:left;}
.applet-section7 .right .sc-title{ line-height:1.5; margin-bottom:20px;}
.applet-section7 .right .sc-subtitle .price{ font-size:24px; color:#f6322b; display:inline-block;}
.applet-section7 .right .sc-subtitle .price em{ font-size:14px;}
.applet-section7 .sc-btn .btn{ margin-right:20px; float:left;}


.weshop-start-slide .bd{ width:1200px; background-color:#fff; padding-bottom:30px;box-shadow: 0 1px 20px rgba(0,0,0,.2);}
.weshop-start-slide .bd li .title{ width:380px; height:78px; line-height:78px; margin:0 auto; font-size:24px; color:#fff; text-align:center; background-color:#2aa1ff;}
.weshop-start-slide .bd .li1 .con{ width:1060px; margin:25px auto 0; overflow:hidden;}
.weshop-start-slide .bd .li1 .con img{ margin-right:16px; float:left;}
.weshop-start-slide .bd .li1 .con img:last-child{ margin-right:0;}
.weshop-start-slide .bd .li1 .desc{ border:1px dashed #aebbc2; padding:20px; width:1018px; height:96px; margin:25px auto 0;}
.weshop-start-slide .bd .li1 .desc .weshop-start-icon{ display:block; width:69px; height:83px; float:left; background:url(../images/weshop-start-icon-01.png) no-repeat; margin:11px 40px 0 30px;}
.weshop-start-slide .bd .li1 .desc p{ font-size:14px; height:35px; line-height:35px; color:##82939e;}
.weshop-start-slide .bd .li1 .desc p em{ color:#239ffd; margin-right:20px;}
.weshop-start-slide .bd .li2 .title{ background-color:#f04e54;}
.weshop-start-slide .bd .li2 .con,.weshop-start-slide .bd .li3 .con{ width:1040px; margin:25px auto 0; overflow:hidden;}
.weshop-start-slide .bd .li2 .con img,.weshop-start-slide .bd .li3 .con img{ float:left;}
.weshop-start-slide .bd .con .weshop-start-icon2{ display:block; width:69px; height:129px; float:left; background:url(../images/weshop-start-icon-02.png) no-repeat; margin:170px 35px 0;}
.weshop-start-slide .bd .li2 .desc,.weshop-start-slide .bd .li3 .desc{border:1px dashed #aebbc2; padding:38px; width:250px; float:left;}
.weshop-start-slide .bd .li2 .desc p,.weshop-start-slide .bd .li3 .desc p{ font-size:14px; color:##82939e; margin-bottom:30px;}
.weshop-start-slide .bd .li2 .desc p em,.weshop-start-slide .bd .li3 .desc p em{ display:block; color:#f04e54; margin-bottom:5px;}
.weshop-start-slide .bd .li2 .desc p span,.weshop-start-slide .bd .li3 .desc p span{ display:block; line-height:28px;}
.weshop-start-slide .bd .li .desc p:last-child{ margin-bottom:0px;}
.weshop-start-slide .bd .li3 .title{ background-color:#1fcc28;}
.weshop-start-slide .bd .li3 img{ margin-left:30px;}
.weshop-start-slide .bd .li3 .desc p em{ color:#1fcc28;}

.weshop-start-slide .hd{ text-align:center; margin:20px 0 30px;}
.weshop-start-slide .hd li{ display:inline-block; width:10px; height:10px; font-size:0; border-radius:50%; background-color:#fff; border:1px solid #adbac2; margin-right:13px;}
.weshop-start-slide .hd li:last-child{ margin-right:0;}
.weshop-start-slide .hd li.curr{ background-color:#adbac2;}

.real-section1{ background-color:#f6f9fc;}
.real-section1 .left{ margin-left:50px;}
.real-section1 .right{ margin-top:200px; text-align:left; }
.real-section1 .right .sc-title,.real-section1 .right .sc-subtitle{ text-align:left;}

.applet-section7 .sc-subtitle{ color:#ff4a5d;}

.section-tonyong .section-content{ width:1048px; border:1px solid #6367fb; margin:0 auto;}
.section-tonyong .section-content .con-top{ background-color:#6367fb; height:120px; line-height:90px;}
.section-tonyong .section-content .con-top *{ float:left;}
.section-tonyong .section-content .con-top span{ color:#fff; font-size:18px; margin:30px 20px 0 30px; line-height:25px;}
.section-tonyong .section-content .con-top span i{ color:#f42424;}
.section-tonyong .section-content .con-top em{ margin:0 15px; font-size:28px; color:#fff;}
.section-tonyong .section-content .con-top .item{ margin:22px 0; width:140px; font-size:16px;}
.section-tonyong .section-content .con-top .item i{ width:140px; height:45px; line-height:45px; background-color:#fff; border-radius:5px; text-align:center; color:#6367fb;box-shadow: 2px 2px 2px 2px rgba(39,41,43,0.15);}
.section-tonyong .section-content .con-top .item .i-price{ line-height:50px; color:#fff;}
.section-tonyong .section-content .con-top .item.curr i{ background-color:#ffff00}
.section-tonyong .section-content .con-top .item.blod i{ font-weight:bold;}
.section-tonyong .section-content .con-top .price{ color:#fff; font-size:36px; font-weight:bold;}
.section-tonyong .section-content .con-bot{ text-align:center; font-size:16px; padding:30px 0; background-color:#fff;}
.section-tonyong .section-content .con-bot .notice{ color:#82939e; margin:10px 0 20px;}
.section-tonyong .section-content .con-bot em{ font-size:24px; font-weight:bold; color:#ff4a5d;}
.section-tonyong .section-content .con-bot .btn{ border-radius:8px; padding:10px 0; width:140px;}
.section-tonyong .section-content .con-bot .btn.btn-danger{ width:150px; margin-right:10px;}


.applet-section7 .section-tonyong .section-content{ border-color:#ff4c61;}
.applet-section7 .section-tonyong .section-content .con-top{ background-color:#ff4c61;}
.applet-section7 .section-tonyong .section-content .con-top .item i{ color:#ff4c61;}

.group-detail{ margin:20px 0;}
.group-detail *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.group-detail li{ float:left; width:199px; height:338px; margin:70px -1px 0 0; position:relative;-webkit-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-moz-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-ms-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-o-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);top:0;display: inline-block;}
.group-detail li .product-min{ width:199px; height:338px; padding:22px; border:1px solid #e6e6e6;z-index: 5;background-color: #FFF;position: absolute;opacity: 1;filter: alpha(opacity=100);}
.group-detail li .product-max{ width:400px; height:474px; opacity:0; filter:alpha(opacity=0); z-index:2; background-color:#FFF; box-shadow:0 0 20px rgba(16, 137, 228,0.2); position:relative;}

.product-min .tit{ font-size:16px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.product-min .tit p{ color:#ccc; font-size:15px;}
.product-min dl{ margin-top:20px;}
.product-min dl dd{ font-size:14px; height:20px; line-height:20px; margin-bottom:20px;}
.product-min .more{ position:absolute; bottom:22px; left:60px; font-size:12px; color:#b2b2b2;}

.group-detail li:hover{ cursor:pointer;}
.group-detail li.active{ width:400px; top: -70px;z-index: 7;-webkit-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-moz-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-ms-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);-o-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);}
.group-detail li.active .product-min{ opacity:0; filter:alpha(opacity=0); z-index:2; border-left:none;}
.group-detail li.active .product-max{ opacity:1; filter: alpha(opacity=100);z-index: 5;-webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-ms-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}

.product-max h2{ width:100%; height:70px; background:url(../images/dsc_2.0/1f-bg.jpg) repeat-x; font-size:16px; color:#fff; line-height:70px; padding-left:20px;}
.product-max h2 span{ color:#aedffd; margin-left:12px; font-weight:normal;}
.product-max dl{ padding:0 20px; margin:5px 0; overflow:hidden;}
.product-max dd{ padding:15px 0; border-bottom:1px solid #e6e6e6;}
.product-max dd h3{ font-size:16px; line-height:20px; margin-bottom:5px;}
.product-max dd p{ font-size:14px; color:#999; margin-left:33px; margin-bottom:5px;}
.product-max dd a{ color:#239ffd; margin-left:33px;}
.product-max dd a:hover{ text-decoration:underline;}
.product-max dd .arrow{ display:inline-block; width:10px; height:9px; background:url(../images/dsc_2.0/1f-arrow.png) no-repeat; vertical-align:middle; margin-left:2px;}
.product-max dd:last-child{ border-bottom:0;}

.d-icon{ width:20px; height:18px; display:inline-block; background:url(../images/dsc_2.0/1f-icon.png) no-repeat; margin-right:13px; float:left;}
.d-icon-01{ background-position:-36px -6px;}
.d-icon-02{ background-position:-36px -36px;}
.d-icon-03{ background-position:-35px -66px;}
.d-icon-04{ background-position:-36px -96px;}
.d-icon-05{ background-position:-36px -126px;}
.d-icon-06{ background-position:-36px -156px;}
.d-icon-07{ background-position:-35px -186px;}
.d-icon-08{ background-position:-36px -216px;}
.d-icon-09{ background-position:-36px -246px;}
.d-icon-10{ background-position:-36px -276px;}
.d-icon-11{ background-position:-36px -306px;}
.d-icon-12{ background-position:-34px -336px; width:22px; margin-right:11px;}
.d-icon-13{ background-position:-36px -366px;}
.d-icon-14{ background-position:-36px -396px;}
.d-icon-15{ background-position:-36px -426px;}
.d-icon-16{ background-position:-36px -456px;}


.active .d-icon-01{ background-position:-6px -6px;}
.active .d-icon-02{ background-position:-6px -36px;}
.active .d-icon-03{ background-position:-5px -66px;}
.active .d-icon-04{ background-position:-6px -96px;}
.active .d-icon-05{ background-position:-6px -126px;}
.active .d-icon-06{ background-position:-6px -156px;}
.active .d-icon-07{ background-position:-5px -186px;}
.active .d-icon-08{ background-position:-6px -216px;}
.active .d-icon-09{ background-position:-6px -246px;}
.active .d-icon-10{ background-position:-6px -276px;}
.active .d-icon-11{ background-position:-6px -306px;}
.active .d-icon-12{ background-position:-4px -336px; width:22px; margin-right:11px;}
.active .d-icon-13{ background-position:-6px -366px;}
.active .d-icon-14{ background-position:-6px -396px;}
.active .d-icon-15{ background-position:-6px -426px;}
.active .d-icon-16{ background-position:-6px -456px;}

/* s2b2c */
.s2b2c_banner{ width:100%; height:400px; background:url(../images/dsc_2.0/s2b2c/banner.jpg) center center no-repeat;}
.s2b2c_banner .w1200{ position: relative; height:400px; }
.s2-btn{ position: absolute; bottom:80px; left: 50%; width: 118px; height: 40px; line-height: 40px; font-size: 16px; display: block; margin-left:-60px; border: 1px solid #17f1ff; text-align:center; color: #17f1ff; }
.s2-btn:hover{ background-color:#17f1ff; color: #000; }
.s2b2c-section1{ padding-top:100px; }
.s2b2c-section1 .sc-title{ margin-bottom: 50px; }
.s2b2c-section1 .sc-content ul{ width: 855px; margin: 0 auto; }
.s2b2c-section1 .sc-content li{ width: 225px; float: left; text-align: center; margin:0 90px 0 0;}
.s2b2c-section1 .sc-content li i{ width:151px; height: 151px; display: block; margin: 0 auto 20px;}
.s2b2c-section1 .sc-content li .desc{ font-size:16px; color: #333; line-height: 2;}
.s2b2c-section1 .sc-content .item1 i{ background:url(../images/dsc_2.0/s2b2c/1f_logo01.png) no-repeat; }
.s2b2c-section1 .sc-content .item2 i{ background:url(../images/dsc_2.0/s2b2c/1f_logo02.png) no-repeat; }
.s2b2c-section1 .sc-content .item3 i{ background:url(../images/dsc_2.0/s2b2c/1f_logo03.png) no-repeat; }
.s2b2c-section1 .sc-content .item3{ margin-right: 0; }

.s2b2c-section2 { background: #f7f9fa; }
.s2b2c-section2 .sc-title{ margin-bottom: 50px; }
.s2b2c-section2 .sc-content li{ width: 140px; float: left; text-align: center; margin:0 70px 0 0;}
.s2b2c-section2 .sc-content li i{ width: 140px; height: 126px; display: block; margin: 0 auto 20px;}
.s2b2c-section2 .sc-content li .desc{ font-size:18px; color: #333; line-height: 2;}
.s2b2c-section2 .sc-content .item1 i{ background:url(../images/dsc_2.0/s2b2c/2f_logo01.png) no-repeat; }
.s2b2c-section2 .sc-content .item2 i{ background:url(../images/dsc_2.0/s2b2c/2f_logo02.png) no-repeat; }
.s2b2c-section2 .sc-content .item3 i{ background:url(../images/dsc_2.0/s2b2c/2f_logo03.png) no-repeat; }
.s2b2c-section2 .sc-content .item4 i{ background:url(../images/dsc_2.0/s2b2c/2f_logo04.png) no-repeat; }
.s2b2c-section2 .sc-content .item5 i{ background:url(../images/dsc_2.0/s2b2c/2f_logo05.png) no-repeat; }
.s2b2c-section2 .sc-content .item6 i{ background:url(../images/dsc_2.0/s2b2c/2f_logo06.png) no-repeat; }
.s2b2c-section2 .sc-content .item6{ margin-right: 0; }

.s2b2c-section3{ width: 100%; height: 626px; background: url(../images/dsc_2.0/s2b2c/3f_bg.jpg) center center no-repeat; padding:0;}
.s2b2c-section3 .sc-title{ color: #fff; margin: 60px 0 100px;}
.s2b2c-section3 .sc-content ul{ width: 1020px; margin: 0 auto; overflow:hidden;}
.s2b2c-section3 .sc-content li{ width: 170px; float: left; text-align: center; margin:0 100px 0 0;}
.s2b2c-section3 .sc-content li i{ width: 130px; height: 130px; display: block; margin: 0 auto 20px;}
.s2b2c-section3 .sc-content li .desc{ font-size:24px; color: #fff; line-height: 2;}
.s2b2c-section3 .sc-content .item1 i{ background:url(../images/dsc_2.0/s2b2c/3f_logo01.png) no-repeat; }
.s2b2c-section3 .sc-content .item2 i{ background:url(../images/dsc_2.0/s2b2c/3f_logo02.png) no-repeat; }
.s2b2c-section3 .sc-content .item3 i{ background:url(../images/dsc_2.0/s2b2c/3f_logo03.png) no-repeat; }
.s2b2c-section3 .sc-content .item4 i{ background:url(../images/dsc_2.0/s2b2c/3f_logo04.png) no-repeat; }
.s2b2c-section3 .sc-content .item4{ margin-right: 0; }
.s2b2c-section3 .sc-content a.ljtyan{ width: 220px; height: 70px; display: block; background:url(../images/dsc_2.0/s2b2c/3f_button.jpg) center center no-repeat; margin:90px auto 0;}
.s2b2c-section3 .sc-content a.ljtyan:hover{ background:url(../images/dsc_2.0/s2b2c/3f_button_on.jpg) center center no-repeat; }

.s2b2c-section4 .price-slide .hd li{ width: 50%; }
/*大商创2.0 专题改版 end*/

/*手机web端*/
@media (max-width: 1024px) {
	.container{ width: 100%; margin: 0 auto; }
	.header .container .demo,.header .container .download{ display:none;}
}

@media (max-width: 768px) {
	html{ height:100%; font-size:18px;}
	body{ margin:0; padding:0; border:0; font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti; font-size:1rem; color:#82939e; background:#fff; width:100%; min-width:inherit;}
	h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{ margin:0; border:0; padding:0;}
	input,button{ margin:0;font-size:0.6rem;vertical-align:middle;}
	table{border-collapse:collapse;border-spacing:0;}
	ul,li,dt,dd ,span{list-style-type:none;}
	em{ font-style:normal;}
	a{color:#555; text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none;}
	a:focus{ -moz-outline-style: none;}
	img{ width:100%; vertical-align:top;}
	
	.index_pc{ display:none;}
	.suspension{ display:none;}
	.suspension-mobile{ display:none;}
	.index_mobile{ display:block;}
	.clear{ margin:0px; padding:0px; line-height:0px; font-size:0px; clear:both; visibility: hidden; border:0;}
	.blue{ color:#82939e;}
	.mobile_red{ color:#f75a53 !important;}
	
	.dis-box {display: -webkit-box;display: -moz-box;display: -ms-box;display: box;}
	.box-flex {-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display: block; width:100%;}
	
	/*按钮*/
	.btn_info{ overflow:hidden; margin-top:1.5rem; font-size:0;}
	.btn_info .btn img{ width:1rem; vertical-align:middle; margin-top:-.4rem;}
	.green_btn{ background-color:#42cb70;}
	
	.btn_info_box{ overflow:visible;}
	.btn_info_box .btn{ border-radius:.4rem; box-shadow: 0px 5px 0px 0px #3ca7d9;}
	.btn_info_box .green_btn{ box-shadow: 0px 5px 0px 0px #37b160;}
	.btn_info_box .green_btn:hover{ background:#37b160;}
	.btn_mobile{ background:url(../images/mobile/btn_red.png) no-repeat; width:6rem; height:2.1rem; background-size:6rem 2.1rem; display:block; margin-top:.5rem; text-align:center; line-height:2.1rem; color:#fff; font-size:.6rem; font-weight:bold;}
	
	/*背景*/
	.pink_bg{ background:#fdf6e8;}
	
	.header_warp{ width:100%; height:2.8rem; position:relative; z-index:999;}
	.index_mobile .header{ width:100%; height:auto; background:#fff; overflow:hidden;}
	.index_mobile .header .sj_logo{ float:left; width:9rem; padding:.6rem 1.2rem;}
	.index_mobile .header .reorder{ float:right; width:1.43rem; padding:.9rem .8rem 0 0;margin-top: .1rem;}
	.index_mobile .header .reorder a{ width:1.43rem; height:1rem; background:url(../images/mobile/new/icon-reorder.png) no-repeat; background-size:1.2rem .8rem; display:block;}
	.index_mobile .header .reorder.active{width:1rem; height:1rem;}
	.index_mobile .header .reorder.active a{ background:url(../images/mobile/new/icon-close.png) no-repeat; background-size: .8rem .8rem; width:1rem; height:1rem;}
	
	.mobile_ys{ display:inline-block; background:#ec5051; color:#fff; padding:0.3rem 0.5rem; border-radius:5px; margin:1.5rem 0 0 8rem;}
	.mobile_ys:hover,.mobile_ys:visited{ color:#fff;}
	.js_nav{width:100%; height:auto;background:#fff; display:none;border-top:1px solid #eee}
	.js_nav .item a.active{color:#0b94fe}
	.js_nav .item{height:3rem; line-height:3rem; -moz-transition: height 0.2s ease-out;-webkit-transition: height 0.2s ease-out;-o-transition: height 0.2s ease-out;transition: height 0.2s ease-out; border-bottom:1px solid #eee;}
	.js_nav .item span,.js_nav .item a{margin: 0 1rem;color:#333; font-size:.9rem; display:block;}
	.js_nav .item.drop-down i{ float:right; width:1rem; height:0.62rem; margin:1.2rem 0rem 0 0;}
	.js_nav .item.drop-down i.m-icon-angle-down{ background:url(../images/mobile/new/down.png) no-repeat; background-size:1rem 0.6rem;}
	.js_nav .item.drop-down i.m-icon-angle-up{ background:url(../images/mobile/new/up.png) no-repeat; background-size:1rem 0.6rem;}
	.js_nav .item.drop-down ul{ background:#eee; display:none;  overflow:hidden;padding-left:1.2rem}
	.js_nav .item.drop-down ul li{ float:left; padding-right:1.5rem;}
	.js_nav .item.drop-down ul li a{ font-size:0.8rem; color:#444; padding-left:0;margin:0}
	.js_nav .item.drop-down.active{ border-bottom:0; height:auto;background:#eee}
	.js_nav .item.drop-down.active ul{ display:block;}
	.js_videoCon{display: none;}
	.js_videoCon.active{display: block;}
	.content{ height:auto;}
	.content:before,
	.content:after {content: " "; display: table }
	.content:after {clear: both }
	.mobile-banner{width:100%; height:auto; position:relative;}
	.mobile-banner .banner-bg{ width:100%;}
	.mobile-banner .banner-title{ position:absolute; top:6%; left:50%; width:100%; margin-left:-50%;}
	.mobile-banner .banner-tag{ position:absolute; top:38%; left:50%; width:80%; margin-left:-40%;}
	.mobile-banner .banner-pc{ position:absolute; width:90%; bottom:2%; left:50%; margin-left:-45%;}
	
	.section{ width:100%; position:relative; overflow:hidden; padding:20px 0;}
	.section img{ width:100%;}
	.section .sj_title { text-align:center;}
	.section .sj_title h3{ font-size:1.1rem; color:#333; padding:1rem 0.8rem 0.5rem; .6rem}
	.section .sj_title h3 p{font-size:1rem;color:#333;    margin-bottom:0.2rem}
	.section .sj_title p{ font-size:0.8rem; color:#82939e; line-height:1rem; padding:0 0.8rem; margin-bottom:0.8rem;}
	.section .sj_content{ overflow:hidden; padding-bottom:1rem;}
	
	.section_1 .sj_content{ text-align:center;}
	.section_1 .sj_content ul li{margin:2.4rem .8rem 0;border-radius: 5px;position:relative;padding:1.2rem .4rem .4rem .4rem}
	.section_1 .sj_content ul li:first-child{margin:1.2rem .8rem 0}
	.section_1 .sj_content ul li header{width:14rem; position:absolute;top:-.7rem;font-size:.8rem;padding:.1rem 0;color:#fff;left:50%;margin-left:-7rem;border-radius: 5rem;}
	.section_1 .sj_content ul li p{font-size:.8rem;color:#333333;padding:.2rem 0}
	.section_1 .sj_content ul li p span{text-align: left;}
	/*one*/
	.section_1 .section_platform{border:1px dashed #1385ff}
	.section_1 .section_platform p label{color:#1385ff;width:3.4rem;display: block;text-align: right;}
	.section_1 .platform_title_bg{
		background: -webkit-linear-gradient(left, #1385ff , #0acafc); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #1385ff, #0acafc); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #1385ff, #0acafc); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #1385ff , #0acafc); /* 标准的语法 */
	}
	/*two*/
	.section_1 .section_hardware{border:1px dashed #1fcb37}
	.section_1 .section_hardware p label{color:#1fcb37;width:3.4rem;display: block;text-align: right;}
	.section_1 .section_hardware_bg{
		background: -webkit-linear-gradient(left, #1fcb37 , #69d62f); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #1fcb37, #69d62f); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #1fcb37, #69d62f); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #1fcb37 , #69d62f); /* 标准的语法 */
	}
	/*three*/
	.section_1 .section_greenroom{border:1px dashed #fc6549}
	.section_1 .section_greenroom p label{color:#fc6549;width:4.1rem;display: block;text-align: right;}
	.section_1 .section_greenroom_bg{
		background: -webkit-linear-gradient(left, #fc6549 , #f7ca27); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #fc6549, #f7ca27); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #fc6549, #f7ca27); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #fc6549 , #f7ca27); /* 标准的语法 */
	}
	.section_2{ background:#f6f9fc;}
	.section_2 .sj_content .section_2_cont{position:absolute;top:.9rem;left: 25%;width: 68%;}
	.section_2 .sj_content li{position:relative;padding: .4rem .8rem;}

	.section_2 .sj_content .section_2_cont h4{font-size:.9rem;text-align:left;margin-left:.6rem;color:#fff;font-weight:600}
	.section_2 .sj_content li p{ color:#fff; padding:0 0 0 .6rem; font-size:.7rem; text-align:left;}
	
	.section_3{ background:#fff;}
	.section_3 ul{margin:.4rem .8rem 0;}
	
	.section_3 ul li{margin-top:.8rem}
	.section_3 ul li:first-child{margin-top:0}
	.section_3 ul li .list{padding:.55rem .2rem;font-size:.8rem;color:#333;border:1px solid #eee;border-top:0}
	.section_3 ul li .list img{width:.9rem;    padding: 0.2rem .5rem 0 0.2rem;}
	.section_3 ul li .title{text-align: center;color:#fff;font-size:.9rem;padding:.5rem .2rem}
	
    .section_3 ul li .title.blue_bg{background:#1385ff;}
    .section_3 ul li .title.green_bg{background:#1dcb35;}
    .section_3 ul li .title.purple_bg{background:#8227d6;}
    
	.section_4{background:#f6f9fc;}
	.section_4 .sj_content .section_4_ul{overflow:hidden;margin:0 .8rem;padding:.6rem;color:#fff;border-radius: 8px;position:relative;margin-top:.6rem}
	.section_4 .sj_content .section_4_li_title{float:left;width:3.5rem;}
	.section_4 .sj_content .section_4_li_title h2{font-size:1.2rem;position:absolute;top:50%;margin-top:-1rem}
	.section_4 .sj_content .section_4_li_cont{float:left;width:78%;margin-left:3.8rem}
	.section_4 .sj_content .section_4_li_cont h4{font-size:.8rem;}
	.section_4 .sj_content .section_4_li_cont p{font-size:.6rem}
	.section_4_xian{position:absolute;left:18%;border-left:1px solid rgba(100,100,100,0.2);height:4rem;top:50%;margin-top:-2rem}
	.section_4_ul_one{
		background: -webkit-linear-gradient(left, #d950a1 , #f06bc7); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #d950a1, #f06bc7); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #d950a1, #f06bc7); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #d950a1 , #f06bc7); /* 标准的语法 */
	}
	.section_4_ul_two{
		background: -webkit-linear-gradient(left, #e19753 , #f0b852); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #e19753, #f0b852); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #e19753, #f0b852); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #e19753 , #f0b852); /* 标准的语法 */
	}
	.section_4_ul_three{
		background: -webkit-linear-gradient(left, #605ade , #af6ee8); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #605ade, #af6ee8); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #605ade, #af6ee8); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #605ade , #af6ee8); /* 标准的语法 */
	}
	.section_4_ul_four{
		background: -webkit-linear-gradient(left, #46a6ed , #42c8ed); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #46a6ed, #42c8ed); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #46a6ed, #42c8ed); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #46a6ed , #42c8ed); /* 标准的语法 */
	}
	.section_4_ul_five{
		background: -webkit-linear-gradient(left, #2ec2bd , #3cdbb9); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #2ec2bd, #3cdbb9); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #2ec2bd, #3cdbb9); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #2ec2bd , #3cdbb9); /* 标准的语法 */
	}
	.section_5{ background:#FFF;}
	.section_5 .sj_content ul{overflow:hidden}
	.section_5 .sj_content li{ float:left;width:50%;padding:.8rem;box-sizing: border-box;}
	.section_5 .sj_content .img{width:2rem;margin:0 auto}
	.section_5 .sj_content h4{color:#0b94fe;font-size:.9rem;text-align: center;padding:.3rem 0}
	.section_5 .sj_content p{font-size:.7rem;color:#82939e;text-align: center;}
	.section_5 .sj_content .contact{background:#0b94fe;font-size:.9rem;color:#fff;display: inline-block;text-align: center;padding:.4rem 1rem;border-radius: 5px;;}
	.section_5 .sj_content .contact img{width:1rem;padding:0.2rem .3rem 0 0}
	.section_5 .sj_content a{text-align: center;display: block;margin-top:1rem}

	.section_6{ background:#0b94fe;}
	.section_6 .sj_title h3,.section_6 .sj_title p{ color:#fff;}
	.section_6 .sj_content ul{ overflow:hidden; padding:.4rem .8rem 0;}
	.section_6 .sj_content li{ float:left;width:32.8%;  border-radius:.5rem; margin-bottom:1px;box-sizing: border-box;margin-right:1px;}
	.section_6 .sj_content li:last-child{margin-right:0}
	.section_6 .sj_content li .con{ padding:.8rem .8rem .8rem .8rem; overflow:hidden;}
	.section_6 .sj_content li .name{ float:left; width:5.5rem; height:4rem; line-height:4rem; border-radius:.5rem; background:#e95354; font-size:2rem; text-align:center; color:#fff; margin-right:.5rem;}
	.section_6 .sj_content li .tit{ font-size:.6rem; float:left; width:calc(100% - 6rem); line-height:1.2rem;}
	.section_6 .sj_content li img{display: block;}
	
	.section_7 .items{ overflow:hidden; padding:0 .8rem;}
	.section_7 .items .item{ padding:.5rem 0; border-top:1px dashed #dcdcdc; overflow:hidden;}
	.section_7 .items .item .img{ width:25%; float:left;}
	.section_7 .items .item .dl{ width:72%; float:right;}
	.section_7 .items .item .dt{ font-size:.8rem; color:#000;}
	.section_7 .items .item .dt img{width:5rem;margin-left:.6rem;padding-top:.15rem}
	.section_7 .items .item .dd{ font-size:.8rem; line-height:1.2rem;color:#888888}
	
	.section_7 .items .item2 .img,.section_7 .items .item3 .img,.section_7 .items .item5 .img{ margin-top:.8rem;}
	.section_7 .items .item10 .img,.section_7 .items .item4 .img{ margin-top:1rem;}
	.section_7 .items .item11 .img{ margin-top:.5rem;}
	.section_7 .items .item11{ border-bottom:1px dashed #dcdcdc;}
	
	
	.section_7_ul{overflow:hidden;padding:1rem 2rem}
	.section_7_ul .section_7_left-li{float:left;width:40%;box-sizing: border-box;}
	.section_7_ul .section_7_left-li img{width:5rem;margin-left:2rem}
	.section_7_ul .section_7_right-li{float:left;width:60%;padding-left:1rem;box-sizing: border-box;}
	.section_7_ul .section_7_right-li h4{color:#ff9140;font-size:.9rem;padding-top:1.1rem}
	.section_7_ul .section_7_right-li p{color:#333333;font-size:.8rem}
	
	/*系统介绍*/
	/*系统概述*/
	.section_comm_nav{background:#F5F5F5}
	.section_comm_nav .section_comm_nav-box h4{font-size:.8rem;color:#333;text-align: center;margin-top:.1rem}
	.section_comm_nav .section_comm_nav-box.active h4{color:#1889fb}
	.section_comm_nav .section_comm_nav-box i{background: url(../images/mobile/new/ts_section_nav_icon.png) no-repeat;width:1.4rem;height: 1.5rem;display: block;margin: 0 auto;background-size: 15.6rem; }
	.section_comm_nav .section_comm_nav-box .gaishu{background-position: -.4rem -.13rem;}
	.section_comm_nav .section_comm_nav-box .caozuo{background-position: -2.8rem -.13rem;}
	.section_comm_nav .section_comm_nav-box .ruzhu{background-position: -5.6rem -.13rem;}
	.section_comm_nav .section_comm_nav-box .huodong{background-position: -8.4rem -.13rem;}
	.section_comm_nav .section_comm_nav-box .dingwei{background-position: -11.2rem -.13rem;}
	.section_comm_nav .section_comm_nav-box .kefu{background-position: -14rem -.13rem;}
	.section_comm_nav .section_comm_nav-box.active .gaishu{background-position: -.4rem -1.74rem;}
	.section_comm_nav .section_comm_nav-box.active .caozuo{background-position: -2.8rem -1.74rem;}
	.section_comm_nav .section_comm_nav-box.active .ruzhu{background-position: -5.6rem -1.74rem;}
	.section_comm_nav .section_comm_nav-box.active .huodong{background-position: -8.4rem -1.74rem;}
	.section_comm_nav .section_comm_nav-box.active .dingwei{background-position: -11.2rem -1.74rem;}
	.section_comm_nav .section_comm_nav-box.active .kefu{background-position: -14rem -1.74rem;}
	
	/*tab*/
	.section_comm_nav .hd{padding:.6rem 0;  position:relative; }
	.section_comm_nav .bd{background:#fff;}				
	.section_comm_video{background:#fff;}
	.section_comm_video ul li{position:relative}
	.section_comm_video ul li .title{position:absolute;bottom:0;width:100%;left:0;right:0}
	.section_comm_video ul li .title h3{font-size:1.1rem;font-weight:600; color:#fff;    padding: 1rem .3rem .5rem;}
	.section_comm_video_box{margin:0 .8rem}
	.section_comm_1{background:#fff}
	.section_comm_1 .sj_content{ padding-bottom:0;}
	.section_comm_1 .sj_content .img{ margin-top:.5rem;}

	/*智能操作*/
	.section .section_caozuo_img{width:80%;padding: 0 1rem 2rem 1rem;border-bottom:1px solid #eee;    margin: 0 auto;}
	.section .section_caozuo_img img{width:100%;}
	
	/*智能客服*/
	.section_service_1 ul li{margin:.8rem;box-shadow: rgba(50, 50, 50, 0.2) 2px 0px 10px;border-radius: 8px;padding: .4rem .4rem .4rem 0.3rem;}
	.section_service_1 ul li h4{font-size:.84rem;color:#26566d;margin-top: .2rem;}
	.section_service_1 ul li p{font-size:.6rem;color:#82939e;line-height: 1.1rem;}
	.section_service_1 .service_nav{margin-right:.3rem;}
	.section_service_1 .service_nav i{background: url(../images/mobile/new/service_1.png) no-repeat;width: 4.1rem;height: 4.1rem;display: block;margin: 0 auto;background-size: 4.6rem;}
	.section_service_1 .service_nav .sale{background-position: -.4rem -.12rem;}
	.section_service_1 .service_nav .impartiality{background-position: -.4rem -4.8rem;    margin-top: .5rem;}
	.section_service_1 .service_nav .difficulty{background-position: -.4rem -9rem;}
	.section_service_1 .service_nav .limitations{background-position: -.4rem -13.6rem;}
	.section_service_1 .service_nav .charge{background-position: -.4rem -17.8rem;}
	.section_service_1 .service_nav .upgrade{background-position: -.4rem -22.2rem;}
	.section_service_6  ul{overflow:hidden;padding:.2rem .6rem}
	.section_service_6  li{ width:50%;float:left;}
	.section_service_6_x{border-bottom:1px solid #eee;margin: 3rem 1rem 0;}
	
	/*产品终端*/
	.section_terminal{ padding:0 1rem; float:left;}	
	.section_terminal .terminal-top{padding-top:1.5rem; float:left;}
	.section_terminal .sku{ float:left; border:1px solid #dcdcdc; border-radius:.4rem; width:25%; height:3rem; line-height:3rem; text-align:center; font-size:1rem; color:#82939e; position:relative; background:#fff;}
	.section_terminal .sku span{ display:block; position:absolute; width:1.2rem; height:1.2rem; line-height:1.2rem; border-radius:50%; border:1px solid #dcdcdc; font-size:.6rem; text-align:center; color:#82939e; left:-.4rem; top:-.4rem; background:#fff;}
	.section_terminal .terminal-title{ width:70%; float:right;}
	.section_terminal .terminal-title h3{ color:#ed4f52; font-size:.8rem;}
	.section_terminal .terminal-title p{ font-size:.5rem; color:#82939e;}
	.section_terminal .con{ padding-top:1rem; float:left; text-align:center;}
	.section_terminal .con .img{ width:98%; margin:0 auto;}
	.section_terminal .con .tit{ text-align:center; font-size:.6rem; border:1px solid #dcdcdc; border-radius:.4rem; padding:.8rem 0;}
	.section_terminal .btn{ border-radius:.3rem; padding:.5rem 2rem; margin:.5rem 0 1.5rem;}
	
	.section_terminal_2,.section_terminal_4,.section_terminal_6{ background:#f6f9fc;}
	.section_terminal_5{ margin-bottom:1rem;}
	.section_terminal_4 .btn_info .btn{ padding:.5rem 0; width:45%; text-align:center;}
	.section_terminal_4 .btn_info .btn:first-child{ margin-right:5%;}
	.section_terminal_6 .con{ padding:2rem 0;}

	/*强大后台*/
	.section_pf_1 .sj_content{ padding:0 1rem;}
	
	.section_pf_2{ background-color:#f6f9fc;}
	.section_pf_2 .sj_content{ padding:.5rem 1rem 1.5rem;}
	
	.pf_items li{ width:48%; height:5rem; float:left; text-align:center; border-radius:.5rem; padding:2.5rem 0; margin-bottom:1rem;}
	.pf_items li .img{ width:3rem; height:3rem; margin:0 auto; position:relative;}
	.pf_items li .img span{ width:3rem; height:3rem; display: table-cell;vertical-align: middle;text-align: center;}
	.pf_items li .tit{ color:#fff; font-size:.8rem; margin-top:1rem;}
	
	.section_pf_2 .sj_content li:nth-child(1){ background-color:#f6a439; margin-right:4%;}
	.section_pf_2 .sj_content li:nth-child(2){ background-color:#6382fa;}
	.section_pf_2 .sj_content li:nth-child(3){ background-color:#fe6e67; margin-right:4%;}
	.section_pf_2 .sj_content li:nth-child(4){ background-color:#986ff8;}
	
	.section_pf_3 .sj_content{ padding:0 1rem;}
	
	.section_pf_4{ background:#333;}
	.section_pf_4 .sj_title h3{ color:#fff; padding:2rem;}
	.section_pf_4 .sj_content{ padding:0 1rem 1rem;}
	.section_pf_4 .sj_content .pf_items li:nth-child(4) .img{ width:2.5rem;}
	.section_pf_4 .sj_content li:nth-child(1){ background-color:#956cf8; margin-right:4%;}
	.section_pf_4 .sj_content li:nth-child(2){ background-color:#34c87b;}
	.section_pf_4 .sj_content li:nth-child(3){ background-color:#fe6d66; margin-right:4%;}
	.section_pf_4 .sj_content li:nth-child(4){ background-color:#f6a539;}
	
	.section_pf_5 .sj_content{ padding:0;}
	
	.section_pf_6{ background:#f6f9fc;}
	.section_pf_6 .sj_title h3{ padding:1rem 0 2rem;}
	.section_pf_6 .sj_content{ padding:0 1rem 1rem;}
	.section_pf_6 .sj_content .pf_items li:nth-child(2) .img{ width:2.5rem;}
	.section_pf_6 .sj_content li:nth-child(1){ background-color:#f6a439; margin-right:4%;}
	.section_pf_6 .sj_content li:nth-child(2){ background-color:#5c7cfa;}
	.section_pf_6 .sj_content li:nth-child(3){ background-color:#fe6e68; margin-right:4%;}
	.section_pf_6 .sj_content li:nth-child(4){ background-color:#8659f7;}
	
	/*功能亮点*/
	.section_core_1 .sj_content{ padding:1rem 2rem 1rem;}
	.section_core_1 .sj_content li{ width:22%; float:left; margin-right:16%; text-align:center; margin-bottom:1rem;}
	.section_core_1 .sj_content li:nth-child(3),.section_core_1 .sj_content li:nth-child(6),.section_core_1 .sj_content li:nth-child(9){ margin-right:0;}
	.section_core_1 .sj_content li .tit{ font-size:.5rem; margin-top:.5rem;}
	
	.section_core_2{ background:#f6f9fc;}
	.section_core_2 .sj_title h3{ padding:2rem 0;}
	.section_core_2 .sj_content{ padding:0 1rem 2rem;}
	
	.section_core_3 .sj_content{ padding:0 1rem 1rem;}
	.section_core_3 .sj_content li{ width:20%; float:left; margin-right:6%;text-align:center; margin-bottom:1rem;}
	.section_core_3 .sj_content li:nth-child(4),.section_core_3 .sj_content li:nth-child(8){ margin-right:0;}
	.section_core_3 .sj_content li .tit{ font-size:.6rem; margin-top:.5rem;}
	
	.section_core_4{ background:#f6f9fc;}
	.section_core_4 .sj_content{ padding:0 1rem 2rem;}
	
	.section_core_5{ padding:0;}
	.section_core_5 .sj_title{ width:100%; text-align:center; position:absolute; top:0; z-index:10}
	.section_core_5 .sj_title h3,.section_core_5 .sj_title p{ color:#fff;}
	.section_core_5 .sj_content{ padding-bottom:0; position:relative; z-index:9;}
	
	.section_core_6 .sj_content{ padding:1rem 1rem 2rem;}
	
	.section_core_7{ background:#344552;}
	.section_core_7 .sj_title h3{ padding:2rem 0 .5rem;}
	.section_core_7 .sj_title h3,.section_core_7 .sj_title p{ color:#fff;}
	.section_core_7 .sj_content{ padding:1rem 1rem 2rem;}
	
	.section_core_8{ background:#365268;}
	.section_core_8 .sj_title h3{ padding:2rem 0; color:#fff;}
	.section_core_8 .sj_content{ padding:0 1rem 2rem; position:relative;}
	.section_core_8 .sj_content .right{ float:right; width:80%;}
	.section_core_8 .sj_content .right .item{ padding:0 .2rem 0 1rem; height:9.2rem; background:#fff; margin-bottom:.8rem;}
	.section_core_8 .sj_content .right .item:last-child{ margin-bottom:0;}
	.section_core_8 .sj_content .right .item h3{ font-size:1rem; padding:1rem 0; font-weight:bold;}
	.section_core_8 .sj_content .right .item p{ font-size:.6rem;}
	.section_core_8 .sj_content .left{ width:20%; position:absolute; left:1rem;}
	.section_core_8 .sj_content .left li{ background:#6484fb; margin-bottom:.5rem; text-align:center; padding:1.2rem 0;}
	.section_core_8 .sj_content .left li .img{ width:1.5rem; height:2rem; margin:0 auto; position:relative;}
	.section_core_8 .sj_content .left li .img span{ width:1.5rem; height:2rem; display: table-cell;vertical-align: middle;text-align: center;}
	.section_core_8 .sj_content .left li .img span img{ vertical-align:text-bottom;}
	.section_core_8 .sj_content .left li .tit{ color:#fff; font-size:.8rem; margin-top:.5rem;}
	
	.section_core_9 .sj_title h3{ padding:2rem 0 .5rem;}
	.section_core_9 .sj_content{ padding:0 1rem 2rem; margin-top:-2rem;}
	
	/*特色版本*/
	.section_kj{ padding:2rem 1rem 0; overflow:hidden;}
	.section_kj .left{ float:left; width:7rem; height:9.86rem;}
	.section_kj .right{ float:left; background:#fff; width:calc(100% - 7rem); height:10rem; height:9.86rem; border-radius:0 0.4rem 0.4rem 0;}
	.section_kj .right .warp{ padding:0 0 0 1rem;}
	.section_kj .right .warp .tit{ font-size:1.2rem; padding-top:.8rem;}
	.section_kj .right .warp .txt{ font-size:.6rem; color:#82939e; padding-top:.5rem;}
	.kj_items{ overflow:hidden; margin-top:.8rem;}
	.kj_items li{ float:left; text-align:center; margin-right:.8rem;}
	.kj_items li .img{ width:2rem; margin:0 auto;}
	.kj_items li:last-child{ margin-right:0;}
	.kj_items li .span{ font-size:.5rem; color:#f65c57; margin-top:.3rem;}
	.section_kj_1 .right .warp .span{ color:#f65c57;}
	.section_kj_2 .right .warp .span{ color:#8b2be4;}
	.section_kj_3 .right .warp .span{ color:#24acf3;}
	.section_kj_4 .right .warp .span{ color:#2ecc90;}
	.section_kj_4{ padding-bottom:2rem;}
	
	/*商业授权*/
	.section_empower_1 .sj_warpper{ padding:.5rem 1rem 2rem; overflow:hidden;}
	.section_empower_1 .sj_warpper .item{ width:49%; margin-right:2%; float:left;}
	.section_empower_1 .sj_warpper .item .con{border:1px solid #2ecc90; border-radius:.5rem; padding:1rem .5rem;}
	.section_empower_1 .sj_warpper .item .con h3{ text-align:center; font-size:1rem; font-weight:normal;}
	.section_empower_1 .sj_warpper .item .con p{ font-size:.6rem; color:#82939e; line-height:1.2rem; margin-top:.3rem;}
	.section_empower_1 .sj_warpper .item_1 .con{ padding:1rem .8rem;background:url(../images/mobile/section_empower_1_1.png) center center no-repeat; background-size:4rem 4rem;}
	.section_empower_1 .sj_warpper .item_2{ margin-right:0;}
	.section_empower_1 .sj_warpper .item_2 .con{ border-color:#fd7261; background:url(../images/mobile/section_empower_1_2.png) center center no-repeat; background-size:4rem 4rem;}
	.section_empower_2{ background:#f6f9fc;}
	.section_empower_2 .sj_warpper{ padding:1rem; overflow:hidden;}
	.section_empower_2 .sj_warpper li{ float:left; margin-bottom:1.5rem;}
	.section_empower_2 .sj_warpper .img{ float:left; width:30%;}
	.section_empower_2 .sj_warpper .info{ float:right; width:65%;}
	.section_empower_2 .sj_warpper .info .tit{ font-size:1rem; color:#333;}
	.section_empower_2 .sj_warpper .info .text{ font-size:.6rem; color:#82939e; margin-top:.2rem;}
	.section_empower_3 .sj_warpper{ text-align:center; padding:2rem 0;}
	.section_empower_3 .sj_warpper .btn_mobile{ margin:0 auto;}
	.section_empower_3 .sj_warpper p{ color:#82939e; font-size:.8rem; margin-top:.8rem;}
	
	/*更新日志*/
	.update_banner{ position:relative;}
	.update_banner .text{ position:absolute; top:65%; left:50%; color:#fff; font-size:.8rem; font-weight:bold;}
	.update_banner .text span{ display:inline-block;}
	.update_banner .text .sw{ margin-left:-.5rem;}
	.update_banner .text .gw{ margin-left:.6rem;}
	
	.update_items{ padding:2rem .5rem 2rem 1rem;}
	.update_items .item:before,
	.update_items .item:after {content: " "; display: table }
	.update_items .item:after {clear: both }
	.update_items .item .time{ float:left; width:20%; color:#82939e; line-height:1.5rem;}
	.update_items .item .desc{ border-left:1px solid #83939d; float:left; width:78%;}
	.update_items .item .desc .tit{ font-size:1rem; color:#f65759; background:url(../images/mobile/tuyuan.jpg) left center no-repeat; background-size:1rem 1rem; padding-left: 1.5rem; margin-left: -.5rem;}
	.update_items .item .desc .con{ font-size:.6rem; color:#82939e; line-height:1.3rem;padding:0 0 .5rem 1rem; margin-top:.3rem;}
	.update_items .first .desc .tit{ font-size:1.2rem; color:#82939e; margin-top:-.5rem;}
	.update_items .first .desc .lie{ width:2rem; height:2rem; font-size:.6rem; border-radius:50%; background:#f77172; text-align:center; line-height:2rem; color:#fff; margin:1rem 0 1rem -1rem;}
	.update_items .last .desc .tit{ background-position:left bottom;}
	
	/*常见问题 start*/
	.mobile_course_ul .items ul{padding:0 .8rem}
	.mobile_course_ul .tabs{padding:.2rem .8rem}
	.course_banner{ height:400px; background:url(../images/dsc_2.0/course_banner.jpg) center center no-repeat;}
	.course_main{ width:100%; margin:.6rem auto 0; position:relative;}
	.course_main .tabs:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;}
	.course_main .tabs li{ float:inherit; width:auto; margin-right:0;border-right:1px solid #fff;box-sizing: border-box; height:2.2rem; line-height:2.2rem; position:relative; text-align:center; font-size:.7rem; color:#fff; background-color:#5bb8ff; cursor:pointer;}
	.course_main .tabs li:last-child,.course_main .tabs li.last{ margin-right:0;}
	.course_main .tabs li i{margin-left:-10px;}
	.course_main .items{ overflow:hidden; min-height:600px; margin:20px 0 20px;}
	.course_main .items .item{ overflow:hidden; position:relative; display:none;}
	.course_main .items .item li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #ddd; padding:30px 0 20px;}
	.course_main .items .item li .number{ float:left; width:2.2rem; height:2.2rem; line-height:2.2rem; text-align:center; font-size:.9rem; color:#fff; background-color:#239ffd;}
	.course_main .items .item li .info{ float:left; width:calc(100% - 70px); margin-left:.6rem;}
	.course_main .items .item li .info .ask{ font-size:.9rem; font-weight:bold; color:#333; line-height:1.25rem;}
	.course_main .items .item li .info .answer{ font-size:.7rem; color:#333; margin-top:10px; line-height:1.25rem;}
	/*常见问题 end*/
	
	/*更新日志 start*/
	.update_banner{  background:url(../images/mobile/new/update_banner.jpg) center center no-repeat; text-align:center;}
	.mobile_updata_banner h2{font-size:1.2rem;color:#fff;text-align: center; padding:2rem .8rem 0 .8rem}
	.mobile_updata_banner .update_num{font-size:.8rem;color:#fff}
	.mobile_updata_banner .update_num span{background:#fff;border-radius: .2rem;color:#239ffd;margin-right:.3rem;padding:.1rem .5rem}
	.mobile_updata_banner  p{font-size:.7rem;color:#fff;text-align: center;padding:.4rem 0 2rem 0}
	
	.update_banner h1{ font-size:48px; color:#fff; padding-top:80px;}
	.update_banner h1 em{ color:#fcff0c; font-weight:bold;}
	.update_banner .update_quency{ font-size:16px; color:#fff; margin-top:10px;}
	.update_banner .update_quency span{ display:inline-block; width:25px; height:25px; border-radius:3px; background-color:#fff; text-align:center; line-height:27px; font-size:18px; color:#239ffd; margin-right:6px;}
	.update_banner .update_quency span:last-child{ margin-right:0;}
	.update_banner .cur_version{ color:#fff; margin-top:15px; font-size:14px;}
	.update_banner .updata_btns{ font-size:0; margin-top:20px;}
	.update_banner .updata_btns a{ width:158px; height:43px; line-height:43px; display:inline-block; text-align:center; color:#fff; font-size:16px; margin-right:30px; border:1px solid #fff; border-radius:5px;}
	.update_banner .updata_btns a:last-child{ margin-right:0;}
	.update_banner .updata_btns .patch_btn{ background-color:#fff; color:#239ffd;}
	
	.updata_temp{ margin:0 0;    padding: 0 0 1rem 0;}
	.updata_temp .box{ overflow:hidden;margin-top:1rem}
	.updata_temp .box .item{ float:left; position:relative; width:100%;}
	.updata_temp .box .item .time{ float:left; width:3.4rem; height:1.3rem; line-height:1.3rem; font-size:.8rem; color:#fff; text-align:center; background:url(../images/dsc_2.0/updata_temp_time.png) no-repeat;     background-size:3.4rem; margin:1rem .4rem 0 .6rem; position:relative;}
	.updata_temp .box .item .time .edition{ position:absolute; font-size:14px; color:#239ffd; width:3.4rem;}
	.updata_temp .box .item .desc{ float:left; width:calc(100% - 7rem); border-left:1px solid #8bcdff; padding:1rem 0 0 2rem;}
	.updata_temp .box .item .desc .tit{ font-size:.9rem; }
	.updata_temp .box .item .desc .con p{ font-size:.7rem;  line-height:1.1rem;}
	.updata_temp .box .item .lie{ display:block; position:absolute; top:1.2rem; left: 4.194rem; padding:5px 0; background:#fff;}
	.updata_temp .box .item .lie s{ width:8px; height:8px; border-radius:50%; background-color:#239ffd; display:block;}
	.updata_temp .box .item.year{ margin-left:4.4rem;    margin-top: 0;}
	.updata_temp .box .item.year .row{ width:3rem; height:3rem; border:5px solid #d6edff; border-radius:50%; display:block; position:absolute; background-color:#8bcdff; text-align:center; color:#fff; line-height:2.6rem; font-size:.7rem; top:26px; left:-1.8rem; cursor:pointer;}
	.updata_temp .box .item.year .desc{ padding-top:50px; min-height:40px;}
	.updata_temp .box .item.year .row .down{ width:0; height:0; border-top:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; left:1.2rem; bottom:.6rem;}
	.updata_temp .box .item.first-year .row{ top:0;}
	.updata_temp .box .item.first-year .desc{ padding-top:24px;}
	.updata_temp .box .item.first .desc{ padding-top:2rem;}
	.updata_temp .box .item.first .time{ margin-top:2rem;}
	.updata_temp .box .item.first .lie{ top:2.2rem;}
	.updata_temp .box .item.last{ margin-left:4.4rem;}
	.updata_temp .box .item.last .lie{ top:0; left:-3px;}
	.updata_temp .box .item.year.down .row .down{ border-bottom:6px solid #fff; border-top:none;}
	/*更新日志 end*/
	
	/*资源区*/
	.section_resource_1 .sj_title{ padding:0 1rem;}
	.section_resource_1 .sj_warpper{ padding:1rem 1rem 2rem; overflow:hidden;}
	.section_resource_1 .sj_warpper li{ width:32%; margin-right:2%; float:left;}
	.section_resource_1 .sj_warpper li:last-child{ margin-right:0;}
	.section_resource_1 .sj_warpper li .info{ border:1px solid #dcdcdc; text-align:center; padding:.8rem 0;}
	.section_resource_1 .sj_warpper li .info h3{ font-size:.6rem; line-height:1.2rem;}
	.section_resource_1 .sj_warpper li .info p{ font-size:.6rem; line-height:1.2rem; color:#82939e;}
	.section_resource_1 .sj_warpper li .info span{ font-size:.6rem; color:#ea5255; line-height:1.2rem;}
	.section_resource_1 .sj_warpper li:nth-child(1) .info{ border-color:#4ad5ae;}
	.section_resource_1 .sj_warpper li:nth-child(2) .info{ border-color:#51cdeb;}
	.section_resource_1 .sj_warpper li:nth-child(3) .info{ border-color:#fe8dc2;}
	
	.section_resource_1 .sj_warpper li:nth-child(1) .info h3{ color:#4ad5ae;}
	.section_resource_1 .sj_warpper li:nth-child(2) .info h3{ color:#51cdeb;}
	.section_resource_1 .sj_warpper li:nth-child(3) .info h3{ color:#fe8dc2;}
	
	.section_resource_2{ background:#f6f9fc;}
	.section_resource_2 .sj_title{ padding:0 1rem;}
	.section_resource_2 .sj_warpper{ padding:1rem 1rem 2rem; overflow:hidden;}
	.section_resource_2 .sj_warpper li{ background:#fff; border-radius:.5rem; width:100%; float:left; margin-bottom:1rem;}
	.section_resource_2 .sj_warpper li .warp{ padding:.5rem .8rem; overflow:hidden;}
	.section_resource_2 .sj_warpper li .img{ float:left; width:3rem; height:3rem;}
	.section_resource_2 .sj_warpper li .img span{ width:3rem; height:3rem; display: table-cell;vertical-align: middle;text-align: center;}
	.section_resource_2 .sj_warpper li .tit{ float:left; margin-left:1.5rem; line-height:1.5rem;}
	.section_resource_2 .sj_warpper li .tit h3{ font-size:.8rem;}
	.section_resource_2 .sj_warpper li .tit p{ font-size:.6rem; color:#82939e;}
	.section_resource_2 .sj_warpper li .price{ float:right; position:relative; font-size:.6rem; margin-top:.75rem; line-height:1.6rem; border:1px dashed #fcbdbe; padding:0 .6rem; border-radius:.3rem; text-align:center; color:#ea5255; background-color:#fdefef;}
	.section_resource_2 .sj_warpper li .price i{ width:.3rem; height:.6rem; border:1px dashed #fcbdbe; background:#fff; display:inline-block; position:absolute; top:.45rem; }
	.section_resource_2 .sj_warpper li .price .yuan_left{ border-radius:0 .3rem .3rem 0; border-left-color:#fff; left:-1px;}
	.section_resource_2 .sj_warpper li .price .yuan_right{ border-radius:.3rem 0 0 .3rem; border-right-color:#fff; right:-1px;}
	
	.section_resource_3 .sj_title{ padding:0 1rem;}
	.section_resource_3 .sj_warpper{ padding:1rem 1rem 2rem;}
	
	/*手机演示*/
	.section_test{ padding:0 1rem; overflow:hidden;}
	.section_test .title h3{ font-size:1rem; color:#ed4f52;}
	.section_test .title p{ font-size:.8rem; color:#82939e; margin-top:.2rem;}
	.section_test_1{ margin-top:1rem;}
	.section_test_1 ul{ margin:1rem 0; overflow:hidden;}
	.section_test_1 li{ border:1px solid #dcdcdc; margin:0 0 .5rem; padding-bottom:.8rem;}
	.section_test_1 li .item{ overflow:hidden; line-height:1rem; margin-top:.8rem;}
	.section_test_1 li .item .tit{ float:left; font-size:.6rem; border-left:2px solid #49b9ee; color:#82939e;padding-left:.2rem; width:5rem;}
	.section_test_1 li .item .value{ float:left; font-size:.8rem; color:#333; padding-left:1rem;}
	.section_test_1 li .item .copy_url{ color:#33b7ff; font-size:.6rem; float:right;}
	.section_test_2,.section_test_4{ background:#f6f9fc;}
	.section_test_2,.section_test_3,.section_test_4{ padding:2rem 1rem;}
	.section_test .btn_info .btn{ padding:0; height:2.5rem; line-height:2.5rem; width:48%; text-align:center;}
	.section_test .btn_info .btn:last-child{ float:right;}
	
	/*底部*/
	.mobile_footer{ background:#f5f5f5; text-align:center;}
	.mobile_footer .footer_top{ padding:1.3rem 0 4.6rem;}
	.mobile_footer .logo{ width:9rem; display:inline-block;}
	.mobile_footer p{ font-size:.8rem; }
	.mobile_footer h4{font-size:.85rem;color:#888888}
	.mobile_footer .text{ color:#727272;}
	.mobile_footer .phone,.mobile_footer .qq{ color:#fff; padding-top:.5rem;}
	.mobile_footer .phone a, .mobile_footer .qq a{ color:#fff;}
	.mobile_footer .phone img,.mobile_footer .qq img{ width:1rem; display:inline-block; margin-right:10px;}
	.mobile_footer .footer_bot{ color:#fff; font-size:.8rem; padding:1rem 0; border-top:1px solid #474747; margin-top:1rem;}
	.mobile_back{ position:fixed; bottom:3.5rem; right:.5rem;z-index: 2;}
	.mobile_back div{ width:2rem; height:2rem; border-radius:50%; background-color:#000; opacity:.5; text-align:center; margin-bottom:.5rem;}
	.mobile_back div img{ width:50%; margin-top:.5rem;}
	.mobile_footer_fixed{overflow:hidden;position:fixed;bottom: 0;width:100%;padding:.4rem 0;background:rgba(1,1,1,0.8);z-index:199}
	.mobile_footer_fixed a{display: block;float:left;width:50%;box-sizing: border-box}
	.mobile_footer_fixed .mobile_left_btn{text-align:right;padding-right:.5rem}
	.mobile_footer_fixed .mobile_right_btn{text-align:left;padding-left:.5rem}
	.mobile_footer_fixed img{width:1rem;    padding: 0.2rem .3rem 0 0;}
	.mobile_footer_fixed .btn-left,.mobile_footer_fixed .btn-right{font-size: .9rem;color: #fff;display: inline-block;text-align: center;padding: .5rem .8rem;border-radius: 5px}
	.mobile_footer_fixed .btn-left{background:#1dcb35;}
	.mobile_footer_fixed .btn-right{background:#0b94fe;}
}


/*iPad 横屏*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.index-top-adv{ background-size:1024px 53px; height:53px;}
	.index-top-adv a{ height:53px;}
	.header .logo{ padding:12px 30px 0 0;}

	.index-banner,.index-banner .bd ul li{ height:320px;}
	.index-banner .bd ul li a{ background-size:1024px 320px; height:320px;}
	.index-section1 .items .item{ width:200px; height:90px; margin-right:6px;}
	.index-section1 .items .item i{ top:20px; left:15px;}
	.index-section1 .items .item .info{ padding: 20px 0 0 82px;}
	
	.section,.module-word{ padding:40px 0 50px;}
	.sc-title{ font-size:24px; margin-bottom:15px;}
	.sc-subtitle{ font-size:12px; margin-bottom:20px;}
	
	.header .nav .sub-nav dd{ margin-right:12px;}
	.header .terminal .container{ margin:0;}
	.header .nav .terminal .sub-nav dd{ margin-right:7px;}
	
	.container,
	.section-warp,
	.secNav .secNav-items,
	.im .content-box,
	.gjb_temp12 .price-slide,.w1200,.course_main{ width:1024px;}
	
	.section-warp img,
	.center-image img,
	.sc-content img,
	.fg .content-box img,
	.d3touch img{ max-width:1024px;}
	
	.index-section1{ padding:0;}
	
	
	.index-section4 .content{ margin-top:30px;}
	.index-section4 .img{ width:550px; height:300px;}
	.index-section4 .img img{ width:100%; margin-top:5px;}
	.index-section4 .item2,.index-section4 .item4{ top:235px;}
	
	.index-section6 .right{ width:450px; margin-left:10px;}
	.index-section6 .right .tab li{ width:78px; height:40px; line-height:40px; font-size:14px;}
	.index-section6 .right .main{ margin-top:10px;}
	.index-section6 .right .main ul li{ margin:0 10px 10px 0;}
	.index-section6 .right .title{ display:none;}
	
	.index-section9 .item{ width:335px; margin-right:9.5px;}
	.index-section9 .item3{ margin-right:0;}
	.index-section9 .item .item-tit{ height:130px;}
	.index-section9 .item .item-tit h3{ padding-top:40px;}
	.index-section9 .item .item-content li{ width:158px; height:158px;}
	
	.index-needs .needs-slide .bd ul{ padding:47px 0;}
	.index-needs .needs-slide .bd p{ padding:0 30px;}
	.index-needs .needs-slide .bd img{ width:100%;}	
	
	.index-section8 .slide-body li{ width:256px;}
	
	.index-example{ padding-bottom:20px;}
	.index-example .example-slide{ width:100%; padding:0;}
	.index-example .example-slide li{ margin-right:24px;}
	
	.commerce-banner,
	.pf-banner,
	.seller-banner,
	.store-banner,
	.pc-banner,
	.weshop-banner,
	.distribution-banner,
	.fg-banner,
	.applet-banner,
	.app-banner,
	.shopkeeper-banner,
	.cashdesk-banner,
	.im-banner,
	.saas-banner,
	.kuajing-banner,
	.gjb-banner,
	.course_banner,
	.resource_banner{ background-size:1024px 214px; height:214px;}
	
	.commerce-section1 .left{ margin-top:80px;}
	.commerce-section1 .left .sc-title,.act-section2 .right .sc-title{ line-height:40px;}
	
	.commerce-section2 .right,.commerce-section4 .right{ margin:120px 30px 0 0;}
	
	.commerce-section3 .left{ margin:120px 0 0 30px;}
	.commerce-section3 .right,.commerce-section5 .right{ margin-right:30px;}
	
	.commerce-section5 .left{ margin:150px 0 0 30px;}
	
	.commerce-section6{ margin-bottom:100px;}
	.commerce-section6 .img{ left:365px;}
	.commerce-section6 .item1,.commerce-section6 .item3{ width:300px; left:40px;}
	.commerce-section6 .item2,.commerce-section6 .item4{ width:200px;}
	
	.operative-section .left{ width:540px; margin-left:20px;}
	.operative-section .items .item .value{ width:428px;}
	.operative-section .right{ width:403px; margin-right:30px;}
	.operative-section .right img{ width:100%;}
	
	.operative-section2 .right,
	.operative-section4 .right,
	.profit-section1 .right,
	.profit-section3 .right,
	.profit-section4 .right{ margin-top:40px;}
	
	.operative-section3 .title span,
	.operative-section9 .title span,
	.profit-section6 .title span,
	.gps-section1 .title span,
	.gps-section2 .title span{ width:448px; line-height:50px;}
	
	.operative-section3 .right{ margin-top:50px;}
	
	.operative-section5 .left{ margin-top:30px;}
	
	.operative-section .qp_left{ width:100%;}
	.operative-section .qp_left .items .item .value{ width:880px;}
	.operative-section7 ul li{ margin-right:100px;}
	
	.operative-section8 ul li:nth-child(3), .operative-section8 ul li:nth-child(6){ margin-right:65px;}
	.operative-section8 ul li{ margin-left:15px;}
	
	.profit-section6{ height:368px;}
	
	.fill-list li{ width:214px;}
	
	.tabs-content .tabs-content-left{ width:754px;}
	
	.tabs-content .tabs-content-warp{ background-size:754px 433px;}
	.tabs-content .tabs-content-warp .img{ padding:20px 88px 40px; width:580px; height:374px;}
	.tabs-content .tabs-content-warp .img img{ width:100%;}
	
	.tabs-content .tabs-content-right .img{ margin:20px auto 25px;}
	.tabs-content .tabs-content-right{ height:521px;}
	
	.seller_temp2 .right{ right:98px;}
	.seller_temp2 .subtitle_text{ position:absolute; right:-87px;}
	
	.seller_temp4{ height:700px;}
	.seller_temp4 .img .con{ width:795px; top:6px;}
	.seller_temp4 .img .con img{ width:100%;}
	.seller_temp4 .img .left{ margin-top:20px;}
	.seller_temp4 .img .right{ position:absolute; margin-top:20px; right:0;}
	
	.seller_temp6{ padding:0; height:600px;}
	
	.store_temp1 .siderInfo_con{ width:100%; background-size:1024px 615px;}
	.store_temp1 .siderInfo_con .bd{ width:755px;}
	.store_temp1 .siderInfo_con .bd img{ width:755px;}
	
	.secNav-top-eight .secNav-items .item{ width:12.3%;}
	
	.pc-visual .left{ width:500px;}
	.pc-visual .left .desc{ text-align:center;}
	.pc-visual .left .desc a{ float:none;}
	.pc-visual .right{ width:514px;}
	
	.pc-goods .left-side{ width:405px;}
	.pc-goods .right-side{ margin-left:430px;}
	.pc-activity .left-side .activity-slide .hd li{ margin-left:25px;}
	
	.pc-buy .buy-slide,.flow-slide,.fg .content-box{ width:1024px;}
	
	.mobileface-slide .hd li{ margin-left:25px;}
	
	.mobileface-slide .hd .ml50{ margin-left:25px !important;}
	.weshop-advantage .advantage-list li{ margin-left:80px;}
	
	.distribution-profit .profit-url li{ width:155px; height:155px; background-size:155px 155px; margin-right:16px;}
	
	.dis-four-function li,.applet-section2 ul li{ width:241px;}
	
	.dis-core-value .right{ width:814px;}
	.dis-core-value .lie-one .item{ width:260px;}
	.dis-core-value .lie-two .item, .dis-core-value .lie-three .item{ width:258px;}
	.dis-core-value .lie-four .item{ margin-right:10px;}
	
	.applet-section1 .left{ width:608px; }
	.applet-section1 .left img{ width:100%;}
	
	.app-install .container_right{ width:295px; top:60px;}
	.app-responsive .item{ margin-right:68px;}
	
	.cashdesk-origin .origin-list .item{ width:317px; padding:0 12px;}
	.cashdesk-function .function-list .bd{ width:754px;}
	.cashdesk-function .function-list .bd ul li{ width:690px; padding:0;}
	.cashdesk-function .function-list .hd{ height:546px;}
	.cashdesk-function .function-list .hd ul{ padding:25px 35px;}
	.cashdesk-function .function-list .hd ul li{ height:110px;}
	
	.cashdesk-function .function-list .hd ul li h3{ margin-top:15px;}
	
	.cashdesk-all .center-image img{ width:375px;}
	.cashdesk-all .all-list li.item-1,
	.cashdesk-all .all-list li.item-2{ top:20px;}
	
	.cashdesk-all .all-list li.item-3,
	.cashdesk-all .all-list li.item-4{ top:315px;}
	
	.cashdesk-all .all-list li.item-2,
	.cashdesk-all .all-list li.item-4{ left:722px;}
	
	.cashdesk-simple .right-side{ margin-left:700px; padding-top:150px;}
	
	.b-btns{ margin:140px 0 0 207px;}
	
	.saas-section1 .container_right{ width:540px; margin-top:50px;}
	
	.card-area .card-item{ width: 311px;}
	.card-area .card-item.active{ width: 399px;}
	
	.saas-section4 li{ width:203.5px;}
	
	.kuajing-floor-1 .img{ background-size:1024px 471px; height:471px;}
	.kuajing-floor-2 .floor-slide .bd li{ left:160px;}
	.kuajing-floor-2 .floor-slide{ margin:0;}
	.kuajing-floor-4 li{ width:329px;}
	
	.kj-fl{width: 420px; margin-left:20px;}
	.kuajing-floor-8 .img{ margin-right:50px;}
	
	.gjb_temp13 .right{ right:30px;}
	
	.gjb_temp6 .sc-content .item .gjb5-left{ width:280px;}
	.gjb_temp6 .sc-content .item .gjb5-right{ width:500px;}
	.gjb_temp8 .sc-content li,.gjb_temp9 .sc-content li{ width:255px;}
	
	.gjb_temp10 .sc-content li{ width:335px; margin-right:10px;}
	.gjb_temp10 .sc-content li .info .item{ width:150px; height:150px;}
	.gjb_temp10 .sc-content li .info{ padding:15px;}
	.gjb-slide .bd,.gjb-slide .bd li,.gjb-slide .bd li img{ width:802px;}
	
	.empower-section1 .items .item{ width:194px; margin-right:10px;}
	
	.course_main .tabs li{ width:241px;}
	.section_resource2 .box li{ width:244px; margin-right:10px;}
	
	.section_resource1 .box li{ margin:0 0 30px 100px;}
}

