/*头部banner按钮*/ .banner-btn{position:absolute;left:46%;bottom:20px;} .banner-btn .btn-contact{margin-bottom:0 !important;} /*标题*/ .introduce{width:1180px;clear:both;margin: 0 auto;} .introduce_left,.introduce_left_small{font-size:24px;text-align:center;color:#383D41;margin:0 20px;padding:0 0 20px} .small-tit{text-align:center;width:900px;color:#444;margin:0 auto 40px;font-size:16px;} .small-tit a{color:#31cbe3;margin-left:10px;} .ruanjianjieshao{width:1200px;margin:0 auto;font-size:14px;text-align:center} /*新标题*/ .title-h3{font-size:24px;color:#383D41;padding-top:56px;margin-bottom:20px;text-align:center;} .title-h4,.title-text{margin:0 auto;padding-bottom:40px;font-size:16px;color:#363636;width:1000px;line-height:26px;} .title-h4{text-align:center;} .title-text{text-align:left;} .title-h4 a{color: #31cbe3;margin-left: 20px;} .title-h3 strong{color: #e45050;vertical-align:middle;} /*wrap*/ .wrap,.shopdw{width:1200px;margin:0 auto} .shopdw p { text-align: left; font-size: 16px; line-height: 30px; word-break: normal; } .news_nr { margin: 0 auto; width: 1180px; font-size: 14px; line-height: 200%; } /*banner*/ .banner,.banner-inside{width:100%;position:relative;} .banner{height:637px;} .banner-inside{height:473px;background-size:cover;} .banner-img{display:inline-block;position:absolute;transition:all 1s;opacity:0;} .banner-bg{background:#1b2a46;} /*align*/ .table{display:table} .table-cell{display:table-cell;vertical-align:middle} /*上下对齐*/ .middle{vertical-align:middle!important} /*鼠标移入放大*/ .scale li:hover{box-shadow:0 0 10px #d5d5d5;transform:scale(1.1);transition:.1s} /*查看更多*/ .btn-more-news{padding: 0 35px; line-height: 40px; border: 1px solid #42BDF2; color: #42BDF2; display: inline-block; margin: 40px 0 0; letter-spacing: 2px; font-size: 18px;} .btn-more-news:hover{ box-shadow: 2px 5px 6px rgba(66,189,242,.25); } /*按钮*/ .mall_btns {text-align: center; } .mall_btns a {margin:50px 20px 50px 0; } /*颜色*/ .col-f{color:#fff;} /*模块*/ .bbc_a{padding:56px 0 60px;} .bbc_c{background:#f8f8f8} .banner_b2b span,.banner_bbc span,.banner_mall span,.immediate-exper{position:absolute;bottom:10px;left:46%} .banner_b2b span,.banner_bbc span,.banner_mall span,.immediate-exper,.mall_btns a{padding:14px 40px;display:inline-block;background:#e45050;font-style:normal;color:#fff;border-radius:2px;font-size:20px} .introduce-wrap{display: none;} /*内容灰色背景*/ .cont-options{background:#525252;} /*外间距*/ .mrt60{margin-top:60px;} .mrb50{margin-bottom:50px;} .mrt40{margin-top:40px;} .mar-z{margin: 10px 0px 30px;} /*宽度*/ .w100{width:100% !important;} /*联系客服*/ .custom_content li span, .custom_content .btn_getcode, .custom_content li.btn button, .call button, .call .input span{ cursor: pointer; } .custom_content li span:hover, .custom_content .btn_getcode:hover, .custom_content li.btn button:hover, .call button:hover, .call .input span:hover, #callBtn:hover{ background: #01b1cb; } .call a:hover{ color: #fff!important; background: #01b1cb!important; } .custom_contact, .custom_contact .custom_alert, .custom_contact .custom_con{ width: 800px; height: 470px; } .custom_contact { position: fixed; /* top: -534px;*/ left: 50%; margin: -267px 0 0 -400px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background:#fff; transition: 0.5s; z-index: 999; top:50%; display:none; } .custom_contact .custom_alert{ background-image: none; } .custom_contact .custom_con{ padding: 0; } .close_service, .close-double11 { position: absolute; top: 10px; right: 14px; width: 28px; height: 28px; display: inline-block; background: url('../images/new/headfoot/close.png') no-repeat; background-size: 100%; } .custom_contact .custom_con_left{ float: left; width: 482px; height: 100%; border-right: 1px #05c2df dashed; overflow: hidden; } .custom_con_left .custom_head{ margin-top: 22px; margin-left: 26px; height: 63px; color: #05c2df; } .custom_head i{ width: 80px; height: 60px; background: url(../images/new/headfoot/logo_old.png) no-repeat; position: absolute; left: 20px;; } .custom_head img{ height:34px; } .custom_head img, .custom_head span{ vertical-align:top; font-size:26px; } .custom_head span{ margin-top: 6px; display: inline-block; } .custom_content{ margin: 0 auto; width: 429px; border:1px solid #05c2df; border-radius: 4px; } /*.custom_content li:first-child, .custom_content li:nth-child(2){ border-bottom: 1px #ccc solid; }*/ .custom_content li{ position: relative; display: flex!important; margin:0 26px; display: block; height: 50px; line-height: 50px; align-items: center; color: #999; } .custom_content li label{ width: auto; font-size: 16px; } .custom_content li input{ padding-left: 12px; width: auto; height: 36px; line-height: 36px; display: inline-block; font-size: 18px; } .custom_content li span, .custom_content .btn_getcode{ position: absolute; top: 7px; right: 0; display: inline-block; width: 126px; height: 36px; text-align: center; line-height: 36px; font-size: 16px; color: #fff; background:#05c2df; } .custom_content li.btn{ margin: 0; width: 100%; height: 38px; margin-bottom:10px; } .custom_content li.btn button{ height: 36px; line-height: 36px; background: #05c2df; border-radius: 4px; flex:1; margin: 0 26px; font-size: 18px; color: #fff; border:0; } .ad{ margin-top: 26px; margin-right: 26px; padding-left: 12px; padding-top:7px; padding-bottom:20px; display: flex; background: #e8fafc; align-items: center; } .ad li i{ display: inline-block; width: 5px; height: 5px; background: #05c2df; border-radius: 100%; margin-right: 7px; vertical-align: top; margin-top:9px; } .ad li{ margin-left: 12px; margin-top:14px; font-size: 14px; color: #666; } .ad li span{ color: #05c2df; } .ad li a:hover{ text-decoration: underline; } .custom_contact .custom_con_right{ float: left; width: 316px; height: 100%; } .custom_con_right .qr-code{ width: 100%; height: 274px; text-align: center; background: #05c2df; } .qr-code img{ margin-top:22px; width: 200px; height: 200px; } .qr-code p{ margin: 6px; font-size: 17px; color: #fff; } .call { margin-top: 14px; padding-left: 12px; padding-right:12px; text-align:center; } .call li{ margin-top:30px; height: 42px; line-height: 42px; } .call img{ margin-right: 16px; } .call span.tel{ font-size: 23px; color: #ee6028; vertical-align: middle; } .call button{ width: 146px; height: 36px; line-height: 36px; font-size: 18px; background: #05c2df; border-radius: 3px; vertical-align: middle; } .call a{ display: inline-block; width: 146px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; background: #05c2df; border-radius: 3px; vertical-align: middle; color: #fff; } .call .input{ position: relative; text-align: center; width: 292px; } .call .input input{ margin-top: 16px; padding-left: 12px; width: 280px; height: 36px; font-size: 16px; border: 1px #05c2df solid; border-radius: 3px; } .call .input input[placeholder], .call .input[placeholder], *[placeholder] { font-size: 14px; } .call .input span{ position: absolute; top: 16px; right: -1px; width: 140px; height: 38px; text-align: center; line-height: 38px; font-size: 18px; background: #05c2df; color: #fff; } .after_content{ height: 100%; background: #e8fafc; display: none; } .after_content h2{ height: 40px; line-height: 40px; text-align: center; color:#05c2df; } .after_content .table_area{ max-height: 300px; overflow-y: auto; overflow-x: hidden; } .after_content table{ margin:0 12px; width: 460px; height: auto; text-align: left; border:1px solid #05c2df; border-collapse: collapse; background: #fff; } .after_content table th{ color: #05c2df; } .after_content table th:first-child, .after_content table tdfirst-child{ width:127px; } .after_content table th, .after_content table td{ padding-left: 10px; height: 30px; line-height: 30px; border:1px solid #05c2df; } .after_content table tfoot td{ padding-right: 10px; } .after_content table td a{ color: #05c2df; } .after_content table td a:hover{ text-decoration: underline; } .after_content table td p{ line-height: 22px; color: #f00; } /*JS图片铺设start*/ /*index*//*bbcbuilder*//*distribution*/ .index-img1{background: url(../images/new/case1/newImg2/demo1.png) 50% center no-repeat rgb(255, 255, 255);} .index-img2{background: url(../images/new/case1/newImg2/demo2.png) 50% center no-repeat rgb(255, 255, 255);} .index-img3{background: url(../images/new/case1/newImg2/demo3.png) 50% center no-repeat rgb(255, 255, 255);} .index-img4{background: url(../images/new/case1/newImg2/demo4.png) 50% center no-repeat rgb(255, 255, 255);} .index-img5{background: url(../images/new/case1/newImg2/demo5.png) 50% center no-repeat rgb(255, 255, 255);} .index-img6{background: url(../images/new/case1/newImg2/demo6.png) 50% center no-repeat rgb(255, 255, 255);} .index-img7{background: url(../images/new/case1/newImg2/demo7.png) 50% center no-repeat rgb(255, 255, 255);} .index-img8{background: url(../images/new/case1/newImg2/demo8.png) 50% center no-repeat rgb(255, 255, 255);} .index-img9{background: url(../images/new/case1/newImg2/demo9.png) 50% center no-repeat rgb(255, 255, 255);} .index-img10{background: url(../images/new/case1/newImg2/demo10.png) 50% center no-repeat rgb(255, 255, 255);} .index-img11{background: url(../images/new/case1/newImg2/demo11.png) 50% center no-repeat rgb(255, 255, 255);} .index-img12{background: url(../images/new/case1/newImg2/demo12.png) 50% center no-repeat rgb(255, 255, 255);} .index-img13{background: url(../images/new/case1/newImg2/demo13.png) 50% center no-repeat rgb(255, 255, 255);} .index-img14{background: url(../images/new/case1/newImg2/demo14.png) 50% center no-repeat rgb(255, 255, 255);} .index-img15{background: url(../images/new/case1/newImg2/demo15.png) 50% center no-repeat rgb(255, 255, 255);} .index-img16{background: url(../images/new/case1/newImg2/demo16.png) 50% center no-repeat rgb(255, 255, 255);} .index-img17{background: url(../images/new/case1/newImg2/demo17.png) 50% center no-repeat rgb(255, 255, 255);} .index-img18{background: url(../images/new/case1/newImg2/demo18.png) 50% center no-repeat rgb(255, 255, 255);} .index-img19{background: url(../images/new/case1/newImg2/demo19.png) 50% center no-repeat rgb(255, 255, 255);} .index-img20{background: url(../images/new/case1/newImg2/demo20.png) 50% center no-repeat rgb(255, 255, 255);} .index-img21{background: url(../images/new/case1/newImg2/demo21.png) 50% center no-repeat rgb(255, 255, 255);} .index-img22{background: url(../images/new/case1/newImg2/demo22.png) 50% center no-repeat rgb(255, 255, 255);} .index-img23{background: url(../images/new/case1/newImg2/demo23.png) 50% center no-repeat rgb(255, 255, 255);} .index-img24{background: url(../images/new/case1/newImg2/demo24.png) 50% center no-repeat rgb(255, 255, 255);} .index-img25{background: url(../images/new/case1/newImg2/demo25.png) 50% center no-repeat rgb(255, 255, 255);} .index-img26{background: url(../images/new/case1/newImg2/demo26.png) 50% center no-repeat rgb(255, 255, 255);} .index-img27{background: url(../images/new/case1/newImg2/demo27.png) 50% center no-repeat rgb(255, 255, 255);} .index-img28{background: url(../images/new/case1/newImg2/demo28.png) 50% center no-repeat rgb(255, 255, 255);} .index-img29{background: url(../images/new/case1/newImg2/demo29.png) 50% center no-repeat rgb(255, 255, 255);} .index-img30{background: url(../images/new/case1/newImg2/demo30.png) 50% center no-repeat rgb(255, 255, 255);} .index-img31{background: url(../images/new/case1/newImg2/demo31.png) 50% center no-repeat rgb(255, 255, 255);} .index-img32{background: url(../images/new/case1/newImg2/demo32.png) 50% center no-repeat rgb(255, 255, 255);} .index-img33{background: url(../images/new/case1/newImg2/demo33.png) 50% center no-repeat rgb(255, 255, 255);} .index-img34{background: url(../images/new/case1/newImg2/demo34.png) 50% center no-repeat rgb(255, 255, 255);} .index-img35{background: url(../images/new/case1/newImg2/demo35.png) 50% center no-repeat rgb(255, 255, 255);} .index-img36{background: url(../images/new/case1/newImg2/demo36.png) 50% center no-repeat rgb(255, 255, 255);} .index-img37{background: url(../images/new/case1/newImg2/demo37.png) 50% center no-repeat rgb(255, 255, 255);} .index-img38{background: url(../images/new/case1/newImg2/demo38.png) 50% center no-repeat rgb(255, 255, 255);} .index-img39{background: url(../images/new/case1/newImg2/demo39.png) 50% center no-repeat rgb(255, 255, 255);} .index-img40{background: url(../images/new/case1/newImg2/demo40.png) 50% center no-repeat rgb(255, 255, 255);} .index-img41{background: url(../images/new/case1/newImg2/demo41.png) 50% center no-repeat rgb(255, 255, 255);} .index-img42{background: url(../images/new/case1/newImg2/demo42.png) 50% center no-repeat rgb(255, 255, 255);} /*imbuilder*/ .reason-img1{background: url(../images/new/im/reason1.png) center center no-repeat;} .reason-img2{background: url(../images/new/im/reason2.png) center center no-repeat;} .reason-img3{background: url(../images/new/im/reason3.png) center center no-repeat;} .reason-img4{background: url(../images/new/im/reason4.png) center center no-repeat;} .reason-img5{background: url(../images/new/im/reason5.png) center center no-repeat;} .reason-img6{background: url(../images/new/im/reason6.png) center center no-repeat;} .reason-img7{background: url(../images/new/im/reason7.png) center center no-repeat;} .reason-img8{background: url(../images/new/im/reason8.png) center center no-repeat;} .reason-img9{background: url(../images/new/im/reason9.png) center center no-repeat;} .reason-img10{background: url(../images/new/im/reason10.png) center center no-repeat;} .reason-img11{background: url(../images/new/im/reason11.png) center center no-repeat;} .reason-img12{background: url(../images/new/im/reason12.png) center center no-repeat;} .support-li1{background: url(../images/new/im/support1.png) center center no-repeat;} .support-li2{background: url(../images/new/im/support2.png) center center no-repeat;} .support-li3{background: url(../images/new/im/support3.png) center center no-repeat;} .support-li4{background: url(../images/new/im/support4.png) center center no-repeat;} .more-reason-img1{background: url(../images/new/im/more-reason1.png) center center no-repeat;} .more-reason-img2{background: url(../images/new/im/more-reason2.png) center center no-repeat;} .more-reason-img3{background: url(../images/new/im/more-reason3.png) center center no-repeat;} .more-reason-img4{background: url(../images/new/im/more-reason4.png) center center no-repeat;} .more-reason-img5{background: url(../images/new/im/more-reason5.png) center center no-repeat;} .more-reason-img6{background: url(../images/new/im/more-reason6.png) center center no-repeat;} .more-reason-img7{background: url(../images/new/im/more-reason7.png) center center no-repeat;} .more-reason-img8{background: url(../images/new/im/more-reason8.png) center center no-repeat;} .more-reason-img9{background: url(../images/new/im/more-reason9.png) center center no-repeat;} .more-reason-img10{background: url(../images/new/im/more-reason10.png) center center no-repeat;} .more-reasons-item li:hover p{color: #fff;} .more-reasons-item li:hover {background: #05c2df;} .more-reasons-item li:hover .more-reason-img1{background: url(../images/new/im/more-reason-hov1.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img2{background: url(../images/new/im/more-reason-hov2.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img3{background: url(../images/new/im/more-reason-hov3.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img4{background: url(../images/new/im/more-reason-hov4.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img5{background: url(../images/new/im/more-reason-hov5.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img6{background: url(../images/new/im/more-reason-hov6.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img7{background: url(../images/new/im/more-reason-hov7.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img8{background: url(../images/new/im/more-reason-hov8.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img9{background: url(../images/new/im/more-reason-hov9.png) center center no-repeat;} .more-reasons-item li:hover .more-reason-img10{background: url(../images/new/im/more-reason-hov10.png) center center no-repeat;} /*swiper page*/ .banner-swiper-pagination .swiper-pagination-bullet{ width:20px !important; height:4px !important; border-radius:0 !important; } .banner-swiper-pagination .swiper-pagination-bullet-active{ background:#fff !important; } .btn-jubao-link{ margin-left:0 !important; text-decoration:underline; color:#363636 !important; } /*结构图*/ .structure { width: 1000px; margin: auto; position: relative; } .structure li:hover { background: #4a698c; } .structure li:hover h3, .structure li:hover p { color: #fff; } .structure li { border: 1px solid #9db6da; margin-bottom: 12px; } .modular1 li { display: inline-block; vertical-align: top; padding: 6px 8px; height: 115px; width: 229px; } .modular2 ul li { width: 110px; padding: 0 28px; height: 566px; display: table; } .modular2 ul li a { display: table-cell; vertical-align: middle; } .structure li h3 { font-size: 16px; text-align: center; color: #333; letter-spacing: 2px; margin-bottom: 6px; } .structure li p { font-size: 12px; color: #666; text-align:left; line-height:20px; } .modular3 { position: absolute; left: 172px; top: 141px; } .modular3 div.tops .tops-item { padding: 10px 28px; border: 1px dashed #333; position: relative; width: 238px; display: inline-block; vertical-align: top; margin: 0 13px; min-height: 245px; } .modular3 div.tops { margin-top:20px; } .modular3 div.tops .tops-item h3 { line-height: 28px; } .modular3 .type { position: absolute; font-size: 14px; padding: 0 10px; display: inline-block; left: 42%; top: -10px; background:#f4f4f4; line-height: 20px; } .modular3 .modular3-item li { padding: 10px; } .modular3 ul.bottom li { display: inline-block; width: 622px; height:80px; vertical-align: top; padding: 10px 12px; margin: 0 13px; box-sizing:border-box; } .modular4 li { width: 229px; display: inline-block; vertical-align: top; padding: 6px 8px; min-height: 139px; } .modular5 li { padding: 10px 8px; } .modular3 .top0{ width: 622px; display: inline-block; margin: 0 auto; border: 1px solid #9db6da; } .b2b2b-structure{ width:1142px; } .b2b2b-structure .modular3{ left:0; top:0; } .b2b2b-structure .modular3 ul.bottom li{ margin:0; width:961px; } .b2b2b-structure .modular3 div.tops .tops-item{ margin:0; padding:14px 27px 10px; width:420px; } .b2b2b-structure .modular3 div.tops .tops-item1{ margin-right:4px !important; } .b2b2b-structure .modular3 .modular3-item li{ margin-bottom:4px; height:105px; box-sizing:border-box; } .b2b2b-structure .modular3 div.tops{ margin-top:13px; } .b2b2b-structure .modular2 ul li{ width:166px !important; box-sizing:border-box; height:537px !important; } .b2b2b-structure .modular4{ font-size:0; } .b2b2b-structure .modular4 li{ margin-right: 3px; width: 283px !important; box-sizing: border-box; } .b2b2b-structure .modular4 li:last-child{ margin-right:0 !important; } /*模块*/ .bbc-yingxiao-nav{width:295px;} .bbc-yingxiao-nav div{line-height:60px;height:60px; background:#f4f4f4;padding-left:110px;text-align:left;} .bbc-yingxiao-nav div span{font-size:18px;} .bbc-yingxiao-nav div i.iconfont{margin-right:10px;font-size:30px;color:#999;} .bbc-yingxiao-nav p{padding:40px 30px;font-size:14px;color:#333;text-align:left;display:none;} .bbc-yingxiao-nav div i.iconfont,.bbc-yingxiao-nav div span{vertical-align:middle;} .bbc-yingxiao-nav li{height:60px;transition:all 0.2s;margin-bottom:2px;cursor:pointer;} .bbc-yingxiao-nav li.active{background:#beeaf7;height:214px;} .bbc-yingxiao-nav li.active div{background:#21bbe2 !important;} .bbc-yingxiao-nav li.active p{display:block;} .bbc-yingxiao-nav li.active div *{color:#fff !important;} .bbc-yingxiao-content{width:885px;} .bbc-yingxiao-content ul{display:none;} .bbc-yingxiao-content ul.active{display:block;} .bbc-yingxiao-content ul li{float:left;width:288px;height:225px;padding:30px;box-sizing:border-box; margin-right:10px;margin-bottom:10px; background:#f4f4f4;} .bbc-yingxiao-content ul li:nth-child(3n){margin-right:0;} .bbc-yingxiao-content ul li em{font-size:18px;font-weight:bold;color:#222;margin-top:10px;margin-bottom:20px;} .bbc-yingxiao-content ul li p{color:#333;text-align:left;line-height:24px;} .bbc-yingxiao-content ul li i.iconfont{font-size:40px;color:#21bbe2;display:inline-block;} .bgf-div li div,ul.bgf-li li{background:#fff;} /*模块*/ .bbc-bushu-item{display:inline-block; margin-right:17px; width:384px;border: 1px solid #efeff0;background:#efeff0;} .bbc-bushu-item:last-child{margin-right:0;} .bbc-bushu-item:hover,.bbc-bushu-item.active{border-color:#21bbe2;background-color:#21bbe2;} .bbc-bushu-item:hover div strong,.bbc-bushu-item:hover div span,.bbc-bushu-item.active div strong,.bbc-bushu-item.active div span{color:#fff;} .bbc-bushu-item div{height:85px;} .bbc-bushu-item strong{display:block;padding-top:20px;margin-bottom:15px; font-size:18px;color:#424242;} .bbc-bushu-item div span{font-size:12px;color:#737373;} .bbc-bushu-item ul{background:#fff;} .bbc-bushu-item ul li{float:left;box-sizing:border-box; width:50%;height:150px;border-right:1px solid #efeff0;border-bottom:1px solid #efeff0;} .bbc-bushu-item ul li:nth-child(even){border-right:none;} .bbc-bushu-item li .iconfont{display:inline-block;margin-top:28px;margin-bottom:15px;font-size:32px;color:#afafaf;} .bbc-bushu-item li em{display:block;margin-bottom:6px;font-size:16px;color:#424242;font-weight:bold;} .bbc-bushu-item li p{font-size:12px;} /* 动态资讯 */ .yf-new-actions li{ float:left; margin-right:90px; vertical-align:top; } .yf-new-actions li:last-child{ margin-right:0; } .actions-img{ position:relative; display:inline-block; margin-bottom:22px; width:340px; height:137px; } .actions-img span{ position:absolute; left:20px; top:40px; font-size:20px; color:#fff; } .actions-img img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .actions-items a{ display:flex; margin-bottom:8px; width:340px; } .actions-items a time,.actions-items a em{ font-size:14px; } .actions-items a time{ margin-right:6px; color:#9B9B9B; } .actions-items a em{ color:#4A4A4A; flex:1; } .dialog-container{ position: fixed; z-index: 2; width: 500px; height: 500px; margin: 0 auto; border-radius: 16px; box-shadow: 0px 2px 6px 0px rgba(0,28,83,0.1); background: #fff; top: 50%; left: 50%; margin-left: -250px; margin-top: -250px; } .register-title{ width: 500px; height: 57px; background:#F0F4FF; border-radius:16px 16px 0 0; } .register-title li{ color:#333; cursor: pointer; } .register-title li.active{ position:relative; color: #2D74FF; background: #fff; height: 70px; line-height: 70px; margin-top: -13px; border-radius: 10px 10px 0 0; } .register-title li.active:before{ content:''; width: 50px; height: 3px; background: linear-gradient(90deg, #5396FF 0%, #0F5CFC 100%); position:absolute; bottom:0; left:50%; margin-left:-25px; } .register-title li.active:after{ content: ''; border-top: 62px solid transparent; border-bottom: 0px solid transparent; position: absolute; bottom: 0; } .register-title li.active:nth-child(1):after{ right: -28px; border-right: 8px solid transparent; border-left: 20px solid #fff; } .register-title li.active:nth-child(2):after{ left: -28px; border-right: 20px solid #fff; border-left: 8px solid transparent; } .company-mode{ width: 250px; height: 57px; line-height: 57px; text-align: center; font-size: 24px; font-weight: 600; color: #2D74FF; } .personal-mode{ width: 250px; height: 57px; line-height: 57px; text-align: center; font-size: 24px; font-weight: 600; } .register-company-info{ width: 500px; height: 463px; } .form-item{ width: 100%; height: 33px; line-height: 33px; font-size: 24px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; text-align: center; margin-top: 35px; } .form-label{ margin-bottom:32px; width: 100%; height: 20px; line-height: 20px; font-size: 14px; font-weight: 400; color: #666666; text-align: center; margin-top: 12px; } .custom_con{ border: none; outline: none; font-size: 26px; font-weight: 400; color: #999999; } .merchant-cot{ padding:0 50px; } .merchant-cot li{ position: relative; /* display: flex!important; display: block; */ /* height: 48px; line-height: 48px; */ margin-bottom:23px; color: #999; } .merchant-cot li label { position:relative; display: block; width:100%; font-size: 16px; font-weight: 500; color: #333333; } .merchant-cot li label b{ font-size: 16px; color: red; display: inline-block; position: absolute; left: -10px; top: 7px; } .merchant-cot li input { width: 100%; height: 36px; line-height: 36px; display: inline-block; font-size: 14px; border: 0; border-bottom: 1px solid #e3e3e3 !important; } .merchant-cot .btn_getcode{ position: absolute; top: 7px; right: 0; display: inline-block; width: 126px; height: 35px; text-align: center; line-height: 36px; font-size: 16px; color: #2D74FF; background:#FFFFFF; cursor: pointer; } .imageShowArea{ width: 164px; height: 48px; background: linear-gradient(180deg, #63C8FF 0%, #1172FF 100%); border-radius: 24px; line-height: 48px; text-align: center; margin-left: 33%; margin-top: 28px; color: #FFFFFF; font-size: 18px; border-image: linear-gradient(144deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) 1 1; backdrop-filter: blur(8px); } .imageShowArea button{ background: transparent; border: 0; color: #fff; font-size:18px; width: 100%; height: 100%; cursor: pointer; outline: none; } .register_agreement { margin: 26px 0 31px 101px; } .businessLicense { width: 58px; background-size: 59px 2px; margin-top: 10px; border: 1px solid #2D74FF; } .agreeSelect { width: 169px; height: 20px; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 14px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; text-align: center; white-space: nowrap; line-height: 20px; margin-left: 6px; } .form-item-tow{ width: 100%; height: 48px; line-height: 48px; font-size: 18px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; margin-top: 20px; } .form-item-tow span{ margin-left: 11px; } .registerimg{ width: 48px; height: 48px; margin-left: 102px; } .form-label-tow{ width: 100%; height: 33px; line-height: 33px; font-size: 24px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; text-align: center; margin-top: 7px; } .form-label-three{ width: 152px; height: 153px; border-radius: 4px; /* opacity: 0.2; */ border: 1px solid #2D74FF; margin-left: 173px; margin-top: 16px; overflow: hidden; } .label-three-img{ width:100%; } .imageShowAreatow{ width: 218px; height: 48px; background: linear-gradient(180deg, #63C8FF 0%, #1172FF 100%); border-radius: 24px; line-height: 48px; text-align: center; margin-left: 28%; border-image: linear-gradient(144deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) 1 1; backdrop-filter: blur(8px); margin-top: 24px; } .text_4 { width: 144px; height: 16px; overflow-wrap: break-word; color: rgba(255, 254, 254, 1); font-size: 16px; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 16px; } .text_5 { width: 144px; height: 16px; overflow-wrap: break-word; color: rgba(255, 254, 254, 0.5); font-size: 16px; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 16px; } .text_6 { width: 144px; height: 16px; overflow-wrap: break-word; color: rgba(255, 254, 254, 1); font-size: 16px; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 16px; } .form-label-five{ width: 100%; height: 48px; margin-top: 16px; } .label-five-box{ width: 48px; height: 48px; } .labelimg{ margin-left: 12px; } .labelbox{ width: 48px; height: 17px; font-size: 12px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #2D74FF; line-height: 17px; margin-top: 4px; }