.site-banner{ position: absolute; left:0; top: 43.33333%; width: 100%; } .site-banner-title{ font-size: 40px; line-height: 66px; margin-bottom: 10px; z-index: 10; width: 100%; text-align: center; color: #fff; } .site-banner-des{ font-size: 20px; line-height: 30px; z-index: 10; width: 100%; text-align: center; color: #fff; } .site-title{ font-size: 36px; line-height: 50px; color: #333; text-align: center; font-weight: bold; padding: 50px 15px; } .site-des{ padding: 0px 0 60px; font-size: 18px; line-height: 30px; color: #333; text-align: center; } .site-des-list{ padding: 0px 0 20px; font-size: 18px; line-height: 30px; color: #333; text-align: left; } .site-img img{ width: 100%; height: auto; } .site-server-icolist{ display: block; } .site-server-icolist ul{ font-size: 0; text-align: center; } .site-server-icolist li{ display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 20%; margin-bottom: 77px; font-size: 14px; line-height: 20px; color: #666; } .site-server-icolist .ico{ margin-bottom: 16px; } .site-server-icolist .ico img { width: 50% !important; height: auto !important; border-style: none; vertical-align: middle; } .site-server-icolist h3 { margin-bottom: 15px; font-size: 18px; line-height: 30px; color: #333; } .site-server-icolist p { max-width: 15em; margin: 0 auto; } .site-news{ overflow: hidden; } .site-news li { float: left; width: 25%; } .site-news a { display: block; overflow: hidden; margin: 0 13px 23px; border: 1px solid #d2d2d2; padding: 20px 30px 19px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; } .site-news .title { margin-bottom: 4px; font-size: 16px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #34364b; } .site-news .date { font-size: 18px; line-height: 30px; color: #a5a5ab; } .site-news a:hover{border-color:#c40000} .site-news a:hover .title{color:#c40000} .site-news a:hover .date{color:#e96a6a} .mask { background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; display:none; } .loadingbox{ position:absolute; left:48%; top:40%; z-index:9999; display:none; background-color: rgba(0, 0, 0, 0.6); width:80px; height:80px; border-radius:5px; padding:20px; } .spinner-border{ color: #FFF; width:40px; height:40px; } .ts_pay{ font-size:16px; } /*娴佺▼*/ .wzjm-lc {width:450px;text-align:left; margin-top:10px;} .clearfix:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; } .pay_new li { float: left; display: inline; width: 136px; text-align: center; margin-right: -1px; position: relative; list-style: none; margin: 0; padding: 0; } .pay_new li span { width: 136px; height: 22px; line-height: 22px; line-height: 20px\9; display: block; color: #fff; font-family: Arial; background: url(/as_themes/default/images/pay_new.png) no-repeat 0 0; _background: url(/as_themes/default/images/pay_new.gif) no-repeat 0 0; } .pay_new li span em { padding-left: 8px; padding-left: 9px \9; margin-top: -6px; } .pay_new li p { height: 26px; line-height: 26px; color: #666; padding-left: 7px; } .pay_new li.pay_sus span { background-position: 0 -27px; } .seo-why-list{ padding-top: 105px; } .seo-why-list li { float: left; text-align: center; color: #666666; font-size: 16px; width: 25%; line-height: 24px; } .seo-why-list li .seo-why-box { padding: 0 28px 20px; } .seo-why-list li .seo-why-icon { margin-bottom: 40px; } .seo-why-list li p { max-width: 310px; margin: 0 auto; } .seo-why-list li .seo-why-icon img { height: 82px; } .seo-why-list li .seo-why-title { font-size: 24px; margin-bottom: 10px; color: #333; } .news-info-bg{ background-color:#FFF; padding-top:30px; } .clearboth{ clear:both; height:10px; } .ipv4_subtitle{ width: 100%; height: 48px; line-height: 48px; background: #F3FAFF; padding-left: 16px; font-size: 18px; color: rgba(0, 0, 0, 0.85); margin: 24px 0; } .ipv4-box{ display: flex; margin-bottom: 24px; } .ipv4-yl{ width: 952px; height: 443px; object-fit: cover; margin-right: 24px; } .ipv4-help{ flex:1; } .ipv4-help-des{ padding:10px; } .ipv4-help-des p{ line-height:30px; font-size:16px; } .ipv4-list{ width: 100%; border-bottom: 1px dashed #dedede; } .ipv4-list .tit { font-size: 16px; color: #333; padding-bottom: 8px; line-height: 24px; } .ipv4-help-top { width: 30%; height: 72px; border-radius: 3px; border: 1px solid #009aff; text-align: center; padding-top: 4px; vertical-align: top; display: inline-block; float:left; } .ipv4-help-top div{ width: 100%; height: 38px; vertical-align: middle; text-align:center; } .ipv4-help-top p { color: #009aff; text-align: center; font-size: 14px; padding-top: 5px; } .ipv4-list .fot { display: inline-block; width: 65%; float:left; margin-left:5%; } .ipv4-list .fot p { font-size: 14px; color: #666; line-height: 24px; } .paraTbl { width: 100%; border-spacing: 0; margin-top: 8px; color: #666; } .paraTbl th, .paraTbl td { color: #666; padding: 10px 0 10px 12px; line-height: 20px; border: 1px dashed #ddd; /* text-align: center; */ font-size: 14px; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size:16px; } pre code.hljs{display:block;overflow-x:auto;padding:1em;font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;line-height: 1.5em;}code.hljs{padding:3px 5px}.hljs{background:#23241f;color:#f8f8f2}.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e} .product-box{ display: flex; margin-bottom: 24px; } .desc_img{ width: 300px; height: 450px; object-fit: cover; margin-right: 24px; } .desc_content{ width:500px; display: flex; flex-direction: column; justify-content: space-between; margin-right: 24px; } .desc_content .title { font-size: 24px; color: #000; font-weight: bold; margin-bottom: 16px; line-height: 32px; } .desc_content .text { font-size: 16px; color: rgba(0, 0, 0, 0.8); line-height: 24px; margin-bottom: 18px; } .choose_buy_money { font-size: 28px; color: #FF8001; } .price_info { display: flex; align-items: center; justify-content: space-between; } .price_info .info_right { font-size: 16px; color: #FF8001; position: relative; } .choose_buy { flex: 1; background: rgba(14,154,255,0.08); padding: 4px 0; } .product_version { margin: 20px 12px; } .product_version .choose_buy_name { font-size: 14px; font-weight: 400; color: #666666; position: relative; } .product_version .product_list{ min-height: 54px; max-height: 108px; display: inline-block; margin-left: 30px; max-width: 800px; } .product_version .product_list li { display: inline-block; width: 124px; height: 32px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; margin-right: 12px; font-size: 14px; font-weight: 400; color: #666666; text-align: center; line-height: 30px; cursor: pointer; } .product_list_active { border: 1px solid #0E9AFF !important; color: #0E9AFF !important; } .product_list_specification { min-height: 54px; max-height: 118px; display: inline-block; margin-left: 30px; max-width: 800px; } .product_list_specification li { display: inline-block; vertical-align: middle; width: 124px; height: 64px; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px; cursor: pointer; /* margin-right: 12px; */ /* margin-bottom: 12px; */ margin: 0 10px 10px 3px; text-align: center; padding: 8px 0; position: relative; font-size: 14px; } .product_list_specification li .specification_number { color: #666666; } .product_list_specification li .specification_moneny { font-size: 14px; font-weight: 600; color: #666; position: relative; top: 4px; } .product_list_specification li img { position: absolute; bottom: 0; right: -1px; } .product_list_specification_active img { display: block !important; } .add_number { display: inline-block; vertical-align: middle; margin-left: 30px; /* margin-left: 124px; */ } .add_number .reduce { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .add_number span { color: #666; display: inline-block; width: 32px; height: 32px; line-height: 30px; text-align: center; border: 1px solid #ddd; font-size: 24px; float: left; cursor: pointer; background: #FFFFFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .add_number input { width: 60px; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; float: left; height: 32px; line-height: 30px; font-size: 14px; color: #666; background: #FFFFFF; } .add_number .add { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .product_version .buy_hint { margin-left: 90px; margin-top: 10px; font-size: 12px; font-weight: 400; color: #999; margin-top: 12px; } .buy_remind { margin-left: 90px; margin-top: 10px; font-size: 12px; font-weight: 400; color: #999; margin-top: 12px; } .gopay{ margin-left: 90px; } .advant-list{ padding-top: 70px; text-align: center; font-size: 0; line-height: 0; } .advant-list li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 20%; font-size: 16px; line-height: 24px; } .advant-list li .advant-item { padding: 0 30px; } .advant-list li .adv-icon { width: 150px; height: 150px; border: 1px solid #d90000; -webkit-border-radius: 100%; border-radius: 100%; margin: 0 auto 50px; } .advant-list li .adv-icon img { width: 100%; } .advant-list li h4 { margin-bottom: 13px; font-size: 18px; } .seo-operation { position: relative; overflow: hidden; width: 100%; } .seo-operation img { display: block; width: 100%; } .mseo-xycenter { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .difference-box { width: 100%; text-align: center; } .szcolor-white { color: #fff; } .szm-mb20 { margin-bottom: 20px; } .seom-title { font-size: 32px; line-height: 48px; text-align: center; margin-bottom: 10px; } .difference-box { width: 100%; text-align: center; } .diff-content p{ font-size:16px; } .optimization { font-size: 0; line-height: 0; padding-top: 30px; padding-bottom:60px; } .optimization li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 25%; font-size: 16px; line-height: 24px; text-align: center; } .optimization li .opt-icon { height: 80px; margin-bottom: 40px; } .szm-fs24 { font-size: 18px; } .additional-list { font-size: 0; line-height: 0; text-align: center; padding-top: 70px; } .additional-list li { width: 25%; padding-bottom: 65px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 16px; line-height: 24px; } .additional-list li .addit-box { padding: 0 20px; } .additional-list li .add-icon { width: 160px; height: 160px; border: 1px solid #d90000; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto 20px; } .additional-list li .add-icon img { display: block; width: 100%; } .additional-list li h5 { margin-bottom: 15px; } .additional-list li .max-width240 { max-width: 240px; margin: 0 auto; } .it-list{ padding-top: 30px; text-align: center; font-size: 0; line-height: 0; padding-bottom: 30px; } .it-list li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 33%; font-size: 16px; line-height: 24px; } .it-list li .it-item { padding: 0 30px; } .it-list li .it-icon { width: 150px; height: 150px; border: 1px solid #d90000; -webkit-border-radius: 100%; border-radius: 100%; margin: 0 auto 50px; padding-top:5%; } .it-list li .it-iconno { border:none; } .it-list li .it-icon1 { width: 150px; height: 150px; -webkit-border-radius: 100%; border-radius: 100%; margin: 0 auto 50px; } .it-list li .it-icon img{ width: 80%; } .it-list li .it-icon1 img { width: 100%; } .it-list li h4 { margin-bottom: 13px; font-size: 18px; font-weight: bold; } .table-img{ width:100%; } .applet-desc-list { margin-bottom: 30px; height:268px; } .applet-desc-list li { float: left; width: 25%; font-size: 16px; line-height: 24px; color: #666; } .applet-desc-list .inner { padding: 43px 40px 67px; border: 1px solid #d9d9d9; } .applet-desc-list .noleftboder{ border-left:none; } .applet-desc-list .id { font-size: 48px; line-height: 48px; color: #d90000; font-weight: bold; margin-bottom: 16px; } .applet-desc-list h3 { margin-bottom: 20px; font-size: 18px; line-height: 24px; color: #333; font-weight: bold; } .all-applet-wrapper { position: relative; height: 588px; padding: 79px 0 40px; } .all-applet-wrapper .m-full-bg { position: absolute; left: 0; top: 0; height: 582px; overflow: hidden; width: 100%; } .all-applet-wrapper .m-full-bg img { height: 582px; } .all-applet-wrapper .m-web-title { position: relative; z-index: 10; margin-bottom: 75px; color: #fff; font-size: 36px; line-height: 50px; text-align: center; font-weight: bold; padding: 0 15px; } .all-applet-wrapper .applet-feature { position: relative; z-index: 10; overflow: hidden; } .all-applet-wrapper .applet-feature ul { text-align: center; margin-left: -3.75%; margin-right: -3.75%; } .all-applet-wrapper .applet-feature li { float: left; width: 16.66666%; font-size: 16px; line-height: 24px; color: #ccc; } .all-applet-wrapper .applet-feature .ico { margin-bottom: 14px; } .all-applet-wrapper .applet-feature h3 { margin-bottom: 19px; font-size: 18px; line-height: 24px; color: #fff; } .applet-func-list{ width:100%; } .applet-func-list li { float: left; margin-bottom: 62px; width: 33.333%; padding: 0 2.380%; text-align: center; } .applet-func-list .inner { padding: 48px 20px 68px; font-size: 15px; line-height: 22px; color: #666; border: solid 1px #d9d9d9; } .applet-func-list .ico { margin-bottom: 20px; height: 75px; line-height: 75px; } .applet-func-list .ico img { vertical-align: middle; } .applet-func-list h3 { margin-bottom: 20px; font-size: 18px; line-height: 32px; color: #1a1a1a; } .platform-apply { padding: 75px 0 77px; background-color: #f2f2f2; } .platform-apply li { float: left; width: 25%; font-size: 16px; line-height: 24px; color: #666; } .platform-apply .inner { padding: 50px 25px 42px; border: 1px solid #d9d9d9; } .platform-apply h4 { margin-bottom: 17px; font-size: 60px; line-height: 60px; color: #999; } .platform-apply h3 { margin-bottom: 24px; font-size: 24px; line-height: 30px; color: #1a1a1a; } .platform-apply p { display: -webkit-box; height: 144px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } .pay-info-ts{ width:60%; } .pay-info-price{ width:40%; } .f_left{ float: left; } .f_left p { padding-left: 107px; } .wxhead p { color: #646567; font-size: 14px; line-height: 30px; } .ontime { font-weight: bold; } .f_right{ float: right; } .f_right p { color: #646567; font-size: 14px; line-height: 30px; text-align:right; } .ordertotal { padding-right: 107px; } .ordertotal span { font-size: 20px; color: #ff8208; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .clear-both{ clear:both; } .area { height: 572px; width:1200px; background: #FFF; margin-top: 30px; border: 2px solid #FFF; border-radius: 10px; -moz-box-shadow: -1px 1px 14px #888888; box-shadow: -1px 1px 14px #888888; } .area .title { color: #646567; font-size: 18px; padding: 19px 32px; font-weight: bold; } .acenter { width: 662px; margin: 0 auto; } .area .exp { padding-left: 30px; } .area .qr { width: 298px; height: 298px; border: 1px solid #dcdcdc; } .area .shao { margin-top: 30px; } @media (max-width: 992px) { .site-server-icolist li{ width: 50%; padding: 0 5px; margin-bottom: 15px; text-align: center; } .site-news li { float: left; width: 100%; } .seo-why-list li { width: 100%; line-height: 22px; font-size: 14px; } .advant-list li { width: 50%; font-size: 14px; line-height: 22px; } .optimization li { width: 50%; font-size: 14px; line-height: 22px; padding-bottom: 15px; } .additional-list li { width: 50%; padding-bottom: 15px; font-size: 14px; line-height: 22px; } .seo-operation img { width: auto; height: 250px; } .it-list li{ width:100%; margin-bottom:30px; } .applet-desc-list { margin-bottom: 10px; border: 0; overflow: hidden; height:auto; } .applet-desc-list .inner { padding: 15px; border: 1px solid #d9d9d9; } .applet-desc-list li { float: none; width: 100%; margin-bottom: 15px; } .all-applet-wrapper { height: auto; padding: 20px 0; } .all-applet-wrapper .m-full-bg { height: 100%; } .all-applet-wrapper .m-full-bg img { -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); margin-left: 0; height: 100%; } .all-applet-wrapper .applet-feature li { float: none; display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; margin-bottom: 10px; } .all-applet-wrapper .applet-feature .ico { margin-bottom: 10px; } .all-applet-wrapper .applet-feature h3 { margin-bottom: 5px; font-size: 16px; } .all-applet-wrapper .applet-feature .ico img { width: 38%; } .applet-func-list li { float: none; width: 100%; margin-bottom: 10px; padding: 0; } .platform-apply li { float: none; width: 100%; font-size: 14px; margin-bottom: 15px; } }