/*-----概述篇--------*/
.topAd {width: 100%;text-align: center;overflow: hidden;height: 60px;position: relative;}
.topAd a{display: block;width: 100%;height: 60px;}
.fixed_qa{display:block;position: fixed;z-index: 99;top: 32%;right: 0; z-index: 90; }

/* --------- 2018-5-18 --------- */
.gray_bg{ background: #fafafa; }
.idx_h1{ line-height: 45px; font-size: 36px; text-align: center; }
.idx_p{ line-height: 28px; font-size: 16px; color: #666; text-align: center; margin-top: 18px; }
.more_btn{ display: inline-block; padding: 0 25px; height: 40px; line-height: 40px; font-size: 16px; color: #20ad20; border: 1px solid #e8e8e8; border-radius: 20px; }
.more_btn:hover{ background: #20ad20; border-color: #20ad20; color: #fff; }

/* 头部 */
.topEdition{ height: 30px; line-height: 30px; background: #333; }
.topEdition .pagewd{ font-size: 14px; color: #777; text-align: right; }
.topEdition .pagewd a{ display: inline-block; color: #f79509; margin-left: 30px; }
.topEdition .pagewd a.new{ color: #fb6805; margin-right: 10px; }
.topEdition .pagewd a.new i{ display: inline-block; width: 26px; height: 11px; background: url(../images/topedition_newico.png) no-repeat; vertical-align: unset; margin-left: 5px; }
.fixedNav{ position: relative; left: 0; width: 100%; height: 70px; background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s; z-index: 999; }
.fixedNav .logo{ margin-top: 7px; }
.fixedNav .navBox li{ float: left; line-height: 70px; margin: 0 20px; }
.fixedNav .navBox li a{ display: inline-block; font-size: 16px; }
.fixedNav .navBox li.active a,.fixedNav .navBox li:hover a{ color: #20ad20; }
.fixedNav .btnBox a{ display: inline-block; width: 88px; height: 38px; line-height: 38px; text-align: center; border-radius: 4px; font-size: 15px; color: #fff; margin-left: 10px; margin-top: 16px; }
.fixedNav .btnBox a.btn1{ background: #fb6805; margin-left: 15px; }
.fixedNav .btnBox a.btn2{ background: #20ad20; }
/* 头部end */

/* 系统演示 */
.systemDemo{ background: #ddf3ff; padding: 90px 0; }
.systemDemo .codeBox{ background: #fff; padding: 12px; margin-right: 20px; }
.systemDemo .codeBox img{ width: 140px; height: 140px; }
.systemDemo .codeBox p{ margin: 5px 0 0 0; font-size: 18px; line-height: 30px; color: #666; text-align: center;  }
.systemDemo .downloadBox li{ float: left; margin-left: 90px; }
.systemDemo .downloadBox h3{ width: 118px; line-height: 30px; text-align: center; margin: 0 auto 18px; position: relative; }
.systemDemo .downloadBox h3:after{ content: ''; position: absolute; top: 15px; left: 0; right: 0; height: 1px; background: #3399ff;  }
.systemDemo .downloadBox h3 span{ display: inline-block; padding: 0 10px; background: #ddf3ff; font-size: 20px; color: #3399ff; position: relative; z-index: 1; }
.systemDemo .downloadBox a{ display: block; width: 178px; height: 50px; background-repeat: no-repeat; margin-top: 10px; }
.systemDemo .downloadBox a.btn1{ background-image: url(../images/systemdemo_btn1.png); }
.systemDemo .downloadBox a.btn2{ background-image: url(../images/systemdemo_btn2.png); }
.systemDemo .downloadBox a.btn3{ background-image: url(../images/systemdemo_btn3.png); }
/* 系统演示end */

/* 头部查看演示下拉框 */
.fixedNav_demo{ display: none; position: absolute; top: 70px; left: 0; width: 100%; padding: 60px 0; background: #f6f7f9; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); z-index: 99; }
.fixedNav_demo .downloadBox h3 span{ background: #f6f7f9; color: #003363; }
.fixedNav_demo .downloadBox h3:after{ background: #838383; }
/* 头部查看演示下拉框end */

/* ------ 概述 ------ */
/* banner */
.idx_banner{ width: 100%; height: 560px; background: url(../images/idx_banner_bg.png) no-repeat center top; overflow: hidden; }
.idx_banner .pagewd{ position: relative; height: 560px; }
.idx_banner img{ position: absolute; cursor: auto; }
.idx_banner .img1{ left: 0; bottom: 0; -webkit-animation: bounceInLeft 2s 0s 1 linear both; animation: bounceInLeft 2s 0s 1 linear both; }
/*top: 70px;*/
.idx_banner .img2{ right: 9px;  -webkit-animation: bounceInRight 2s 0s 1 linear both; animation: bounceInRight 2s 0s 1 linear both; }
.idx_banner .btn{ position: absolute; right: 192px; bottom: 116px; display: block; width: 200px; height: 60px; line-height: 60px; text-align: center; background: #20ad20; border-radius: 4px; font-size: 22px; color: #fff; -webkit-animation: bounceInRight 2s 0s 1 linear both; animation: bounceInRight 2s 0s 1 linear both; }
.idx_banner .btn i{ display: inline-block; width: 24px; height: 24px; background: url(../images/idx_banner_ico.png) no-repeat; vertical-align: middle; margin-right: 10px; margin-top: -6px; }
.idx_banner .btn:hover{  opacity:0.8; filter:alpha(opacity=80); }

/* idxTop */
.idxTop{ padding: 40px 0 38px; }
.idxTop li{ float: left; width: 212px; }
.idxTop li:last-child{ width: 140px; }
.idxTop li>div{ font-size: 20px; margin-bottom: 12px; }
.idxTop li>div i{ display: inline-block; width: 38px; height: 38px; background-repeat: no-repeat; vertical-align: middle; margin-right: 10px; }
.idxTop li>div i.ico1{ background-image: url(../images/idx_top_ico1.png); }
.idxTop li>div i.ico2{ background-image: url(../images/idx_top_ico2.png); }
.idxTop li>div i.ico3{ background-image: url(../images/idx_top_ico3.png); }
.idxTop li>div i.ico4{ background-image: url(../images/idx_top_ico4.png); }
.idxTop li>div i.ico5{ background-image: url(../images/idx_top_ico5.png); }
.idxTop li>div i.ico6{ background-image: url(../images/idx_top_ico6.png); }
.idxTop li p{ line-height: 20px; font-size: 14px; color: #999; }

/* 江湖外卖020系统是什么? */
.idx_what{ padding: 65px 0 90px; }
.idx_what .what_box{ position: relative; height: 365px; margin-top: 80px; }
.idx_what .list{ position: absolute; width: 230px; height: 230px; background: url(../images/idx_what_bg.png); text-align: center; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.idx_what .list img{ padding: 75px 0 5px; }
.idx_what .list p{ line-height: 28px; font-size: 16px; }
.idx_what .list1{ top: 0; left: 0; }
.idx_what .list2{ top: 135px; left: 120px; }
.idx_what .list3{ top: 0; left: 242px; }
.idx_what .list4{ top: 135px; left: 363px; }
.idx_what .list5{ top: 0; left: 484px; }
.idx_what .list6{ top: 135px; left: 605px; }
.idx_what .list7{ top: 0; right: 242px; }
.idx_what .list8{ top: 135px; right: 120px; }
.idx_what .list9{ top: 0; right: 0; }
.idx_what .list:hover{ -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform:rotateY(360deg); -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; transition:1s; }

/* 消费者、商家、平台多角色使用 */
.idx_role{ padding: 65px 0 75px; }
.idx_role .role_box{ margin-top: 80px; }
.idx_role .role_box li{ float: left; margin: 0 28px; text-align: center; }
.idx_role .role_box li h3{ font-size: 20px; margin: 30px 0 10px; }
.idx_role .role_box li p{ line-height: 24px; font-size: 16px; color: #999; }

/* 系统功能全面，前所未有 */
.idx_systemFunt{ padding: 65px 0 55px; }
.idx_systemFunt .funt_box{ margin: 60px 0 50px; }
.idx_systemFunt .funt_box li{ float: left; width: 25%; height: 300px; padding-top: 92px; text-align: center; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.idx_systemFunt .funt_box li:nth-child(4n){ border-right: none; }
.idx_systemFunt .funt_box li:nth-child(5),.idx_systemFunt .funt_box li:nth-child(6),.idx_systemFunt .funt_box li:nth-child(7),.idx_systemFunt .funt_box li:nth-child(8){ border-bottom: none; }
.idx_systemFunt .funt_box li p{ font-size: 20px; color: #666; margin-top: 25px; }
.idx_systemFunt .funt_box li:hover img{ -webkit-animation: bounce 1s 0s 1 linear both;animation: bounce 1s 0s 1 linear both; }

/* 帮你锁定紧缺市场，慧眼如炬 */
.idx_market{ padding: 65px 0 60px; }
.idx_market .market_box{ margin: 40px 0 48px; }
.idx_market .market_box li{ float: left; width: 276px; height: 410px; text-align: center; margin-right: 32px; box-shadow: 0 5px 20px rgba(0,0,0,.1); border-radius: 4px; border: 1px solid #fff; }
.idx_market .market_box li:last-child{ margin-right: 0; }
.idx_market .market_box li>div{ line-height: 20px; font-size: 16px; padding: 20px 0 25px; }
.idx_market .market_box li h3{ font-size: 20px; color: #1ca1ff; margin: 38px 0 10px; }
.idx_market .market_box li p{ line-height: 24px; font-size: 16px; color: #999; }
.idx_market .market_box li:hover{ border-color: #1ca1ff; }

/* 增值功能丰富，无所不能 */
.idx_incrementFunt{ padding: 65px 0 55px; }
.idx_incrementFunt .funt_box{ padding: 60px 0 10px; }
.idx_incrementFunt .funt_box li{ float: left; width: 370px; height: 224px; padding-top: 30px; margin-right: 14px; margin-bottom: 40px; text-align: center; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.1); border-radius: 4px; }
.idx_incrementFunt .funt_box li:nth-child(3n){ margin-right: 0; }
.idx_incrementFunt .funt_box li h3{ line-height: 30px; font-size: 20px; margin: 15px 0 10px; }
.idx_incrementFunt .funt_box li p{ line-height: 28px; font-size: 16px; color: #999; }
.idx_incrementFunt .funt_box li img{ transform: rotate(0deg); transition: transform ease 1s; -webkit-transform: rotate(0deg); -webkit-transition: transform ease 1s; }
.idx_incrementFunt .funt_box li:hover img{ transform:rotate(360deg);-webkit-transform:rotate(360deg); }

/* 页面设计精美，一见如故 */
.idx_design{ padding: 65px 0 60px; }

.duoduan_slideBox{ margin-top: 50px; position: relative; }
.duoduan_slideBox .hd{ width: 690px; margin: 0 auto 50px; }
.duoduan_slideBox .hd li{ float: left; width: 128px; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; font-size: 16px; color: #1ca1ff; border-radius: 20px; cursor: pointer; }
.duoduan_slideBox .hd li.on,.duoduan_slideBox .hd li:hover{ color: #fff; background: #1ca1ff; }
.duoduan_slideBox .bd{ width: 1100px; height: 542px; margin: 0 auto; }
.duoduan_slideBox .bd li a{ float: left; display: block; }
.duoduan_slideBox .bd .list1 a{ margin-right: 20px; }
.duoduan_slideBox .bd .list1 a:last-child{ margin-right: 0; }
.duoduan_slideBox .bd .list2 a{ margin-left: 30px; margin-right: 40px; }
.duoduan_slideBox .bd .list2 a:last-child{ margin: 0; }
.duoduan_slideBox .prev,.duoduan_slideBox .next{ position: absolute; top: 50%; margin-top: -25px; display: block; width: 28px; height: 50px; background-repeat: no-repeat; }
.duoduan_slideBox .prev{ left: -28px; background-image: url(../images/hx_slidecont_prev.png); }
.duoduan_slideBox .next{ right: -28px; background-image: url(../images/hx_slidecont_next.png); }
.duoduan_slideBox .prev:hover{ background-image: url(../images/hx_slidecont_prev_on.png); }
.duoduan_slideBox .next:hover{ background-image: url(../images/hx_slidecont_next_on.png); }

/* 020系统专家，江湖CMS品质保障 */
.idx_quality{ padding: 65px 0 60px; }
.idx_quality .quality_box{ margin: 70px 10px 48px; }
.idx_quality .quality_box li{ float: left; width: 250px; height: 150px; margin-right: 60px; background: #fff; text-align: center; border-radius: 4px; box-shadow: 0 5px 20px rgba(0,0,0,.1); transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
.idx_quality .quality_box li:last-child{ margin-right: 0; }
.idx_quality .quality_box li img{ margin: -32px 0 30px; }
.idx_quality .quality_box li p{ font-size: 16px; line-height: 30px; }
.idx_quality .quality_box li p big{ font-size: 20px; }
.idx_quality .quality_box li p .cl1{ color: #20ad20; }
.idx_quality .quality_box li p .cl2{ color: #f39725; }
.idx_quality .quality_box li:hover{ -webkit-transform: translateY(5px);transform: translateY(5px); }
/* ------ 概述end ------ */

/* ------ 市场及运营 ------ */
.market_tit1{ padding: 0 24px; font-size: 30px; line-height: 36px; border-left: 4px solid #36c398; }
.market_tit2 h2{ line-height: 40px; font-size: 30px; }
.market_tit2 p{ font-size: 16px; color: #666; line-height: 28px; margin-top: 30px; }

/* banner */
.market_banner{ width: 100%; height: 580px; background: url(../images/market_banner_bg.png) no-repeat center top; overflow: hidden; }
.market_banner .pagewd{ height: 582px; position: relative; }
.market_banner .img1{ position: absolute; top: 170px; left: 53px; -webkit-animation: bounceInLeft 2s 0s 1 linear both; animation: bounceInLeft 2s 0s 1 linear both; }
.market_banner .img2{ position: absolute; bottom: 108px; right: 12px; -webkit-animation: bounceInRight 2s 0s 1 linear both; animation: bounceInRight 2s 0s 1 linear both; }

.market_cont1{ padding: 74px 0 40px; }
.market_cont2{  padding: 75px 0 85px; }
.market_cont2 .cont_box li{ float: left; width: 276px; text-align: center; margin-right: 32px; border: 1px solid #fff; border-radius: 4px; box-shadow: 0 5px 20px rgba(0,0,0,.1); }
.market_cont2 .cont_box li:last-child{ margin-right: 0; }
.market_cont2 .cont_box .top{ height: 400px; padding: 0 14px; }
.market_cont2 .cont_box .tit{ font-size: 16px; line-height: 20px; padding: 45px 0 28px; }
.market_cont2 .cont_box img{ margin: 30px 0 15px; }
.market_cont2 .cont_box .market{ height: 55px; line-height: 55px; text-align: center; background: #fffbf3; font-size: 20px; color: #ffb810; border-radius: 55px; }
.market_cont2 .cont_box .text{ line-height: 28px; font-size: 16px; color: #666; }
.market_cont2 .cont_box .bot{ height: 120px; padding-top: 15px; line-height: 28px; font-size: 16px; color: #999; background: #fafafa; }
.market_cont2 .cont_box li:hover{ border-color: #ffb810; }
.market_cont2 .cont_box li:hover .market{ background: #ffb810; color: #fff; }
.market_cont3{ padding: 45px 0 90px; }
.market_cont3 .market_tit2{ margin: 50px 0 85px; }
.market_cont4{ padding: 110px 0 90px; }
.market_cont4 .market_tit2{ margin-bottom: 85px; }
.market_cont5{ padding: 105px 0 110px; }
.market_cont5 .market_tit2,.market_cont6 .market_tit2{ margin-bottom: 100px; }
.market_cont6{ padding: 135px 0 160px; }
/* ------ 市场及运营end ------ */

/* ------ 核心亮点 ------ */
.hx_banner{ width: 100%; height: 690px; background: url(../images/hx_banner_bg.png) no-repeat center top; overflow: hidden; }
.hx_banner .pagewd{ height: 690px; position: relative; }
.hx_banner .img1{ position: absolute; top: 80px; left: 301px; animation: bounceIn 1s ease 0s 1 both; -webkit-animation: bounceIn 1s ease 0s 1 both; }
.hx_banner .img2{ position: absolute; bottom: 0; left: 0; animation: bounceInUp 1s ease 0s 1 both; -webkit-animation: bounceInUp 1s ease 0s 1 both; }

.hx_text h3{ line-height: 38px; padding-bottom: 15px; font-size: 28px; position: relative; }
.hx_text h3:before,.hx_text h3:after{ content: ''; position: absolute; bottom: 0; width: 78px; height: 1px; background: #999; }
.hx_text h3:before{ left: 0; }
.hx_text h3:after{ right: 0; }
.hx_text .wz{ line-height: 28px; font-size: 16px; color: #666; margin: 5px 0 58px; }
.hx_text p{ line-height: 28px; font-size: 16px; color: #999; margin-top: 18px; }
.hx_text .line{ display: block; width: 78px; height: 1px; background: #999; margin: 15px 0 5px; }

.hx_cont1{ padding: 85px 0 115px; }
.hx_cont1 .hx_text{ margin-top: 210px; }
.hx_cont1 .hx_text h3:after,.hx_cont3 .hx_text h3:after,.hx_cont5 .hx_text h3:after,.hx_cont7 .hx_text h3:after{ display: none; }
.hx_cont2 .hx_text h3:before,.hx_cont4 .hx_text h3:before,.hx_cont6 .hx_text h3:before,.hx_cont8 .hx_text h3:before{ display: none; }
.hx_cont2{ padding: 110px 0 50px; }
.hx_cont2 .hx_text{ margin-top: 150px; }
.hx_cont3{ padding: 110px 0 90px; }
.hx_cont3 .hx_text{ margin-top: 155px; }
.hx_cont4{ padding: 80px 0 70px; }
.hx_cont4 .hx_text{ margin-top: 185px; }
.hx_cont5{ padding: 110px 0 90px; }
.hx_cont5 .hx_text{ margin-top: 135px; }
.hx_cont6{ padding: 110px 0 90px; }
.hx_cont6 .hx_text{ margin-top: 130px; }
.hx_cont7{ padding: 105px 0 95px; }
.hx_cont7 .hx_text{ margin-top: 140px; }
.hx_cont7 img{ margin-right: 78px; }
.hx_cont8{ padding: 165px 0 150px; }
.hx_cont8 .hx_text{ margin-top: 95px; }

.hx_tabsChangeBox .tabBox{ width: 284px; margin: 0 auto 30px; }
.hx_tabsChangeBox .tabBox li{ float: left; width: 128px; height: 32px; line-height: 32px; text-align: center; margin: 0 7px; font-size: 16px; color: #666; border-radius: 32px; cursor: pointer; }
.hx_tabsChangeBox .tabBox li.on,.hx_tabsChangeBox .tabBox li:hover{ color: #fff; background: #999; }

.hx_slideCont{ padding: 80px 0 120px; }
.hx_slideCont .changeListBox{ width: 1000px; margin: 0 auto; }
.hx_slideCont .changeList li{ float: left; width: 235px; text-align: center; background: #fff; margin-right: 20px; margin-top: 20px; }
.hx_slideCont .changeList1 li{ height: 240px; }
.hx_slideCont .changeList2 li{ height: 160px; }
.hx_slideCont .changeList li:nth-child(4n){ margin-right: 0; }
.hx_slideCont .changeList li h3{ font-size: 16px; line-height: 26px; }
.hx_slideCont .changeList1 li h3{ padding: 30px 0 20px; }
.hx_slideCont .changeList1 li p{ font-size: 14px; color: #999; line-height: 24px; margin-top: 25px; }
.hx_slideCont .changeList li:hover img{ -webkit-animation: bounce 1s 0s 1 linear both;animation: bounce 1s 0s 1 linear both;  }

.hx_slideCont .changeList2{ height: 540px; position: relative; }
.hx_slideCont .changeList2 img{ padding: 42px 0 15px; }
.hx_slideCont .changeList2 a{ position: absolute; top: 50%; margin-top: -25px; display: inline-block; width: 28px; height: 50px; background-repeat: no-repeat; }
.hx_slideCont .changeList2 a.prev{ left: -78px; background-image: url(../images/hx_slidecont_prev.png); }
.hx_slideCont .changeList2 a.next{ right: -78px; background-image: url(../images/hx_slidecont_next.png); }
.hx_slideCont .changeList2 a:hover.prev{ background-image: url(../images/hx_slidecont_prev_on.png); }
.hx_slideCont .changeList2 a:hover.next{ background-image: url(../images/hx_slidecont_next_on.png); }
/* ------ 核心亮点end ------ */

/* ------ 设计理念 ------ */
.ln_line{ line-height: 2px; margin: 28px 0 22px; }
.ln_line span{ display: inline-block; width: 78px; height: 2px; background: #333; vertical-align: top; }
.ln_h1{ line-height: 50px; font-size: 40px; }
.ln_p{ font-size: 20px; line-height: 35px; color: #666; }

/* banner */
.ln-banner{ width: 100%; height: 500px; background: url(../images/ln-banner.jpg) no-repeat center top; overflow: hidden; }
.ln-banner img.img1{ padding: 66px 0 44px; animation: bounceIn 1s ease 0s 1 both; -webkit-animation: bounceIn 1s ease 0s 1 both; }
.ln-banner img.img2{ animation: bounceInUp 1s ease 0s 1 both; -webkit-animation: bounceInUp 1s ease 0s 1 both; }
/* tab切换 */
.ln_tab_box{ width: 100%; height: 90px; background: #fff; position: relative; z-index: 99; }
.ln_tab_box:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background: #e3e3e3; }
.ln_tab_box li{ float: left; width: 240px; line-height: 90px; text-align: center; font-size: 20px; cursor: pointer; position: relative; }
.ln_tab_box li:after{ content: ''; position: absolute; left: 50%; margin-left: -23px; bottom: 0; width: 46px; height: 3px; background: transparent; }
.ln_tab_box li.on,.ln_tab_box li:hover{ color: #20ad20; }
.ln_tab_box li.on:after,.ln_tab_box li:hover:after{ background: #20ad20; }

.ln_tab_box.fixed{ position: fixed; left: 0; top: 70px; height: 50px; }
.ln_tab_box.fixed li{ line-height: 50px; font-size: 16px;}

/* 用户端 */
.ln_user .box1{ padding: 60px 0 45px; text-align: center; }
.ln_user .box1 p{ font-size: 20px; color: #666; line-height: 35px; }
.ln_user .box2{ padding: 70px 0 90px; }

.ln_changeListBox .slideBox{ margin: 0 auto; position: relative; }
.ln_changeListBox .slideBox a{ position: absolute; top: 50%; margin-top: -25px; display: inline-block; width: 28px; height: 50px; background-repeat: no-repeat; }
.ln_changeListBox .slideBox a.prev{ background-image: url(../images/hx_slidecont_prev.png); }
.ln_changeListBox .slideBox a.next{ background-image: url(../images/hx_slidecont_next.png); }
.ln_changeListBox .slideBox a:hover.prev{ background-image: url(../images/hx_slidecont_prev_on.png); }
.ln_changeListBox .slideBox a:hover.next{ background-image: url(../images/hx_slidecont_next_on.png); }
.ln_user .slideBox{ width: 1062px; height: 639px; }
.ln_user .slideBox a.prev{ left: -48px; }
.ln_user .slideBox a.next{ right: -48px; }
.ln_admin .slideBox{ width: 1102px; height: 643px; }
.ln_admin .slideBox a.prev{ left: -28px; }
.ln_admin .slideBox a.next{ right: -28px; }

.ln_user .box3{ padding-top: 123px; text-align: center; }
.ln_user .box4{ padding: 50px 0 40px; }

.ln_user .slidePic{ padding: 0 40px 0 120px; }
.ln_user .slidePic .bd{ width: 367px; height: 710px; background:  url(../images/ln_userside_bg.png) no-repeat; position: relative; }
.ln_user .slidePic .bd li{ position: absolute; top: 109px; left: 53px; }

.ln_user .slidePic .icos,.ln_user .slidePic .hd{ margin-top: 135px; }
.ln_user .slidePic .icos>div{ margin-bottom: 60px; margin-right: 30px; }

.ln_user .slidePic .hd li{ font-size: 24px; line-height: 40px; padding: 31px 0; margin-bottom: 60px; cursor: pointer; }
.ln_user .slidePic .hd li.list1{}
.ln_user .slidePic .hd li.list2{ display: inline-block; }
.ln_user .slidePic .hd li.list2 span{ color: #cecece; margin: 0 15px; }
.ln_user .slidePic .hd li.on,.ln_user .slidePic .hd li:hover{ color: #20ad20; }

/* 调度中心 */
.ln_dispatch .box1{ padding: 65px 0; }
.ln_dispatch .box1 img{ margin: 35px 0 0 80px; }
.ln_dispatch .box2,.ln_dispatch .box8{ padding: 65px 0 75px; }
.ln_dispatch .box3{ padding-top: 65px; }
.ln_dispatch .box3 img{ margin-top: 65px; }
.ln_dispatch .box4,.ln_dispatch .box5,.ln_dispatch .box6,.ln_dispatch .box9{ padding: 65px 0 70px; }
.ln_dispatch .box7{ padding: 65px 0 70px; }
.ln_dispatch .box7 img,.ln_dispatch .box9 img{ margin-top: 85px; }

.dispatch_switchBox .tab_box{ width: 414px; margin: 50px auto; }
.dispatch_switchBox .tab_box li{ float: left; width: 128px; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; font-size: 16px; color: #20ad20; border-radius: 32px; cursor: pointer; }
.dispatch_switchBox .tab_box li.on,.dispatch_switchBox .tab_box li:hover{ color: #fff; background: #20ad20; }

/* 商户端 */
.ln_merchant .box1{ padding: 65px 0 20px; }
.ln_merchant .box2{ padding: 40px 0 30px; }
.ln_merchant .box2 .text{ margin-top: 210px; }
.ln_merchant .box3{ padding: 50px 0 30px; }
.ln_merchant .box3 .text,.ln_merchant .box7 .text,.ln_merchant .box8 .text{ margin-top: 200px; }
.ln_merchant .box4{ padding: 100px 0 80px; }
.ln_merchant .box4 .text{ margin-top: 150px; }
.ln_merchant .box5{ padding-top: 60px; }
.ln_merchant .box6{ padding: 40px 0; }
.ln_merchant .box6 .text{ margin-top: 245px; }
.ln_merchant .box7{ padding: 50px 0 40px; }
.ln_merchant .box8{ padding: 55px 0 40px; }

/* 配送端 */
.ln_peisong .box1{ padding: 70px 0; }
.ln_peisong .box1 .text{ margin-top: 75px; }
.ln_peisong .box2{ padding: 85px 0 60px; }
.ln_peisong .box2 .text{ margin-top: 105px; }
.ln_peisong .box3{ padding: 65px 0 70px; }
.ln_peisong .box3 img{ margin: 50px 0 0 100px; }
.ln_peisong .box4{ padding: 70px 0 60px; }
.ln_peisong .box4 .text{ margin-top: 110px; }
.ln_peisong .box5{ padding: 85px 0 60px; }
.ln_peisong .box6 .text{ margin-top: 100px; }

/* 管理端 */
.ln_admin .box1,.ln_admin .box2,.ln_admin .box3,.ln_admin .box4,.ln_admin .box5{ padding-top: 65px; }
.ln_admin .box4 img{ margin-top: 90px; }

.ln_btn{ background: #ecebeb; padding: 97px 0; text-align: center; }
.ln_btn .btn{ display: inline-block; line-height: 50px; padding: 0 30px; background: #20ad20; font-size: 18px; color: #fff; border-radius: 4px; }
/* ------ 设计理念end ------ */