/*头部导航*/
.topNav{width: 100%; height: 70px; transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;}
.topNav.white{background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);}
.topNav.fixed{z-index: 20; position:fixed; left: 0; top: 0;}
.topNav .logo{height: 70px; overflow: hidden;}
.topNav .link{height: 22px; width: 74px; text-align: center; border: 1px solid #f6f6f6; border-radius: 50px; color:#fff; font-size: 14px; line-height: 22px; overflow: hidden; margin-top: 24px; margin-left: 20px; display: block;}
.topNav .link.on{border: 1px solid #ccc; color:#333;}
.topNav .link:hover{border: 1px solid #fff; background-color: #fff; color: #0c79ff; box-shadow: 0 2px 10px #b9ceff;}
.topNav .nav>li{float: left; position: relative; padding-top: 25px; height: 45px; margin-left: 50px;}
.topNav .nav>li a.bt{display: inline-block; font-size: 16px; line-height: 20px; color: #fff;}
.topNav .nav>li a.bt.on,.topNav .nav>li a.bt:hover{color: #e5e5e5;}
.topNav .nav>li .selectBox{background: #fff; border-radius: 5px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); position: absolute; left: -10px; top: 60px; border: 1px solid #eee; padding: 6px 0; display: none;}
.topNav .nav>li:hover .selectBox{display: block;}
.topNav .nav>li .selectBox:before{content: ''; width: 10px; height: 10px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 18px; top:-7px; border-top: 1px solid #eee; border-left: 1px solid #eee;}
.topNav .nav>li .selectBox a{display:block; white-space:nowrap; padding: 0px 20px; font-size: 14px; line-height: 30px;}
.topNav .nav>li .selectBox a:hover{background: #eef0f2;}
.topNav .nav>li .codeBox{padding: 30px 25px; left: auto; right: -100px; width: 380px; background-color: #f5f5fa;}
.topNav .nav>li .codeBox:before{left: auto; right: 124px; background-color: #f5f5fa;}
.topNav .nav>li .codeBox .list{width: 160px; height: 194px; padding-top: 6px; background-color: #fff; text-align: center; margin: 0 15px; float: left; box-shadow: 0 2px 8px #eee;}
.topNav .nav>li .codeBox .list p{font-size: 16px; line-height: 24px; margin-top: 8px;}


.topNav.white .nav>li a.bt{color: #333;}
.topNav.white .nav>li a.bt.on,.topNav.white .nav>li a.bt:hover{color: #188cf7;}
/*头部导航end*/

/*底部*/
.bottomFooter{background: #303133; width: 100%; padding: 42px 0 0;}
.bottomFooter .logo{width: 300px;}
.bottomFooter .logo h2{font-size: 24px; color: #666; line-height: 40px; padding-left: 8px; padding-top: 10px;}
.bottomFooter .link{display: block; margin: 20px 50px 0;}
.bottomFooter .link li a{display: block; font-size: 15px; line-height: 28px; color: #666;}
.bottomFooter .contact{margin-left: 50px; width: 320px; margin-top: 20px;}
.bottomFooter .contact p{font-size: 15px; line-height: 28px; color: #666;}
.bottomFooter .code{padding: 6px; background: #fff; text-align: center;}
.bottomFooter .code p{font-size: 12px; line-height: 20px;}
.bottomFooter .copyright{font-size: 14px; line-height: 40px; color: #ccc;background: #666; text-align: center; margin-top: 60px;}
/*底部end*/

/*右侧浮动*/
.right_fixed{ position:fixed; z-index:99; top:50%; right:12px; margin-top:-125px;}
.right_fixed .list_box li{background:#fff; width:40px; height:40px; border-radius: 3px; box-shadow: 0 0 8px #eee; text-align:center; margin: 6px 0; position: relative;}
.right_fixed .list_box li:hover{background:#0c79ff;}
.right_fixed .list_box .ico{ display:inline-block; width:40px; height:40px; background: url(/themes/shb/static/images/rightfixed/ico.png) no-repeat center; cursor: pointer;}
.right_fixed .list_box li:hover .ico{
  -webkit-filter: grayscale(100%) brightness(2) contrast(1.4);
  -moz-filter: grayscale(100%) brightness(2) contrast(1.4);
  -ms-filter: grayscale(100%) brightness(2) contrast(1.4);
  -o-filter: grayscale(100%) brightness(2) contrast(1.4);
  filter: grayscale(100%) brightness(2) contrast(1.4);
  filter: #ffffff opacity(0.2);
}
.right_fixed .list_box .ico1{background-position: left 0;}
.right_fixed .list_box .ico2{background-position: left -40px;}
.right_fixed .list_box .ico3{background-position: left -80px;}
.right_fixed .list_box .ico4{background-position: left -120px;}
.right_fixed .list_box .ico5{background-position: left -160px;}
.right_fixed .list_box .cx_box{ display:none;position:absolute; z-index:99; right:39px; top:0px; 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;}
.right_fixed .list_box li:hover .cx_box{ display:block;}
.right_fixed .list_box .cx_box .box{ display:block;width:160px; background:#f5f5fa;padding:4px 20px 20px; border-radius: 4px; box-shadow: 0 0px 8px #ccc; text-align: center; margin-right: 20px; position: relative;}
.right_fixed .list_box .cx_box .box:after{content: ''; width: 10px; height: 10px; background: #f5f5fa; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; right: -5px; top: 12px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.right_fixed .list_box .cx_box .box p{font-size: 16px;  line-height: 20px; margin: 8px 0;}

.right_fixed .list_box .yuyue_box{display: none; position:absolute; z-index:99; right:39px; top:0px; 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;}
.right_fixed .list_box li:hover .yuyue_box{ display:block;}
.right_fixed .list_box .yuyue_box .box{ display:block;background:#f5f5fa; width: 238px; padding:12px 12px; border-radius: 4px; box-shadow: 0 0px 8px #ccc; text-align: center; margin-right: 20px; position: relative;}
.right_fixed .list_box .yuyue_box .box:after{content: ''; width: 10px; height: 10px; background: #f5f5fa; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; right: -5px; top: 12px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.right_fixed .list_box .yuyue_box .tit{font-size: 14px; width: 70px; line-height: 30px;}
.right_fixed .list_box .yuyue_box .inp_box{border:1px solid #e6e6e6; padding: 0 10px; background: #fff; border-radius: 50px; margin-left: 70px; overflow: hidden;}
.right_fixed .list_box .yuyue_box .inp_box .btn{width: 34px; border:0; background: none; font-size: 14px; line-height: 28px; color: #999; outline: 0; cursor: pointer;}
.right_fixed .list_box .yuyue_box .inp_box .inp{width: 108px; border:0; background: none; font-size: 14px; line-height: 28px; color: #333; outline: 0;}
.right_fixed .list_box .qq_zx{display: none; position:absolute; z-index:99; right:39px; top:0px; 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;}
.right_fixed .list_box li:hover .qq_zx{ display:block;}
.right_fixed .list_box .qq_zx a{display:block;background:#f5f5fa; width: 104px; height: 50px; line-height: 50px; border-radius: 4px; box-shadow: 0 0px 8px #ccc; text-align: center; margin-right: 20px; position: relative; font-size: 14px; text-align: center;}
.right_fixed .list_box .qq_zx a:after{content: ''; width: 10px; height: 10px; background: #f5f5fa; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; right: -5px; top: 12px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
/*右侧浮动结束*/

/*首页*/
.indexBanner{width: 100%; height: 670px; position: relative; z-index: 0; overflow: hidden;}
.indexBanner .pagewd{position: relative;}
.indexBanner .txt{padding-top: 220px; position: absolute; left: 0; top: 0; z-index: 2;}
.indexBanner .txt h2{font-size: 60px; color: #fff; line-height: 88px;}
.indexBanner .txt h6{font-size: 24px; color: #fff; line-height: 50px; margin-top: 20px;}
.indexBanner .swiper-container{position: absolute;top: 0;right: 0;width: 640px; text-align: right;}
.indexBanner .pic{margin-top: 113px;}
.indexCont1{background: #fff; border-radius: 10px; box-shadow: 0 2px 12px #ccc; margin: -100px auto 120px; z-index: 1; position: relative;}
.indexCont1 .tab{border-bottom: 1px solid #eee; height: 132px; overflow: hidden; display: block; width: 100%;}
.indexCont1 .tab li{width: 25%; text-align: center; float: left; font-size: 18px; color: #999; line-height: 132px; cursor: pointer; position: relative; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.indexCont1 .tab li .ico{width: 48px; height: 40px;display: inline-block; vertical-align: middle; margin-right: 8px; background-position: center; background-repeat: no-repeat;}
.indexCont1 .tab li .ico1{background-image: url(../images/index1-tab1.png);}
.indexCont1 .tab li .ico2{background-image: url(../images/index1-tab2.png);}
.indexCont1 .tab li .ico3{background-image: url(../images/index1-tab3.png);}
.indexCont1 .tab li .ico4{background-image: url(../images/index1-tab4.png);}
.indexCont1 .tab li.on{color: #188cf7;}
.indexCont1 .tab li.on:after{content: ''; width: 120px; height: 4px; background: #188cf7; position: absolute; left: 50%;bottom: 0; margin-left: -60px;}
.indexCont1 .tab li.on .ico1{background-image: url(../images/index1-tab1_on.png);}
.indexCont1 .tab li.on .ico2{background-image: url(../images/index1-tab2_on.png);}
.indexCont1 .tab li.on .ico3{background-image: url(../images/index1-tab3_on.png);}
.indexCont1 .tab li.on .ico4{background-image: url(../images/index1-tab4_on.png);}
.indexCont1 .btnBox{border-top: 1px solid #eee; height: 80px; text-align: center;}
.indexCont1 .btnBox a{display: inline-block; width: 120px; height: 32px; line-height: 32px; font-size: 14px; color: #188cf7; border-radius: 50px; background: #f4f4f4; margin-top: 24px;}
.indexCont1 .btnBox a:hover{background: #188cf7; color: #fff;}
.indexCont1 .box{height: 470px; padding: 40px 64px 0;}
.indexCont1 .box h2{font-size: 26px; line-height: 36px; margin-bottom: 6px;}
.indexCont1 .box p{font-size: 16px; line-height: 26px; color: #666;}
.indexCont1 .box .pic{display: block; margin: 0 auto;}
.indexCont1 .box .pic1{margin: 34px auto 38px;}
.indexCont1 .box .pic2{margin: 32px auto 38px;}
.indexCont1 .box .pic3{margin: 10px auto 36px;}
.indexCont1 .box ul{overflow: hidden;}
.indexCont1 .box ul li{float: left; width: 20%; text-align: center; font-size: 14px; line-height: 30px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -webkit-transform: translateX(0); transform: translateX(0); cursor: pointer;}
.indexCont1 .box ul.ul li:hover{-webkit-transform: translateX(-30px); transform: translateX(-30px);}
.indexCont1 .box ul li img{width: 30px; height: 30px; vertical-align: middle; margin-right: 6px;}
.indexCont1 .box ul.lis{padding: 0 100px;}
.indexCont1 .box ul.lis li{font-size: 16px; padding: 30px 0; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
.indexCont1 .box ul.lis li img{width: 100px; height: 100px; margin-bottom: 20px;}
.indexCont1 .box ul.lis li:hover img{width: 100px; height: 100px; margin-bottom: 20px; -webkit-animation: pulse 1s linear;  animation: pulse 1s linear;}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.indexCont2{width: 100%; height: 740px; position: relative;}
.indexCont2 .tag{position: absolute; top: 0; right: 0;}
.indexCont2 .txt{width: 520px; padding-top: 192px; color: #fff; float: left;}
.indexCont2 .txt h2{font-size: 34px; line-height: 50px; margin-bottom: 24px;}
.indexCont2 .txt p{font-size: 18px; line-height: 34px;}
.indexCont2 .txt .btn{display: inline-block; width: 148px; height: 38px; line-height: 38px; border:1px solid #fff; border-radius: 3px; font-size: 16px; color: #fff; text-align: center; margin-top: 58px;}
.indexCont2 .txt .btn:hover{background: #fff; border-color: #fff; color: #0c79ff;}
.indexCont2 ul{display: block; float: right; overflow: hidden; width: 588px; padding-top: 190px;}
.indexCont2 ul li{display: block; float: left; margin-left: 54px; margin-bottom: 54px; width: 140px; height: 156px; border-radius: 5px; background: rgba(255,255,255,0.2); text-align: center; border: 1px solid transparent; cursor: pointer; transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.indexCont2 ul li:hover{border-color: #fff;}
.indexCont2 ul li img{width: 54px; height: 54px; margin: 30px 0 35px;}
.indexCont2 ul li p{font-size: 14px; line-height: 20px; color: #fff;}
.indexCont3{padding: 60px 0;}
.indexCont3 h2{font-size: 32px; line-height: 40px; text-align: center; margin-bottom: 16px;}
.indexCont3 p{font-size: 14px; line-height: 24px; text-align: center; color: #808080;}
.indexCont3 .pic{display: block; margin: 50px auto 46px;}
.indexCont3 ul{overflow: hidden; display: block;}
.indexCont3 ul li{display: block; float: left; width: 25%; text-align: center; font-size: 16px; line-height: 36px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -webkit-transform: translateX(0); transform: translateX(0); cursor: pointer;}
.indexCont3 ul li:hover{-webkit-transform: translateX(-30px); transform: translateX(-30px);}
.indexCont3 ul li img{width: 36px; height: 36px; margin-right: 8px; vertical-align: middle;}
.indexCont4{padding: 60px 0;}
.indexCont4 h2{font-size: 32px; line-height: 40px; text-align: center; margin-bottom: 16px;}
.indexCont4 ul{overflow: hidden; display: block; padding: 60px 57px 20px; text-align: center;}
.indexCont4 ul li{float: left; width: 276px; height: 336px; border-radius: 10px; background: #fff; margin: 0 43px; box-shadow: 0 2px 16px #eee; transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.indexCont4 ul li:hover{box-shadow: 0 2px 20px #ccc;}
.indexCont4 ul li .box{height: 224px; border-radius: 10px 10px 0 0;}
.indexCont4 ul li .box1{background: -webkit-gradient(linear,left,#9c7ffd,#9ba2ff);background: -webkit-linear-gradient(left,#9c7ffd,#9ba2ff);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9c7ffd', endColorstr='#9ba2ff');}
.indexCont4 ul li .box2{background: -webkit-gradient(linear,left,#faaf1e,#fdc729);background: -webkit-linear-gradient(left,#faaf1e,#fdc729);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#faaf1e', endColorstr='#fdc729');}
.indexCont4 ul li .box3{background: -webkit-gradient(linear,left,#4ba0ff,#61bdff);background: -webkit-linear-gradient(left,#4ba0ff,#61bdff);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4ba0ff', endColorstr='#61bdff');}
.indexCont4 ul li .box img{margin: 42px 0 30px; width: 100px; height: 100px;}
.indexCont4 ul li:hover .box img{-webkit-animation: pulse 1s linear;  animation: pulse 1s linear;}
.indexCont4 ul li .box p{font-size: 20px; color: #fff; line-height: 20px;}
.indexCont4 ul li .txt{overflow: hidden; padding: 24px 16px 0;}
.indexCont4 ul li .txt span{float: left;  display: block; width: calc(50% - 24px); padding-left: 24px; font-size: 16px; line-height: 20px; margin-bottom: 8px; text-align: left;}
.indexCont5 .list{padding: 110px 0;}
.indexCont5 .txt{width: 534px; padding-top: 54px;}
.indexCont5 .txt1{width: 534px; padding-top: 126px;}
.indexCont5 .txt h2{font-size: 32px; line-height: 48px; margin-bottom: 15px;}
.indexCont5 .txt p{font-size:18px; line-height: 30px; color: #808080; margin-bottom: 40px;}
.indexCont5 .txt .btn{display: inline-block; padding: 0 25px; line-height: 38px; border:1px solid #0c79ff; border-radius: 50px; font-size: 16px; color: #0c79ff;}
.indexCont5 .txt .btn:hover{background: #0c79ff; color: #fff;}
.indexCont6{width: 100%; height: 400px; background: #2f8afb url(../images/index6-bg.png) no-repeat center; text-align: center;}
.indexCont6 h2{font-size: 32px; color: #fff; line-height: 48px; padding-top: 100px;}
.indexCont6 small{font-size: 12px; color: #9ec9ff; line-height: 20px;}
.indexCont6 .link{font-size: 14px; color: #fff; line-height: 20px;}
.indexCont6 .search{margin: 36px auto; width: 600px; height: 40px; border-radius: 50px; background: rgba(255,255,255,0.5);}
.indexCont6 .search .btn{width: 120px; height: 40px; border: 0; border-radius: 0 50px 50px 0; background: #ff835d; font-size: 16px; color: #fff; float: right; cursor: pointer;}
.indexCont6 .search .inp{width: 420px; padding-left: 50px; height: 40px; border: 0;  background: url(../images/search_ico.png) no-repeat 16px center; vertical-align: middle; font-size: 16px; color: #fff; line-height: 40px; float: left;}
.indexCont6 .search .inp::-webkit-input-placeholder {color: #fff; opacity: 0.9;}
.indexCont7{padding: 60px 0;}
.indexCont7 h2{font-size: 32px; line-height: 40px; text-align: center; margin-bottom: 16px;}
.indexCont7 h6{font-size: 16px; line-height: 20px; color: #808080; text-align: center;}
.indexCont7 ul{padding-top: 60px; width: 1296px;}
.indexCont7 ul li{width: 514px; height: 120px; margin-right: 94px; margin-bottom: 24px; padding: 20px; float: left; overflow: hidden; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; cursor: pointer;}
.indexCont7 ul li:hover{background: #fff; box-shadow: 0 2px 20px #ddd;}
.indexCont7 ul li .pic{width: 188px; height: 120px; overflow: hidden; background: #eee url() no-repeat center; background-size: cover; float: left;}
.indexCont7 ul li .txt_box{margin-left: 208px;}
.indexCont7 ul li .txt_box h3{font-size: 20px; line-height: 24px; margin: 15px 0 15px;}
.indexCont7 ul li .txt_box p{font-size: 16px; line-height: 24px; color: #666; height: 48px; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*首页end*/

/*关于生活宝*/
.aboutUsBanner{width: 100%; height: 597px; padding: 1px 0; position: relative; z-index: 0; overflow: hidden; overflow: hidden;}
.aboutUsBanner .txt{float: left; padding-top: 216px; width: 500px; color: #fff; text-align: left;}
.aboutUsBanner .txt h2{font-size: 60px; line-height: 68px;}
.aboutUsBanner .txt h6{font-size: 24px; line-height: 30px; margin: 20px 0 40px;}
.aboutUsBanner .txt hr{width: 54px; height: 6px; background: #fff; border: 0; text-align: left; display: inline-block;}
.aboutUsBanner .box{width: 661px; height: 338px; background: url(../images/aboutUs/bannerBox.png) no-repeat center; float: right; margin-top: 163px;}
.aboutUsBanner .box h2{font-size: 24px; line-height: 30px; padding-top: 20px; padding-left: 300px; font-weight: bold; margin-bottom: 28px;}
.aboutUsBanner .box p{font-size: 14px; line-height: 24px; margin-bottom: 10px; width: 530px; margin-left: 60px;}
.aboutUsLetter{height: 401px; width: 100%; background: url(https://img01.jhcms.com/gw/shb/letter.png) no-repeat center;}
.aboutUsLetter .pagewd{font-size: 18px; line-height: 24px; text-align: right; padding-top: 350px;}
.aboutUsDevelop{padding: 80px 0;}
.aboutUsDevelop h2{font-size: 32px; line-height: 44px; text-align: center;}
.aboutUsDevelop .notice{width: 936px; margin: 0 auto; padding:40px 0 50px; background: #eef5ff; border-radius: 5px; text-align: center;}
.aboutUsDevelop .notice h3{font-size: 20px; line-height: 30px; font-weight: bold; margin-bottom: 15px;}
.aboutUsDevelop .notice p{font-size: 14px; line-height: 20px; color: #666;}
.aboutUsDevelop .timeTemplate{margin:50px 0 20px;}
.time-title-box{height: 100px;}
.time-title-box ul li{float: left; width: 16.66%; height: 30px; padding-top: 50px; text-align: center; font-size: 16px; color: #999; line-height: 24px; transition: all .4s linear;}
.time-title-box ul li.on{font-size: 24px; color: #333;margin-top: -15px; font-weight: bold;}
.time-title-box ul li p{padding-bottom: 100px; display: block; cursor: pointer;}
.time-line-box{display: flex; display: -webkit-flex; flex-wrap: nowrap; justify-content:space-between; align-items:center; margin-top: -20px; height: 70px;}
.time-line-box .line-list{display: inline-block;width: 3px;height: 27px;background: #f78210;border-radius: 5px; opacity: 0.5; transition: all .4s linear;}
.time-line-box .line-list.now{width: 8px;height: 70px;opacity: 1;}
.time-line-box .line-list.one{width: 6px;height: 44px;opacity: 0.8;}
.time-line-box .line-list.two{width: 4px;height: 30px;opacity: 0.6;}
.aboutUsDevelop .content-show{width: 936px; margin: 0 auto;}
.aboutUsDevelop .tab{height: 154px; overflow: hidden;}
.aboutUsDevelop .tab .list{width: 50%; float: left; height: 154px; color: #fff; text-align: center; transform: translate(0,40px); -webkit-transform: translate(0,40px); cursor: pointer; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
.aboutUsDevelop .tab .list.on{transform: translate(0,0); -webkit-transform: translate(0,0); border-radius: 10px 10px 0 0;}
.aboutUsDevelop .tab .list1{background: -webkit-gradient(linear,left,#6f9bff,#3262ff);background: -webkit-linear-gradient(left,#6f9bff,#3262ff);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6f9bff', endColorstr='#3262ff'); border-radius: 10px 0 0 0;}
.aboutUsDevelop .tab .list2{background: -webkit-gradient(linear,left,#ff8dbf,#ff804b);background: -webkit-linear-gradient(left,#ff8dbf,#ff804b);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ff8dbf', endColorstr='#ff804b'); border-radius: 0 10px 0 0;}
.aboutUsDevelop .tab .list h3{font-size: 20px; line-height: 50px; font-weight: bold; padding-top: 32px;}
.aboutUsDevelop .tab .list.on h3{padding-top: 14px;}
.aboutUsDevelop .tab .list p{font-size: 14px; line-height: 24px; padding: 0 30px; display: none;}
.aboutUsDevelop .tab .list.on p{display:block;}
.aboutUsDevelop .change-list-box{height: 240px; padding: 20px 110px; background: #f5f6f7;}
.aboutUsDevelop .contBox{height: 240px; width: 100%; overflow: auto;}
.aboutUsDevelop .contBox ul{display: block; position: relative; padding: 5px 0;}
.aboutUsDevelop .contBox ul:before{content: ''; width: 2px; height: 100%; background: #e6e6e6; position: absolute; left: 3px; top: 0;}
.aboutUsDevelop .contBox ul li{display: block; overflow: hidden; position: relative;padding-left: 26px; margin-bottom: 14px;}
.aboutUsDevelop .contBox ul li:before{content: ''; width: 6px; height: 6px; border-radius: 100%; border: 1px solid #0d83f8; background: #fff; position: absolute; left: 0; top: 8px;}
.aboutUsDevelop .contBox ul li .month{float: left; width: 48px;height: 24px; line-height: 24px; border-radius: 30px; text-align: center; font-size: 16px; color: #007df9; display: block; background: #e2f0ff; margin-right: 15px;}
.aboutUsDevelop .contBox ul li p{display: block; margin-left: 63px; line-height: 24px; font-size: 16px;}
.aboutUsDevelop .contBox ul li p .grey{color: #666;}
/*关于生活宝end*/

/*产品报价*/
.quotedPriceBanner{width: 100%; height: 457px; padding: 1px 0; position: relative; z-index: 0; overflow: hidden; overflow: hidden; text-align: center;}
.quotedPriceBanner .pic{margin-top: 154px;}
.quotedPriceTable{background: #fff; border-radius: 10px; box-shadow: 0 2px 12px #ccc; margin: -60px auto 100px; z-index: 1; position: relative; overflow: hidden;}
.quotedPriceTable table{width: 100%; border-radius: 10px; margin: -1px 0px;}
.quotedPriceTable table tr th{text-align: center; vertical-align: middle; border: 1px solid #f0f0f0; font-size: 16px;}
.quotedPriceTable table tr.tit1 th{height: 138px;}
.quotedPriceTable table tr.tit1 th div{position: relative; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; cursor: pointer; padding-top: 10px; height: 128px; overflow: hidden;}
.quotedPriceTable table tr.tit1 th div:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 350px;
  top: 0;
  left: -150px;
  overflow: hidden;
  background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
}
.quotedPriceTable table tr.tit1 th div:hover:before{
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  transition: left 1s;
  left: 326px;
}
.quotedPriceTable table tr.tit1 th h3{font-size: 20px; color: #fff; font-weight: bold;}
.quotedPriceTable table tr.tit1 th span{font-size: 14px; padding: 0 20px; line-height: 24px; display: inline-block; border-radius: 50px; background: rgba(255,255,255,0.4); margin: 8px 0;}
.quotedPriceTable table tr.tit1 th p{font-size: 14px; line-height: 24px; color: #fff;}
.quotedPriceTable table tr.tit2 th{height: 110px;width: 430px;}
.quotedPriceTable table tr.tit2 th .price{font-size: 20px; color: #fa2323; margin: 8px;}
.quotedPriceTable table tr.tit2 th .price small{font-size: 14px;}
.quotedPriceTable table tr td{text-align: center; vertical-align: middle; border: 1px solid #f0f0f0; font-size: 16px; height: 60px;}
.quotedPriceTable table tr td.bt{font-weight: bold;}

.functionMap h1{text-align: center; font-size: 32px; line-height: 50px; margin-bottom: 60px;}
.functionMap *{box-sizing: border-box; -webkit-box-sizing: border-box;}
.functionMap .setBox{background: #fff;box-shadow: 0 0 8px #eee; border-radius: 2px;}
.functionMap .setBox .tab{overflow: hidden;}
.functionMap .setBox .tab ul li{float: left; width: 16.66%; text-align: center; background: #3197ff; height: 46px; cursor: pointer; font-size: 15px; color: #fff; line-height: 46px; position: relative;}
.functionMap .setBox .tab ul li:after{content: ''; width: 1px; position: absolute; right: 0; top: 6px; bottom: 6px; background: #78bbff;}
.functionMap .setBox .tab ul li.on{background: #fff; color: #3197ff;}
.functionMap .setBox .tab ul li.on:after{display: none;}
.functionMap .setBox .tab ul li.on .ico{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}
.functionMap .setBox .tab ul li .ico{display: inline-block; width: 20px; height: 20px; background: url(/public/static/col_zxsw/wuye/jiage/fctMap_tab1.png) no-repeat center; margin-right: 10px; vertical-align: middle; 
  -webkit-filter: grayscale(100%) brightness(2) contrast(1.4);
    -moz-filter: grayscale(100%) brightness(2) contrast(1.4);
    -ms-filter: grayscale(100%) brightness(2) contrast(1.4);
    -o-filter: grayscale(100%) brightness(2) contrast(1.4);
    filter: grayscale(100%) brightness(2) contrast(1.4);
    filter: #ffffff opacity(0.2);
}
.functionMap .setBox .tab ul li .ico2{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tab2.png);}
.functionMap .setBox .tab ul li .ico3{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tab3.png);}
.functionMap .setBox .tab ul li .ico4{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tab4.png);}
.functionMap .setBox .tab ul li .ico5{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tab5.png);}
.functionMap .setBox .tab ul li .ico6{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tab6.png);}
.functionMap .cont{padding: 15px 20px;}
.functionMap .cont ul{overflow: hidden; min-height: 160px;}
.functionMap .cont ul li{float: left; width: 16.66%; margin: 7px 0;}
.functionMap .cont ul li a{display: inline-block; padding: 0 15px; font-size: 13px; line-height: 26px;}
.functionMap .cont ul li a:hover{color: #3197ff; background: #fff; box-shadow: 0 0 10px #b3daff; border-radius: 40px;}
.functionMap .listBox h3{font-size: 15px; line-height: 20px; margin: 10px 0 6px;}
.functionMap .listBox h3 .ico{display: inline-block; width: 20px; height: 20px; background: url(/public/static/col_zxsw/wuye/jiage/fctMap_tit1.png) no-repeat center; margin-right: 10px; vertical-align: middle;}
.functionMap .listBox h3 .ico2{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tit2.png);}
.functionMap .listBox h3 .ico3{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tit3.png);}
.functionMap .listBox h3 .ico4{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tit4.png);}
.functionMap .listBox h3 .ico5{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tit5.png);}
.functionMap .listBox h3 .ico6{background-image: url(/public/static/col_zxsw/wuye/jiage/fctMap_tit6.png);}
.functionMap .listBox ul{overflow: hidden; background: #fff; padding: 10px 0;}
.functionMap .listBox.mb20 ul{box-shadow: 0 2px 16px #eee;}
.functionMap .listBox ul li{overflow: hidden; width: calc(33.33% - 50px); height: 64px; border-radius: 2px; margin: 8px 25px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 12px 15px; cursor: pointer;}
.functionMap .listBox ul li .ico{width: 40px; height: 40px; float: left;}
.functionMap .listBox ul li .wz_box{margin-left: 50px;}
.functionMap .listBox ul li h4{font-size: 13px; line-height: 20px; font-weight: normal; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.functionMap .listBox ul li p{font-size: 13px; line-height: 20px; color: #b2b2b2; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.functionMap .listBox ul li:hover{box-shadow: 0 0 16px #bedfff; background: #fff;}
.functionMap .listABox{background: #fff; border-radius: 2px; padding: 1px 20px 20px; overflow: hidden;}
.functionMap .listABox ul li{float: left; width: 16.66%; margin: 6px 0;}
.functionMap .listABox ul li a{font-size: 13px; line-height: 20px;}
.functionMap .listABox ul li a:hover{color: #3197ff;}

.quotedPriceService{padding: 30px 0;}
.quotedPriceService h1{text-align: center; font-size: 32px; line-height: 50px; margin-bottom: 40px;}
.quotedPriceService ul{overflow: hidden; width: 1230px; padding: 20px 0;}
.quotedPriceService ul li{float: left; width: 380px; height: 380px; background: #fff; box-shadow: 0 2px 10px #eee; margin-right: 30px; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; cursor: pointer;}
.quotedPriceService ul li:hover{box-shadow: 0 2px 16px #ccc;}
.quotedPriceService ul li hr{border: 0; width: 100%; height: 4px; margin: 0;}
.quotedPriceService ul li .hr1{background: -webkit-gradient(linear,left,#2febff,#0078ff);background: -webkit-linear-gradient(left,#2febff,#0078ff);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2febff', endColorstr='#0078ff');}
.quotedPriceService ul li .hr2{background: -webkit-gradient(linear,left,#fde562,#fd712f);background: -webkit-linear-gradient(left,#fde562,#fd712f);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fde562', endColorstr='#fd712f');}
.quotedPriceService ul li .hr3{background: -webkit-gradient(linear,left,#f17aff,#9026fd);background: -webkit-linear-gradient(left,#f17aff,#9026fd);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f17aff', endColorstr='#9026fd');}
.quotedPriceService ul li .box{padding: 20px;}
.quotedPriceService ul li h3{font-size: 20px; line-height: 30px;}
.quotedPriceService ul li .price{font-size: 20px; line-height: 30px; color: #ff5400; margin:20px 0 28px;}
.quotedPriceService ul li p{font-size: 16px; line-height: 23px;margin-bottom: 14px;}
.quotedPriceService ul li p small{font-size: 14px; line-height: 20px; padding-left: 24px; color: #999; display: block; margin-top: 6px;}
.quotedPriceService ul li p small.black6{font-size: 14px; line-height: 23px; padding-left: 24px; color: #666; display: block; margin-top: 6px;}
/*产品报价end*/

/*功能模块*/
.marketFunctBanner{width: 100%; height: 598px; padding: 1px 0; position: relative; z-index: 0; overflow: hidden;}
.marketFunctBanner h1{font-size: 56px; line-height: 60px; margin-top: 278px; color: #fff; float: left;}
.marketFunctBanner .pic{float: right; margin-top: 88px; margin-right: -48px;}
.marketFunctTit{text-align: center;}
.marketFunctTit h2{font-size: 32px; line-height: 40px; margin-bottom: 10px;}
.marketFunctTit p{font-size: 18px; line-height: 24px; color: #808080;}
.marketFunctCont1{padding: 60px 0 80px;}
.marketFunctCont1 ul{padding: 76px 150px 0px; overflow: hidden;}
.marketFunctCont1 ul li{float: left; width: 25%; text-align: center;}
.marketFunctCont1 ul li img{width: 130px; height: 130px; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; cursor: pointer;}
.marketFunctCont1 ul li img:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.marketFunctCont1 ul li p{font-size: 16px; line-height: 20px; margin-top: 40px;}
.marketFunctCont2{padding: 50px 0 80px; background: #f5f5fa;}
.marketFunctCont2 ul{padding: 80px 0 10px; overflow: hidden; width: 1297px;}
.marketFunctCont2 ul li{float: left; width: 227px; height: 254px; text-align: center; background: #fff; border-radius: 4px; margin-right: 97px; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; cursor: pointer;}
.marketFunctCont2 ul li:hover{box-shadow: 0 2px 18px #ccc; transform: translate(0,-20px); -webkit-transform: translate(0,-20px);}
.marketFunctCont2 ul li img{width: 94px; height: 106px; margin-top: 50px;}
.marketFunctCont2 ul li p{font-size: 18px; line-height: 20px; margin-top: 40px;}
.marketFunctCont3{padding: 60px 0 80px;}
.marketFunctCont3 ul{padding: 76px 150px 0px; overflow: hidden;}
.marketFunctCont3 ul li{float: left; width: 33.33%; text-align: center;}
.marketFunctCont3 ul li img{width: 206px; height: 194px; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; cursor: pointer;}
.marketFunctCont3 ul li img:hover{-webkit-animation: pulse 1s linear;  animation: pulse 1s linear;}
.marketFunctCont3 ul li p{font-size: 16px; line-height: 20px; margin-top: 40px;}
.marketFunctCont4{padding: 50px 0 80px; background: #f5f5fa;}
.marketFunctCont4 ul{padding: 80px 0 10px; overflow: hidden; width: 1297px;}
.marketFunctCont4 ul li{float: left; width: 227px; height: 254px; text-align: center; background: #fff; border-radius: 4px; margin-right: 97px; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; cursor: pointer;}
.marketFunctCont4 ul li:hover{box-shadow: 0 2px 18px #ccc; transform: translate(0,-20px); -webkit-transform: translate(0,-20px);}
.marketFunctCont4 ul li img{width: 120px; height: 120px; margin-top: 36px;}
.marketFunctCont4 ul li:hover img{transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.marketFunctCont4 ul li p{font-size: 18px; line-height: 20px; margin-top: 30px;}
.marketFunctCont5{padding: 60px 0 80px;}
.marketFunctCont5 ul{width: 1260px; padding-top: 54px;}
.marketFunctCont5 ul li{float: left; width: 360px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px #ddd; margin-right: 60px; margin-bottom: 60px; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; cursor: pointer;}
.marketFunctCont5 ul li:hover{box-shadow: 0 2px 24px #bbb;}
.marketFunctCont5 ul li .pic{height: 180px; background:#eee url() no-repeat center; background-size: cover; position: relative; overflow: hidden;}
.marketFunctCont5 ul li .pic:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 350px;
  top: 0;
  left: -150px;
  overflow: hidden;
  background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
}
.marketFunctCont5 ul li:hover .pic:before {
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  transition: left 1s;
  left: 326px;
}
.marketFunctCont5 ul li .txt{padding: 28px 24px 0;}
.marketFunctCont5 ul li .txt h3{font-size: 18px; line-height: 24px; margin-bottom: 15px;}
.marketFunctCont5 ul li .txt p{font-size: 16px; line-height: 24px; color: #808080;}
.marketFunctCont6{padding: 50px 0 80px; background: #f5f5fa;}
.marketFunctCont6 ul{padding: 80px 0 10px; overflow: hidden; width: 1280px;}
.marketFunctCont6 ul li{float: left; width: 250px; height: 380px; overflow: hidden; text-align: center; background: #fff; border-radius: 4px; margin-right: 68px; box-shadow: 0 0 16px #eee; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; cursor: pointer; position: relative;}
.marketFunctCont6 ul li:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 350px;
  top: 0;
  left: -150px;
  overflow: hidden;
  background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
}
.marketFunctCont6 ul li:hover{box-shadow: 0 2px 24px #bbb;}
.marketFunctCont6 ul li:hover:before {
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  transition: left 1s;
  left: 326px;
}
.marketFunctCont6 ul li img{width: 178px; height: 178px; margin-top: 36px;}
.marketFunctCont6 ul li h3{font-size: 18px; line-height: 20px; margin-top: 50px; margin-bottom: 13px; padding: 0 26px;}
.marketFunctCont6 ul li p{font-size: 16px; line-height: 24px; color: #999999; padding: 0 26px;}
/*功能模块end*/

/**
 * 同城购物频道页
 */
.bg_f5{ background-color: #f5f5fa!important; }
.mt_30{ margin-top: 30px!important; }
.mt_120{ margin-top: 120px!important; }
.hide{ display: none!important; }

/* banner */
.banner_box{ display: block;position: relative;width: 100%;height: 670px;min-width: 1200px;margin: 0 auto;overflow: hidden; }
.banner_box .img_wrap{ display: block;position: absolute;top: 0;left: 50%;width: 1920px;height: 670px;margin-left: -960px; }
.banner_box .img_wrap img{ display: block;width: 100%;height: 100%; }

/* 特点 */
.shopping_chara{ display: block;position: relative;width: 1200px;margin: 0 auto;margin-top: -50px; }
.shopping_chara .item{ display: block;float: left;position: relative;width: 290px;height: 80px;margin-right: 13px;padding: 20px 0 0 0;box-shadow: 1px 2px 24px 0px rgba(86, 86, 86, 0.13); }
.shopping_chara .item:last-child{ margin-right: 0; }
.shopping_chara .item:hover{ cursor: pointer; }

.shopping_chara .item .bg{ display: block;position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;transition: all linear .2s; }

.shopping_chara .item .icon_box{ display: block;position: relative;z-index: 6;width: 34px;height: 34px;margin: 0 auto;transition: all linear .2s; }
.shopping_chara .item .icon{ display: block;position: absolute;z-index: 9;top: 0;left: 0;width: 100%;height: 100%; }
.shopping_chara .item .icon_01{ background: url(../images/shopping/chara.png) no-repeat -21px -16px; }
.shopping_chara .item .icon_02{ background: url(../images/shopping/chara.png) no-repeat -98px -15px; }
.shopping_chara .item .icon_03{ background: url(../images/shopping/chara.png) no-repeat -173px -18px; }
.shopping_chara .item .icon_04{ background: url(../images/shopping/chara.png) no-repeat -248px -17px; }

.shopping_chara .item .circle_01{ display: block;position: absolute;z-index: 8;top: -16px;left: -16px;width: 66px;height: 66px;border-radius: 50%;background: #fff;transform: scale(0.5, 0.5);transition: all linear .2s; }
.shopping_chara .item .circle_02{ display: block;position: absolute;z-index: 7;top: -25px;left: -25px;width: 84px;height: 84px;border-radius: 50%;background: rgba(255, 255, 255, 0.4);transform: scale(0.5, 0.5);transition: all linear .2s; }
.shopping_chara .item .circle_03{ display: block;position: absolute;z-index: 6;top: -35px;left: -35px;width: 104px;height: 104px;border-radius: 50%;background: rgba(255, 255, 255, 0.2);transform: scale(0.5, 0.5);transition: all linear .2s; }

.shopping_chara .item .txt{ display: block;position: relative;z-index: 6;font-size: 18px;color: #333;text-align: center;line-height: 46px;transition: all linear .2s; }
.shopping_chara .item .txt:after{ content: "";display: block;position: absolute;bottom: 0;left: 50%;width: 80px;height: 2px;margin-left: -40px;background: #ff840c; }

.shopping_chara .item_on{ z-index: 9;box-shadow: 1px 2px 27px 0px rgba(227, 71, 17, 0.41); }
.shopping_chara .item_on .bg{ background-color: #ff840c;transform: scale(1.1, 1.1); }
.shopping_chara .item_on .icon_box{ transform: translateY(-30px); }
.shopping_chara .item_on .icon_01{ background: url(../images/shopping/chara.png) no-repeat -21px -64px; }
.shopping_chara .item_on .icon_02{ background: url(../images/shopping/chara.png) no-repeat -98px -63px; }
.shopping_chara .item_on .icon_03{ background: url(../images/shopping/chara.png) no-repeat -173px -66px; }
.shopping_chara .item_on .icon_04{ background: url(../images/shopping/chara.png) no-repeat -248px -65px; }
.shopping_chara .item_on .circle_01, .shopping_chara .item_on .circle_02, .shopping_chara .item_on .circle_03{ transform: scale(1, 1); }
.shopping_chara .item_on .txt{ color: #fff; }

/* 特点对应的内容 */
.shopping_chara_box{ display: block;width: 1090px;height: 656px;margin: 0 auto;padding: 60px 55px 0 55px;background-color: #fff;box-shadow: 0px 12px 51px 0px rgba(61, 61, 61, 0.09);border-radius: 12px; }
.shopping_chara_box .tt{ font-size: 30px;color: #333;text-align: center; } 
.shopping_chara_box .desc{ margin-top: 15px;font-size: 16px;color: #808080;text-align: center; } 
.shopping_chara_box .items{ margin-top: 50px; }
.shopping_chara_box .item{ display: block;float: left;width: 244px;margin-right: 38px;cursor: pointer; }
.shopping_chara_box .item:last-child{ margin-right: 0; }
.shopping_chara_box .img_box{ display: block;width: 100%;height: 432px;box-shadow: 0px 0px 27px 0px rgba(5, 5, 5, 0.17);transition: all linear .2s; }
.shopping_chara_box .img_box img{ width: 100%;height: 100%; }
.shopping_chara_box .item_desc{ margin-top: 30px;font-size: 18px;color: #333;text-align: center; }
.shopping_chara_box .item:hover .img_box{ transform: translateY(-30px); }
.shopping_chara_box .item:hover .item_desc{ color: #ff844a; }
.shopping_chara_box .img_self{ display: block;margin: 0 auto; }

.shopping_chara_box_02,.shopping_chara_box_03,.shopping_chara_box_04{ display: none; }

/* 功能 */
.func_item .box{ display: block;width: 1200px;margin: 0 auto;padding: 80px 0; }

.func_item .txt_left_box{ display: block;float: left;width: 650px;padding: 140px 0 0 0;text-align: left; }
.func_item .txt_left_box .txt_tt{ display: block;position: relative;padding: 0 0 26px 0;font-size: 32px;color: #333;line-height: 40px; }
.func_item .txt_left_box .txt_tt:after{ content: "";display: block;position: absolute;bottom: 0;left: 0;width: 80px;height: 3px;background-color: #ff8752; }
.func_item .txt_left_box .txt_desc{ margin-top: 25px;font-size: 16px;color: #333;line-height: 22px; }

.func_item .r_img{ display: block;float: right; }

.func_item .l_img{ display: block;float: left; }

.func_item .txt_right_box{ display: block;float: right;width: 650px;padding: 140px 0 0 0;text-align: right; }
.func_item .txt_right_box .txt_tt{ display: block;position: relative;padding: 0 0 26px 0;font-size: 32px;color: #333;line-height: 40px; }
.func_item .txt_right_box .txt_tt:after{ content: "";display: block;position: absolute;bottom: 0;right: 0;width: 80px;height: 3px;background-color: #ff8752; }
.func_item .txt_right_box .txt_desc{ margin-top: 25px;font-size: 16px;color: #333;line-height: 22px; }

/* 自定义模板欣赏 */
.shopping_template{ background: url(../images/shopping/template_bg.jpg) no-repeat top center; }
.shopping_template .box{ display: block;width: 1200px;margin: 0 auto;padding: 80px 0 0 0; }
.shopping_template .box_tt{ padding: 0 100px;font-size: 32px;color: #fff;text-align: center;line-height: 50px; }

.shopping_template .iphone_box{ margin-top: 60px; }
.shopping_template .iphone_box_item{ display: block;float: left;width: 256px;height: 540px;margin-right: 58px;border-radius: 40px;box-shadow: 0 0 10px 2px #e6e6e6;overflow: hidden;transition: all linear .2s; }
.shopping_template .iphone_box_item:hover{ cursor: pointer;transform: translateY(-30px); }
.shopping_template .iphone_box_item:last-child{ margin-right: 0; }
.shopping_template .iphone_box_item img{ display: block;width: 100%;height: 100%; }

/* 支持 */
.shopping_support{ display: block;width: 1200px;margin: 0 auto; }
.shopping_support .item{ display: block;float: left;width: 300px; }
.shopping_support .item_img{ display: block;width: 118px;height: 118px;margin: 0 auto;transition: all linear .5s; }
.shopping_support .item_img img{ display: block;width: 100%;height: 100%; }
.shopping_support .item_txt{ display: block;margin-top: 30px;font-size: 20px;color: #333;text-align: center;line-height: 40px; }
.shopping_support .item:hover{ cursor: pointer; }
.shopping_support .item:hover .item_img{ transform: rotateY(360deg); }
.shopping_support .item:hover .item_txt{ color: #ff844a; }

/* 咨询 */
.shopping_ask{ display: block;width: 100%;height: 105px;min-width: 1200px;padding: 55px 0 0 0;background: url(../images/shopping/ask_bg.jpg) no-repeat top center;font-size: 0;text-align: center; }
.shopping_ask .item{ display: inline-block;width: 200px;height: 50px;font-size: 18px;color: #fff;text-align: center;line-height: 50px;vertical-align: top; }
.shopping_ask .item:hover{ cursor: pointer; }
.shopping_ask .item_01{ margin-right: 64px;background-color: #0c78ff;box-shadow: 0px 4px 18px 0px rgba(4, 108, 239, 0.44); }
.shopping_ask .item_02{ background-color: #f48225;box-shadow: 0px 4px 18px 0px rgba(231, 118, 26, 0.44);}


/* B2B2C */
.shopping_b2{ display: block;position: relative;width: 1200px;margin: 0 auto;padding: 60px 0 46px 0; }
.shopping_b2 .tt{ display: block;padding: 0 50px;font-size: 30px;color: #333;text-align: center; }
.shopping_b2 .box{ display: block;width: 1000px;margin: 0 auto;margin-top: 50px; }
.shopping_b2 .box_item{ display: block;position: relative;float: left;width: 260px;height: 280px;margin: 0 110px 44px 0;padding: 20px 0 0 0;background-color: #ffffff;box-shadow: 0px 0px 27px 0px rgba(153, 153, 153, 0.17);border-radius: 2px;cursor: pointer;transition: all linear .2s; }
.shopping_b2 .box_item:nth-child(3n){ margin: 0 0 44px 0; }
.shopping_b2 .box_sign{ display: block;position: absolute;z-index: 9;top: -10px;left: -18px;font-size: 30px;color: #ccc; }
.shopping_b2 .box_icon{ display: block;width: 205px;height: 195px;margin: 0 auto; }
.shopping_b2 .box_icon img{ width: 100%;height: 100%; }
.shopping_b2 .box_txt{ display: block;position: relative;padding:20px 0 0 0; }
.shopping_b2 .box_txt_mask{ display: block;position: relative;z-index: 9;font-size: 16px;color: #333;text-align: center; }
.shopping_b2 .box_txt_bg{ display: block;position: absolute;z-index: 5;top: 12px;width: 100%;font-size: 20px;color: #333;text-align: center;opacity: 0.08; }
.shopping_b2 .box_item:hover{ transform: translateY(-30px); }

/* 四大分类 */
.shopping_types{ display: block;position: relative;background: url("../images/shopping/type_bg.jpg") no-repeat center 0;background-size: 1920px 556px; }
.shopping_types .box{ display: block;width: 1200px;margin: 0 auto; }
.shopping_types .box_nav{ display: block;padding: 14px 100px 0 100px;border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.shopping_types .box_nav li{ display: block;position: relative;float: left;width: 250px;font-size: 24px;color: #fff;text-align: center;line-height: 78px;cursor: pointer; }
.shopping_types .box_nav .nav_active:after{ content: "";display: block;position: absolute;width: 100%;height: 4px;bottom: 0;left: 0;background: #fff; }

/* 四大分类对应内容 */
.shopping_types .box_content{ display: block;width: 100%;height: 656px;padding: 40px 0 0 0;overflow: hidden; }
.shopping_types .content_tt{ font-size: 30px;color: #fff;text-align: center; }
.shopping_types .content_desc{ margin-top: 15px;font-size: 16px;color: #fff;text-align: center; }

.shopping_types .box_content_2, .shopping_types .box_content_3, .shopping_types .box_content_4{ display: none; }
.shopping_types .content_items{ display: block;width: 11136px;margin: 0 auto;margin-top: 50px; }
.shopping_types .content_item{ display: block;float: left;width: 304px;cursor: pointer; }
.shopping_types .content_img_box{ display: block;width: 100%;height: 432px;transition: all linear .2s; }
.shopping_types .content_img_box img{ display: block;margin: 0 auto;box-shadow: 0px 0px 27px 0px rgba(184, 9, 0, 0.17); }
.shopping_types .content_item_desc{ margin-top: 30px;font-size: 18px;color: #333;text-align: center; }
.shopping_types .content_item:hover .content_img_box{ transform: translateY(-30px); }
.shopping_types .content_item:hover .content_item_desc{ color: #ff844a; }
/**
 * 同城购物频道页end
 */

 /**
 * 百变主题市场专题页面
 * */
.banner_box .bg_box{ display: block;position: absolute;z-index: 5;top: 0;left: 50%;width: 1920px;height: 100%;margin-left: -960px; }
.banner_box .bg_box img{ display: block;width: 100%;height: 100%; }

.banner_box .main_box{ display: block;position: relative;z-index: 9;width: 1200px;margin: 0 auto; }
.banner_box .main_left{ display: block;float: left;width: 600px;padding: 250px 0 0 0; }
.banner_box .main_left_tt{ font-size: 60px;color: #fff;line-height: 80px; }
.banner_box .main_left_desc{ margin-top: 25px;font-size: 30px;color: #fff;line-height: 40px; }

.banner_box .main_right_img{ display: block;float: right;padding: 120px 0 0 0; }

/*功能介绍*/
.intro_item .main_box{ display: block;width: 1200px;margin: 0 auto;padding: 80px 0; }
.intro_item .main_txt{ display: block;width: 500px;padding: 160px 0 0 0; }
.intro_item .main_tt{ font-size: 32px;color: #333;line-height: 40px; }
.intro_item .main_desc{ margin-top: 25px;font-size: 18px;color: #808080;line-height: 26px; }

/*官方模板支持*/
.change_template{ display: block;width: 100%;min-width: 1200px;height: 911px;background: url(../images/changeTheme/template_bg.jpg) no-repeat top center;overflow: hidden; }
.change_template .main_box{ display: block;width: 1200px;margin: 0 auto;padding: 62px 0 0 0; }
.change_template .main_tt{ font-size: 32px;color: #fff;text-align: center; }
.change_template .main_img{ display: block;position: relative;width: 257px;height: 457px;margin: 0 auto;margin-top: 50px;box-shadow: 0px 0px 62px 0px rgba(4, 28, 75, 0.17);border-radius: 8px;overflow: hidden; }
.change_template .main_img img{ display: block;position: absolute;top: -53px;left: -53px;width: 363px;height: 563px;max-width: none; }
.change_template .main_swiper{ display: block;position: relative;width: 1135px;height: 258px;margin-top: 34px;padding: 0 32.5px; }
.change_template .main_swiper_left_arrow{ display: block;position: absolute;z-index: 9;top: 107px;left: 0;width: 24px;height: 44px;background: url(../images/changeTheme/arrow.png) no-repeat 0 0; }
.change_template .main_swiper_right_arrow{ display: block;position: absolute;z-index: 9;top: 107px;right: 0;width: 24px;height: 44px;background: url(../images/changeTheme/arrow.png) no-repeat -24px 0; }
.change_template .main_swiper_left_arrow:hover{ cursor: pointer;background: url(../images/changeTheme/arrow.png) no-repeat 0 -44px; }
.change_template .main_swiper_right_arrow:hover{ cursor: pointer;background: url(../images/changeTheme/arrow.png) no-repeat -24px -44px; }
.change_template .swiper-container{ height: 100%; }
.change_template .main_swiper_item{ display: block;float: left;width: 211px;height: 113px;padding: 8px; }
.change_template .main_swiper_item_box{ display: block;position: relative;width: 100%;height: 100%;cursor: pointer;overflow: hidden; }
.change_template .main_swiper_item_img{ display: block;width: 100%;height: 100%; }
.change_template .main_swiper_mask{ display: block;position: absolute;z-index: 9;top: 0;left: 0;width: 191px;height: 76px;padding: 37px 10px 0 10px;background: rgba(0, 0, 0, 0.4);transform: translateY(100%);transition: all linear .15s; }
.change_template .main_swiper_mask_box{ display: block;width: 146px;margin: 0 auto;padding: 4px;border-radius: 20px;background: rgba(255, 255, 255, .4); }
.change_template .main_swiper_mask_txt{ display: block;padding: 0 5px;border-radius: 20px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.36);background: #fff;font-size: 20px;color: #0c78ff;text-align: center;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.change_template .main_swiper_item_box:hover .main_swiper_mask{ transform: translateY(0); }

/* 底部按钮 */
.change_btn{ display: block;width: 1200px;margin: 0 auto;padding: 50px 0 106px 0; }
.change_btn a{ display: block;width: 225px;height: 50px;margin: 0 auto;background-color: #0c78ff;box-shadow: 0px 4px 18px 0px rgba(4, 108, 239, 0.44);font-size: 16px;color: #fff;text-align: center;line-height: 50px;cursor: pointer; }

/* 多功能及样式的自定义 */
.change_define{ display: block;width: 1200px;margin: 0 auto;padding: 70px 0; }
.change_define .tt{ font-size: 40px;color: #333;text-align: center;line-height: 80px; }

.custom_define{ display: block;width:1200px;margin:0 auto;margin-top: 44px;}
.customOptions{ display: block;float: left;width: 858px; }
.customModule{ display: block;float: left;position: relative;width:342px;height: 652px;overflow: hidden;background:url(../images/changeTheme/iphone.png) no-repeat center;}
.allModuleImg{margin-left:36px;margin-top:74px ;height: 452px;overflow: auto;width:272px;}
.allModuleImg::-webkit-scrollbar{width:6px;height: 20px;}
.allModuleImg::-webkit-scrollbar-thumb{background: #e6e6e6;border-radius:3px;}
.allModuleImg::-webkit-scrollbar-track{background: #fff;border-radius:3px;}
.footNav{position: absolute;left: 41px;bottom:106px;z-index: 19;border:1px solid #fff;}
.footNav img{display: none;}

.headerSearch{position: absolute;left:36px;top:74px ;z-index: 999;}

.customDetail{ float: left;width: 378px;height: 255px;padding-left: 51px;}
.customTitle{ float: left;width:296px;margin-left: 13px;}
.customDetailImg{ float: left;width:69px;height: 70px;}
.customDetailImg img{max-width:100%;max-height: 100%;}
.customTxt h5{font-size: 18px;color:#282b31;line-height: 36px;}
.customTxt p{font-size: 14px;color:#999;line-height:24px;}
.customColor{margin-top: 26px;font-size: 14px;color:#333;height: 22px;line-height: 22px;}
.customColor i{float: left;}
.customColor span{display: inline-block;width:22px;height: 22px;margin-right:16px;cursor: pointer;float: left;}
.customPhoto{margin-top: 14px;font-size: 14px;color:#333;}
.custom_define .ml{margin-left: 8px;}
.custom_define .mt{margin-top: 40px;}
.customNum{height: 28px;line-height: 28px;font-size: 14px;color:#333;margin-top: 20px;}
.customNum span{width:78px;height: 26px;line-height: 26px;cursor: pointer;border:1px solid #ccc;color:#666;text-align: center;display: inline-block;margin-right:18px;}
.customNum span:hover{background: #3ba0f6;color:#fff;border:1px solid #3ba0f6;}
.customNum select{display: inline-block;width:128px;height:26px;line-height: 26px ;}

.customDiv{margin-top: 20px;font-size: 14px;color:#333;}
.customDiv i{float: left;}
.customDiv ul{width:184px;display: inline-block;}
.customDiv li{height: 26px;line-height: 26px;width:74px;margin-bottom: 16px;cursor: pointer;border:1px solid #ccc;color:#666;text-align: center;display: inline-block;margin-right:18px;}
.customDiv li:nth-child(2n){margin-right:0;}
.customDiv li:last-child{border:0;}
.customDiv li:hover{background: #3ba0f6;color:#fff;border:1px solid #3ba0f6;}

.dapai{border:1px solid #fff;padding:5px 0;}
.fujin{border:1px solid #fff;}

.md-header{border:1px solid #fff;}
.md-header img{display: none;}
.md-lunbo{border:1px solid #fff;}
.md-fenlei{border:1px solid #fff;padding:5px 0;}
.md-fenlei img{display: none;}
.md-zhuanqu{border:1px solid #fff;}
.md-zhuanqu img{display: none;}
.md-active{border:1px solid #3ba0f6;}

.customStyle{margin-top: 20px;font-size: 14px;color:#333;height: 28px;line-height: 28px;}
.customStyle i{float: left;}
.customStyle span{display: inline-block;float: left;margin-right:18px;border:1px solid #ccc;color:#666;text-align: center;width:55px;height: 26px;line-height: 26px;cursor:pointer;}
.customStyle span:hover{background: #3ba0f6;color:#fff;border:1px solid #3ba0f6;}
 /**
 * 百变主题市场专题页面 end
 * */

/*同城信息频道页*/
.hu_pddet_tit{font-size: 32px;color: #333333;text-align: center;}
.hu_pddet_tit2{font-size: 16px;color: #808080;text-align: center;line-height: 30px;}
.hu_pddet_tit3{font-size: 16px;color: #808080;line-height: 30px;text-align: left;}
.hu_pddet_tit4{padding-top: 35px;font-size: 16px;color: #333;}
.hu_pddet_tit5{padding-top: 3px;font-size: 14px;}
.active{box-shadow: 3px 3px 15px 3px #f1f1f1;border-radius: 3px;transform: scale(1.1) translateX(15px);transition: all linear 0.3s;}
.active2{box-shadow: 3px 3px 15px 3px #f1f1f1;border-radius: 3px;transform: scale(1.1) translateX(15px);transition: all linear 0.3s;background: #fff;}
.hu_pd20{padding-top: 20px;}
.hu_pdl150{padding-left: 150px;}
.hu_pdt150{padding-top: 150px;}
.hu_pdt30{padding-top: 30px;}
.hu_pdt45{padding-top: 45px;}
.hu_pdl20{padding-left: 20px;}
.hu_tacen{text-align: center;}
.hu_relative{position: relative;height: 360px;width: 842px;margin: 0 auto;}
.hu_flex{display: flex;align-items: center;}
.hu_boxsha{box-shadow: 2px 2px 15px 5px #f1f1f1;}
.hu_pddet_top{min-width: 1200px;background: #fff;margin: 0 auto;padding: 80px 0;}
.hu_pddet_top2{width: 850px;}
.hu_pddet_top3{padding-top: 85px;}
.hu_pddet_top4{padding: 120px 0 90px;min-width: 1200px;background: #f5f5fa;margin: 0 auto;}
.hu_pddet_top5{position: relative;width: 1200px;min-width: 1200px;margin: 0 auto;height: 480px;}
.hu_pddet_top6{width: 50%;height: 480px;position: absolute;}
.hu_pddet_top7{font-size: 32px;color: #333;text-align: left;}
.hu_pddet_top8{min-width: 1200px;background: #fff;margin: 0 auto;padding: 56px 0;}
.hu_pddet_top9{font-size: 18px;color: #333;padding: 15px 95px 15px 25px;cursor: pointer;}
.hu_pddet_top10{padding: 15px 143px 15px 25px;}
.hu_pddet_left{position: absolute;left: 35px;top: 0;width: 50%;text-align: left;}
.hu_pddet_right{position: absolute;right: 35px;top: 0;width: 50%;bottom: 0;text-align: right;}
.hu_pddet_right2{position: absolute;right: 65px;}
.hu_pddet_img{position: absolute;height: 205px;width: 250px;left: -28px;top: 15px;}
.hu_pddet_img2{position: absolute;height: 225px;width: 250px;right: 0;top: -25px;}
.hu_pddet_img3{position: absolute;top: 25px;height: 350px;left: 45px;}
.hu_pddet_img4{position: absolute;top: 0;left: 0;}
.hu_pddet_img5{max-width: 40px;max-height: 40px;}
.hu_pddet_img6{transition: all linear 0.3s;}
.hu_pddet_img7{width: 36px;height: 36px;}
.hu_pddet_img8{max-width: 64px;max-height: 64px;vertical-align: bottom;}
.img_con{height: 64px;width: 64px;text-align: center;display: inline-block;margin-top: 25px;line-height: 64px;}
.hu_pddet_cen{padding: 60px 74px 96px;background: #fff;width: 1200px;margin: 0 auto;}
.hu_pddet_cen2{text-align: center;font-size: 32px;color: #333;padding-bottom: 46px;}
.hu_pddet_cen3{width: 193px;height: 178px;border: 1px solid #f3f3f3;text-align: center;margin-right: 20px;margin-bottom: 25px;display: inline-table;cursor: pointer;}
.hu_pddet_cen3:hover{box-shadow: 2px 6px 20px 5px #f2f2f2;transition: all linear 0.3s;transform: scale(1.01);}
.hu_pddet_cen3:nth-child(5n){margin-right: 0;margin-bottom: 25px;}
/*同城信息频道页end*/

/*外卖*/
.waimaiBanner{ width: 100%; height: 670px; background: url(https://img01.jhcms.com/gw/shb/idx_banner_bg.png) no-repeat center top; overflow: hidden; position: relative;}
.waimaiBanner .pagewd{ position: relative; height: 670px; }
.waimaiBanner .img1{ left: 0; bottom: 0; -webkit-animation: bounceInLeft 2s 0s 1 linear both; animation: bounceInLeft 2s 0s 1 linear both; position: absolute; cursor: auto;}
.waimaiBanner .txt{ padding-top: 228px; -webkit-animation: bounceInRight 2s 0s 1 linear both; animation: bounceInRight 2s 0s 1 linear both; color: #fff; text-align: right;}
.waimaiBanner .txt h2{font-size: 56px; line-height: 70px;}
.waimaiBanner .txt h3{font-size: 30px; line-height: 40px;}
.waimaiBanner .txt h4{font-size: 28px; line-height: 36px; color: #e4eaf4;}
.waimaiBanner .txt hr{display: inline-block; width: 46px; height: 4px; border: 0; background-color: #fff; margin:32px 0;}
.waimaiBanner .txt span{display: inline-block; padding: 0 18px; line-height: 30px; background-color: #ffc800; font-size: 18px; color: #2371f3; margin-top: 8px;}
.waimaiBanner .txt span small{display: inline-block; padding: 0 20px; vertical-align: top; color: #2371f3;}
.waimaiBanner .tips{display: block; background: rgba(0,0,0,0.5); font-size: 14px; color: #fff; line-height: 32px; height: 32px; position: absolute; left: 0; bottom: 0; width: 100%; cursor: pointer;}
.waimaiBanner .tips .ico{display: inline-block; width: 20px; height: 32px; background: url(../images/waimai/notice.png) no-repeat center; background-size: contain; margin-right: 10px; vertical-align: middle;}
.waimaiIdx .gray_bg{ background: #fafafa; }
.waimaiIdx .idx_h1{ line-height: 45px; font-size: 36px; text-align: center; }
.waimaiIdx .idx_p{ line-height: 28px; font-size: 16px; color: #666; text-align: center; margin-top: 18px; }
.waimaiIdx .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; }
.waimaiIdx .more_btn:hover{ background: #20ad20; border-color: #20ad20; color: #fff; }
.waimaiIdx .ta-c {text-align: center;}

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

.waimaiIdx .idx_what{ padding: 65px 0 90px; }
.waimaiIdx .idx_what .what_box{ position: relative; height: 365px; margin-top: 80px; }
.waimaiIdx .idx_what .list{ position: absolute; width: 230px; height: 230px; background: url(https://img01.jhcms.com/gw/images/product/waimai/idx_what_bg.png); text-align: center; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.waimaiIdx .idx_what .list img{ padding: 75px 0 5px; }
.waimaiIdx .idx_what .list p{ line-height: 28px; font-size: 16px; }
.waimaiIdx .idx_what .list1{ top: 0; left: 0; }
.waimaiIdx .idx_what .list2{ top: 135px; left: 120px; }
.waimaiIdx .idx_what .list3{ top: 0; left: 242px; }
.waimaiIdx .idx_what .list4{ top: 135px; left: 363px; }
.waimaiIdx .idx_what .list5{ top: 0; left: 484px; }
.waimaiIdx .idx_what .list6{ top: 135px; left: 605px; }
.waimaiIdx .idx_what .list7{ top: 0; right: 242px; }
.waimaiIdx .idx_what .list8{ top: 135px; right: 120px; }
.waimaiIdx .idx_what .list9{ top: 0; right: 0; }
.waimaiIdx .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; }

.waimaiIdx .idx_role{ padding: 65px 0 75px; }
.waimaiIdx .idx_role .role_box{ margin-top: 80px; }
.waimaiIdx .idx_role .role_box li{ float: left; margin: 0 31px; text-align: center; }
.waimaiIdx .idx_role .role_box li h3{ font-size: 20px; margin: 30px 0 10px; }
.waimaiIdx .idx_role .role_box li p{ line-height: 24px; font-size: 16px; color: #999; }

.waimaiIdx .idx_systemFunt{ padding: 65px 0 55px; }
.waimaiIdx .idx_systemFunt .funt_box{ margin: 60px 0 50px; }
.waimaiIdx .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; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.waimaiIdx .idx_systemFunt .funt_box li:nth-child(4n){ border-right: none; }
.waimaiIdx .idx_systemFunt .funt_box li:nth-child(5),.waimaiIdx .idx_systemFunt .funt_box li:nth-child(6),.waimaiIdx .idx_systemFunt .funt_box li:nth-child(7),.waimaiIdx .idx_systemFunt .funt_box li:nth-child(8){ border-bottom: none; }
.waimaiIdx .idx_systemFunt .funt_box li p{ font-size: 20px; color: #666; margin-top: 25px; }
.waimaiIdx .idx_systemFunt .funt_box li:hover img{ -webkit-animation: bounce 1s 0s 1 linear both;animation: bounce 1s 0s 1 linear both; }

.waimaiIdx .idx_market{ padding: 65px 0 60px; }
.waimaiIdx .idx_market .box{padding: 25px 0; border: 1px solid #e1e1e1; background-color: #f0f0f0; border-radius: 20px; box-shadow: 0 2px 20px #ddd; margin-top: 36px;}
.waimaiIdx .idx_market .box_l{width: 170px; padding-top: 75px;}
.waimaiIdx .idx_market .box_l ul li{padding-left: 24px; line-height: 56px; font-size: 14px; color: #666; cursor: pointer; position: relative;}
.waimaiIdx .idx_market .box_l ul li p{position: relative; z-index: 2;}
.waimaiIdx .idx_market .box_l ul li.on{color: #333;}
.waimaiIdx .idx_market .box_l ul li.on:before{content: ''; width: 178px; height: 100%; border-right: 6px solid #fafafa; position:absolute; left: -8px; top: 0; z-index: 1; background-color: #fff; box-shadow: 0 0 16px #eee;}
.waimaiIdx .idx_market .box_l ul li .ico{width: 20px; height: 20px; vertical-align: middle; margin-right: 10px;}
.waimaiIdx .idx_market .box_r{margin-left: 170px; margin-right: 30px; height: 636px; border-radius: 15px; background-color: #fff;}
.waimaiIdx .idx_market .box_r .cont{height: 636px; position: relative; display: none;}
.waimaiIdx .idx_market .box_r .cont1 img{position: absolute; top: 40px; left: 70px;}
.waimaiIdx .idx_market .box_r .cont1 .txt{position: absolute; top: 500px; right: 50px;}
.waimaiIdx .idx_market .box_r .cont2 img{position: absolute; top: 12px; right: 46px;}
.waimaiIdx .idx_market .box_r .cont2 .txt{position: absolute; top: 220px; left: 52px;}
.waimaiIdx .idx_market .box_r .cont3 img{position: absolute; top: 28px; left: 120px;}
.waimaiIdx .idx_market .box_r .cont3 .txt{position: absolute; top: 480px; right: 44px;}
.waimaiIdx .idx_market .box_r .cont4 img{position: absolute; top: 12px; right: 15px;}
.waimaiIdx .idx_market .box_r .cont4 .txt{position: absolute; top: 72px; left: 80px;}
.waimaiIdx .idx_market .box_r .cont5 img{position: absolute; top: 36px; left: 50px;}
.waimaiIdx .idx_market .box_r .cont5 .txt{position: absolute; top: 188px; right: 88px;}
.waimaiIdx .idx_market .box_r .cont6 img{position: absolute; top: 50px; right: 10px;}
.waimaiIdx .idx_market .box_r .cont6 .txt{position: absolute; top: 170px; left: 42px;}
.waimaiIdx .idx_market .box_r .cont6 .p2{margin-bottom: 100px;}
.waimaiIdx .idx_market .box_r .cont7 img{position: absolute; top: 80px; left: 30px;}
.waimaiIdx .idx_market .box_r .cont7 .txt{position: absolute; top: 182px; right: 36px;}
.waimaiIdx .idx_market .box_r .cont7 .p2{margin-bottom: 50px;}
.waimaiIdx .idx_market .box_r .cont8 img{position: absolute; top: 25px; right: -40px;}
.waimaiIdx .idx_market .box_r .cont8 .txt{position: absolute; top: 180px; left: 50px;}
.waimaiIdx .idx_market .box_r .cont8 .p2{margin-bottom: 60px;}
.waimaiIdx .idx_market .box_r .cont9 img{position: absolute; top: 120px; left: 10px;}
.waimaiIdx .idx_market .box_r .cont9 .txt{position: absolute; top: 194px; right: 48px;}
.waimaiIdx .idx_market .box_r .cont9 .p2{margin-bottom: 50px;}
.waimaiIdx .idx_market .box_r .cont .txt.txt_r{text-align: right;}
.waimaiIdx .idx_market .box_r .txt h3{font-size: 21px; line-height: 34px;}
.waimaiIdx .idx_market .box_r .txt p{font-size: 16px; line-height: 24px;}
.waimaiIdx .idx_market .box_r .txt p.p1{font-size: 14px; line-height: 24px; color: #999; margin-bottom: 15px;}
.waimaiIdx .idx_market .box_r .txt hr{display: inline-block; width: 36px; height: 3px; border: 0; background-color: #3296f2; margin:8px 0;}

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

.waimaiIdx .idx_design{ padding: 65px 0 60px; }
.waimaiIdx .duoduan_slideBox{ margin-top: 50px; position: relative; }
.waimaiIdx .duoduan_slideBox .hd{ width: 690px; margin: 0 auto 50px; }
.waimaiIdx .duoduan_slideBox .hd li{ float: left; width: 128px; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; font-size: 16px; color: #20ad20; border-radius: 20px; cursor: pointer; }
.waimaiIdx .duoduan_slideBox .hd li.on,.waimaiIdx .duoduan_slideBox .hd li:hover{ color: #fff; background: #20ad20; }
.waimaiIdx .duoduan_slideBox .bd{ width: 1100px; height: 542px; margin: 0 auto; }
.waimaiIdx .duoduan_slideBox .bd li a{ float: left; display: block; }
.waimaiIdx .duoduan_slideBox .bd .list1 a{ margin-right: 20px; }
.waimaiIdx .duoduan_slideBox .bd .list1 a:last-child{ margin-right: 0; }
.waimaiIdx .duoduan_slideBox .bd .list2 a{ margin-left: 30px; margin-right: 40px; }
.waimaiIdx .duoduan_slideBox .bd .list2 a:last-child{ margin: 0; }
.waimaiIdx .duoduan_slideBox .prev,.waimaiIdx .duoduan_slideBox .next{ position: absolute; top: 50%; margin-top: -25px; display: block; width: 28px; height: 50px; background-repeat: no-repeat; }
.waimaiIdx .duoduan_slideBox .prev{ left: -28px; background-image: url(https://img01.jhcms.com/gw/images/product/waimai/hx_slideCont_prev.png); }
.waimaiIdx .duoduan_slideBox .next{ right: -28px; background-image: url(https://img01.jhcms.com/gw/images/product/waimai/hx_slideCont_next.png); }
.waimaiIdx .duoduan_slideBox .prev:hover{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/hx_slideCont_prev_on.png); }
.waimaiIdx .duoduan_slideBox .next:hover{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/hx_slideCont_next_on.png); }

.waimaiIdx .idx_quality{ padding: 65px 0 60px; }
.waimaiIdx .idx_quality .quality_box{ margin: 70px 10px 48px; }
.waimaiIdx .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; }
.waimaiIdx .idx_quality .quality_box li:last-child{ margin-right: 0; }
.waimaiIdx .idx_quality .quality_box li img{ margin: -32px 0 30px; }
.waimaiIdx .idx_quality .quality_box li p{ font-size: 16px; line-height: 30px; }
.waimaiIdx .idx_quality .quality_box li p big{ font-size: 20px; }
.waimaiIdx .idx_quality .quality_box li p .cl1{ color: #20ad20; }
.waimaiIdx .idx_quality .quality_box li p .cl2{ color: #f39725; }
.waimaiIdx .idx_quality .quality_box li:hover{ -webkit-transform: translateY(5px);transform: translateY(5px); }

/* 系统演示 */
.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(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn1.png); }
.systemDemo .downloadBox a.btn2{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn2.png); }
.systemDemo .downloadBox a.btn3{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn3.png); }
/* 系统演示end */
/*外卖end*/

/* 2019-07-24 同城信息频道页新增 */
.newC_tit{font-size: 32px;color: #333333;text-align: center;word-spacing: 25px;margin-bottom: 57px;}
.newC_tab{display: flex;align-items: center;justify-content: space-between;font-size: 22px;color: #666666;}
.newC_icon{width: 45px; height: 45px;display: block; vertical-align: middle; margin-right: 15px; background-position: center; background-repeat: no-repeat;}
.newC_icon1{background-image: url(../images/channel_tab1.png);}
.newC_icon2{background-image: url(../images/channel_tab2.png);}
.newC_icon3{background-image: url(../images/channel_tab3.png);}
.newC_icon4{background-image: url(../images/channel_tab4.png);}
.newC_icon5{background-image: url(../images/channel_tab5.png);}
.newC_tab_on{color: #188cf7;}
.newC_tab_on .newC_icon1{background-image: url(../images/channel_tab1_on.png);}
.newC_tab_on .newC_icon2{background-image: url(../images/channel_tab2_on.png);}
.newC_tab_on .newC_icon3{background-image: url(../images/channel_tab3_on.png);}
.newC_tab_on .newC_icon4{background-image: url(../images/channel_tab4_on.png);}
.newC_tab_on .newC_icon5{background-image: url(../images/channel_tab5_on.png);}
.newC_con{font-size: 18px;color: #333333;padding: 73px 28px 0 36px;}
.newC_con_p{margin-top: 200px;line-height: 30px;}
.newC_con_pic{width: 690px;height: 465px;}
.newC_module_pic{width: 230px;height: 430px;}
.newC_module_pic:hover{margin-top: -25px;}