/*==================共用模块=========================*/ .custom-cases-swiper{ position: relative; } .custom-cases{ display:inline-block; width:1100px; height:320px; background:#fff; margin: 0 46px !important; } .custom-cases li{ padding:20px; box-sizing:border-box; } .custom-cases li em{ display:inline-block; position:absolute; left:20px; height:20px; width:363px; height:280px; } .custom-cases li em img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); max-width: 100%; max-height: 100%; line-height: 100%; } .custom-cases li div{ padding-left:433px; padding-top:50px; } .custom-cases li div span{ display:block; margin-bottom:30px; font-size:16px; color:#383d41; } .custom-cases li div p{ font-size:14px; color:#666; } .custom-cases li div a{ display:inline-block; margin-top:20px; width:120px; height:36px; line-height:34px; border:1px solid #31cbe3; text-align:center; box-sizing:border-box; font-size:14px; color:#31cbe3; } .custom-cases-swiper .swiper-button-prev, .custom-cases-swiper .swiper-button-next{ background: none; width: 30px; height: 88px; background-color: #ddd; outline: none; z-index: 2; } .custom-cases-swiper .swiper-button-prev i.iconfont, .custom-cases-swiper .swiper-button-next i.iconfont{ font-size: 30px; color: #fff; line-height: 88px; } .custom-cases-swiper .swiper-button-prev{ left:0; } .custom-cases-models{ margin-top:20px; padding-top:7px; font-size:12px; border-top: 1px solid #EDEDED; } .custom-cases-models dt{ margin-right:10px; color:#4a4a4a; } .custom-cases-models dt, .custom-cases-models dd{ display:inline-block; vertical-align:top; } .custom-cases-models p{ display:inline-block; margin-right:25px; } .custom-cases-models p b{ margin-left:4px; font-size:12px; color:#383D41; } .custom-cases-models p i{ font-size:18px; vertical-align:middle; } .model-pc i.iconfont{ color:#45D1ED; } .model-wap i.iconfont{ color:#F5A623; } .model-wechat i.iconfont{ color:#06BB14; } .model-app i.iconfont{ color:#028AFE; } /*表格*/ .tab { width: 580px; text-align: center; border-left: 1px solid #e64448; display: inline-block; font-size: 16px } .tab td, .tab th { border-right: 1px solid #e64448; font-weight: 400 } .tab tr { border-bottom: 1px solid #e64448; } .table-title { background: #e64448; } .table-title h3 { line-height: 47px; color: #fff; letter-spacing: 2px; font-size: 20px; font-weight: 400 } .table-products { height: 202px; border-bottom: none!important } .table-product-text { color: #666 } .table-product-text h4 { line-height: 36px; font-size: 18px; margin-top: 14px; font-weight: 400 } .table-product-text p { padding: 0 9px; letter-spacing: 1px; line-height: 26px; text-align: left; margin: 5px 0 } .table-terminal th { color: #333 } .table-terminal td, .table-terminal th { line-height: 44px } .table-terminal td { color: #e64448; font-size: 20px } .table-terminal-reset td, .table-terminal-reset th { line-height: 49px } .table-software td { height: 74px } .table-software td a { text-decoration: none; color: #333 } .table-software td p { padding: 0 20px; color: #999 } .table-small-title { background: #ff8f32; color: #fff } .tab-copy .table-small-title { line-height: 36px } .table-column td, .table-column th { line-height: 36px } .table-column td { color: #e64448 } .to-present { font-size: 16px } .tab-copy .column-p-top { line-height: 42px; border-bottom: 1px solid #e64448; text-align: center; color: #333 } .tab-copy .column-p-bot { height: 56px; padding-top: 16px } .table-item td { height: 50px; font-size: 16px } /*表格-shopbuilder / kuajingdianshang-jinkou*/ .tab-price { margin: 0 auto; width: 1200px; } .tab-price { margin: 0 auto; } .tab-price table { border: 1px solid #DDDDDD; width: 100%; } .tab-price table tr td span { font-size: 16px; color: #383838; font-weight: normal; text-align: center; } .tab-price table tr td { font-size: 16px; color: #383838; font-weight: normal; } .tab-price th:nth-child(1) { width: 17% } .tab-price td:nth-child(2) { width: 28% } .tab-price td:nth-child(3) { width: 27% } .tab-price td:nth-child(4) { width: 28% } .tab-price .halftd-tab { width: 1201px } .tab-price .halftd-tab th, .tab-price .halftd-tab td { width: 50%; text-align: center; } .tab-price h2 { font-size: 28px; font-weight: 400; text-align: center; color: #000; height: 80px; line-height: 80px } .tab-price table { border-collapse: collapse; background: #fff; width: 1200px; box-sizing: border-box; } .tab-price .main-thead th, .tab-price .main-thead td { background: #356883; color: #fff; } .tab-price .sub-thead td { background: #b0b0b0 } .tab-price td { padding: 10px 15px; text-align: left; line-height: 1.5; font-size: 14px; border: 1px #999 solid; box-sizing: border-box } .tab-price .symbol-td td { font-weight: 700; font-size: 24px; color: #00843e; text-align: center } .tab-price .text-td th, .tab-price .text-td td { text-align: center; color: #00843e; } .tab-price th { text-align: center; font-size: 16px; font-weight: 400; color: #353736; border: 1px #999 solid; box-sizing: border-box } .tab-price .main-thead td, .tab-price .sub-thead td { padding: 0; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff } .tab-price td a { display: inline-block; width: 100%; text-align: center; font-size: 16px; color: #fff; background: #356580; border-radius: 5px; line-height: 40px; margin-left: 95px; width: 110px; } .tab-price .half-width th, .half-width td { width: 30%!important; text-align: center; } /*新标题*/ .new-color { color: #00c1de; } .new-tit { width: 100%; height: 50px; font-size: 28px; text-align: center; line-height: 50px; margin-bottom: 16px; } .what-tit-bg { background: url('../images/new/im/tit-bg.png') no-repeat center; } .why-tit-bg { background: url('../images/new/im/im-why-tit.png') no-repeat center; } .new-tit-des { width: 672px; font-size: 16px; margin: auto; text-align: center; color: #8b8a8a; } /*立即体验 按钮*/ .blue-btn { width: 208px; height: 62px; display: inline-block; background: url('../images/new/im/im-btn.png') no-repeat center; color: #fff; line-height: 62px; font-size: 18px; letter-spacing: 6px; } .blue-btn:hover { color: #fff; } /*公用模块1(移入放大)*/ .function-list-new li { float: left; width: 33%; box-sizing: border-box; padding: 16px; transform: scale(0.9); border: 1px solid #d5d5d5 } .function-list-new li dt { font-size: 14px; text-align: center; max-height: 40px; } .function-list-new li dt div.icon-area { position: relative; max-width: 300px; } .function-list-new li dt div.icon-area div.text-tit { padding-left: 46px; font-size: 18px; color: #333; text-align: left; } .function-list-new li dt div.icon-area div.text-tit.linhei { line-height: 36px; } .function-list-new li dt div.icon-area div.img-a { position: absolute; left: 0; top: 0; height: 100%; } .function-list-new li dt div.icon-area div.img-a b { display: table; width: 100%; height: 100%; } .function-list-new li dt div.icon-area div.img-a b em { display: table-cell; vertical-align: middle; width: 40px; height: 40px; } .function-list-new li dd { margin-top: 14px; font-size: 14px; } .function-list-new li em { width: 36px; height: 36px; } .function-list-new li:hover { box-shadow: 0 0 10px 5px #d5d5d5; transition: .1s; transform: scale(1.0); } /*公用模块2*/ .system_conten ul li { width: 245px; display: inline-block; background: #fff; margin: 0 20px 20px; border: 1px solid #eaeaea } .system_conten ul li .system_conten_t div { position: relative; display: table; width: 100% } .system_conten_t p.img_p { height: 160px; display: table-cell; text-align: center; vertical-align: middle; width: 100% } .system_conten_t p.img_p span { display: block; font-size: 20px; margin-top: 20px } .system_conten_t p.img_p img { vertical-align: middle; width: 63px } .system_conten_t .cont_text { line-height: 28px; height: 145px; overflow: hidden; font-size: 14px; color: #444; text-align: left; background: #f2f2f2; padding: 32px 16px 0; border-top: 1px solid #eaeaea } /*共用模块-合作伙伴*/ .coor-partner li { width: 178px; height: 80px; display: inline-block; margin: 8px; } .coor-partner li span { width: 100%; height: 100%; display: inline-block; } .partners-img1{background: url(../images/new/partners/01.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img2{background: url(../images/new/partners/02.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img3{background: url(../images/new/partners/03.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img4{background: url(../images/new/partners/04.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img5{background: url(../images/new/partners/05.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img6{background: url(../images/new/partners/06.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img7{background: url(../images/new/partners/07.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img8{background: url(../images/new/partners/08.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img9{background: url(../images/new/partners/09.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img10{background: url(../images/new/partners/0010.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img11{background: url(../images/new/partners/011.png) 50% center no-repeat rgb(255, 255, 255);} .partners-img12{background: url(../images/new/partners/012.png) 50% center no-repeat rgb(255, 255, 255);} /*共用模块-案例*/ /* .success-cases { font-size: 0 } .success-cases li, .success-cases2 li { width: 193px; height: 100px; display: inline-block; margin: 0 8px 18px 0; box-sizing: border-box; overflow: hidden; } .success-cases li:nth-child(6n), .success-cases2 li:nth-child(6n){ margin-right:0; } .success-cases li span, .success-cases2 li span { width: 100%; height: 100%; display: inline-block; } .success-cases li:hover, .success-cases2 li:hover { box-shadow: 0 0 8px #dcdcdc; } .success-cases2 .zx-li1 span { background: url('../images/new/case/1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li2 span { background: url('../images/new/case/2.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li3 span { background: url('../images/new/case/3.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li4 span { background: url('../images/new/case/4.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li5 span { background: url('../images/new/case/5.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li6 span { background: url('../images/new/case/6.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li7 span { background: url('../images/new/case/7.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li8 span { background: url('../images/new/case/8.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li9 span { background: url('../images/new/case/11.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li10 span { background: url('../images/new/case/14.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li11 span { background: url('../images/new/case/15.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li12 span { background: url('../images/new/case/17.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li1:hover span { background: url('../images/new/case/1.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li2:hover span { background: url('../images/new/case/2.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li3:hover span { background: url('../images/new/case/3.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li4:hover span { background: url('images/new/case/4.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li5:hover span { background: url('../images/new/case/5.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li6:hover span { background: url('../images/new/case/6.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li7:hover span { background: url('../images/new/case/7.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li8:hover span { background: url('../images/new/case/8.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li9:hover span { background: url('../images/new/case/11.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li10:hover span { background: url('../images/new/case/14.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li11:hover span { background: url('../images/new/case/15.1.png') 50% center no-repeat rgb(255, 255, 255); } .success-cases2 .zx-li12:hover span { background: url('../images/new/case/17.1.png') 50% center no-repeat rgb(255, 255, 255); } */ /*==================页面模块=========================*/ /*all-banner*/ .banner_newO2O { background: url('../images/banner/Banner-newO2O.png') no-repeat center } .banner_shop { background: url('../images/banner/shop_banner.png') no-repeat center; } .banner_b2b { background: url('../images/banner/Banner-B2B.png') no-repeat center; } .banner-baihuo { background: url('../images/banner/banner-baihuo.png') center; } .banner-liansuo { background: url('../images/banner/banner-liansuo.png') center; } .banner-lvyou { background: url('../images/banner/banner-lvyou.png') center; } .banner-cloth { background: url('../images/banner/cloth.png') center; } .banner-fresh { background: url('../images/banner/fresh.png') center; } .banner-appmade { background: url('../images/banner/appmade.png') no-repeat center; } .banner_about { background: url('../images/banner/about_banner.png') no-repeat center; } .banner-face { background: url('../images/banner/face_banner.png') no-repeat center } .banner-agent { background: url('../images/banner/agent.png') center } .kjds_banner { background: url('../images/banner/Banner-Kua.png') no-repeat center; } .banner_pos { background: url('../images/banner/banner_webpos.png') no-repeat center; } .banner_dsterminal { background: url('../images/banner/banner_tmnpos.png') no-repeat center; } .banner_oprt { background: url('../images/banner/banner_oprt.png') no-repeat center; } .banner_person { background: url('../images/banner/person_banner.png') no-repeat center; } .banner_elab { background: url('../images/banner/elab_banner.png') no-repeat center; } .banner_system { background: url('../images/banner/banner_system2.png') no-repeat center; } .banner_indsp { background: url('../images/banner/banner_dscyy.png') no-repeat center; } .banner_zhds { background: url('../images/banner/banner_zhds.png') no-repeat center; } .solution_banner { background: url('../images/banner/solution_banner.png')no-repeat center; } .case_banner { background: url('../images/banner/case_banner2.png')no-repeat center; } .banner_weixin { background: url('../images/banner/banner_system.png') no-repeat center; } .banner_new { background: url('../images/banner/new_banner.png') no-repeat center; } .cloud_mall { background: url('../images/banner/Banner-BBC06.png') no-repeat; } .banner_agent { background: url('../images/banner/banner_agent.png') no-repeat center; } .banner_mall { background: url('../images/banner/bannerz-3.png') no-repeat center; } .banner_soft { background: url('../images/banner/Banner-Soft.png') no-repeat center; } .banner_unions { background: url('../images/banner/banner-dslm.png') no-repeat center; } .banner_tsb { background: url('../images/banner/banner_fenxiao.png') no-repeat center; } .banner_fenxiao { background: url('../images/banner/banner-fenxiao2.png') no-repeat center; } /*o2obuilder*/ .first-O2O { width: 100%; height: 320px; background: url('../images/new/o2obuilder/o2obg1.png') no-repeat; background-size: contain } .first-O2O .o2o-right { width: 588px; height: 298px; float: right; margin-top: 16px } .o2o-right span { display: block; font-size: 16px; text-align: left; padding-left: 74px; height: 34px; line-height: 30px } .O2O-pb { box-shadow: 0 0 5px #999; height: 595px; background: #fff; width: 1200px; margin: 0 auto; } .left-img img { width: 220px; padding: 40px 65px; margin-top: 125px; border-right: 1px solid #ebebeb } .O2O-pb .right-content { float: left; margin-left: 100px; padding-top: 25px } .O2O-pb .right-content li { border: 1px solid #ebebeb; height: 98px; position: relative; margin-bottom: 10px; display: table } .O2O-pb .right-content li span.no { width: 40px; height: 40px; display: inline-block; border-radius: 50%; position: absolute; left: -20px; top: 34%; color: #fff; font-size: 18px; line-height: 40px; text-align: center } .O2O-pb .right-content li span.no.one { background: #f58aa3 } .O2O-pb .right-content li span.no.two { background: #87d27d } .O2O-pb .right-content li span.no.three { background: #fcbd80 } .O2O-pb .right-content li span.no.four { background: #fc80cc } .O2O-pb .right-content li span.no.five { background: #ef805e } .O2O-pb .right-content li dl { display: table-cell; vertical-align: middle } .O2O-pb .right-content li dd, .O2O-pb .right-content li dt { margin-left: 48px; text-align: left } .O2O-pb .right-content li dt { color: #444; font-size: 18px; line-height: 36px } .O2O-pb .right-content li dd { font-size: 14px; width: 656px; color: #666 } .intro-o2o .fl ul { margin-top: 20px } .intro-o2o .fl ul li { padding: 10px 0 } .intro-o2o .fl ul dl dt { width: 50px; padding: 0 16px; height: 100px; color: #fff; font-size: 16px; background: #9dc3c1; float: left; box-sizing: border-box; margin-left: 64px; padding-top: 6px } .intro-o2o .fl ul dl dd { float: left; text-align: left; padding-left: 26px; margin-top: 8px } .intro-o2o .fl ul dl dd span { display: block; font-size: 16px; margin: 4px 0 } .intro-o2o .center { float: left; width: 106px; margin-top: 104px; text-align: right } .intro-o2o .fl { width: 530px; height: 283px; background: url('../images/new/o2obuilder/o2obg2.png') no-repeat } .intro-o2o .fr { width: 563px; height: 283px; background: url('../images/new/o2obuilder/o2obg3.png') no-repeat } .intro-o2o .fr span.equip { width: 68px; height: 68px; display: inline-block; margin: 0 16px; vertical-align: top } .intro-o2o .fr span.equip.phone { background: url('../images/new/o2obuilder/phone.png') no-repeat; background-size: contain } .intro-o2o .fr span.equip.pad { background: url('../images/new/o2obuilder/pad.png') no-repeat; background-size: contain } .intro-o2o .fr span.equip.web { background: url('../images/new/o2obuilder/web.png') no-repeat; background-size: contain } .intro-o2o .fr span.equip.wechat { background: url('../images/new/o2obuilder/weChats.png') no-repeat; background-size: contain } .oper-where { width: 100%; height: 514px; background: url('../images/new/o2obuilder/tree.png') no-repeat; background-size: contain } .oper-where ul { width: 376px; float: left; margin-top: 150px; padding-left: 20px; box-sizing: border-box } .oper-where ul li { margin-bottom: 24px } .oper-where ul li img { display: inline-block; vertical-align: top; margin-right: 10px } .oper-where ul li p { display: inline-block; width: 278px; text-align: left } .oper-where ul li p span { display: block; font-size: 14px } .mar-reset1 { margin-left: 22px } .mar-reset2 { margin-left: 50px } .get-changes li { display: inline-block; margin: 18px 0 } .get-changes li div.left { display: inline-block; width: 72px } .get-changes li div.right { display: inline-block; width: 400px; text-align: left; padding-left: 28px; font-size: 16px; height: 100% } .get-changes li div.right .table { height: 72px } .O2O-xt { border: 1px dashed #d5d5d5; border-bottom: none } .O2O-xt li { width: 392px; height: 174px; float: left; border-right: 1px dashed #d5d5d5; border-bottom: 1px dashed #d5d5d5; box-sizing: border-box } .O2O-xt li .leftimg, .O2O-xt li .righttxt { float: left } .O2O-xt li .leftimg { width: 146px; text-align: center; padding-top: 66px } .O2O-xt li .righttxt { width: 244px; text-align: left; height: 172px; font-size: 18px; display: table } .O2O-xt li .righttxt span { display: table-cell; vertical-align: middle; letter-spacing: 1px } .fit-industry li { border: 1px dashed #ddd; width: 118px; height: 130px; display: inline-block; margin: 0 13px 20px; } .fit-industry li div { width: 100%; height: 100%; display: table } .fit-industry li div p { display: table-cell; vertical-align: middle } .fit-industry li span { font-size: 16px; display: block; margin-top: 12px; color: #888 } /*appmade*/ .custom-development ul li { display: inline-block; width: 290px; height: 286px; padding: 38px 24px 24px; box-sizing: border-box; background: #05c2df; color: #fff; vertical-align: top; margin: 0 3px; } .custom-development ul li h3 span { width: 60px; height: 60px; display: inline-block; border-radius: 50%; background: #fff; line-height: 60px; color: #05c2df; font-size: 24px; } .custom-development ul li h3 p { border-top: 2px solid #fff; font-size: 24px; line-height: 44px; } .custom-development ul li div.text { font-size: 16px; line-height: 24px; margin-top: 12px; } .development { background: url('../images/new/appmade/bg1.png') no-repeat bottom; } .development-projects { background: #05c2df; } .projects-items { display: inline-block; width: 100%; } .projects-items li { width: 230px; height: 230px; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin: 0 2px; box-shadow: 0 0 4px #666; } .projects-items li i { width: 136px; height: 116px; display: inline-block; margin-top: 38px; } .projects-items li i.icon1 { background: url('../images/new/appmade/item1.png') no-repeat center; } .projects-items li i.icon2 { background: url('../images/new/appmade/item2.png') no-repeat center; } .projects-items li i.icon3 { background: url('../images/new/appmade/item3.png') no-repeat center; } .projects-items li i.icon4 { background: url('../images/new/appmade/item4.png') no-repeat center; } .projects-items li i.icon5 { background: url('../images/new/appmade/item5.png') no-repeat center; } .projects-items li h4 { font-size: 20px; color: #fff; } .adv { background: url('../images/new/appmade/bg2.png') no-repeat 56px; height: 440px; margin-top: 40px; } .adv ul { margin-left: 506px; padding-top: 95px; } .adv ul li { font-size: 16px; color: #fff; margin-bottom: 38px; } .dev-progress { background: #e6f9fc; } .dev-progress-img { width: 100%; height: 640px; background: url('../images/new/appmade/progress-img.png') no-repeat center; background-size: contain; } .dev-solutions { background: #c3f0f7; } .dev-solutions-contents li { display: inline-block; width: 270px; height: 128px; border: 1px solid #77deed; background: #fff; vertical-align: top; text-align: center; margin: 1px; } .dev-solutions-contents li .table { width: 100%; height: 100%; } .dev-solutions-contents i { width: 70px; height: 70px; display: inline-block; vertical-align: top; } .dev-solutions-contents span { font-size: 24px; color: #05c2df; line-height: 70px; display: inline-block; } .dev-solutions-contents li.active { background: #05c2df; } .dev-solutions-contents li.active span { color: #fff; } .space2 { letter-spacing: 2px; } /*agent*/ .agent-wrapper { padding: 70px 0 90px; background: url('../images/new/agent/agent_bg.png') repeat; } .agent-title { width: 100%; height: 50px; font-size: 28px; font-weight: 700; text-align: center; line-height: 50px; margin-bottom: 16px; color: #000 } .agent-title-bg { background: url('../images/new/agent/title_bg.png') no-repeat center } .agent-title-bg2 { background: url('../images/new/agent/title_bg2.png') no-repeat center } .agent-title-bg3 { margin-top: 16px; margin-bottom: 65px; height: 10px; color: #8b8a8a; background: url('../images/new/agent/title_bg4.png') no-repeat center } .agent-text { width: 60%; font-size: 16px; margin: auto; text-align: center; color: #8b8a8a } .agent-wrap1 ul { margin-top: 54px; font-size: 0; padding: 0 40px } .agent-wrap1 li { margin-bottom: 15px; display: inline-block; width: 545px; height: 200px; background: #fff; box-sizing: border-box; vertical-align: top } .agent-wrap1 li.odd { margin-right: 15px } .agent-wrap1 li.even { margin-left: 15px } .agent-wrap1 li:hover { width: 550px; height: 205px; box-shadow: 0 0 15px #666 } .agent-wrap1 li.odd:hover { margin: 0 10px 10px 0 } .agent-wrap1 li.even:hover { margin: 0 0 10px 10px } .agent-wrap1 .left { display: inline-block; float: left; padding: 10px; width: 200px; height: 100%; box-sizing: border-box } .agent-wrap1 .left img { width: 180px; vertical-align: middle } .agent-wrap1 .right { display: inline-block; float: left; padding-left: 20px; width: 345px; vertical-align: middle; box-sizing: border-box } .agent-wrap1 .right .title { font-size: 22px; font-weight: 600; margin-top: 28px; line-height: 30px; color: #666; letter-spacing: 6px } .agent-wrap1 .right .text { margin-top: 10px; padding-right: 35px; font-size: 16px; line-height: 24px } .agent-wrap2 { margin-top: 80px; padding: 40px 0; background: #787979 } .agent-wrap2 .agent-title { color: #fff; height: 60px } .agent-wrap2 ul { font-size: 0; padding: 0 40px } .agent-wrap2 ul>li { display: inline-block; width: 370px; height: 301px; background: #fff } .agent-wrap2 li.li-center { border-left: 4px solid #777878; border-right: 4px solid #777878 } .agent-wrap2 .left { display: inline-block; vertical-align: top; width: 155px; height: 301px } .agent-wrap2 .left img { width: 155px; height: 301px } .agent-wrap2 .right { vertical-align: top; display: inline-block; width: 215px } .agent-wrap2 .right ol { margin-left: -3px } .agent-wrap2 .right ol li { position: relative } .agent-wrap2 .right ol li:first-child { height: 150px; border-bottom: 1px solid #7b7c7c } .agent-wrap2 .right ol li:last-child { height: 150px } .agent-wrap2 .right span.icon-no, .agent-wrap2 .right span.icon-yes { position: absolute; top: 44px; left: 20px; display: inline-block; width: 20px; height: 17px } .agent-wrap2 .right span.icon-yes { background: url('../images/new/agent/yes.png') no-repeat } .agent-wrap2 .right span.icon-no { background: url('../images/new/agent/no.png') no-repeat } .agent-wrap2 .right .text { position: absolute; top: 40px; left: 46px } .agent-wrap2 .right .text p { font-size: 16px; line-height: 24px } .agent-wrap3 { padding: 65px 35px 15px } .agent-wrap3 .agent-text { width: 75% } .agent-wrap3 ul { margin-top: 60px } .agent-wrap3 li { position: relative; display: inline-block; margin: 0 5px 50px; width: 555px; height: 200px; border: 1px #dadcdc solid; border-radius: 1px; background: #fff; box-sizing: border-box } .agent-wrap3 .title { position: absolute; top: -20px; left: 156px; display: inline-block; width: 242px; height: 40px; font-size: 22px; line-height: 40px; text-align: center; color: #fff; background: url('../images/new/agent/title_bg3.png') no-repeat; letter-spacing: 5px } .agent-wrap3 .text { padding: 40px 30px } .agent-wrap3 .text p.agent-text { text-align: left; width: 100%; line-height: 28px } .agent-wrap4 .agent-title span { margin-right: 12px; display: inline-block; width: 30px; height: 37px; background: url('../images/new/agent/icon1.png') no-repeat } .agent-wrap4 .content .left, .agent-wrap4 .content .right { width: 375px; height: 100px } .agent-wrap4 .content { padding: 0 40px } .agent-wrap4 .content .left { float: left } .agent-wrap4 .content .right { float: right } .agent-wrap4 .center { text-align: center; position: relative } .agent-wrap4 .center p { font-size: 28px } .agent-wrap4 .center .text { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px } .agent-wrap4 .center p { letter-spacing: 8px } .agent-wrap4 .center p.top { color: #000 } .agent-wrap4 .center p.bottom { color: #666 } .agent-wrap4 .center img { width: 369px } .agent-wrap4 .content .title { font-size: 22px; line-height: 44px; height: 44px; color: #666 } .agent-wrap4 .content .left, .agent-wrap4 .content .left .agent-text { text-align: right } .agent-wrap4 .content .right, .agent-wrap4 .content .right .agent-text { text-align: left } .agent-wrap4 .content .left .agent-text { width: 305px; padding: 10px 50px 0 20px } .agent-wrap4 .content .right .agent-text { width: 305px; padding: 10px 20px 0 50px } .agent-wrap4 .content .left .title { background: url('../images/new/agent/icon7.png') no-repeat bottom } .agent-wrap4 .content .right .title { background: url('../images/new/agent/icon8.png') no-repeat bottom } .agent-wrap4 .content span { display: inline-block; width: 36px; height: 40px; vertical-align: sub } .agent-wrap4 .content .left span { margin-left: 12px } .agent-wrap4 .content .right span { margin-right: 12px } .agent-wrap4 .content span.icon1 { background: url('../images/new/agent/icon2.png') no-repeat } .agent-wrap4 .content span.icon2 { background: url('../images/new/agent/icon3.png') no-repeat } .agent-wrap4 .content span.icon3 { background: url('../images/new/agent/icon4.png') no-repeat } .agent-wrap4 .content span.icon4 { background: url('../images/new/agent/icon5.png') no-repeat } /* dsterminal */ .model-content { margin: 0 auto; width: 1100px; overflow: hidden; padding-bottom: 70px; } .model-content p { font-size: 16px; color: #999999; line-height: 24px; margin-top: 305px; width: 260px; margin-left: -15px; } /*weixin*/ .b2bgnzs { width: 520px; padding: 10px 30px 30px; float: left; height: 90px; font-size: 14px; line-height: 24px; } .imgflt { float: left; padding-top: 10px; padding-bottom: 10px; width: 90px; } .proinstrt1 { width: 180px; margin: 10px; float: left; } .proinstrt1_img { width: 180px; height: 80px; float: left; line-height: 80px; text-align: center; } .proinstrt1_txt { width: 180px; float: left; line-height: 24px; text-align: left; font-size: 16px; margin: 20px 0px; } /*weixin*/ .album { margin: 20px auto; width: 1000px; border: 10px solid #FFF; -webkit-box-shadow: 1px 2px 5px #CCC; -moz-box-shadow: 1px 1px 5px #CCC; box-shadow: 1px 1px 5px #CCC; overflow: hidden; } .album-image-md { position: relative; z-index: 1; margin: 0 auto; height: 800px; overflow: hidden; } .album-image-bd { position: relative; z-index: 1; margin: 0 auto; height: 750px; overflow: hidden; } .album-image { position: absolute; z-index: 1; top: 50%; left: 50%; } .album-image-ft { margin: 0 auto; height: 50px; line-height: 50px; text-align: center; overflow: hidden; } #album-image-ft { font-size: 12px; } .album-image-nav { position: absolute; z-index: 2; top: 0; left: 0; margin: 0; padding: 0; width: 980px; height: 750px; overflow: hidden; } .album-image-nav-left-block { position: relative; z-index: 1; float: left; margin: 0; width: 50%; height: 750px; list-style-type: none; overflow: hidden; } .album-image-btn-prev:link, .album-image-btn-prev:visited, .album-image-btn-prev:hover { position: absolute; z-index: 2; top: 50%; left: 0; margin: -40px 0 0 0; width: 40px; height: 100px; line-height: 80px; font-size: 100px; color: #999; background-color: #333; opacity: 0.7; filter: alpha(opacity=70); text-decoration: none; text-align: center; overflow: hidden; } .album-image-nav-right-block { position: relative; z-index: 1; float: left; margin: 0; width: 50%; height: 750px; list-style-type: none; overflow: hidden; } .album-image-btn-next:link, .album-image-btn-next:visited, .album-image-btn-next:hover { position: absolute; z-index: 2; top: 50%; right: 0; margin: -40px 0 0 0; width: 40px; height: 100px; line-height: 80px; font-size: 100px; color: #999; background-color: #333; opacity: 0.7; filter: alpha(opacity=70); text-decoration: none; text-align: center; overflow: hidden; } .album-image-loading-overlay { position: absolute; z-index: 4; top: 0; left: 0; margin: 0; width: 980px; height: 750px; background-color: #FFF; opacity: 0.6; filter: alpha(opacity=60); overflow: hidden; } .album-image-loading-overlay img { position: absolute; z-index: 4; top: 50%; left: 50%; margin: -50px 0 0 -50px; width: 100px; height: 100px; } .album-carousel { margin: 0 auto; width: 1000px; height: 100px; overflow: hidden; } .album-carousel-btn-prev:link, .album-carousel-btn-prev:visited, .album-carousel-btn-prev:hover { float: left; margin: 0; width: 50px; height: 100px; line-height: 70px; text-align: center; font-size: 100px; text-decoration: none; color: #999; overflow: hidden; } .album-carousel-zone { position: relative; z-index: 1; float: left; margin: 0; width: 900px; height: 112px; background-color: #FFF; overflow: hidden; } .album-carousel-list { position: absolute; z-index: 2; top: 0; left: 0; margin: 0; padding: 0; width: 1760px; height: 112px; overflow: hidden; } .album-carousel-thumb { position: relative; z-index: 3; float: left; margin: 10px; list-style-type: none; width: 102px; height: 102px; overflow: hidden; } .album-image-btn-prev:hover, .album-image-btn-next:hover { color: #FFF; background-color: #000; } .album-carousel-thumb-selected a:link, .album-carousel-thumb-selected a:visited, .album-carousel-thumb-selected a:hover, .album-carousel-thumb a:hover { border: 1px solid #F00; } .album-carousel-thumb a:link, .album-carousel-thumb a:visited, .album-carousel-thumb a:hover { position: absolute; z-index: 2; top: 0; left: 0; width: 100px; height: 100px; border: 1px solid #FFF; overflow: hidden; } .album-carousel-thumb-selected a:link img, .album-carousel-thumb-selected a:visited img, .album-carousel-thumb-selected a:hover img, .album-carousel-thumb a:hover img { opacity: 1; filter: alpha(opacity=100); } .album-carousel-thumb img { position: absolute; z-index: 1; display: block; top: 0px; left: 0px; width: 100px; height: 100px; opacity: 0.5; filter: alpha(opacity=50); } .album-carousel-btn-next:link, .album-carousel-btn-next:visited, .album-carousel-btn-next:hover { float: right; margin: 0; width: 50px; height: 100px; line-height: 70px; text-align: center; font-size: 100px; text-decoration: none; color: #999; overflow: hidden; } .album-carousel-btn-prev:hover, .album-carousel-btn-next:hover { color: #F00; background-color: #F4F4F4; } .album-download:link, .album-download:visited, .album-download:hover { position: absolute; z-index: 3; top: 10px; right: 10px; margin: 0; height: 28px; line-height: 28px; font-size: 12px; padding-left: 30px; text-decoration: none; background: transparent url('../img/button-bg-comments.png') 0 -137px no-repeat; overflow: hidden; } .album-download:hover { background-position: 0 -282px; color: #FFF; } .album-download span { display: block; background: transparent url('../img/button-bg-comments.png') 100% -50px; padding-right: 20px; } .album-download:hover span { background-position: 100% -456px; } /*Webpos*/ .header h2 { text-align: center; font-size: 32px; font-weight: lighter; line-height: 40px; color: #444444; } .font { width: 560px; float: right; padding: 60px 30PX; font-size: 16px; color: #7a7a7a; line-height: 30px; } .header .head-intro { font-size: 16px; line-height: 30px; font-weight: lighter; color: #7a7a7a; text-align: center; padding: 0 12px; border: 1px solid #b3b3b4; display: inline-block; margin-top: 10px; } .font2 { width: 688px; padding: 0 20PX; font-size: 16px; color: #7a7a7a; float: left; line-height: 30px; } .pos-img { float: right; padding: 0 40PX; } .pic { width: 58px; height: 73px; background: url('../images/new/webpos/icon_flux.png') no-repeat; margin-left: 68px; } .sns .header span { font-weight: bold; font-size: 16px; color: #7a7a7a; display: block; padding: 30px 64px; } .sns .header p { color: #7a7a7a; width: 154px; display: block; padding: 23px 20px; font-size: 14px; } .titles { width: 484px; float: left; } .sns h2 { text-align: center; font-size: 32px; font-weight: lighter; line-height: 40px; color: #444444; } .svs { width: 484px; float: right; padding-top: 80px; } .sns .svs img { padding-left: 80px; } .svs #list { width: 256px; height: 42px; background: url('../images/webpos/icon_01.png') no-repeat; font-size: 14px; color: #7a7a7a; line-height: 28px; padding-left: 35px; } .svs ul { padding-top: 10px; } .svs #list2 { width: 403px; height: 60px; background: url('../images/webpos/icon_02.png') no-repeat; font-size: 14px; color: #7a7a7a; padding: 2px 0px 0px 35px; } .svs #list3 { width: 426px; height: 42px; background: url('../images/webpos/icon_03.png') no-repeat; font-size: 14px; color: #7a7a7a; line-height: 28px; padding-left: 35px; } .svs #list4 { width: 403px; height: 42px; background: url('../images/webpos/icon_04.png') no-repeat; font-size: 14px; color: #7a7a7a; padding: 2px 0px 0px 35px; padding-left: 35px; } .wraps { width: 1000px; margin: 0 auto; } .wraps h2 { text-align: center; font-size: 32px; font-weight: lighter; line-height: 40px; color: #444; padding-top: 40px; } /*dsterminal*/ .ds-li-num { overflow: hidden; font-weight: 700; color: #e64448; } .ds-li-num span { width: 32px; height: 32px; background: #e33043; font-style: oblique; font-size: 24px; color: #fff; text-align: center; line-height: 32px; float: left; } .ds-li-num h3 { font-size: 20px; color: #383838; float: left; line-height: 32px; text-indent: 10px; font-weight: normal; text-align: left; } .ds_pic { margin: 60px auto 0; text-align: center; } .pic-pc { float: left; width: 226px; height: 220px; background-image: url('../images/new/dsterminal/pic_pc.png'); background-repeat: no-repeat; margin-left: 247px; } .pic-mobile { float: left; width: 309px; height: 226px; background-image: url('../images/new/dsterminal/pic_mobile.png'); background-repeat: no-repeat; margin: -6px 0 auto 259px; } .diagram-frame { background-color: #f0f2f5; height: 630px; } .diagram { overflow: hidden; width: 1180px; margin: 0 auto; } .diagram .pic-scxt { width: 500px; height: 540px; margin: 18px auto 0 auto; background-image: url('../images/new/dsterminal/pic_scxt.png'); background-repeat: no-repeat; } .hardware { width: 1180px; height: 408px; margin-top: 38px; margin: 0 auto; } .hardware p { display: block; font-size: 14px; color: #999; float: left; margin: 12px 0 0 42px; width: 108px; line-height: 24px; } .hardware .pic-yjzc { width: 655px; height: 288px; background-image: url('../images/new/dsterminal/pic_yjzc.png'); background-repeat: no-repeat; margin: 18px auto 0 auto; } .position-frame { height: 488px; background-color: #f0f2f5; } .position-frame p { font-size: 16px; float: left; margin: 12px 0 0 42px; width: 508px; line-height: 28px; } .position-frame .pic-tfwz { width: 872px; height: 263px; background-image: url('../images/new/dsterminal/pic_tfwz.png'); background-repeat: no-repeat; margin: 105px auto 0 auto; } .benefit { overflow: hidden; width: 1180px; height: 658px; margin: 0 auto; } .benefit .pic-benefit { width: 956px; height: 520px; background-image: url('../images/new/dsterminal/pic_benefit.png'); background-repeat: no-repeat; margin: 18px auto 0 auto; } .function-frame { background-color: #f0f2f5; } .function-frame .big-box { margin: 18px auto 0px; } .function-frame .box-01 { margin-left: 86px; width: 1024px; height: 200px; } .function-frame .box-02 { margin: 16px auto auto auto; width: 716px; height: 200px; } .box-01 .blue-box { float: left; width: 292px; height: 200px; background-color: #49abe9; margin-right: 26px; } .box-01 .blue-box h4 { font-size: 24px; color: #fff; padding-top: 52px; text-align: center; font-weight: normal; } .box-01 .blue-box p { width: 228px; height: 38px; font-size: 16px; color: #fff; font-weight: normal; line-height: 24px; margin: 18px auto auto auto; } .box-02 .blue-box { float: left; width: 292px; height: 200px; background-color: #49abe9; margin-right: 26px; } .box-02 .blue-box h4 { font-size: 24px; color: #fff; padding-top: 52px; text-align: center; font-weight: normal; } .box-02 .blue-box p { width: 228px; height: 38px; font-size: 16px; color: #fff; font-weight: normal; line-height: 24px; margin: 18px auto auto auto; } .model-content .grey-box { float: left; width: 192px; height: 268px; border-radius: 5px; background-color: #fafafa; border: 1px solid #DDDDDD; } .grey-box p { width: 140px; font-size: 16px; color: #999; font-weight: normal; margin: 70px auto auto auto; line-height: 22px; } .model-content .equal { float: left; width: 48px; height: 268px; } .equal li { width: 42px; height: 4px; background-color: #ffc26a; } .equal-01 { margin: 128px auto auto auto; } .equal-02 { margin: 4px auto auto auto; } .orange-box { float: left; width: 70px; height: 24px; background-color: #ffc26a; margin-top: 122px; margin-left: 3px; } .arrow-right { float: left; width: 0; height: 0; border-bottom: 35px solid transparent; border-top: 35px solid transparent; border-left: 54px solid #ffc26a; font-size: 0; line-height: 0; margin-top: 99px; } .pic-yyms { width: 241px; height: 206px; background: url('../images/new/dsterminal/ic_yyms.png') no-repeat; position: relative; top: 45px; left: 570px; } /*erpbuilder*/ .shop3cl { margin: 0 20px; float: left; width: 350px; line-height: 30px; } .shop3cl h4 { font-size: 20px; line-height: 50px; font-weight: normal; } .shop3cl p { font-size: 14px; } .function-list { color: #242C3B; width: 1154px; overflow: hidden; margin: 0 auto; } .function-list ul { font-size: 0; width: 1152px; } .function-list ul li { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; height: 150px; width: 332px; padding: 25px; border-style: dashed; border-width: 1px 1px 1px 1px; border-color: #EEE; position: relative; } .function-list ul li sub { animation: 0.4s ease 0s normal none 1 running orangeOut; background-color: #FAFAFA; height: 100%; opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; } .function-list ul li:hover sub { animation: 0.2s ease 0s normal none 1 running orangeIn; opacity: 1; } .function-list-reset ul li { height: 170px !important; } @keyframes orangeIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes orangeOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } .function-list .block-name { font-size: 20px; color: #000000; text-align: center; float: left; } .function-list .block-name span { display: block; } .function-list .block-name span img { padding-top: 32px; } .function-list dl { font-size: 0; width: 236px; float: right; } .function-list dl dt { font-size: 16px; line-height: 22px; color: #ff3228; display: block; margin-bottom: 10px; } .function-list dl dd { font-size: 14px; color: #333; line-height: 22px; } .function-list dl dd i { font-size: 12px; color: #999; } .preview { width: 100%; text-align: center; } .preview li { display: inline-block; vertical-align: top; margin-right: 12px; cursor: pointer; position: relative; } .preview li div { width: 100%; height: 400px; position: absolute; background: rgba(0, 0, 0, 0.4); left: 0; top: 0; } .preview-erp li { margin-bottom: 18px; width: 286px; height: 230px; } .preview-erp li img { margin-top: 48px; } .preview li div span { width: 100px; height: 100px; background: rgba(0, 0, 0, 0.3); border-radius: 50%; display: inline-block; margin-top: 150px; } .preview-pc li div, .preview-sns li div { height: 230px; } .preview-erp li div { height: 230px; } .preview-pc li div span, .preview-sns li div span, .preview-erp li div span { margin-top: 60px !important; } .preview li div span i { width: 28px; height: 100px; background: url('../images/new/preview/im_search.png') no-repeat 0 50%; display: block; margin: auto; } .preview-img { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 10; display: none; } .preview-img.active { display: block; } .preview-img-content { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .preview-img-items { width: 20%; height: 100%; position: relative; float: left; } .preview-img-content-pc .preview-img-items, .preview-img-content-sns .preview-img-items { width: 25%; } .preview-img-content-erp .preview-img-items { width: 12.5%; } .preview-img-items img { -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; max-width: 800px; } /*reoperation*/ .oprt_txt1 { font-size: 16px; line-height: 28px; width: 1000px; padding: 50px; border-radius: 50px; background: #eeeeee; text-align: left; margin: 0 auto 50px; } .oprt_txt2 { font-size: 16px; line-height: 28px; width: 550px; padding: 50px; text-align: left; margin: 0 auto; } .fllt { float: left; width: 550px; margin: 0 auto; } /*renshiwaibao*/ .talent_issue_bg { margin: 50px auto 0; } .main-w .subtitle { font-size: 20px; color: #999999; margin-top: -8px; } .talent_advantage { overflow: hidden; } .talent_service { overflow: hidden; } .talent_service p { color: #666666; font-size: 18px; line-height: 24px; } .talent_service li { background-image: url('../images/new/renshiwaibao/talent_img_serNum.png'); } .talent_service_txt01 { width: 221px; height: 80px; float: left; margin: 0 60px 45px auto; background-position: 0 0; } .talent_service_txt01 p { margin: 20px auto 0 80px; } .talent_service_txt02 { background-position: 0 -80px; width: 221px; height: 80px; float: left; margin: 0 60px 45px auto; } .talent_service_txt02 p { margin: 10px auto 0 80px; } .talent_service_txt03 { background-position: 0 -166px; width: 221px; height: 80px; float: left; margin: 0 60px 45px auto; } .talent_service_txt03 p { margin: 20px auto 0 80px; } .talent_service_txt04 { background-position: 0 -251px; width: 221px; height: 80px; float: left; margin: 0 0 45px auto; } .talent_service_txt04 p { margin: 20px auto 0 77px; } .talent_service_txt05 { background-position: 0 -338px; width: 221px; height: 80px; float: left; margin: 0 60px 45px auto; } .talent_service_txt05 p { margin: 20px auto 0 80px; } .talent_service_txt06 { background-position: 0 -430px; width: 221px; height: 80px; float: left; margin: 0 60px 45px auto; } .talent_service_txt06 p { margin: 20px auto 0 80px; } .talent_service_txt07 { background-position: 0 -517px; width: 221px; height: 80px; float: left; margin: 0 60px 45px auto; } .talent_service_txt07 p { margin: 20px auto 0 80px; } .talent_service_txt08 { background-position: 0 -608px; width: 221px; height: 80px; float: left; margin: 0 0 45px auto; } .talent_service_txt08 p { margin: 20px auto 0 80px; } .talent_sel_yuanfeng { margin-top: 30px; } .shop3cl img { margin-right: 15px; margin-left: 50px; } /*elabbuilder*/ .table_0 { width: 1200px; background: none repeat scroll 0 0 #fff; border-left: 1px solid #da415f; border-top: 1px solid #da415f; color: #767676; height: auto; margin: 0 auto; } .elab_tb tr.tr-head { background: #D74260; } .elab_tb td { border-bottom: 1px solid #da415f; border-right: 1px solid #da415f; padding: 10px 2px 10px 8px; font-size: 16px; text-align: center; } .elab-module i { display: inline-block; margin-right: 10px; vertical-align: middle; width: 14px; height: 14px; background: #ff6100; } /*sink*/ .banner_sink { position: relative; background: #ccc; z-index: -999; background: url('../images/banner/banner-sink.png') no-repeat center; } .newintro { width: 40%; margin: 3em 5em; text-align: left; line-height: 2.3em; font-size: 16px; float: left; color: #666; } .newadvtg { width: 35%; margin: 2em; text-align: center; float: left; } .ht2 { font-size: 30px; text-indent: 30px; text-align: center; line-height: 5em; } .newadvtg2 { width: 25%; margin: 1em 0; text-align: center; float: left; } .newintro2 { width: 66%; margin: 0 2em; text-align: left; line-height: 2.3em; font-size: 16px; float: left; color: #666; padding-top: 45px; } .newintro4 { width: 50%; margin: 0 5em; text-align: left; line-height: 2.3em; font-size: 16px; float: left; color: #666; padding-top: 45px; } .newadvtg4 { width: 25%; margin: 1em 0; text-align: left; float: left; } .colums { width: 260px; margin: 20px 70px; float: left; display: inline-block; text-align: left; color: #666; } .colums p { line-height: 2em; margin: 10px 0; font-size: 16px; word-break: normal; } .newintro3 { width: 95%; margin: 2em; text-align: left; line-height: 2.3em; font-size: 16px; color: #666; } /*system*/ .banner_system .banner-img{ bottom: -100px; right: -10px; width: 450px; height: 350px; background: url(../images/new/system/banner.png) no-repeat center; background-size: 100%; } .banner_system .banner-img.active { bottom: -82px; opacity: 1; } /*IndustrialPark*/ .indsp2cl { margin: 20px 40px 0; float: left; width: 500px; } .indsp2cl p { font-size: 16px; line-height: 28px; } .indsp2cl h4 { text-align: left; line-height: 36px; font-size: 18px; } .fbold { font-weight: bold; line-height: 24px; } /*zhds*/ .zhdsbg { height: 680px; padding: 30px 0px; color: #fff; background: url('../images/new/zhds/img_business_pain_point.png') no-repeat center; background-size: cover; } .zhdsbg h6 { font-size: 36px; line-height: 50px; margin: 60px auto 30px; font-weight: normal; text-align: center; } .newadvtg_zh { width: 50%; text-align: center; float: left; height: 400px; } .newintro_zh { width: 50%; text-align: center; line-height: 2.3em; font-size: 24px; float: left; color: #666; height: 300px; margin-top: 70px; } .newintro_zh p{ font-size:18px; } /*chain / clothing / department / fresh / tourism */ .line { position: relative; } .line i { width: 524px; height: 1px; border-bottom: 1px dashed red; position: absolute; left: 27%; top: 50%; } .line span { font-size: 16px; line-height: 36px; display: inline-block; position: relative; z-index: 2; padding: 0 10px; background: #fff; } .nth3 { font-size: 20px; font-weight: bold; } .anli_nr { width: 1200px; margin: 0 auto; margin-top: 40px; margin-bottom: 50px; text-align: center; } .advantage { text-align: left; } .anli_nr ul { margin: 0 auto; } .anli_nr li { float: left; width: 273px; margin: 0px 35px 25px 0px; } .advantage li img { width: 500px; vertical-align: top; } .adv-li1 img { margin-right: 96px; } .advantage li div.first { margin-top: 128px; } .advantage li div { width: 600px; display: inline-block; margin-top: 30px; } .advantage h4 { font-size: 18px; padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid #aaa; } .advantage li p { line-height: 30px; width: 400px; } .anli_nr li p { font-size: 14px; line-height: 26px; text-align: left; } .advantage li { float: none; width: 100%; margin-bottom: 0px; } .advantage p { position: relative; } .bbc_c .line span { background: #f8f8f8; } .anli_nr li p.nth3 { font-size: 20px; line-height: 30px; color: #333; height: 50px; text-align: center; } .li_z { margin-right: 0px !important; } /*fresh / clothing*/ .pattern4 { margin: 20px 0; } .pattern4 li { display: inline-block; vertical-align: top; width: 19%; } .pattern3 { padding-top: 40px; position: relative; } .pattern3 li { width: 39%; height: 90px; } .pattern3 li h4 { font-size: 18px; line-height: 36px; } .pattern3 li p { font-size: 14px; } .pattern3 li.odd { float: left; text-align: right; } .pattern3 li.even { float: right; text-align: left; } .pattern3-bg { position: absolute; left: 43%; top: 78px; width: 200px; height: 200px; background: tan; } .fresh-pain { background: url('../images/new/fresh/fresh-pain.png') no-repeat; background-size: contain; } .pattern1 { padding-top: 20px; } .pattern1 ul li { border: 1px solid #e1e1e1; position: relative; width: 43%; display: inline-block; margin: 20px 30px 10px; vertical-align: top; min-height: 135px; } .pattern1-reset ul li { border: none !important; } .pattern1 ul li div.pattern1_logo { position: absolute; left: 0; top: 0; width: 120px; height: 100%; } .pattern1 ul li div.pattern1_text { display: inline-block; padding: 4px 10px 5px 126px; text-align: left; } .pattern1 ul li div.pattern1_text h4 { font-size: 18px; line-height: 30px; } .pattern1 ul li div.pattern1_text h5 { font-size: 14px; margin-bottom: 6px; } .advantage-reset li { margin-bottom: 0 !important; margin-top: 40px; } /*tourism*/ .tourism-pain { background: url('../images/new/tourism/tourism-pain.png') no-repeat; background-size: contain; } /*department*/ .advantage p i { width: 12px; height: 12px; display: inline-block; background: red; border-radius: 50%; position: absolute; left: 0; top: 12px; } .advantage p span { display: inline-block; padding-left: 20px; line-height: 24px; margin-bottom: 14px; } .consult a { height: 30px; line-height: 30px; border-radius: 15px; background: #ff8226; display: inline-block; padding: 0 40px; border: 1px solid #999; color: #fff; margin-left: 100px; letter-spacing: 3px; } .adv-li2 img { margin-left: 96px; } /*公用*/ .content-wrap { position: relative; } .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; text-align: center; } .content-wrap li { /*display: none;*/ margin: 0 auto; padding: 1em; max-width: 1200px; text-align: center; } .content-wrap section.content-current { display: block; } .content-wrap li.content-current { display: block; } .content-wrap section p { margin: 0; padding: 0.75em 0; color: rgba(40, 44, 42, 0.05); font-weight: 900; font-size: 4em; line-height: 1; } /*case*/ .case-list { text-align: center; font-size: 0; } .case-list li { display: inline-block; position: relative; width: 410px; margin-bottom: 20px; vertical-align: middle; } .case-list li:nth-child(3n) { width: 362px; } .case-list li .img-area { width: 100%; } .case-list li img { display: block; width: 362px; height: 274px; } .case-intro { position: relative; } .case-intro .text { width: 342px; padding: 16px 10px; text-align: center; color: #585858; } .case-intro .text h4 { font-size: 22px; line-height: 50px; margin-bottom: 10px; font-weight: 100; } .case-intro .text p { font-size: 15px; line-height: 26px; height: 160px; overflow: hidden; text-align: left; color: #5c5c5c; } /*version*/ .news_nr_zw, .news_nr_pa { margin-bottom: 30px; } .news_nr_pa li { border-bottom: 1px dashed #dddddd; display: block; min-height: 100px; overflow: hidden; padding-bottom: 10px; padding-top: 20px; margin-top: 15px; } .case_n li { border: 1px solid #ebebeb !important; padding-bottom: 20px !important; } .par-img { float: left; height: auto; padding: 0 20px; width: 156px; } .news_nr_zw .zw_right, .news_nr_pa .zw_right { float: right; margin-left: 30px; overflow: hidden; width: 900px; } .case_right { margin-left: 0px !important; width: 895px !important; margin-right: 20px; } .news_nr_zw .zw_right_bt, .news_nr_pa .zw_right_bt { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .news_nr_zw .zw_right_nr, .news_nr_pa .zw_right_nr { font-size: 14px; font-weight: normal; } .news_nr_zw li { border-bottom: 1px dashed #dddddd; display: block; min-height: 140px; overflow: hidden; padding-bottom: 10px; padding-top: 20px; margin-top: 15px; } .news_nr_zw .zw_left { float: left; height: 130px; width: 185px; } .zw_left div { border: 1px solid #f7f7f7; background: white; width: 180px; height: 125px; overflow: hidden; position: relative; display: table-cell; text-align: center; vertical-align: middle; margin: 1px; } .zw_left div p { position: static; top: 50% } .zw_left div p img { position: static; top: -50%; left: -50%; max-width: 180px; max-height: 125px; display: inline !important; } .news_nr_zw .zw_right_sj, .news_nr_pa .zw_right_sj { font-size: 12px; margin-bottom: 15px; } /*authorization*/ .main_tt { background: #E7EDF2; border-radius: 3px; width: 1140px; height: auto; padding: 5px; } .mian_ts { width: 1100px; background: white; padding: 20px; } .au_title { width: 100%; border-bottom: 1px solid #D8D8D8; font-size: 18px; color: #545454; line-height: 30px; height: 30px; } .au_info { padding: 10px 0 16px 0; color: #8E8E8E; line-height: 28px; font-size: 14px; } .look_text { background-color: white; border: 1px solid #D7D7D7; width: 400px; height: 22px; color: #B0B0B0; line-height: 22px; padding-left: 5px; } /*license*/ .license-bgs { margin: 0 auto; width: 938px; background: url('../images/new/license/license-bgs.png') no-repeat center bottom; height: 53px; } .license-bgx { margin: 0 auto; width: 938px; background: url('../images/new/license/license-bgx.png') no-repeat center top; height: 53px; } .license-bgz { margin: 0 auto; width: 938px; background: url('../images/new/license/license-bgz.png') repeat-y; height: 100%; } .license-bgz0 { margin: 0 auto; width: 838px; background: url('../images/new/license/license-bgz-0.png') no-repeat 400px 330px; height: 100%; } .license-bgz0-h { margin: 0 auto; padding: 26px; width: 838px; font-size: 28px; font-weight: bold; } .license-bgz0-h p { font-size: 14px; line-height: 24px; padding: 35px 0 0 0; font-weight: bold; } .license-bgz0-h-p { font-size: 14px; line-height: 24px; } .license-bgz0-h-p p { line-height: 26px; } .license-bgz0-h-p h1 { font-size: 18px; padding-bottom: 15px; } /*law*/ .about .intro { height: auto; min-height: 500px; } .intro { border: 1px #BFCCD7 solid; height: 945px; min-height: 945px; height: auto !important } .about .ysf-c2sl { background: #fff; } .intro-word { padding: 10px; } .ysf-ele-g h2 span, .ysf-ele-g2 h2 span, .ysf-ele-b h2 span { padding: 7px 38px; font-size: 14px; font-weight: bold; line-height: 32px; color: #FFFFFF; background: #0033FF url('../images/new/law/icon_aro.png') 12px 50% no-repeat; } .ysf-ele-g h2 { height: 33px; border: #C3CFD9 1px solid; border-bottom: 0px; border-top: 0px; } .intro h2 { border: 0px; } .acc-intro .ysf-c2sl { margin-left: 245px; } .ysf-ele-g h2, .ysf-ele-b h2 { background: url('../images/new/law/scro_title.png') left top repeat-x; } .intro-word ul li { font-size: 14px; color: #444444; } /*cloudmall*/ .small-title { font-weight: 700; color: #e64448; } .small-title i { width: 4px; height: 4px; background: red; display: inline-block; border-radius: 50%; vertical-align: middle; margin-right: 6px; } .play_img_con li { margin-right: 17px; margin-bottom: 20px; display: inline-block; vertical-align: top; } .clound_mall_ser .clound_mall_1 { background: url('../images/new/cloudmall/01.png') no-repeat; background-position: center; } .clound_mall_ser .clound_mall_2 { background: url('../images/new/cloudmall/02.png') no-repeat; background-position: center; } .clound_mall_ser .clound_mall_3 { background: url('../images/new/cloudmall/03.png') no-repeat; background-position: center; } .clound_mall_ser .clound_mall_4 { background: url('../images/new/cloudmall/04.png') no-repeat; background-position: center; } .clound_mall_ser .clound_mall_5 { background: url('../images/new/cloudmall/05.png') no-repeat; background-position: center; } .clound_mall_ser .clound_mall_6 { background: url('../images/new/cloudmall/06.png') no-repeat; background-position: center; } .clound_mall_ser li { width: 384px; height: 222px; position: relative; display: inline-block; margin-right: 20px; margin-bottom: 20px; } .clound_mall_ser li span { height: 100%; border-radius: 4px; background: rgba(240, 87, 81, 0.9); display: inline-block; width: 312px; padding: 0 36px; font-size: 20px; color: #fff; line-height: 30px; text-align: left; vertical-align: top; display: table; } .clound_mall_ser li span i { display: table-cell; vertical-align: middle; font-style: normal; } .choice_reason ul, .choice_reason .yf_bg { float: left; } .choice_reason ul { width: 660px; height: 290px; box-shadow: 0 0 30px 10px #f5f5f5; background: #fff; margin-right: 40px; margin-top: 26px; border-radius: 4px; padding: 6px 0 6px 20px; } .choice_reason ul li { font-size: 18px; line-height: 36px; color: #333; } .choice_reason ul li em { font-style: normal; width: 18px; height: 18px; display: inline-block; border: 1px solid #999; border-radius: 50%; font-size: 12px; text-align: center; vertical-align: middle; line-height: 18px; color: #999; margin-right: 9px; } .vals { display: inline-block; vertical-align: top; margin-right: 10px; width: 31%; } .vals li { border: 1px solid #ddd; border-radius: 4px; padding: 10px 15px; min-height: 114px; background: #f7f7f7; text-align: left; } .vals li h3 { font-size: 18px; color: #000; line-height: 46px; font-weight: normal; } .vals li p { font-size: 14px; color: #646466; } .vals_thumb { text-align: center; margin: 20px 0; } .ybscxt-pos { position: absolute; left: 46%; bottom: -30px; } .vals_thumb img { max-width: 150px; max-height: 200px; margin-right: 20px; } .vals_thumb-img { margin-bottom: 20px; height: 150px; } .vals_right { margin-right: 0; } .vals-right-li1 { height: 130px; } .vals-right-li2 { height: 245px; } .tab-copy { width: 800px !important; } /*select_software*/ .mp-module-left { width: 45px; } .mp-module-right { width: 1022px; } .agent_ann_w { width: 980px; margin: 0 auto; } .agent_ann { margin-left: 51%; margin-top: 350px; float: left; } .agent_ann_a { width: 189px; height: 58px; display: block; } .agent_ann1 { margin-right: 6%; margin-top: 350px; float: right; } .agent { padding: 20px 0px; } .agent h2 { font-size: 30px; font-weight: normal; line-height: 30px; margin: 20px auto 40px; text-align: center; } .agent_nr { margin: 0 auto; margin-top: 15px; width: 1200px; padding: 10px 0px 24px 0px; line-height: 28px; text-align: center; font-size: 14px; } .agent_nr p { font-size: 14px; padding: 12px 0px; } .agent5clm { float: left; width: 214px; text-align: center; margin: 0px auto; font-size: 14px; } .agent5clm p { width: 150px; text-align: center; margin: 0px auto; font-size: 14px; line-height: 22px; } .agent_nrz_div1 { padding-top: 15px; padding-left: 15px; font-size: 16px; text-align: center; } .agent_nr00 { margin: 0 auto; margin-top: 15px; width: 1180px; padding: 10px 0px 14px 0px; line-height: 28px; } .agent_nr00 span { font-size: 14px; } .agent_nrz { width: 568px; float: left; border: 1px dashed #ccc; } .redht { font-size: 24px; line-height: 40px; height: 40px; color: #C00; } .agent_nry { width: 568px; float: right; border: 1px dashed #ccc; } .agent_nr h3 { font-size: 20px; color: #0068B7; padding-bottom: 10px; text-align: center; } .agent_ftimg { float: left; margin: 30px 15px; width: 170px; } .products_nr h2 { font-size: 20px; color: #0068b7; font-weight: bold; } .products_nr p { padding-top: 20px; font-size: 16px; line-height: 24px; } .products_nr li { padding: 20px; border: 1px solid #ebebeb; margin-bottom: 20px; } .products_nr h3 { font-size: 16px; color: #0068b7; font-weight: normal; } .a_an { display: block; color: #fff; font-size: 16px; text-align: center; } .a_an_left { width: 140px; height: 45px; background-color: #0068b7; line-height: 45px; } .a_an_right { width: 160px; height: 45px; background-color: #fe4200; line-height: 45px; } .cd222-xm-an { float: left; padding-left: 27px; } .cd222-xm-2a { margin: 0 auto; padding: 0px; padding-top: 10px; float: left; font-size: 20px; color: #505050; } .cd222-xm-2b { margin: 0 auto; padding: 0px; padding-top: 10px; float: left; font-size: 16px; width: 700px; padding-left: 12px; color: #505050; line-height: 26px; } .cd222-xm-2h3 { padding-top: 14px; } /*solution*/ .ss_z { font-size: 18px; } .ss_z ul { text-align: center; margin-left: 2px; } .ss_z ul li { height: 90px; line-height: 30px; width: 194px; float: left; border: 1px #e8e8e8 solid; padding-bottom: 30px; overflow: hidden; } .ss_z li a { width: 194px; display: block; padding-top: 30px; } .ss_z li a:hover, .ss_z li a:active { color: #0068b6; background: #e8e8e8; width: 194px; display: block; height: 90px; } .sb_ys { color: #0068b6; background: #e8e8e8; padding-bottom: 30px; } .ss_y { width: 1196px; overflow: hidden; margin-bottom: 40px; text-align: left; } .ss_y1 { margin: 30px 10px; width: 1120px; text-align: center; line-height: 28px; } .ss_y1 h2 { font-size: 30px; color: #353736; font-weight: normal; } .ss_y1 p { padding: 10px 0px 0px; font-size: 16px; color: #525252; } .ss_y2 { margin: 0 auto; width: 1120px; color: #525252; padding-bottom: 10px; margin-left: 27px; } .ss_y2 li { padding: 14px 0px 25px 0; border-bottom: #cacaca 1px dashed; background: url('../images/new/solution/solutions-100.png') no-repeat 10px 28px; } .ss_y2_bt { padding-left: 34px; font-size: 18px; color: #194276; padding-bottom: 20px; padding-top: 10px; } .ss_y2_nai { padding-left: 34px; } .ss_y2_nai p { line-height: 28px; font-size: 16px; } .ss_y2 p { padding-bottom: 15px; font-size: 16px; line-height: 28px; } .slt_rtimg3 { float: right; margin-top: -190px; width: 460px; text-align: center; } .slt_rtimg1 { float: right; margin-top: -150px; width: 460px; text-align: center; } .ss_y1 span { color: #194276; } .ss_y1_a { margin: 0 auto; width: 1200px; line-height: 28px; padding: 20px 0px; } .ss_y1_a00 { width: 180px; overflow: hidden; float: left; margin: 0px 110px; display: inline; } .ss_y1_a00 h3 { font-size: 24px; font-weight: normal; padding-top: 20px; text-align: center; line-height: 36px; } .ss_y1_a00 li { color: #525252; font-size: 16px; } .halfwidth { width: 50%; } .ss_y2_nai span { font-size: 18px; color: #194276; padding-bottom: 10px; } .ss_y2_nai h3 { font-size: 16px; font-weight: normal; color: #194276; padding-bottom: 10px; line-height: 28px; } .slt_rtimg2 { float: right; margin-top: -250px; width: 460px; text-align: center; } .slt_rtimg4 { float: right; margin-top: -100px; width: 460px; text-align: center; } .slt_rtimg5 { float: right; margin-top: -360px; width: 460px; text-align: center; } /*solution1*/ .ss_y1_a02 { width: 550px; overflow: hidden; border-bottom: 2px solid #e8e8e8; float: left; padding: 0px 25px 20px 25px; } .ss_y1_a02 h3 { font-size: 24px; font-weight: normal; color: #F30; margin-left: 10px; } .ss_y1_a02 li { color: #525252; margin: 20px 20px 0px; font-size: 20px; } /*solution2*/ .ss_y1_a01 { width: 1200px; overflow: hidden; border-bottom: 2px solid #e8e8e8; padding-bottom: 20px; } .ss_y1_a01 h3 { font-size: 24px; font-weight: normal; color: #F30; margin-left: 10px; } .ss_y1_a01 li { color: #525252; margin: 20px 20px 0px; font-size: 20px; float: left; } /*pay*/ .pay-col { font-size: 18px; color: #015ca7; } .pay ul li { margin: 0 auto; } .pay li { border-bottom: #dddddd 1px solid; padding: 40px 0px; } .pay_li { background: #0183ed; font-size: 18px; color: #FFF; padding: 10px 20px; float: left; } .pay p { font-size: 14px; line-height: 38px; padding: 20px 5px 0px; } /*news-list / news*/ .focus-z li img { width: 100%; height: 100%; } .recommend-p { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3E3E3E; } .b2b2-platform a:hover { color: #e45050; } .container-left { width: 835px; } .banner-l { width: 670px; height: 360px; } .banner-r li { width: 150px; height: 112px; margin-top: 12px; } .banner-r li:nth-child(1) { margin-top: 0; } .banner-r li img { width: 100%; height: 100%; } .yf-case>li { padding: 20px 0; border-bottom: 1px solid #e0e0e0; } .yf-case>li:nth-last-child(1) { border: none; } .yf-case li>a>img { width: 250px; height: 165px; } .yf-case-text { margin-left: 20px; margin-top: 12px; } .yf-case-text h3 { font-size: 14px; color: #7a7a7a; width: 530px; } .yf-case-text h3 a { font-size: 18px; color: #1f1b1c; } .yf-case-text p { width: 450px; height: 40px; line-height: 20px; margin-top: 18px; } .yf-case-i1 { width: 16px; height: 16px; margin-left: 2px; vertical-align: sub; } .yf-case-i2 { width: 18px; height: 11px; margin-right: 6px; } .b2b2-platform a { color: #e45050; } .yf-important { position: relative; } .yf-important>a>img { /* width: 466px !important; height: 350px !important; */ } .yf-important .yf-case-text { width: 326px; } .yf-important .yf-case-text h3 { width: 326px; } .yf-important .yf-case-text p { width: 326px; height: auto; margin-top: 18px; } .yf-important .b2b2-platform { position: absolute; bottom: 20px; right: 20px; } .pagination { display: block; margin: 0; padding: 20px; text-align: center; font-size: 12px; margin-top: 40px; } .pagination ul { display: inline-block; margin-bottom: 0; margin-left: 0; padding: 0; } .pagination ul>li { display: inline; } .pagination ul>.active>a, .pagination ul>.active>span { cursor: default; } .pagination ul>.active>a, .pagination ul>.active>span { background-color: #f63756; color: #fff; } .pagination ul>li>a, .pagination ul>li>span { float: left; margin: 0 2px; padding: 10px 15px; border-radius: 2px; background-color: #f0f0f0; color: #666; opacity: .8; } /*right*/ .container-right { margin-left: 20px; width: 345px; } .recommendation { width: 346px; font-size: 14px; background: #fafafa; padding-top: 12px; } .recommendation h2 { color: #3e3e3e; padding: 0 18px 0 12px; font-size: 20px; height: 36px; line-height: 36px; border-left: 6px solid #e45050; } .recommendation h3 { color: #3e3e3e; padding: 0 18px; font-size: 16px; line-height: 16px; margin-top: 12px; margin-bottom: 15px; } .recommendation>p { padding: 0 18px; } .recommendation-p { padding: 0 18px; line-height: 24px; color: #686666; } .recommend { margin-top: 12px; padding-top: 17px; padding-bottom: 40px; } .recommend p { padding: 0 15px 0 36px; line-height: 34px; } .recommend-p:hover { color: #e45050; } .img-case { padding: 14px 15px; border-bottom: 1px solid #ececec; } .img-case p:hover { color: #e45050; } .img-case:nth-last-child(1) { border-bottom: 0; } .img-case>a>img { width: 315px; height: 165px; margin-bottom: 14px; } .hot-articles { padding-bottom: 0; } .hot-articles>li { padding: 30px 0 24px 12px; border-bottom: 1px solid #ececec; } .hot-articles-pd { padding: 18px 0 15px 12px; } .hot-articles>li:nth-last-child(1) { border-bottom: none; padding-bottom: 26px; } .hot-articles li img { width: 125px; height: 90px; } .hot-articles li p { margin-left: 11px; text-align: left; margin-top: 16px; width: 160px } .hot-articles li p:hover { color: #E45050; } .bg-rgba { position: absolute; bottom: 0; left: 0; width: 100%; height: 84px; line-height: 84px; font-size: 24px; color: #fefefe; background-color: rgba(21, 0, 1, 0.4); } .bg-rgba1 { height: 30px; line-height: 30px; font-size: 12px; } .one-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*news*/ .news-details-module .news-tit { font-size: 28px; color: #1f1b1c; } .news-infor { color: #888; } .news-infor span { display: inline-block; margin-right: 10px; } .news-img { width: 820px; height: 420px; background-color: rgba(0, 0, 0, 0.1); margin-top: 25px; margin-bottom: 40px; } .news-details-text h2 { margin-bottom: 20px; color: #e45050; } .news-details-text strong { color: #0d0d0d; font-size: 16px; } .news-details-text p { color: #1f1b10; font-size: 16px; line-height: 30px; margin-bottom: 20px; } .article-tags { margin: 30px 0; padding-top: 20px; border-top: 1px solid #f0f0f0; text-align: left } .article-tags a { display: inline-block; margin: 0 10px 4px 0; padding: 10px 14px 10px; background-color: #f0f0f0; color: #bbb; font-size: 14px; opacity: .85; filter: alpha(opacity=85) } .article-tags_top a { display: inline-block; padding: 10px 24px 0 0; color: #bbb; font-size: 14px; opacity: .85; filter: alpha(opacity=85) } .article-tags a:hover { color: #999; opacity: 1; filter: alpha(opacity=100) } .article-list-box { margin-top: 40px } .article-box { float: left; margin-right: 25px; margin-bottom: 25px; width: 258px; height: 210px; border: 1px solid #f0f0f0; box-sizing: border-box; } .article-box:nth-child(3n) { margin-right: 0 } .article-box:hover { margin-top: -2px; margin-bottom: 27px; border-color: rgba(45, 50, 55, .2); box-shadow: 0 5px 8px rgba(45, 50, 55, .2) } .article-box img { width: 100%; height: 150px } .article-cc { padding: 5px 15px 0; font-size: 13px; line-height: 18px } .interested-article-box { display: inline-block; margin-top: 47px; margin-bottom: 50px } .interested-article-box .span-mark-author { font-size: 20px } .transition { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -ms-transition: all .2s ease-out } .post-comment { margin-top: 20px; padding: 20px; background: #fff } .article-nav { margin-bottom: 30px; } .article-nav a { display: block; width: 400px; font-size: 14px; color: #999; } .relates .title { padding-bottom: 10px; border-bottom: 1px solid #eaeaea; font-size: 18px; } .relates span { padding-bottom: 5px; border-bottom: 4px solid #f63756; color: #333; } .leave-messages dl{ float:left; margin-bottom:10px; width:33.33%; } .leave-messages dl i,.message-text dt i{ display:inline-block; margin-right:6px; color:#e05a5a; font-style:normal; } .leave-messages button{ display: inline-block; line-height: 28px; vertical-align: middle; width: 80px; background: #eee; cursor:pointer; outline:none; } .leave-messages .inp-width{ width:80px !important; } .message-text dd{ display:inline-block; width:91%; } .leave-messages dl dt,.leave-messages dl dd{ display:inline-block; font-size:14px; line-height:30px; color:#333; } .leave-messages dl dd input{ width: 160px; line-height: 26px; border: 1px solid #f0f0f0; text-indent:6px; } .comt-ctrl{ width: 91%; display: inline-block; margin-left: 57px; } #comments { margin-top: 15px; margin-bottom: 15px; font-size: 16px } #comments b { color: #f26013; font-weight: 400 } #comments .pull-right { position: relative; top: 5px; font-size: 12px } #commentform { margin-bottom: 5px } ul .comment:first-child { border: none; } .comment{ width: 100%; border-top: 1px solid #e1e1e1; padding: 20px 0; } .comment-name{ font-size: 14px; color: #48627e; } .comment-time{ font-size: 14px; color: #555; } .comment div p{ width: 80%; } .conmment-huifu{ color: #48627e; } .comment-btn{ margin-top: 20px; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #f4f5f6; font-size: 14px; color: #48627e; } .comt-count { float: right; margin-bottom: 5px; color: #999 } .comt { position: relative; padding-left: 70px } .comt-title { float: left; margin-left: -70px; width: 36px; color: #999; text-align: center; font-size: 12px } .comt-title .avatar { margin-bottom: 5px; width: 36px; height: 36px; border-radius: 50% } .comt-title p { overflow: hidden; margin-bottom: 0; text-overflow: ellipsis; white-space: nowrap } .comt-box { position: relative; padding: 4px 0 0 4px; border: 1px solid #f0f0f0; border-radius: 2px; background-color: #fff } .comt-ctrl { height: 36px; background-color: #fbfbfb; border: solid 1px #f2f2f2; } .btn-push-submit,.btn-reply-cancel { position: absolute; bottom: 0; padding: 0; width: 100px; height: 38px; line-height:38px; outline: 0; border: none; border-radius: 0 0 2px 0; color: #fff; font-size: 16px; cursor:pointer; } .btn-push-submit{ right: 8px; background-color:#e05a5a; } .btn-reply-cancel{ right:100px; background-color:#ddd; } #comment { overflow-x: hidden; overflow-y: auto; width: 100%; height: 68px; outline: 0; border: none; color: #666; font-size: 14px; line-height: 22px; resize: none } .seller-reply-text,.seller-reply-edit{ display:none; } .seller-reply-text.active,.seller-reply-edit.active{ display:block; } .hide { display: none } .comt-tips { margin-right: 110px; color: #fff; text-align: center; font-size: 18px; line-height: 116px } .comt-tip { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: 2; border-radius: 2px; background: #7AD071 } .comt-mail { padding-left: 10px } .comt-mail .fa { padding: 1px 8px; line-height: 32px } .comt-error { background: #FF5E52 } .comt-comterinfo { display: none; padding: 15px 0; text-align: center } .comt-comterinfo ul { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: left } .comt-comterinfo li { margin-bottom: 5px } .comt-comterinfo input { position: relative; margin-right: 10px; padding: 3px 5px; width: 220px; height: 34px; outline: 0; border: 2px solid #CCD4D9; border-radius: 2px; box-shadow: none } #cancel-comment-reply-link { display: none; margin-top: 7px; color: #999; text-align: center; font-size: 12px } #cancel-comment-reply-link:hover { color: #FF5E52 } .lh25 { line-height: 25px; } .comment #cancel-comment-reply-link { display: block } /*b2b2b*/ .b2b2b-safe li{ background:#fff !important; } .b2b2b-tab-change-items div.item{ float:left; padding-bottom:18px; width:25%; text-align:center; cursor:pointer; } .b2b2b-tab-change-items div.item.active i,.b2b2b-tab-change-items div.item.active h5{ color:#32CBE3 !important; } .b2b2b-tab-change-items div.item i.iconfont{ font-size:40px; color: #9B9B9B; } .b2b2b-tab-change-items div.item h5{ margin-top:17px; font-size:16px; color:#4a4a4a; } .b2b2b-tab-change-items .indicator-triangle{ border-bottom-color:#fff; } .b2b2b-tab-change-drap-items{ padding-top:43px; padding-bottom:39px; } .b2b2b-tab-change-drap-items li{ display:none; opacity:0; padding-left:590px; padding-top:39px; width:100%; height:391px; box-sizing:border-box; } .b2b2b-tab-change-drap-items li.active{ display:block; opacity:1; } .b2b2b-tab-change-drap-items .item1{ background:url(../images/new/s2b2b/bg1.png) no-repeat top; background-size:contain; } .b2b2b-tab-change-drap-items .item2{ background:url(../images/new/s2b2b/bg2.png) no-repeat top; background-size:contain; } .b2b2b-tab-change-drap-items .item3{ background:url(../images/new/s2b2b/bg3.png) no-repeat top; background-size:contain; } .b2b2b-tab-change-drap-items .item4{ background:url(../images/new/s2b2b/bg4.png) no-repeat top; background-size:contain; } .b2b2b-tab-change-drap-items li h4{ margin-bottom:20px; padding-bottom:17px; } .b2b2b-tab-change-drap-items li h4 .iconfont{ margin-right: 10px; font-size:24px; } .b2b2b-tab-change-drap-items li h4 .iconfont, .b2b2b-tab-change-drap-items li h4 span{ display:inline-block; color:#32CBE3; vertical-align:middle; } .b2b2b-tab-change-drap-items li h4 span{ font-size:16px; line-height: 26px; } .b2b2b-tab-change-drap-items li dl{ margin-bottom:12px; width:563px; } .b2b2b-tab-change-drap-items li dl dt, .b2b2b-tab-change-drap-items li dl dd{ color:#4a4a4a; } .b2b2b-tab-change-drap-items li dl dt{ margin-bottom:8px; font-size:14px; } .b2b2b-tab-change-drap-items li dl dd{ font-size:12px; line-height:20px; } .manual-list-items{ padding-top:50px; padding-bottom:50px; text-align:center; } .manual-list-items li{ display:inline-block; margin-right:150px; margin-bottom:20px; vertical-align:top; } .manual-list-items li:last-child{ margin-right:0; } .manual-list-items li span{ display:block; font-size:14px; color:#383D41; } .manual-list-items li a{ display:inline-block; margin-top:8px; font-size:12px; color:#4A90E2; text-decoration:underline; } .manual-list-items li .img-box{ position:relative; display:inline-block; width:168px; height:237px; } .manual-list-items li:nth-child(odd) .img-box{ background:url(../images/new/help/book1.png) no-repeat center top; background-size:contain; } .manual-list-items li:nth-child(even) .img-box{ background:url(../images/new/help/book2.png) no-repeat center top; background-size:contain; } .manual-list-items li .img-box b{ position:absolute; bottom:29px; right:10px; padding-right:13px; font-size:12px; color:#0045A8; line-height:22px; border-bottom:5px solid #4A90E2; } /*b2b2c英文版*/ .banner_b2b2c_english .banner-img{ bottom: -100px; right: -10px; width: 404px; height: 320px; background: url(../images/new/b2b2c/banner.png) no-repeat center; } .banner_b2b2c_english .banner-img.active { bottom: -70px; opacity: 1; } .b2b2c-english-module1 .language-website{ bottom:50px; } .b2b2c-english-items li{ float:left; margin-right:6px; margin-bottom:6px; width:295px; height: 230px; background:#fff; text-align:center; } .b2b2c-english-items li:nth-child(4n){ margin-right:0; } .b2b2c-english-items li span,.b2b2c-english-items li p{ font-size: 14px; color: #383D41; } .b2b2c-english-items li span{ display:block; margin-bottom:10px; } .b2b2c-english-items li .iconfont{ display:inline-block; margin-top:50px; margin-bottom:30px; width:72px; height:72px; border:1px solid transparent; box-sizing:border-box; border-radius:100%; font-size:40px; line-height:70px; } .b2b2c-english-items li.item1 .iconfont{ border-color:#31CBE3; color:#31CBE3; } .b2b2c-english-items li.item2 .iconfont{ border-color:#B66AFF; color:#B66AFF; } .b2b2c-english-items li.item3 .iconfont{ border-color:#F5A623; color:#F5A623; } .b2b2c-english-items li.item4 .iconfont{ border-color:#7ED321; color:#7ED321; } .b2b2c-english-items li.item5 .iconfont{ border-color:#BF7CFF; color:#BF7CFF; } .b2b2c-english-items li.item6 .iconfont{ border-color:#F6A624; color:#F6A624; } .b2b2c-english-items li.item7 .iconfont{ border-color:#7ED321; color:#7ED321; } .b2b2c-english-items li.item8 .iconfont{ border-color:#31CBE3; color:#31CBE3; } .b2b2c-english-items li.item9 .iconfont{ border-color:#F5A623; color:#F5A623; } .b2b2c-english-items li.item10 .iconfont{ border-color:#7ED321; color:#7ED321; } .b2b2c-english-items li.item11 .iconfont{ border-color:#31CBE3; color:#31CBE3; } .b2b2c-english-items li.item12 .iconfont{ border-color:#C78BFF; color:#C78BFF; } .b2b2c-english-items li.item13 .iconfont{ border-color:#7ED321; color:#7ED321; } .b2b2c-english-items li.item14 .iconfont{ border-color:#32CCE4; color:#32CCE4; } .b2b2c-english-items li.item15 .iconfont{ border-color:#C78BFF; color:#C78BFF; } .b2b2c-english-items li.item16 .iconfont{ border-color:#F5A623; color:#F5A623; } .b2b2c-english-module2-items li{ float:left; width:300px; height:203px; border:1px solid #E1E1E1; /*border-left-color:transparent; border-bottom-color:transparent;*/ box-sizing:border-box; text-align:center; } .b2b2c-english-module2-items li.item1, .b2b2c-english-module2-items li.item2, .b2b2c-english-module2-items li.item3, .b2b2c-english-module2-items li.item4{ border-bottom-color:transparent; } .b2b2c-english-module2-items li.item1, .b2b2c-english-module2-items li.item2, .b2b2c-english-module2-items li.item3, .b2b2c-english-module2-items li.item5, .b2b2c-english-module2-items li.item6, .b2b2c-english-module2-items li.item7{ border-right-color:transparent; } .b2b2c-english-module2-items li:hover{ border-color:#31CBE3; box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); } .b2b2c-english-module2-items li span,.b2b2c-english-module2-items li p{ font-size: 18px; color: #383D41; } .b2b2c-english-module2-items li span{ display:block; } .b2b2c-english-module2-items li .iconfont{ display:inline-block; margin-top:32px; margin-bottom:25px; width:72px; height:72px; line-height:70px; border:1px solid transparent; font-size:36px; border-radius:100%; } .b2b2c-english-module2-items li.item1 .iconfont{ border-color:#31CBE3; color:#31CBE3; } .b2b2c-english-module2-items li.item2 .iconfont{ border-color:#D09DFF; color:#D09DFF; } .b2b2c-english-module2-items li.item3 .iconfont{ border-color:#F5A623; color:#F5A623; } .b2b2c-english-module2-items li.item4 .iconfont{ border-color:#7ED321; color:#7ED321; } .b2b2c-english-module2-items li.item5 .iconfont{ border-color:#D09DFF; color:#D09DFF; } .b2b2c-english-module2-items li.item6 .iconfont{ border-color:#F5A623; color:#F5A623; } .b2b2c-english-module2-items li.item7 .iconfont{ border-color:#7ED321; color:#7ED321; } .b2b2c-english-module2-items li.item8 .iconfont{ border-color:#31CBE3; color:#31CBE3; } .module-style-three-items li{ float:left; margin-right:22px; width:385px; background:#32CCE4; text-align:center; border:1px solid #f4f4f4; box-sizing:border-box; } .module-style-three-items li:hover{ border-color:#32CCE4; box-shadow: 0 0 8px 0 rgba(0,0,0,0.20); } .module-style-three-items li:last-child{ margin-right:0; } .module-style-three-items .module-style-head{ height:88px; } .module-style-three-items p{ height:44px; line-height:44px; background:#E5E9EA; font-size: 14px; color: #383D41; } .module-style-head span{ padding-top:20px; font-size:18px; } .module-style-head em{ font-size:14px; } .module-style-head span,.module-style-head em{ color:#fff; } .module-style-three-items .module-style-item{ background:#fff; } .module-style-three-items .module-style-item span{ float:left; width:50%; height:184px; box-sizing:border-box; } .module-style-three-items .module-style-item span em{ display:block; margin-bottom:7px; line-height:20px; font-size: 14px; color: #383D41; } .module-style-three-items .module-style-item span .iconfont{ display:inline-block; padding-top:46px; font-size:30px; margin-bottom:20px; color: #9B9B9B; } .module-style-three-items .module-style-item span:nth-child(1), .module-style-three-items .module-style-item span:nth-child(2){ border-bottom:1px solid #EBEBEB; } .module-style-three-items .module-style-item span:nth-child(1), .module-style-three-items .module-style-item span:nth-child(3){ border-right:1px solid #EBEBEB; } /*b2c新零售*/ .banner-text-li{ display: inline-block; width:260px; line-height:40px; } .banner_b2c_shop .banner-img{ bottom: -40px; right: -10px; width:392px; height:286px; background: url(../images/new/b2c/banner.png) no-repeat center; } .banner_b2c_shop .banner-img.active { bottom: -124px; opacity: 1; } .channel-system-top{ display: block; margin: 0 auto; padding-top: 22px; box-sizing: border-box; text-align: center; width: 432px; height: 94px; font-size: 18px; color: #fff; background: #31cbe3; } .channel-system-top em{ display: block; margin-top: 5px; font-size: 14px; color: #fff; } .channel-system-img{ display: block; margin: 5px auto; width: 793px; height: 55px; } .channel-system-ul{ margin-top: 46px; padding-left: 42px; } .channel-system-ul li{ position: relative; margin-right: 72px; width: 320px; height: 368px; border: 1px solid #31cbe3; background:#fff; } .channel-circular{ position: absolute; top: -44px; left: 117px; width: 88px; height: 88px; border-radius: 50%; background: #31cbe3; } .channel-circular i{ display: block; margin-top: 5px; text-align: center; font-size: 44px; color: #fff; } .channel-circular p{ text-align: center; font-size: 18px; line-height: 10px; color: #fff; } .channel-system-upos{ margin-left: 10px; margin-top: 5px; padding: 0 10px; width: 302px; height: 65px; box-sizing: border-box; background: #f3f2f2; } .channel-system-upos div{ position: relative; top: 50%; transform: translateY(-50%); } .channel-system-upos h3{ font-size: 16px; color: #383d41; text-align: center; } .channel-system-upos p{ margin-top: 2px; font-size: 14px; color: #666; text-align: center; } .channel-box{ margin-top: 62px !important; height: 85px !important; background:#31cbe3 !important; } .channel-box h3{ color: #fff; } .channel-box p{ color: #fff; } .channel-system-types { padding: 30px 0; } .channel-system-types div div { width: 136px; position: absolute; left: 0; top: 0; bottom: 0; } .channel-system-types ul { width: 100%; padding-left: 148px; box-sizing: border-box; } .channel-system-types div div, .channel-system-types li { background: #fff; } .b2c-system-ul div div, .b2c-system-ul li{ background:#f3f2f2 !important; } .channel-system-types li { float: left; margin-right: 12px; margin-bottom: 25px; width: 244px; padding: 10px; box-sizing: border-box; min-height: 92px; } .channel-system-types li:nth-child(4n) { margin-right: 0; } .channel-system-types li h3 { color: #363636; } .channel-system-types li span { display: block; font-size: 14px; color: #5c5c5c; } .border-before, .border-after { position: relative; } .border-before:before, .border-after:after { content: ""; display: block; border: 1px dashed #e3e3e3; position: absolute; width: 92%; left: 10px; right: 10px; } .border-before:before { top: 0; } .border-after:after { bottom: 0; } .b2c-module-lists5 li{ float:none; display:inline-block; width:288px; background:#f4f4f4; } .b2c-module-lists5 li:nth-child(4n){ margin-right:0; } .b2c-yingxiao-content li{ background:#fff !important; } #b2c-yingxiao-nav div{ background:#fff; } .b2c-products li{ background:#f4f4f4; } .custom-cases-style .swiper-container{ box-shadow: 0 0 8px 0 rgba(0,0,0,0.20); } .module-lists-new li{ display:inline-block; margin-bottom:49px; width:20%; text-align:center; } .module-lists-new li i{ display:inline-block; margin-bottom:20px; width:93px; height:93px; line-height:93px; border-radius:100%; font-size:40px; color:#fff; } .module-lists-new li p{ font-size: 14px; color: #383D41; } .module-lists-new li.item-pc i{ background:#32CBE3; } .module-lists-new li.item-wechat i{ background:#7ED321; } .module-lists-new li.item-iphone i{ background:#FD7B7B ; } .module-lists-new li.item-app i{ background:#F5A623; } .module-lists-new li.item-android i{ background:#2CBBDE; } .module-lists-new li.item-small-program i{ background:#7ED321; } .module-lists-new li.item-seller i{ background:#FD7B7B; } .module-lists-new li.item-face i{ background:#F5A623; } .module-lists-new li.item-determial i{ background:#2CBBDE; } .module-lists-new li.item-cash i{ background:#32CBE3; } .b2c-new-retail-flow .item{ display:inline-block; padding-bottom:24px; width:33.33%; text-align:center; cursor:pointer; } .b2c-new-retail-flow .item i{ margin-bottom:12px; font-size:50px; color:#383D41 ; } .b2c-new-retail-flow .item.active i, .b2c-new-retail-flow .item.active p{ color:#32CBE3; } .b2c-new-retail-flow .item p{ font-size: 14px; color: #383D41; } .b2c-new-retail-flow .indicator-triangle { left:180px; border-bottom-color: #ececec; } .b2c-tab-change-drap-items{ padding-top:35px; padding-bottom:23px; } .b2c-tab-change-drap-items li{ display:none; } .b2c-tab-change-drap-items li img.special{ width:609px; } .b2c-tab-change-drap-items li.active{ display:block; } .exchange-module-bg{ background:#ececec; } .exchange-module-bg2{ background:#f4f4f4; } .triangle-ec{ } /*合作伙伴2*/ .banner_partners2 .banner-img{ bottom: -100px; right: -10px; width: 450px; height: 350px; background: url(../images/new/partners2/banner.png) no-repeat center; background-size: 100%; } .banner_partners2 .banner-img.active { bottom: -90px; opacity: 1; } .select-yf-reason-items li{ position:relative; display:inline-block; padding:30px 38px; width:547px; height:150px; border: 1px solid transparent; box-shadow: 0 0 8px 0 rgba(0,0,0,0.20); box-sizing:border-box; } .select-yf-reason-items li:hover{ border-color:#0BC5E1; } .select-yf-reason-items li:nth-child(1), .select-yf-reason-items li:nth-child(3){ margin-right:68px; } .select-yf-reason-items li:nth-child(1), .select-yf-reason-items li:nth-child(2){ margin-bottom:27px; } .select-yf-reason-items li div{ padding-left:104px; } .select-yf-reason-items li div h4{ margin-bottom:10px; font-size: 16px; color: #383D41; } .select-yf-reason-items li div p{ font-size: 14px; color: #666666; } .select-yf-reason-items li i{ position:absolute; left:38px; top:30px; display:inline-block; width:85px; height:85px; line-height:85px; border-radius:100%; font-size:42px; color:#fff; text-align:center; } .select-yf-reason-items li i.icon-pinpai1{ background:#0BC5E1; } .select-yf-reason-items li i.icon-quanmian{ background:#FD7B7B; } .select-yf-reason-items li i.icon-lirun{ background:#F5A623; } .select-yf-reason-items li i.icon-fuwu1{ background:#7ED321; } .about-yf-introduce-module{ position:relative; z-index:2; margin-top:-136px !important; } .about-yf-introduce-text{ padding:25px 43px; background: #1AC8E2; box-shadow: 0 0 10px 0 rgba(0,0,0,0.22); } .about-yf-introduce-text p{ font-size: 14px; color: #FFFFFF; line-height: 26px; text-indent:2em; } .help-plans-items li{ display:inline-block; margin-right:15px; margin-bottom:10px; width:288px; height:179px; vertical-align:top; } .help-plans-items li:nth-child(4n){ margin-right:0; } .help-plans-items li:hover .front{ display:none; } .help-plans-items li:hover .reverse{ display:inline-block; } .help-plans-items li .front{ width:100%; height:100%; background:#f4f4f4; text-align:center; } .help-plans-items li .front i{ display:inline-block; margin-top:50px; margin-bottom:20px; font-size:40px; color:#0BC5E1; } .help-plans-items li .front p{ font-size: 16px; color: #383D41; } .help-plans-items li .reverse{ display:none; padding:30px 20px 10px; background:#fff; border: 1px solid #0BC5E1; height:100%; box-sizing:border-box; } .help-plans-items li .reverse h4{ border-bottom:1px solid #EDEDED; } .help-plans-items li .reverse h4 i{ margin-right:6px; font-size:22px; color:#0BC5E1; vertical-align:middle; } .help-plans-items li .reverse h4 span{ font-size: 16px; color: #383D41; vertical-align:middle; } .help-plans-items li .reverse p{ font-size: 14px; color: #383D41; line-height: 24px; } .six-systems-items li{ display:inline-block; margin-right:15px; margin-bottom:23px; width:389px; height:255px; background:#fff; vertical-align: top; box-shadow:0 0 4px 1px rgba(0,0,0,.1); } .six-systems-items li:hover div{ border-color:#1AC8E2; } .six-systems-items li:hover h4{ background:#1AC8E2; } .six-systems-items li:hover h4 .iconfont,.six-systems-items li:hover h4 span{ color:#fff; } .six-systems-items li:nth-child(3n){ margin-right:0; } .six-systems-items li h4{ height:70px; line-height: 70px; text-align:center; background:#E5E9EA; } .six-systems-items li h4 i.iconfont{ font-size:20px; color:#383D41; vertical-align:middle; } .six-systems-items li h4 span{ margin-left:10px; font-size:16px; color: #383D41; vertical-align:middle; } .six-systems-items li div{ padding:0 12px; height:185px; background:#fff; border:1px solid transparent; box-sizing:border-box; } .six-systems-items li div p{ position:relative; padding-left:20px; line-height:46px; border-bottom:1px solid #e5e5e5; } .six-systems-items li div p:before{ content:""; position:absolute; left:6px; top:20px; width:5px; height:5px; background:#9b9b9b; border-radius:100%; } .six-systems-items li div p:nth-child(4){ border-bottom:0; } .parters2-search-items li{ display:inline-block; padding:38px 30px 10px; margin-right:20px; width:386px; height: 373px; border: 1px solid transparent; box-shadow: 0 0 8px 0 rgba(0,0,0,0.20); text-align:center; box-sizing:border-box; } .parters2-search-items li:last-child{ margin-right:0; } .parters2-search-items li:hover{ border-color:#1AC8E2; } .parters2-search-items li .iconfont{ display:inline-block; margin-bottom:23px; width:83px; height:83px; line-height: 83px; background:#1AC8E2; border-radius:100%; font-size:37px; color:#fff; } .parters2-search-items li h4{ margin-bottom:20px; font-size: 16px; color: #383D41; } .parters2-search-items li p{ font-size: 14px; color: #666666; text-align: center; line-height: 24px; height:100px; border-bottom:1px solid #E5E9EA; } .parters2-search-items li .btn-join{ display:inline-block; margin-top:14px; width:212px; height:51px; line-height:51px; background:#1AC8E2; font-size:14px; color:#fff; text-align:center; } /*bbcbuilder---new2019*/ .bbc-pre2 li{ display:inline-block; margin-right:38px; width:114px; height:114px; text-align:center; border-radius:100%; } .bbc-pre2 li:last-child{ margin-right:0; } .bbc-pre2 li i.iconfont{ display:inline-block; margin-top:20px; font-size:40px; color:#fff; } .bbc-pre2 li span{ margin-top:10px; font-size: 14px; /*color: #fff;*/ } .bbc-pre2 li.bbc-pre-item1{ background:#F5A623; } .bbc-pre2 li.bbc-pre-item2{ background: #32CBE3; } .bbc-pre2 li.bbc-pre-item3{ background:#D074EC; } .bbc-pre2 li.bbc-pre-item4{ background:#7ED321; } .bbc-pre2 li.bbc-pre-item5{ background:#F5A623; } .bbc-pre2 li.bbc-pre-item6{ background:#10BDD6; } .bbc-pre2 li.bbc-pre-item7{ background:#E090F8; } .bbc-pre2 li.bbc-pre-item8{ background:#7ED321; } .bbc-module-determinal-items li{ float:left; margin-bottom:50px; width:16.66%; text-align:center; } .bbc-module-determinal-items li i.iconfont{ display:inline-block; margin-bottom:24px; width:92px; height:92px; line-height:92px; border:1px solid transparent; border-radius:100%; text-align:center; font-size:40px; } .bbc-module-determinal-items li.item-pc i.iconfont{ color:#03ABFF; border-color:#1EC7E1; } .bbc-module-determinal-items li.item-wechat i.iconfont{ color:#7ED321; border-color:#7ED321; } .bbc-module-determinal-items li.item-phone i.iconfont{ color:#F89393; border-color:#F89393; } .bbc-module-determinal-items li.item-ios i.iconfont{ color:#50E3C2 ; border-color:#50E3C2 ; } .bbc-module-determinal-items li.item-android i.iconfont{ color:#1AC8E2; border-color:#1AC8E2; } .bbc-module-determinal-items li.item-chengxu i.iconfont{ color:#7ED321; border-color:#7ED321; } .bbc-module-determinal-items li.item-store i.iconfont{ color:#F96F6F; border-color:#F96F6F; } .bbc-module-determinal-items li.item-send i.iconfont{ color:#50E3C2; border-color:#50E3C2; } .bbc-module-determinal-items li.item-zhibo i.iconfont{ color:#03ABFF ; border-color:#32CBE3 ; } .bbc-module-determinal-items li.item-im i.iconfont{ color:#7ED321; border-color:#7ED321; } .bbc-module-determinal-items li.item-shouyin i.iconfont{ color:#F96F6F; border-color:#F96F6F; } .bbc-module-determinal-items li.item-shuju i.iconfont{ color:#50E3C2; border-color:#50E3C2; } .bbc-module-determinal-items li span{ font-size: 14px; color: #383D41; } .functions-show-items li{ margin-bottom:22px; padding-bottom:20px; border-bottom:1px solid #E5E5E5; text-align:center; } .functions-show-items li:last-child{ border-bottom:0; } .functions-show-items li div{ display:inline-block; padding:11px; width:50%; box-sizing:border-box; } .functions-show-items li p{ margin-bottom:20px; font-size: 16px; color: #1AC8E2; } .functions-show-items li img{ width:564px; box-shadow: 0 0 11px 0 rgba(0,0,0,0.30); } .bbc-yunying li{float:left;margin-bottom:10px;width:190px;height:164px;background:#fff;margin-right:10px;} .bbc-yunying2 li{width:232px;} .bbc-yunying2 li:nth-child(5n){margin-right:0;} .bbc-yunying li:last-child{margin-right:0;} .bbc-yunying li i.iconfont{font-size:60px;margin-top:40px;display:inline-block;} .bbc-yunying li p{font-size:16px;} .bbc-yunying li .icon-guanggao{color:#019fe8;} .bbc-yunying li .icon-ziying{color:#ed5250;} .bbc-yunying li .icon-ruzhu{color:#f68016;} .bbc-yunying li .icon-paiming{color:#2ba759;} .bbc-yunying li .icon-fenxiao1{color:#5d58cc;} .bbc-yunying li .icon-zijin {color: #cc2826;} .bbc-yunying li .icon-hezuo{color:#1AC8E2;} .bbc-yunying li .icon-cuxiao2{color:#FF6366;} .bbc-yunying li .icon-peisong{color:#F5A623;} .bbc-yunying li .icon-fuwufei{color:#FF4048;}