.hotapp-banner{ margin-bottom: 30px; } .hotapp-banner .swiper-slide img{ display: block; width: 100%; } .generate_qrcode_box { padding-top: 1px; } .qrcode_explain { font-size: 14px; line-height: 30px; } .qrcode_url_box .os_name { font-size: 14px; } .qrcode_url_box .auto_logo_lable { font-size: 12px; color: #999; padding-left: 10px; } .qrcode_url_box .auto_logo_checkbox { width: 16px; height: 16px; border: 1px solid #f2f2f2; vertical-align: -3px; } .qrcode_url_tips { height: 30px; line-height: 30px; } /*更多选项*/ .app_more_options .app-name { margin-bottom: 15px; } .more_options_btn { cursor: pointer; } .more_options_box { display: none; } .more_options_btn .icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-left: 2px; background: url(../img/index/xia.png) 0 0 no-repeat; background-size: 100%; } .more_options_btn.active .icon { background: url(../img/index/shang.png) 0 0 no-repeat; background-size: 100%; } /*生成二维码*/ .generate_qrcode_box .qrcode_url_input { height: 48px; margin-top: 5px; padding: 0 20px; font-size: 14px; } .generate_btn_box { padding-top: 30px; text-align: center; } .generate_btn_box .btn { font-size: 14px; color: #fff; border-radius: 5px; margin-right: 40px; padding: 8px 30px; background: #5c92ef; } .generate_qrcode_box .qrcode_show_box { max-width: 300px; max-height: 300px; margin: 20px auto; } .generate_qrcode_box .qrcode_show_box img { width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 4px; } .generate_qrcode_box .qrcode_function { max-width: 300px; margin: 0 auto; } .upload_btnbox, .down_btnbox { padding: 0; } .generate_qrcode_box .upload_logo { width: 100%; } .generate_qrcode_box .down_qrcode_box { width: 100%; font-size: 14px; color: #666; height: 40px; } .generate_qrcode_box .upload_logo { height: 40px; padding: 0; } .generate_qrcode_box .down_qrcode_btn { height: 40px; padding: 0; width: 80%; } .generate_qrcode_box .down_qrcode_more { width: 20%; height: 40px; padding: 0; background: url(../img/index/more_down_bg.png) center center no-repeat; background-color: #fff; } .generate_qrcode_box .qrcode_function { /*padding-top: 20px;*/ } .generate_qrcode_box .alert { margin: 20px 0; } #myApp_box .qrcode_explain { margin-bottom: 32px; } #myApp_box .generate_btn_box { padding-top: 127px; } #textarea_box .qrcode_url_box { padding-top: 0; } #textarea_box .qrcode_url_tips { margin-bottom: 20px; } #textarea_box .qrcode_url_textarea { height: 260px; resize: none } #textarea_box .generate_btn_box { padding-top: 62px; } #decode_box .decode_upload_btn_lable { font-size: 20px; color: #666; line-height: 40px; } #decode_box { padding-top: 0px; } .decode_upload_box { padding-top: 0px; } #decode_box .decode_upload_left, #decode_box .decode_upload_right { float: left; } #decode_box .decode_upload_left { width: 160px; } #decode_box .decode_upload_btn { color: #fff; padding: 10px 50px; margin-bottom: 50px; } #decode_box .decode_upload_right .tips { margin-bottom: 20px; } #decode_box .decode_results_textarea { width: 100%; height: 170px; border: 1px solid#ccc; border-radius: 4px; background: #fff; resize: none; } .user_link_box { line-height: 30px; margin-top: 15px; } .user_link_box p { margin: 0; } .user_link_box a { display: block; } .user_link_box .user_link_icon02 { display: inline-block; padding-left: 18px; background: url(../img/index/user_link_icon02.png) 0 center no-repeat; } .user_link_box .user_link_icon01 { display: inline-block; padding-left: 18px; background: url(../img/index/user_link_icon01.png) 0 center no-repeat; } .user_link_box .user_link_icon03 { display: inline-block; padding-left: 18px; background: url(../img/index/user_link_icon03.png) 0 center no-repeat; } #wechat_box .qrcode_url_box { margin-top: 0px; } #wechat_box .text_1 { margin-top: 30px; } #wechat_box .qrcode_url_input_box { margin-top: 30px; } #wechat_box .generate_qrcode_btn { height: 48px; padding: 0 38px; font-size: 16px; background: #5c92ef; color: #fff; border-color: #5c92ef; } #wechat_box .qrcode_url_input { margin-top: 0; } #wechat_qrcode_up { text-decoration: underline; padding: 0 5px; } /*首页的广告*/ #hotApp_box{ margin-bottom: 90px; } .floor_1 { background: #fff; padding: 10px; } .floor_1 .notice_box { max-width: 800px; height: 40px; line-height: 40px; margin: 40px auto 0 auto; padding: 0 18px; border: 1px solid #e6e6e6; border-radius: 5px; font-size: 14px; } .floor_1 .notice_more { color: #666; } .floor_1 .item { margin-top: 60px; margin-bottom: 70px; } .floor_1 .item_left, .floor_1 .item_right { display: table-cell; } .floor_1 .item_left { vertical-align: top; } .floor_1 .item_left img { padding-top: 20px; } .floor_1 .item_right { width: 100%; padding-left: 40px; } .floor_1 .item_right h3 { font-size: 16px; color: #666; padding-bottom: 10px; } .floor_1 .item_right p { font-size: 14px; color: #808080; line-height: 22px; } .carousel { margin-bottom: 40px; } .floor h3 { color: #666; font-weight: 400; font-size: 20px; text-align: center; } .floor { margin-bottom: 80px; } .floor_2 .black { background: #fff; margin-top: 40px; min-height: 288px; } .floor_2 .document_box {} .floor_2 .list_box { padding: 18px 20px; } .floor_2 .list_box li { line-height: 36px; color: #808080; font-size: 14px; list-style: none; } .floor_2 .list_box li i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fc8e5d; margin-right: 15px; } .floor .right h3 { margin-top: 108px; } .floor .right p { margin-top: 40px; color: #808080; line-height: 26px; } .floor_4 .right h3 { margin-top: 165px; margin-bottom: 45px; text-align: left; } .floor_4 .item { color: #808080; line-height: 22px; } .floor_5 { margin-top: 70px; } .floor_5 .items { margin-top: 30px; } .floor_5 .item { background: #fff; padding-bottom: 30px; } .floor_5 .item_img { text-align: center; padding: 30px 0 30px 0; } .floor_5 .item_title { font-size: 16px; color: #4c4c4c; text-align: center; padding-bottom: 20px; } .floor_5 .item_text { height: 50px; line-height: 24px; overflow: hidden; font-size: 14px; color: #999; padding: 0 36px; } .floor_6 .items { margin: 30px 0 0 0; background: #fff; list-style: none; padding: 30px 24px 0 24px; } .floor_6 .item { padding-bottom: 30px; } .floor_6 .item h4 a { font-size: 14px; color: #4c4c4c; } .floor_6 .item p { font-size: 12px; color: #999; padding-top: 20px; } .floor_7 .title { margin-bottom: 40px; } .floor_7 .already-serve_bg { background: #fff; } .floor_7 .already-serve { text-align: center; padding: 20px 0; } .floor_7 .already-serve .serve-number { color: #5c92ef; font-size: 36px; display: inline-block; font-family: Arial; } .floor_7 .already-serve .serve-type { font-size: 14px; color: #999; display: inline-block; } .floor_8 .items { background: #fff; margin-top: 40px; font-size: 0; text-align: center; } .floor_8 .items li { display: inline-block; width: 15%; padding: 15px; } .floor_8 .item_img { text-align: center; width: 70px; margin: 0 auto; } .floor_8 .item_img img { width: 100%; } .floor_8 .item_title { text-align: center; color: #666; font-size: 16px; padding-top: 10px; } .floor_9 { margin-bottom: 0; } .floor_9 .list_box { background: #fff; margin-top: 40px; padding: 20px 20px; } .floor_9 .list_box li { float: left; list-style: none; width: 12.5%; padding: 10px; } .floor_9 .list_box li a { display: block; width: 100%; height: 100%; text-align: center; } .floor_9 .list_box li a img { max-width: 100%; max-height: 100%; vertical-align: middle; } /*下载*/ .format_title { font-size: 28px; text-align: center; } .common_format_title { margin: 60px 0 48px 0; } .vector_format_title { margin: 40px 0 60px 0; } .format_common_box {} .common_format { padding: 30px 0; background: #fff; margin-bottom: 20px; } .common_format .list_icon { width: 40px; height: 60px; margin-left: 40px; background: url(../img/index/format_down_icon.png) center center no-repeat; } .common_format .qrcode_size { padding-top: 10px; font-size: 16px; width: 178px; padding-left: 30px; } .common_format .arrow_tip { width: 67px; height: 60px; background: url(../img/index/format_arrow.png) center center no-repeat; } .common_format .qrcode_logo { width: 60px; height: 60px; margin-left: 48px; } .common_format .qrcode_logo img { width: 100%; height: 100%; } .common_format .upload_btn_box { margin: 15px 20px 0 30px; } .common_format .upload_btn_box .btn { background: #f96363; padding: 8px 18px; color: #fff; border-radius: 8px; } .common_format .remarks { line-height: 60px; margin-right: 45px; } .common_format .remarks i { font-style: normal; padding: 0 5px; } .common_format .down_btn_box { margin-left: 50px; margin-top: 14px; } .common_format .down_btn_box .btn { background: #78bf78; padding: 8px 30px; color: #fff; border-radius: 8px; } .vector_format_box { margin-bottom: 230px; } .vector_format { padding: 40px 0; text-align: center; background: #fff; } .vector_format .down_icon { display: inline-block; vertical-align: top; width: 40px; height: 36px; background: url(../img/index/format_down_icon.png) center center no-repeat; background-size: 100%; } .vector_format .remarks { display: inline-block; width: 148px; vertical-align: top; font-size: 16px; height: 36px; line-height: 36px; margin: 0 10px; } .vector_format .down_btn_box { display: inline-block; vertical-align: top; height: 36px; } .vector_format .down_btn_box .btn { background: #78bf78; padding: 8px 24px; color: #fff; border-radius: 8px; } @media (min-width: 992px) { .generate_qrcode_box .qrcode_show_box { margin: 0 auto 20px auto; } } /*QQ客服*/ #qq_kefu_warp { width: 100%; position: fixed; left: 0px; top: 200px; } #qq_kefu_warp .container { position: relative; width: 100%; max-width: 1300px; margin: 0 auto; } #qq_kefu_warp .kefu-list { position: absolute; right: 0; } #qq_kefu_warp .kefu-list li { margin-bottom: 15px; } #qq_kefu_warp .kefu { display: block; width: 40px; height: 40px; background: url(/dist/main/img/index/QQ.png) 0 0 no-repeat; z-index: 99; transition: all 0.2s; } #qq_kefu_warp .kefu:hover { background: url(/dist/main/img/index/QQ01.png) 0 0 no-repeat; } #qq_kefu_warp .vip-kefu { background-image: url(/dist/main/img/index/vipqq01.png); } #qq_kefu_warp .vip-kefu:hover { background-image: url(/dist/main/img/index/vipqq02.png); } /*小程序二维码*/ #qr-preview { max-width: 300px; margin: auto; } #qr-preview .qr_code_box { width: 100%; height: auto; margin-bottom: 20px; } #qr-preview .qr_code_box img { width: 100%; border: 1px solid #e6e6e6; border-radius: 6px; } #qr-preview .operation_box { margin-bottom: 20px; height: 40px; } #qr-preview .operation_btn { width: 50%; float: left; height: 38px; padding: 0; line-height: 38px; text-align: center; background: #fff; color: #333; border: 1px solid #e6e6e6; } #parameter-submit { margin-bottom: 25px; } #qr-preview .size_name { width: 50px; height: 40px; line-height: 40px; float: left; } #qr-preview .size_select { float: left; width: 50%; } #qr-preview .qr_code_size { height: 40px; } #qr-preview .qr_code_size .operation_btn { width: 100%; } #qr-preview .down_box { width: 50%; float: left; } #qr-preview .down_box .down_btn { width: 80%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } #qr-preview .down_box .more_down { width: 20%; border-top-left-radius: 0; border-bottom-left-radius: 0; background: url(/dist/main/img/index/more_down_bg.png) center center no-repeat; } #parameter-form .alert { margin-top: 10px; display: none; } #parameter-form .tips { font-size: 14px; color: #666; line-height: 22px; } #parameter-form .tips span { color: #fa6e6e; } #parameter-form .tips .help-block { color: #666; } #parameter-form .form-item { margin-bottom: 15px; } #parameter-form .form-item-title { position: relative; height: 25px; margin: 0; } #parameter-form .form-item-title .name { color: #666; font-size: 14px; } #parameter-form .form-item-title .tips_icon { position: absolute; display: block; width: 18px; height: 18px; right: 0; top: 0; /*background: url(../img/tips_icon_2017010301.png) 0 0 no-repeat;*/ } #parameter-form .form-item-delete { display: block; height: 25px; line-height: 25px; text-align: center; } #parameter-form .form-control { height: 40px; padding: 8px 12px; } #parameter-form .help-link { color: #357ebc; } #parameter-form .create_app_btn { margin-top: 15px; line-height: 30px; padding: 6px 20px; font-size: 16px; background: #5c92ef; color: #fff; } #parameter-form .app-select { margin-bottom: 18px; } #parameter-form .app-select .select-tit { line-height: 34px; } #parameter-form .app-select .dropdown_btn { margin-right: 20px; } .form-placeholder { margin-bottom: 0; line-height: 20px; font-size: 12px; color: #737373; } #form-warp { margin-bottom: 20px; } #footer { margin-top: 80px; } /*收款码合并*/ #pay_code .merge-wap { padding-bottom: 80px; border-bottom: 1px solid #e6e6e6; } #pay_code .up-box { width: 180px; height: 180px; overflow: hidden; margin-bottom: 10px; cursor: pointer; } #pay_code .up-box img { width: 100%; display: none; } #pay_code a.help-link { font-size: 14px; color: #6699FF; } #pay_code .up-tips, #pay_code .up-loading { display: block; height: 180px; font-size: 14px; font-weight: 700; color: #bbb; text-align: center; background-repeat: no-repeat; background-position: center; } .up-weixin .up-tips { background-image: url(../img/index/weixinpay_tips_bg.png); } .up-alipay .up-tips { background-image: url(../img/index/alipay_tips_bg.png); } #pay_code .up-loading { display: none; background-image: url(../img/index/loading.gif); background-size: 100px; } #pay_code .up-warp { margin-top: 25px; } #pay_code .up-ercode-box { float: left; } #pay_code .icon_jia { width: 240px; height: 180px; float: left; background: url(../img/index/icon_jia.png) center center no-repeat; } #pay_code .ercode-imgbox { width: 265px; height: 265px; background: url(../img/index/ercode-imgbox_bg.png) center center no-repeat; } #pay_code .ercode-imgbox.active { width: 260px; height: auto; border: none; } #pay_code .merge-btn { margin-top: 25px; margin-left: 220px; } #pay_code .down_pay_code { margin-top: 15px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; } #pay_code #decode-img { display: none; width: 100%; } #pay_code .reset_up { position: absolute; right: -85px; top: 0; background: #fff; display: none; } #up-logo { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .zhimapay .wenda { margin-top: 50px; } .zhimapay .block-title { font-size: 20px; font-weight: 700; color: #333; margin-bottom: 50px; } .zhimapay .wenda .wenda-title { font-size: 14px; color: #333; } .zhimapay .wenda_list { padding: 25px 15px 5px 15px; background: #fff; } .zhimapay .wenda .wenda-content { font-size: 14px; color: #999; padding-left: 15px; margin-top: 15px; } .zhimapay .wenda li { margin-bottom: 20px; } #pay_code .product { padding-top: 100px; text-align: center; } #pay_code .product_list { margin-top: 80px; } #pay_code .product li { float: left; width: 25%; text-align: center; } #pay_code .product li .item { padding: 34px 20px; background: #fff; } #pay_code .product-title { font-size: 16px; color: #4c4c4c; font-weight: 400; padding: 20px 0 20px 0; } #pay_code .product-text { height: 75px; text-align: left; overflow: hidden; color: #999; font-size: 12px; } #pay_code .product-img { height: 55px; text-align: center; } #pay_code .product-img img { height: 55px; width: 55px; } #pay_code_help .help-block { background: #fff; padding: 30px 0; } #pay_code_help .help-content { max-width: 200px; margin: 15px auto; } #pay_code_help .help-title { font-size: 14px; min-height: 40px; line-height: 18px; } #pay_code_help .help-center img { width: 100%; } #pay_code_help .page-title { margin-top: 0; margin-bottom: 35px; } #pay_code_help .help-block-weixin { margin-bottom: 80px; } .more-paycode-warp{ margin-top: 30px; } .more-paycode-warp .more_show{ line-height: 1; } .more_show_js{ cursor: pointer; } .more-paycode-warp .more_show_label{ font-size: 12px; vertical-align: middle; } .more-paycode-warp .qq_icon, .more-paycode-warp .more_icon{ display: inline-block; width: 12px; height: 12px; vertical-align: middle; } .more-paycode-warp .qq_icon{ background: url(/dist/main/img/shouqian/qq_icon.png) 0 0 no-repeat; } .more-paycode-warp .more_icon{ background: url(/dist/main/img/shouqian/more_down.png) 0 0 no-repeat; } .more-paycode-warp .more_show_js.active .more_icon{ background: url(/dist/main/img/shouqian/more_up.png) 0 0 no-repeat; } .more-paycode-warp .more-box{ margin-top: 12px; display: none; } .more-paycode-warp .more-box .weixin-qrcode{ display: table-cell; width: 100px; height: 100px; vertical-align: middle; overflow: hidden; } .more-paycode-warp .more-box .more-label{ display: table-cell; vertical-align: middle; padding-left: 20px; } /*网址二维码*/ .url_generate.repeat{ background: #fff; color: #5c92ef; border-color: #5c92ef; } .generate_url_huoma{ } .recent_input{ height: 36px; line-height: 36px; display: none; } .recent_list, .recent_input_close, .recent_input_label{ float: left; padding:0 5px; } .recent_input li{ float: left; padding-right: 10px; max-width: 125px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; } .recent_input li .text{ cursor:pointer; text-decoration: underline; } .recent_input .recent_input_close{ padding-right: 5px; width: auto; } .recent_input .recent_input_close span{ font-size: 14px; cursor: pointer; top: 2px; } .recent_input .recent_input_label{ width: auto; } #textarea_box .generate_btn_box .btn{ width: 160px; } /*自定义域名广告*/ .domin-modal{ display: none; } .domin-modal .content_warp{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;opacity: 0.4;z-index: 9998; } .domin-modal-content{ position: fixed;top: 50%;left: 50%;margin: -190px 0 0 -450px;z-index: 9998; } .domin-modal-body{ width: 900px;height: 380px; position: relative; background: url(/src/main/index/img/domain-ad-bg.jpg) 0 0 no-repeat; } .domin-modal-pendant{ position: absolute; right: 60px; top: -60px; z-index: 9998; } .domin-modal-close{ position: absolute; right: 60px; top: -60px; width: 30px; height: 30px; z-index: 9999; cursor: pointer; } .domin-modal .domin-ad-img{ float: left; margin: 52px 0 0 61px; } .domin-modal .domin-ad-text{ float: right; width: 360px; margin: 106px 52px 0 0; } .domin-modal .domin-ad-text .title{ margin-bottom: 44px; line-height: 1; text-align: center; } .domin-modal .domin-ad-text .title .large{ color: #ec736d;font-size: 50px; } .domin-modal .domin-ad-text .title .small{ color: #333;font-size: 36px; } .domin-modal .text-list{ padding-bottom: 24px; overflow: hidden; } .domin-modal .text-list li{ line-height: 1; font-size: 18px; padding-left: 18px; position: relative; } .domin-modal .text-list li .dian{ position: absolute; display: inline-block; width: 6px; height: 6px; left: 0; top: 50%; margin-top: -3px; background: #6ec4c3; border-radius: 50%; vertical-align: middle; } .domin-modal .domin-ad-text .link{ display: block; width: 120px; height: 40px; margin: 16px auto 0 auto; line-height: 40px; text-align: center; border-radius: 4px; background: #6ec4c3; color: #fff !important; font-size: 18px; } .domin-modal .ad-link:hover{ background: #67bfbe; } /*适配*/ @media (min-width: 992px) { #qr-preview { width: 300px; float: right; } } @media (max-width: 992px) { #qq_kefu_warp .kefu { right: 0; } } @media (max-width: 768px) { #mini-menu li { width: 20%; } .floor_8 .items li { width: 30%; } .floor_8 .item_img { width: 60px; } .floor_9 .list_box li { width: 25%; } } @media (max-width: 640px) { #mini-menu li { width: 25%; } } @media (max-width: 480px) { #mini-menu li { width: 33%; } .floor_9 .list_box li { width: 33%; } .floor_8 .items li { width: 50%; } .floor_8 .item_img { width: 40px; } }