@charset "utf-8"; @font-face { font-family: iconfont; src: url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("/fonts/iconfont-a4ce0.ttf") format("truetype"); } .iconfont { font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; } .icon-check::before { content: ""; } .icon-close::before { content: ""; } .icon-roundcheckfill::before { content: ""; } .icon-roundcheck::before { content: ""; } .icon-roundclosefill::before { content: ""; } .icon-roundclose::before { content: ""; } .icon-questionfill::before { content: ""; } .icon-question::before { content: ""; } .icon-infofill::before { content: ""; } .icon-info::before { content: ""; } .icon-android::before { content: ""; } .icon-phone1::before { content: ""; } .icon-phone::before { content: ""; } .icon-ios::before { content: ""; } .icon-arrowdown::before { content: ""; } .icon-search::before { content: ""; } .icon-mail::before { content: ""; } .icon-riqi::before { content: ""; } .icon-windows::before { content: ""; } .icon-cuowuguanbiquxiao-yuankuang::before { content: ""; } .icon-wenhao-xianxingyuankuang::before { content: ""; } .icon-menu::before { content: ""; } .icon-xiazai::before { content: ""; } .icon-tongzhi::before { content: ""; } .icon-xiazai1::before { content: ""; } .icon-chakan::before { content: ""; } .icon-shipin1::before { content: ""; } .icon-warn1::before { content: ""; } .icon-verif::before { content: ""; } .icon-about::before { content: ""; } .icon-download::before { content: ""; } .icon-partner::before { content: ""; } .icon-news::before { content: ""; } .icon-hr::before { content: ""; } .icon-arrow-left::before { content: ""; } .icon-kefu::before { content: ""; } .icon-guan::before { content: ""; } .icon-arrow-right::before { content: ""; } .icon-login::before { content: ""; } .icon-group::before { content: ""; } .icon-yiliao::before { content: ""; } .icon-zhengwu1::before { content: ""; } .icon-jiaotong1::before { content: ""; } .icon-jinrong1::before { content: ""; } .icon-jiaoyu1::before { content: ""; } .icon-jichusheshi::before { content: ""; } .icon-hangyeyingyong::before { content: ""; } .icon-zhinengyingjian::before { content: ""; } .icon-tongyongxinxihua::before { content: ""; } .icon-jichutongxin::before { content: ""; } .icon-hulianwang1::before { content: ""; } .icon-nongshang1::before { content: ""; } .icon-icongongye::before { content: ""; } .icon-shoucang::before { content: ""; } .icon-sina::before { content: ""; } .icon-chanpinwendang::before { content: ""; } .icon-jiaotong::before { content: ""; } .icon-hulianwang::before { content: ""; } .icon-icon-search::before { content: ""; } .icon-yun::before { content: ""; } .icon-nongshang::before { content: ""; } .icon-bangong::before { content: ""; } .icon-gongye::before { content: ""; } .icon-anquan::before { content: ""; } .icon-zixun::before { content: ""; } .icon-zhengwu::before { content: ""; } .icon-jiaoyu::before { content: ""; } .icon-shipin::before { content: ""; } .icon-gouwuche::before { content: ""; } .icon-yingxiaohuodong::before { content: ""; } .icon-lianxiwomen::before { content: ""; } .icon-tongxin::before { content: ""; } .icon-jinrong::before { content: ""; } .icon-ziyuan::before { content: ""; } .icon-arrow-up::before { content: ""; } .icon-qrcode::before { content: ""; } .icon-IM::before { content: ""; } .icon-shenqingdan::before { content: ""; } .icon-wentidan::before { content: ""; } .icon-peixun::before { content: ""; } .icon-zizhufuwu::before { content: ""; } .icon-arrowup::before { content: ""; } .icon-love::before { content: ""; } .icon-product::before { content: ""; } .icon-document::before { content: ""; } .icon-loading::before { content: ""; } .icon-switch::before { content: ""; } .icon-lock::before { content: ""; } .icon-mobile::before { content: ""; } .icon-ict::before { content: ""; } .icon-collection_fill::before { content: ""; } .icon-collection::before { content: ""; } .icon-contact-email::before { content: ""; } .icon-contact-consultation::before { content: ""; } .icon-contact-call::before { content: ""; } .icon-contact-about::before { content: ""; } .icon-contact-people::before { content: ""; } .icon-hot::before { content: ""; } html { color: rgb(51, 51, 51); text-size-adjust: 100%; } html ::-webkit-scrollbar { background-color: rgb(245, 245, 245); width: 10px; height: 10px; } html ::-webkit-scrollbar-track { border-radius: 10px; background-color: rgb(245, 245, 245); } html ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgb(203, 205, 209); } html ::-webkit-scrollbar-thumb:hover { background-color: rgb(136, 136, 136); } article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0px; padding: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; } body, button, input, select, textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; } input, select, textarea { font-size: 100%; } input:focus { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; box-shadow: rgba(102, 174, 233, 0.6) 0px 0px 8px; outline: 0px; border-color: rgb(102, 175, 233) !important; } table { border-collapse: collapse; border-spacing: 0px; } th { text-align: inherit; } fieldset, img { border: 0px; } iframe { display: block; } abbr, acronym { border: 0px; font-variant: normal; } del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; } q::after, q::before { content: ""; } a, ins { text-decoration: none; } a { color: rgb(102, 102, 102); } a:hover { text-decoration: none; color: rgb(0, 102, 168); } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } .btn { transition: 0.5s; padding: 4px 20px; } .btn.btn-lg { padding: 10px 16px; } .btn .iconfont { font-size: 1.2em; margin-right: 10px; } .btn-default { border: 1px solid rgb(204, 204, 204); background-color: transparent; color: rgb(153, 153, 153); font-weight: 300; } .btn-default:active, .btn-default:focus, .btn-default:hover { background-color: rgb(153, 153, 153); color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); } .btn-primary { border: 1px solid rgb(0, 103, 237); background-color: transparent; color: rgb(0, 103, 237); font-weight: 300; } .btn-primary-default, .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: rgb(0, 103, 237); color: rgb(255, 255, 255); border: 1px solid rgb(0, 103, 237); } .btn-primary-default { font-weight: 300; } .btn-primary-default:active, .btn-primary-default:focus, .btn-primary-default:hover { color: rgb(255, 255, 255); background-color: rgb(0, 85, 196); border: 1px solid rgb(0, 85, 196); } .btn-white { border: 1px solid rgb(255, 255, 255); background-color: transparent; color: rgb(255, 255, 255); font-weight: 300; } .btn-white:active, .btn-white:focus, .btn-white:hover { background-color: rgb(255, 255, 255); color: rgb(0, 103, 237); border: 1px solid rgb(255, 255, 255); } .btn-text { border: 0px; color: rgb(102, 102, 102); } .btn-text:active, .btn-text:focus, .btn-text:hover { background-color: rgb(238, 238, 238); box-shadow: none; outline: 0px !important; } .active .btn-text, .btn-primary-text { border: 0px; background-color: rgb(186, 216, 255); color: rgb(0, 103, 237); } .active .btn-text:active, .active .btn-text:focus, .active .btn-text:hover, .btn-primary-text:active, .btn-primary-text:focus, .btn-primary-text:hover { box-shadow: none; outline: 0px !important; } .breadcrumb { background-color: transparent; padding: 8px 0px; margin-bottom: 10px; } .breadcrumb > li + li::before { content: ">"; } .ajax-loading-modal { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); top: 0px; left: 0px; user-select: none; z-index: 1; } .ajax-loading-modal .ajax-loading { position: absolute; top: 50%; left: 50%; width: 60px; transform: translate(-50%, -50%); border-radius: 4px; } .ajax-loading-modal .ajax-loading img { width: 100%; } .global-loading { z-index: 9999; background: rgba(0, 0, 0, 0.3); position: fixed; } .global-loading .ajax-loading { width: 100px; top: 45%; } .select2-container--default { outline: none; } .select2-container--default .select2-selection--single { outline: none; height: 39px; border-color: rgb(204, 204, 204); font-weight: 400; color: rgb(85, 85, 85); padding: 6px 12px; font-size: 14px; line-height: 1.8; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 39px; } .select2-container--default .select2-dropdown { font-weight: 400; font-size: 14px; border-color: rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px; z-index: 10; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid rgb(204, 204, 204); outline: 0px; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: rgb(0, 103, 237); } .has-error .form-control, .has-error .form-control:focus, .has-error .select2-container--default .select2-selection--single { border-color: rgb(225, 80, 74); } .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block { color: rgb(225, 80, 74); } .has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label { color: rgb(92, 184, 92); } .text-danger { color: rgb(225, 80, 74); } .text-success { color: rgb(92, 184, 92); } .page-error { width: 300px; margin: 100px auto; text-align: center; color: rgb(153, 153, 153); } .page-error img { display: inline-block; margin-bottom: 20px; } .page-error p { margin-bottom: 30px; } button, input, select, textarea { outline: 0px; resize: none; } .clearfix { display: block; content: " "; clear: both; } .fl { float: left; } .fr { float: right; } .nf { clear: both; } .red { color: red; } .green, .red { font-weight: 700; } .green { color: rgb(0, 181, 0); } .ds { display: block; } .hid { overflow: hidden; } .bottomshadow { border-bottom: 1px solid rgb(179, 179, 179); box-shadow: rgb(223, 223, 223) 0px 1px 1px 0px; } .fns { user-select: none; } .curdefault { cursor: default; } .text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content_div { transition: 0.25s; } .content_div:hover { transform: scale(1.08); box-shadow: rgb(204, 204, 204) 0px 0px 20px; } #header { position: fixed; top: 0px; left: 0px; z-index: 2; width: 100%; background-color: rgb(255, 255, 255); font-weight: 400; letter-spacing: 0.265294px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px; } #header .top-bar { font-size: 14px; overflow: hidden; line-height: 30px; background-color: rgb(51, 51, 51); padding-top: 2px; user-select: none; } #header .top-bar .top-bar__content { width: 1270px; margin: 0px auto; } #header .top-bar .top-bar__content .welcome-wrapper { float: left; color: rgb(255, 255, 255); margin-top: 15px; } #header .top-bar .top-bar__content .welcome-wrapper .welcome-wrapper__login { cursor: pointer; color: rgb(255, 130, 0); margin-left: 5px; display: none; } #header .top-bar .top-bar__content .user-account { overflow: hidden; display: none; margin: 15px 0px 0px 40px; } #header .top-bar .top-bar__content .user-account .user-account__phone { color: rgb(255, 255, 255); } #header .top-bar .top-bar__content .user-account .user-account__logout { cursor: pointer; color: rgb(255, 130, 0); margin-left: 5px; } #header .top-bar .top-bar__content .user-account .star-user { margin-left: 40px; display: none; color: rgb(255, 255, 255); position: relative; padding-right: 22px; } #header .top-bar .top-bar__content .user-account .star-user::after { content: ""; display: inline-block; width: 17px; height: 17px; background: url("/images/layout/header/star.png") 0% 0% / contain no-repeat; position: absolute; top: 50%; right: 0px; transform: translateY(-42%); } #header .top-bar .top-bar__content .menu-wrapper { float: right; overflow: hidden; text-align: right; font-size: 0px; margin-left: 10px; } #header .top-bar .top-bar__content .menu-wrapper .customer-service { margin: 10px 20px 10px 0px; height: 40px; cursor: pointer; } #header .top-bar .top-bar__content .menu-wrapper .user-menu-item { font-size: 14px; cursor: pointer; padding: 0px 20px; line-height: 14px; color: rgb(255, 255, 255); border-right: 1px solid rgb(153, 153, 153); vertical-align: middle; white-space: nowrap; } #header .top-bar .top-bar__content .menu-wrapper .user-menu-item.menu-item__last { border-right: 0px; padding-right: 0px; } #header .top-bar .top-bar__content .menu-wrapper .user-menu-item:hover { color: rgb(0, 102, 168); } #header .top-bar .top-bar__content .menu-wrapper .client-download { border-left: 1px solid rgb(153, 153, 153); } #header .nav-menu { height: 100px; } #header .nav-menu .nav-menu_content { width: 1270px; margin: 0px auto; } #header .nav-menu .nav-menu_content .logo { width: 250px; height: 45px; } #header .nav-menu .nav-menu_content .home-address { width: 100px; display: inline-block; margin-left: 15px; vertical-align: middle; padding: 2px 4px; font-weight: 400; font-size: 16px; letter-spacing: 0.265294px; color: rgb(51, 51, 51); } #header .nav-menu .nav-menu_content .home-address img { width: 12px; vertical-align: text-bottom; } #header .nav-menu .nav-menu_content .home-address span { vertical-align: middle; } #header .nav-menu .nav-menu_content .home-address span:hover { color: rgb(0, 102, 168); } #header .nav-menu .nav-menu_content .menu-wrapper { display: inline-block; margin-left: 80px; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item { width: 170px; display: inline-block; opacity: 0; position: relative; font-size: 22px; line-height: 100px; color: rgb(51, 51, 51); text-decoration: none; text-align: center; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .menu-item-text { position: relative; height: 100px; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .menu-item-text::after { content: ""; display: block; width: 100%; height: 5px; opacity: 0; border-radius: 10px; background-color: rgb(0, 102, 168); position: absolute; left: 0px; bottom: -15px; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item:hover { color: rgb(0, 102, 168); transition: color 0.5s; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu { display: none; position: absolute; left: 0px; top: 101px; min-width: 170px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; font-size: 14px; line-height: 44px; font-weight: 600; color: rgb(65, 65, 65); } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .online-customer-service { position: relative; border-top: 1px solid rgb(230, 230, 230); padding: 0px 20px; display: block; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .online-customer-service:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .online-customer-service .arrow-right { position: absolute; width: 6px; top: 16px; right: 15px; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-level-menu-item { position: relative; border-top: 1px solid rgb(230, 230, 230); padding: 0px 20px; display: block; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-level-menu-item:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-level-menu-item .arrow-right { position: absolute; width: 6px; top: 16px; right: 15px; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-level-menu-item .second-menu-group { display: none; position: absolute; top: 0px; left: 101%; min-width: 170px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 10px; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-level-menu-item .second-menu-group .second-level-menu-item { display: block; border-top: 1px solid rgb(230, 230, 230); padding: 0px 20px; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-level-menu-item .second-menu-group .second-level-menu-item:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-menu-active { background-color: rgb(242, 242, 242); } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-menu-active::before { content: ""; display: block; width: 4px; height: 44px; background-color: rgb(0, 102, 168); position: absolute; top: 0px; left: 0px; } #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu-active, #header .nav-menu .nav-menu_content .menu-wrapper .menu-item .floating-menu .first-menu-active .second-menu-group { display: block; } #header .nav-menu .nav-menu_content .menu-wrapper .active { color: rgb(0, 102, 168); } #header .nav-menu .nav-menu_content .menu-wrapper .active .menu-item-text::after { opacity: 1; } #header .nav-menu .nav-menu_content .service-hall { display: none; width: 150px; margin: -10px 0px 0px 70px; } #header .nav-menu .nav-menu_content .search-wrapper { display: none; vertical-align: super; } #header .nav-menu .nav-menu_content .search-wrapper .search_input { font-size: 16px; width: 210px; height: 40px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(0, 102, 168) currentcolor rgb(0, 102, 168) rgb(0, 102, 168); border-image: initial; padding: 10px 15px; } #header .nav-menu .nav-menu_content .search-wrapper .search-btn { width: 50px; height: 40px; background-color: rgb(0, 102, 168); text-align: center; display: inline-block; vertical-align: bottom; border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin-left: -4px; } #header .nav-menu .nav-menu_content .search-wrapper .search-btn img { width: 20px; margin-top: 10px; } #footer { background: rgb(249, 249, 249); padding: 40px 0px; font-weight: 400; font-size: 14px; text-align: center; color: rgb(30, 30, 30); letter-spacing: 0.4px; } #footer .footer-wrapper { width: 1270px; margin: 0px auto; text-align: center; line-height: 2; } #footer .footer-wrapper .footer-section .hotline { margin-left: 20px; } #footer .footer-wrapper .copyright-wrapper { margin-top: 5px; } #footer .footer-wrapper .copyright-wrapper .trust-icon { width: 128px; height: 47px; margin-right: 16px; } #footer .footer-wrapper .copyright-wrapper .record .record-icon { width: 21px; height: 25px; } #footer .footer-wrapper .copyright-wrapper .record .record-text { cursor: pointer; text-decoration: none; } #footer .footer-wrapper .copyright-wrapper .record .record-text:hover { color: rgb(0, 102, 168); } #bottom-navigation-bar { color: rgb(51, 51, 51); } #bottom-navigation-bar .navigation-wrapper { height: 235px; width: 1270px; margin: 0px auto; padding: 50px 0px; display: table; font-size: 0px; } #bottom-navigation-bar .navigation-wrapper .navigation-column { display: inline-block; margin-left: 150px; vertical-align: text-top; } #bottom-navigation-bar .navigation-wrapper .navigation-column .navigation-title { font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 10px; } #bottom-navigation-bar .navigation-wrapper .navigation-column .navigation-link a, #bottom-navigation-bar .navigation-wrapper .navigation-column .navigation-link span { font-weight: 400; font-size: 14px; line-height: 34px; } #bottom-navigation-bar .navigation-wrapper .navigation-column .navigation-link a:hover, #bottom-navigation-bar .navigation-wrapper .navigation-column .navigation-link span:hover { color: rgb(0, 102, 168); text-decoration: none; } #bottom-navigation-bar .navigation-wrapper .first { margin-left: 40px; } #bottom-navigation-bar .navigation-wrapper .third { margin-left: 60px; } #upgrade-browser { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.6); text-align: center; line-height: 30px; padding: 16px 0px; font-size: 14px; position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 1000; } #upgrade-browser a { color: rgb(255, 255, 255); text-decoration: underline; } #upgrade-browser .iconfont { font-size: 2em; vertical-align: bottom; } #upgrade-browser .icon-close { font-size: 1.5em; margin-left: 48px; cursor: pointer; } body { min-width: 1270px; padding-top: 162px; } #page-body { width: 100%; background-color: rgb(249, 249, 249); padding-bottom: 45px; } #container { margin: 0px auto; width: 1270px; position: relative; } #sidebar { position: absolute; width: 240px; height: 100%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 0px 0px 4px 4px; } .accordion-title { position: relative; } .accordion-title .title-icon { display: inline-block; margin-right: 6px; width: 4px; height: 16px; background-color: rgb(0, 102, 168); border-radius: 6px; } .accordion-title .title-text { font-weight: 500; font-size: 18px; color: rgb(51, 51, 51); vertical-align: bottom; } #section-title { padding-left: 15px; font-weight: 500; font-size: 18px; color: rgb(51, 51, 51); } #section-area { float: right; margin-top: 20px; } .click-btn { cursor: pointer; user-select: none; } .no-data { margin-top: 200px; text-align: center; font-weight: 500; font-size: 16px; color: gray; } .agreementDialog { font-weight: 400; font-size: 14px; line-height: 24px; color: rgb(0, 0, 0); } .agreementDialog .common-dialog__body { padding: 30px; max-height: 500px; } .agreementDialog .common-dialog__body img { width: 100%; } .broadnetInfo .common-dialog__body { padding: 40px 60px 20px; font-size: 16px; line-height: 2; } .infoDialog .common-dialog__body { padding: 30px; font-size: 13px; overflow-y: auto; line-height: 2; } .infoDialog .common-dialog__body div:first-child { font-weight: 700; text-align: center; margin-bottom: 10px; font-size: 15px; } .infoDialog .common-dialog__body p { text-indent: 2em; } .infoDialog .common-dialog__body img { width: 200px; margin: 15px auto 0px; display: block; } .order-read-agreement-dialog .common-dialog__body { padding: 50px 35px 40px; min-height: 500px; max-height: 550px; } .loginStyle, .passWordStyle { padding-top: 0px; } .bn-primary-btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 100px; height: 40px; font-size: 14px; line-height: 40px; border-radius: 4px; background-color: rgb(0, 102, 168); text-align: center; color: rgb(255, 255, 255); } .bn-primary-btn, .bn-radio-group .bn-radio { display: inline-block; cursor: pointer; user-select: none; } .bn-radio-group .bn-radio { margin-left: 10px; } .bn-radio-group .bn-radio .outer-block { display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgb(0, 0, 0); vertical-align: text-bottom; position: relative; } .bn-radio-group .bn-radio .outer-block:hover { border-color: rgb(0, 102, 168); } .bn-radio-group .bn-radio .outer-block .inner-block { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(0, 102, 168); display: none; } .bn-radio-group .active .outer-block { border-color: rgb(0, 102, 168); } .bn-radio-group .active .outer-block .inner-block { display: block; } #phone-deposit .phone-deposit-label { font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: 0.265294px; color: rgb(102, 102, 102); } #phone-deposit .phone-deposit-number { margin: 20px 0px 10px; } #phone-deposit .phone-deposit-number .phone-deposit-number__input { padding: 0px 15px; width: 240px; height: 30px; background: rgb(255, 255, 255); border: 0.5px solid rgb(221, 221, 221); border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 30px; letter-spacing: 0.265294px; color: rgb(51, 51, 51); display: inline-block; } #phone-deposit .phone-deposit-price { padding-top: 13px; } #phone-deposit .phone-deposit-price .phone-deposit-price-wrapper { display: inline-block; vertical-align: bottom; width: 240px; height: 23px; overflow: hidden; } #phone-deposit .phone-deposit-price .phone-deposit-price-wrapper .phone-deposit-price-item { float: left; height: 23px; background: rgb(255, 255, 255); border: 0.5px solid rgb(221, 221, 221); border-radius: 4px; padding: 4px 6px; margin-right: 6px; font-weight: 400; font-size: 12px; line-height: 14px; letter-spacing: 0.265294px; color: rgb(102, 102, 102); } #phone-deposit .phone-deposit-price .phone-deposit-price-wrapper .phone-deposit-price-item.is-active, #phone-deposit .phone-deposit-price .phone-deposit-price-wrapper .phone-deposit-price-item:hover { border-color: rgb(0, 102, 168); color: rgb(255, 255, 255); background-color: rgb(0, 102, 168); } #phone-deposit .phone-deposit-price .phone-deposit-price-wrapper .last-item { margin-right: 0px; } #phone-deposit .deposit-button { width: 135px; height: 32px; background-color: rgb(0, 102, 168); border-radius: 4px; padding: 9px 0px 0px 32px; margin: 23px auto 0px; cursor: pointer; user-select: none; font-weight: 400; font-size: 16px; line-height: 14px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } #sidebar-components { padding: 20px 0px; font-weight: 400; letter-spacing: 0.265294px; } #sidebar-components .parent-menu .parent-menu-container { padding: 0px 25px 0px 40px; display: block; text-decoration: none; line-height: 40px; } #sidebar-components .parent-menu .parent-menu-container .menu-label { font-size: 16px; color: rgb(51, 51, 51); } #sidebar-components .parent-menu .parent-menu-container .parent-right-icon { width: 12px; height: 7px; float: right; margin-top: 16px; } #sidebar-components .parent-menu .parent-menu-is-active .menu-label { color: rgb(0, 102, 168); } #sidebar-components .parent-menu .children-menu .children-menu-container { display: block; text-decoration: none; line-height: 40px; padding: 0px 25px 0px 60px; } #sidebar-components .parent-menu .children-menu .children-menu-container .children-label { font-size: 14px; color: rgb(51, 51, 51); } #sidebar-components .parent-menu .children-menu .children-menu-container .children-right-icon { float: right; width: 16px; height: 16px; margin: 8px 6px 0px 0px; } #sidebar-components .parent-menu .children-menu .children-menu-container:hover .children-label { color: rgb(0, 102, 168); } #sidebar-components .parent-menu .children-menu .children-menu-is-active { border-right: 5px solid rgb(0, 102, 168); } #sidebar-components .parent-menu .children-menu .children-menu-is-active .children-label { color: rgb(0, 102, 168); } #sidebar-components .parent-menu .children-menu .third-menu { padding: 4px 0px 4px 25px; margin-bottom: 0px; display: none; } #sidebar-components .parent-menu .children-menu .isExpand { display: block; } .deposit-order-detail-main { min-height: 580px; } .number-order-detail-main { margin-top: 10px; } .number-order-detail-main .number-order-detail-account-info { height: 232px; } .number-order-detail-main .number-order-detail-account-info .personnal-info { width: 333px; height: 231px; float: left; background: rgb(0, 102, 168); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; text-align: center; } .number-order-detail-main .number-order-detail-account-info .personnal-info .portrait { width: 100px; height: 100px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 1px 3px; margin-top: 36px; } .number-order-detail-main .number-order-detail-account-info .personnal-info .phone-number { font-weight: 500; font-size: 18px; line-height: 30px; color: rgb(255, 255, 255); margin-top: 6px; } .number-order-detail-main .number-order-detail-account-info .personnal-info .package-information { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: rgb(255, 255, 255); margin-top: 6px; } .number-order-detail-main .number-order-detail-account-info .accordion-title { border-bottom: 1px dashed rgb(229, 229, 229); padding: 0px 0px 6px 6px; } .number-order-detail-main .number-order-detail-account-info .account-info { width: 313px; height: 231px; float: left; padding: 16px 12px; margin-left: 12px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; } .number-order-detail-main .number-order-detail-account-info .account-info .account-info-amount { margin-top: 29px; padding: 0px 6px; } .number-order-detail-main .number-order-detail-account-info .account-info .account-info-amount li { margin-bottom: 34px; } .number-order-detail-main .number-order-detail-account-info .account-info .account-info-amount li .amount-description { font-weight: 400; font-size: 14px; letter-spacing: 0.265294px; color: rgb(102, 102, 102); display: inline-block; width: 110px; } .number-order-detail-main .number-order-detail-account-info .account-info .account-info-amount li .black { color: rgb(0, 0, 0) !important; } .number-order-detail-main .number-order-detail-account-info .account-info .account-info-amount li .amount-value { font-weight: 500; font-size: 16px; color: rgb(0, 102, 168); letter-spacing: 0.265294px; } .number-order-detail-main .number-order-detail-account-info .account-info .account-info-amount li .amount-operation { font-weight: 400; font-size: 14px; letter-spacing: 0.265294px; color: rgb(0, 102, 168); float: right; line-height: 1.6; } .number-order-detail-main .number-order-detail-account-info .phone-deposit { padding: 16px 12px; width: 342px; height: 231px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; float: left; margin-left: 12px; } .number-order-detail-main .package-balance { min-height: auto !important; } .number-order-detail-main .package-balance .package-detail-list { display: none; padding: 30px 40px 20px; font-size: 16px; line-height: 40px; } .number-order-detail-main .package-balance .package-detail-list li { margin-bottom: 10px; } .number-order-detail-main .package-balance .package-detail-list li .line { display: inline-block; width: 500px; height: 6px; margin: 0px 40px; background-color: rgb(238, 238, 238); vertical-align: middle; } .number-order-detail-main .package-balance .package-detail-list .cash, .number-order-detail-main .package-balance .package-detail-list .gift { display: none; } .number-order-detail-main .package-balance .no-data { margin: 60px 0px 40px; } .number-order-detail-main .package-balance .no-sys { margin: 60px 0px 10px; text-align: center; font-size: 16px; display: none; } .number-order-detail-main .package-balance .no-sys2 { margin: 0px 0px 40px; text-align: center; font-size: 13px; display: none; color: gray; } .number-order-detail-main .number-order-package-detail { min-height: 500px; margin-top: 15px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; padding: 25px; } .number-order-detail-main .number-order-package-detail .package-detail-title { border-bottom: 1px dashed rgb(229, 229, 229); padding-bottom: 10px; } .number-order-detail-main .number-order-package-detail .package-detail-title .package-detail-title-text { margin-left: 10px; font-weight: 400; font-size: 18px; letter-spacing: 0.265294px; color: rgb(51, 51, 51); vertical-align: middle; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main { padding-top: 40px; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list { max-height: 400px; overflow-y: auto; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li { margin-bottom: 35px; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-name { float: left; width: 160px; letter-spacing: 1px; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-name .package-sort-name-text { font-weight: 400; font-size: 16px; line-height: 30px; color: rgb(51, 51, 51); vertical-align: middle; margin-left: 40px; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-name .package-sort-name-icon { width: 22px; height: 22px; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-remain-num, .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-used { float: left; font-weight: 400; font-size: 16px; line-height: 30px; color: rgb(51, 51, 51); } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-remain-num .package-sort-remain-text, .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-remain-num .package-sort-used-num, .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-used .package-sort-remain-text, .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-used .package-sort-used-num { color: rgb(0, 102, 168); } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-used { width: 180px; padding-left: 20px; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-remain { float: left; width: 300px; height: 6px; margin: 12px 0px 0px !important; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-remain .progress-bar { background-color: rgb(0, 102, 168) !important; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list li .package-sort-remain-num { width: 220px; margin-left: 40px; } .number-order-detail-main .number-order-package-detail .meal-remain .package-detail-main .package-detail-list .no-data { margin-top: 150px; font-size: 16px; } .number-order-detail-main .number-order-package-detail .extra-fee { display: none; } .number-order-detail-main .number-order-package-detail .extra-fee .package-detail-title { margin-top: 20px; } .number-order-detail-main .number-order-package-detail .extra-fee .package-detail-main { margin-top: 10px; } .number-order-detail-main .number-order-package-detail .extra-fee .package-detail-main .table-header { width: 100%; background-color: rgb(248, 248, 248); padding: 0px 40px; display: table; line-height: 40px; height: 40px; font-size: 16px; } .number-order-detail-main .number-order-package-detail .extra-fee .package-detail-main .table-header .table-header-cell { display: inline-block; width: 30%; } .number-order-detail-main .number-order-package-detail .extra-fee .package-detail-main .table-body { padding: 20px 40px; } .number-order-detail-main .number-order-package-detail .extra-fee .package-detail-main .table-body .no-data { margin: 80px 0px; font-size: 16px; } .number-order-detail-main .number-order-package-detail .extra-fee .package-detail-main .table-body .table-row-cell { display: inline-block; width: 30%; font-size: 16px; line-height: 40px; height: 40px; } .my-order-detail-main { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 36px 55px 45px 40px; } .my-order-detail-main .my-order-search-group .my-order-search-input { width: 360px; height: 40px; padding: 0px 15px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; font-weight: 400; font-size: 14px; letter-spacing: 0.265294px; line-height: 40px; color: rgb(0, 0, 0); } .my-order-detail-main .my-order-search-group .my-order-search-input::-webkit-input-placeholder { letter-spacing: 0.8px; color: rgb(196, 196, 196); } .my-order-detail-main .my-order-search-group .my-order-search-input::placeholder { letter-spacing: 0.8px; color: rgb(196, 196, 196); } .my-order-detail-main .my-order-search-group .my-order-search-button { display: inline-block; width: 100px; padding: 0px 15px; background-color: rgb(0, 102, 168); border-radius: 4px; margin-left: 27px; vertical-align: bottom; line-height: 40px; } .my-order-detail-main .my-order-search-group .my-order-search-button .my-order-search-button-icon { width: 20px; margin-right: 5px; } .my-order-detail-main .my-order-search-group .my-order-search-button .my-order-search-button-text { font-weight: 400; font-size: 16px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); vertical-align: middle; } .my-order-detail-main .my-order-list-wrapper { margin-top: 32px; } .my-order-detail-main .my-order-list-wrapper .my-order-tabs { border-bottom: 1px solid rgb(229, 229, 229); } .my-order-detail-main .my-order-list-wrapper .my-order-tabs .my-order-tabs-item { font-style: normal; font-weight: 500; font-size: 18px; line-height: 38px; letter-spacing: 0.265294px; text-align: center; display: inline-block; margin-right: 70px; cursor: pointer; user-select: none; } .my-order-detail-main .my-order-list-wrapper .my-order-tabs .my-order-tabs-item:hover { color: rgb(0, 102, 168); transition: color 0.5s; } .my-order-detail-main .my-order-list-wrapper .my-order-tabs .my-order-tabs-item:hover .tabs-item-active-line { opacity: 1; transition: opacity 0.5s; } .my-order-detail-main .my-order-list-wrapper .my-order-tabs .my-order-tabs-item .order-num { color: rgb(0, 102, 168); } .my-order-detail-main .my-order-list-wrapper .my-order-tabs .my-order-tabs-item .tabs-item-active-line { width: 100%; height: 4px; background: rgb(0, 102, 168); border-radius: 6px; opacity: 0; margin: 3px 0px -3px; } .my-order-detail-main .my-order-list-wrapper .my-order-tabs .my-order-tabs-item_active { color: rgb(0, 102, 168); transition: color 0.5s; } .my-order-detail-main .my-order-list-wrapper .my-order-tabs .my-order-tabs-item_active .tabs-item-active-line { opacity: 1; transition: opacity 0.5s; } .my-order-detail-main .my-order-list-wrapper .my-order-list { min-height: 600px; margin-top: 30px; overflow: hidden; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item { border-radius: 4px; margin-bottom: 30px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-header { background: rgb(248, 248, 248); box-sizing: border-box; border-radius: 4px 4px 0px 0px; font-weight: 400; font-size: 14px; line-height: 48px; letter-spacing: 0.265294px; color: rgb(51, 51, 51); padding: 0px 12px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-header .order-logisticsNum, .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-header .order-serialNo { margin-left: 40px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-header .supplier { float: right; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body { padding: 10px 10px 0px; font-weight: 400; font-size: 14px; color: rgb(51, 51, 51); letter-spacing: 0.265294px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-package-info { width: 270px; float: left; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-package-info .order-package-poster { width: 90px; float: left; margin-right: 15px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-package-info .order-package-telephone-number, .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-package-info .order-package-title, .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-package-info .order-package-type { margin: 8px 0px 0px 5px; width: 150px; display: inline-block; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-count { float: left; margin-left: 60px; line-height: 90px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-username { float: left; margin-left: 70px; line-height: 90px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-pay-info { float: left; margin: 20px 0px 0px 120px; line-height: 30px; width: 90px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-status { float: left; margin-left: 100px; line-height: 90px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-operation { float: left; width: 80px; margin: 0px 0px 0px 90px; line-height: 30px; color: rgb(255, 255, 255); } .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-operation .add-deliver, .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-operation .order-appl-refund, .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-operation .order-cancel, .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-operation .order-pay-again, .my-order-detail-main .my-order-list-wrapper .my-order-list .my-order-list-item .my-order-list-item-body .order-operation .view-detail { margin-top: 10px; display: inline-block; text-align: center; width: 80px; background-color: rgb(0, 102, 168); padding: 0px 10px; border-radius: 4px; } .my-order-detail-main .my-order-list-wrapper .my-order-list .no-data { margin-top: 280px; } .my-order-detail-main .my-order-list-wrapper .pagination { margin-top: 20px; } .order-detail-main { padding: 55px 50px 70px; width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; } .order-detail-main .help-order-status-step { display: none; padding-left: 35px; margin-bottom: 40px; } .order-detail-main .help-order-status-step .help-order-status-step-item { float: left; } .order-detail-main .help-order-status-step .help-order-status-step-item .help-order-status-step_progress { width: 150px; height: 2px; margin-top: 30px; background-color: rgb(221, 221, 221); float: left; } .order-detail-main .help-order-status-step .help-order-status-step-item .help-step_progress-desc { width: 90px; text-align: center; display: inline-block; } .order-detail-main .help-order-status-step .help-order-status-step-item .help-step_progress-desc .help-order-status-step-item_num { width: 60px; height: 60px; border: 1px solid rgb(221, 221, 221); border-radius: 50%; display: inline-block; font-weight: 400; font-size: 30px; line-height: 56px; color: rgb(102, 102, 102); } .order-detail-main .help-order-status-step .help-order-status-step-item .help-step_progress-desc .help-order-status-step-item_label { margin: 20px 0px 12px; font-weight: 500; font-size: 16px; line-height: 28px; color: rgb(0, 0, 0); } .order-detail-main .help-order-status-step .help-order-status-step_active .help-order-status-step-item_num { background-color: rgb(0, 102, 168); color: rgb(255, 255, 255) !important; } .order-detail-main .help-order-status-step .help-order-status-step_active .help-order-status-step_progress { background-color: rgb(0, 102, 168); } .order-detail-main .order-status-step { display: none; padding-left: 35px; margin-bottom: 40px; } .order-detail-main .order-status-step .order-status-step-item { float: left; } .order-detail-main .order-status-step .order-status-step-item .order-status-step_progress { width: 90px; height: 2px; margin-top: 20px; background-color: rgb(221, 221, 221); float: left; } .order-detail-main .order-status-step .order-status-step-item .step_progress-desc { width: 70px; text-align: center; display: inline-block; } .order-detail-main .order-status-step .order-status-step-item .step_progress-desc .order-status-step-item_num { width: 40px; height: 40px; border: 1px solid rgb(221, 221, 221); border-radius: 50%; display: inline-block; font-weight: 400; font-size: 24px; line-height: 36px; color: rgb(102, 102, 102); } .order-detail-main .order-status-step .order-status-step-item .step_progress-desc .order-status-step-item_label { margin: 20px 0px 12px; font-weight: 500; font-size: 16px; line-height: 28px; color: rgb(0, 0, 0); } .order-detail-main .order-status-step .order-status-step_active .order-status-step-item_num { background-color: rgb(0, 102, 168); color: rgb(255, 255, 255) !important; } .order-detail-main .order-status-step .order-status-step_active .order-status-step_progress { background-color: rgb(0, 102, 168); } .order-detail-main .order-cancel { display: none; text-align: center; margin-bottom: 30px; } .order-detail-main .order-cancel div { margin-top: 15px; font-weight: 400; font-size: 16px; line-height: 28px; letter-spacing: 0.265294px; color: rgb(51, 51, 51); } .order-detail-main .logistics-information { display: none; padding: 15px 20px 20px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; } .order-detail-main .logistics-information .header { padding-bottom: 5px; border-bottom: 1px dashed rgb(221, 221, 221); font-weight: 500; font-size: 16px; line-height: 32px; color: rgb(0, 0, 0); letter-spacing: 1px; } .order-detail-main .logistics-information .header .hande-time-label { margin: 0px 200px 0px 70px; } .order-detail-main .logistics-information .logistics-detail { margin-top: 15px; height: 200px; overflow-y: auto; font-weight: 400; font-size: 14px; line-height: 24px; } .order-detail-main .logistics-information .logistics-detail .waiting-message { margin-top: 80px; text-align: center; letter-spacing: 1px; } .order-detail-main .logistics-information .logistics-detail .logistics-detail-item { padding: 10px 0px; } .order-detail-main .logistics-information .logistics-detail .logistics-detail-item .handle-time { display: inline-block; width: 25%; text-align: center; vertical-align: top; } .order-detail-main .logistics-information .logistics-detail .logistics-detail-item .handle-info { width: 70%; display: inline-block; margin-left: 30px; } .order-detail-main .order-detail-infomation-form { margin-top: 20px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 25px 40px 10px; } .order-detail-main .order-detail-infomation-form .form-item { margin-bottom: 50px; } .order-detail-main .order-detail-infomation-form .form-item .form-item-title { margin-bottom: 12px; font-weight: 500; font-size: 18px; line-height: 32px; color: rgb(0, 0, 0); } .order-detail-main .order-detail-infomation-form .form-item .form-item-info { font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); } .order-detail-main .order-detail-infomation-form .form-item .form-item-info .mt { margin-top: 10px; } .order-detail-main .order-detail-infomation-form .form-item .form-item-info .form-item-info_width { width: 400px; display: inline-block; } .order-detail-main .order-detail-infomation-form .form-item .form-item-info .order-status { color: rgb(0, 102, 168); } .order-detail-main .order-detail-infomation-form .goods-table { margin-top: 30px; width: 100%; } .order-detail-main .order-detail-infomation-form .goods-table .goods-name { width: 195px; } .order-detail-main .order-detail-infomation-form .goods-table .goods-comprise { width: 350px; } .order-detail-main .order-detail-infomation-form .goods-table .goods-price { width: 180px; } .order-detail-main .order-detail-infomation-form .goods-table .goods-freebie { width: 80px; } .order-detail-main .order-detail-infomation-form .goods-table .table-header div { display: inline-block; font-weight: 500; font-size: 16px; line-height: 28px; color: rgb(0, 0, 0); padding-bottom: 12px; border-bottom: 1px dashed rgb(221, 221, 221); text-align: center; } .order-detail-main .order-detail-infomation-form .goods-table .table-body { min-height: 100px; } .order-detail-main .order-detail-infomation-form .goods-table .table-body .table-row div { display: inline-block; font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); text-align: center; padding: 20px 0px; } .order-detail-main .order-pay-info { display: none; } .order-detail-main .order-pay-info .order-amount-text { margin-top: 40px; font-weight: 400; font-size: 18px; line-height: 28px; color: rgb(0, 0, 0); text-align: right; } .order-detail-main .order-pay-info .pay-total { text-align: right; margin-top: 20px; color: rgb(0, 102, 168); line-height: 28px; } .order-detail-main .order-pay-info .pay-total .pay-total-text { font-weight: 400; font-size: 18px; } .order-detail-main .order-pay-info .pay-total .pay-total-amount { font-size: 34px; font-weight: 700; } .order-detail-main .order-pay-info .order-operation { margin-top: 35px; text-align: right; } .order-detail-main .order-pay-info .order-operation .cancel-order-btn, .order-detail-main .order-pay-info .order-operation .pay-btn { width: 200px; height: 40px; border-radius: 4px; display: inline-block; cursor: pointer; user-select: none; font-weight: 400; font-size: 16px; line-height: 40px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); text-align: center; } .order-detail-main .order-pay-info .order-operation .pay-btn { background-color: rgb(0, 102, 168); margin-left: 20px; } .goods-selection-main { padding: 30px 42px 42px 32px; width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; min-height: 700px; } .goods-selection-main .logo { width: 57px; height: 35px; } .goods-selection-main .address-selection { display: none; margin-bottom: 30px; } .goods-selection-main .address-selection .select-button { border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 0px 15px; display: inline-block; margin: 0px 0px 15px 18px; line-height: 36px; } .goods-selection-main .address-selection .select-button:hover { border-color: rgb(0, 102, 168); } .goods-selection-main .address-selection .select-button .location { width: 13px; height: 16px; margin-right: 10px; margin-top: -1px; } .goods-selection-main .address-selection .select-button .address_text { font-weight: 500; font-size: 16px; color: rgb(51, 51, 51); vertical-align: middle; } .goods-selection-main .address-selection .select-button .arrow_icon { width: 15px; height: 8px; margin-left: 8px; } .goods-selection-main .address-selection .address-list { display: none; background: rgb(248, 248, 248); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-left: 80px; padding: 12px 20px; font-weight: 400; font-size: 14px; line-height: 40px; color: rgb(0, 0, 0); letter-spacing: 0.8px; } .goods-selection-main .address-selection .address-list .line-label { margin-right: 30px; } .goods-selection-main .address-selection .address-list .address-item { cursor: pointer; user-select: none; margin-right: 25px; } .goods-selection-main .address-selection .address-list .address-item-active, .goods-selection-main .address-selection .address-list .address-item:hover { color: rgb(0, 102, 168); } .goods-selection-main .address-selection .address-list .no-data { margin: 40px 0px; } .goods-selection-main .select-city { display: none; margin-bottom: 30px; } .goods-selection-main .select-city .city-label { font-weight: 400; font-size: 18px; line-height: 40px; color: rgb(0, 0, 0); } .goods-selection-main .select-city .select-city-btn { display: inline-block; text-align: center; padding: 0px 20px; border-radius: 4px; background-color: rgb(0, 102, 168); margin-left: 36px; font-weight: 400; font-size: 16px; line-height: 40px; color: rgb(255, 255, 255); } .goods-selection-main .number-list { display: none; } .goods-selection-main .number-list .number-search .number-search_label { font-weight: 400; font-size: 18px; line-height: 40px; color: rgb(51, 51, 51); } .goods-selection-main .number-list .number-search .number-search_input { width: 275px; height: 40px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 4px; margin-left: 15px; padding: 0px 15px; font-weight: 400; font-size: 16px; line-height: 40px; } .goods-selection-main .number-list .number-search .number-search_input::-webkit-input-placeholder { color: rgb(196, 196, 196); } .goods-selection-main .number-list .number-search .number-search_input::placeholder { color: rgb(196, 196, 196); } .goods-selection-main .number-list .number-search .number-search-button { border-radius: 4px; background-color: rgb(0, 102, 168); display: inline-block; padding: 0px 20px; cursor: pointer; user-select: none; margin-left: 20px; vertical-align: bottom; } .goods-selection-main .number-list .number-search .number-search-button .number-search-button_icon { width: 22px; margin-right: 2px; } .goods-selection-main .number-list .number-search .number-search-button .number-search-button_text { font-weight: 400; font-size: 16px; line-height: 40px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); vertical-align: middle; } .goods-selection-main .number-list .number-search .search_reset { margin-left: 10px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); border: 1px solid rgb(204, 204, 204); } .goods-selection-main .number-list .number-table { margin-top: 16px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 4px; padding-bottom: 15px; } .goods-selection-main .number-list .number-table .table-header { width: 100%; background: rgb(248, 248, 248); border-radius: 4px 4px 0px 0px; font-weight: 500; font-size: 14px; line-height: 45px; color: rgb(51, 51, 51); } .goods-selection-main .number-list .number-table .table-header .table-header-item { width: 25%; text-align: center; float: left; } .goods-selection-main .number-list .number-table .table-body { min-height: 450px; overflow: hidden; } .goods-selection-main .number-list .number-table .table-body .no-data { margin-top: 200px; } .goods-selection-main .number-list .number-table .table-body .number-order { width: 50%; margin-top: 15px; float: left; letter-spacing: 0.6px; } .goods-selection-main .number-list .number-table .table-body .number-order .number-order-detail { width: 50%; text-align: center; float: left; font-weight: 400; font-size: 14px; line-height: 30px; color: rgb(0, 0, 0); } .goods-selection-main .number-list .number-table .table-body .number-order .number-order-detail:first-child { font-size: 16px; } .goods-selection-main .number-list .number-table .table-body .number-order .number-order-detail .order-button { width: 75px; background-color: rgb(0, 102, 168); color: rgb(255, 255, 255); display: inline-block; border-radius: 4px; cursor: pointer; user-select: none; line-height: 30px; } .goods-selection-main .number-list .number-table .table-body .number-order .number-order-detail .order-button .order-icon { vertical-align: baseline; width: 14px; margin-right: 2px; } .goods-selection-main .number-list .number-beautify { margin-top: 24px; font-size: 14px; min-height: 50px; } .goods-selection-main .number-list .number-beautify ul { display: block; } .goods-selection-main .number-list .number-beautify ul::after { content: " "; display: table; clear: both; } .goods-selection-main .number-list .number-beautify ul:last-child { border-top: 1px dashed rgb(238, 238, 238); padding-top: 10px; } .goods-selection-main .number-list .number-beautify li { display: inline-block; margin: 0px 10px 10px 0px; border-radius: 4px; border: 1px solid rgb(0, 102, 168); padding: 4px 8px; cursor: pointer; transition: 0.3s; user-select: none; } .goods-selection-main .number-list .number-beautify li.active { background-color: rgb(0, 102, 168); color: rgb(255, 255, 255); } .goods-selection-main .package-wrapper { display: none; } .goods-selection-main .package-wrapper .package-selection { border: 1px solid rgb(221, 221, 221); border-radius: 4px; margin-bottom: 10px; font-weight: 400; font-size: 18px; line-height: 50px; color: rgb(51, 51, 51); } .goods-selection-main .package-wrapper .package-selection .package-selection-label { background: rgb(248, 248, 248); padding-left: 20px; } .goods-selection-main .package-wrapper .package-selection .package-selection-value { padding-left: 20px; } .goods-selection-main .package-wrapper .package-selection .package-selection-value span { color: rgb(0, 102, 168); } .goods-selection-main .package-wrapper .package-list { min-height: 500px; } .goods-selection-main .package-wrapper .package-list .no-data { margin-top: 250px; } .goods-selection-main .package-wrapper .package-list .package-poster { width: 300px; height: 255px; border-radius: 4px; margin: 15px 15px 0px 0px; } .goods-selection-main .package-wrapper .package-list .package-poster:nth-child(3n) { margin-right: 0px; } .goods-selection-main .help-province-tip { display: none; margin-top: 30%; text-align: center; font-weight: 400; font-size: 18px; line-height: 32px; } .goods-selection-main .help-province-tip span { margin-left: 5px; color: rgb(0, 102, 168); } .goods-selection-main .pagination { margin-top: 30px; } .goods-selection-main .footer { display: none; margin-top: 30px; text-align: center; } .card-detail-main { padding: 40px 25px 50px; width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; min-height: 700px; } .card-detail-main .card-package-selection .card-poster { width: 260px; float: left; } .card-detail-main .card-package-selection .card-package { padding-left: 300px; font-weight: 400; font-size: 14px; line-height: 28px; color: rgb(51, 51, 51); letter-spacing: 1px; } .card-detail-main .card-package-selection .card-package .package-wrapper { margin-top: 15px; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-label { display: inline-block; vertical-align: top; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-label .package-label-text { letter-spacing: 35px; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value { display: inline-block; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-select .dropdown-toggle { min-width: 180px; max-width: 300px; padding: 0px 10px; font-weight: 500; font-size: 14px; line-height: 30px; letter-spacing: 2px; border-color: rgb(0, 102, 168); color: rgb(0, 102, 168); background-color: rgb(255, 255, 255); } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-select .dropdown-toggle .caret { margin-left: 8px; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-select .dropdown-menu { min-width: 180px; max-width: 300px; padding: 8px 0px; z-index: 1 !important; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-select .dropdown-menu li { display: block; padding: 3px 10px; clear: both; font-weight: 400; line-height: 2; color: rgb(51, 51, 51); white-space: nowrap; text-align: center; cursor: pointer; user-select: none; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-select .dropdown-menu .active { border-color: rgb(0, 102, 168); color: rgb(0, 102, 168); } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-select .dropdown-menu .empty { text-align: center; line-height: 28px; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-price-list { width: 560px; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-price-list .package-price-item { padding: 0px 10px; width: 180px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; margin: 10px 10px 0px 0px; cursor: pointer; user-select: none; float: left; position: relative; font-weight: 400; font-size: 14px; line-height: 30px; color: rgb(102, 102, 102); text-align: center; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-price-list .package-price-item:hover { border-color: rgb(0, 102, 168); color: rgb(0, 102, 168); } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-price-list .package-price-item:nth-child(3n) { margin-right: 0px; } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-price-list .selected { border-color: rgb(0, 102, 168); color: rgb(0, 102, 168); } .card-detail-main .card-package-selection .card-package .package-wrapper .package-value .package-price-list .selected .package-selected-icon { display: block; } .card-detail-main .card-package-selection .card-package .phone-number { overflow: hidden; margin-top: 20px; } .card-detail-main .card-package-selection .card-package .phone-number .phone-number-input { display: inline-block; margin-right: 12px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 0px 10px; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 30px; letter-spacing: 0.8px; } .card-detail-main .card-package-selection .card-package .phone-number .phone-number-input .number_text { display: inline-block; width: 200px; color: rgb(51, 51, 51); } .card-detail-main .card-package-selection .card-package .phone-number .phone-number-input .reelect-btn { display: inline-block; color: rgb(0, 102, 168); } .card-detail-main .card-package-selection .card-package .phone-number .phone-number-input:hover { border-color: rgb(0, 102, 168); } .card-detail-main .card-package-selection .card-package .phone-number .number-address { display: inline-block; vertical-align: bottom; font-style: normal; font-weight: 400; font-size: 14px; line-height: 30px; color: rgb(153, 153, 153); } .card-detail-main .card-package-selection .card-package .phone-number .help-province-number_input { display: none; float: right; width: 155px; margin-right: 422px; padding: 0px 15px; border-radius: 4px; text-align: center; background-color: rgb(0, 102, 168); font-weight: 500; font-size: 14px; line-height: 30px; color: rgb(255, 255, 255); letter-spacing: 0.6px; } .card-detail-main .card-package-selection .card-package .card-detail-tip { display: none; margin-top: 15px; max-width: 650px; } .card-detail-main .card-package-selection .card-package .package-selected { margin-top: 15px; max-width: 650px; } .card-detail-main .card-package-selection .card-package .package-selected .package-selected-name { color: rgb(0, 102, 168); } .card-detail-main .card-package-selection .card-package .package-introduction { margin-top: 15px; } .card-detail-main .card-package-selection .card-package .buy-btn { margin: 50px 0px 0px 90px; width: 200px; height: 40px; background-color: rgb(0, 102, 168); border-radius: 4px; display: inline-block; text-align: center; } .card-detail-main .card-package-selection .card-package .buy-btn span { font-weight: 500; font-size: 18px; line-height: 40px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .card-detail-main .introduction-tabs { margin-top: 90px; border-radius: 3px; } .card-detail-main .introduction-tabs .introduction-header { background: rgb(245, 245, 245); } .card-detail-main .introduction-tabs .introduction-header .tabs-item { display: inline-block; width: 33%; text-align: center; cursor: pointer; user-select: none; font-weight: 400; font-size: 18px; line-height: 48px; letter-spacing: 0.265294px; color: rgb(102, 102, 102); } .card-detail-main .introduction-tabs .introduction-header .active, .card-detail-main .introduction-tabs .introduction-header .tabs-item:hover { background-color: rgb(0, 102, 168); color: rgb(255, 255, 255); } .card-detail-main .introduction-tabs .introduction-body { margin-top: 30px; min-height: 100px; font-size: 14px; line-height: 2.5; } .card-detail-main .introduction-tabs .introduction-body img { width: 100%; } .order-information-main { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; padding: 35px 30px; margin-top: 10px; } .order-information-main .order-steps { text-align: right; font-weight: 400; font-size: 14px; line-height: 28px; } .order-information-main .order-steps .order-step-1 { display: inline-block; text-align: center; width: 139px; height: 28px; margin-right: -5px; background-size: contain; background-repeat: no-repeat; } .order-information-main .order-steps .order-step-1 .order-step-1-text { color: rgb(0, 0, 0); margin-left: -8px; } .order-information-main .order-steps .order-step-2 { display: inline-block; text-align: center; margin: 0px -14px; width: 145px; height: 28px; background-size: contain; background-repeat: no-repeat; } .order-information-main .order-steps .order-step-2 .order-step-1-text { color: rgb(255, 255, 255); } .order-information-main .order-steps .order-step-3 { display: inline-block; text-align: center; width: 132px; height: 28px; background-size: contain; background-repeat: no-repeat; } .order-information-main .order-steps .order-step-3 .order-step-1-text { color: rgb(0, 0, 0); } .order-information-main .information-module { margin-top: 30px; } .order-information-main .information-module .header-title { padding-left: 25px; font-weight: 600; } .order-information-main .information-module .information-container { margin-top: 20px; box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 34px; color: rgb(51, 51, 51); } .order-information-main .information-module .information-container .header-tab { border-bottom: 1px solid rgb(229, 229, 229); padding: 20px 0px 0px 22px; } .order-information-main .information-module .information-container .header-tab .tab-item { display: inline-block; } .order-information-main .information-module .information-container .header-tab .tab-item .tab-name { font-weight: 500; font-size: 18px; letter-spacing: 0.265294px; color: rgb(0, 102, 168); } .order-information-main .information-module .information-container .header-tab .tab-item .bottom-line { background: rgb(0, 102, 168); border-radius: 6px; height: 4px; margin-bottom: -2px; } .order-information-main .information-module .information-container .access-network-information-content { padding: 25px 22px; } .order-information-main .information-module .information-container .access-network-information-content .access-network-information-group { background: rgb(255, 255, 255); box-sizing: border-box; border-radius: 4px; } .order-information-main .information-module .information-container .access-network-information-content .access-network-information-group .group-header { font-size: 16px; line-height: 40px; padding-left: 30px; letter-spacing: 0.2px; } .order-information-main .information-module .information-container .access-network-information-content .access-network-information-group .group-main { padding: 20px 30px 10px; } .order-information-main .information-module .information-container .access-network-information-content .access-network-information-group .group-main .form-input { margin-top: 12px; display: inline-block; } .order-information-main .information-module .information-container .access-network-information-content .access-network-information-group .group-main .form-input input { margin-left: 12px; width: 265px; height: 40px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 4px; font-weight: 500; font-size: 16px; letter-spacing: 1px; color: rgb(51, 51, 51); padding: 8px 15px; } .order-information-main .information-module .information-container .access-network-information-content .access-network-information-group .group-main .form-input input:disabled { background-color: rgba(245, 245, 245, 0.9); } .order-information-main .information-module .information-container .access-network-information-content .access-network-information-group .group-main .second { margin-left: 140px; } .order-information-main .information-module .information-container .access-network-information-content .access-network-information-group .group-main .checkId-btn { width: 240px; height: 40px; border-radius: 4px; background-color: rgb(0, 102, 168); text-align: center; cursor: pointer; user-select: none; margin: 40px auto 30px; font-weight: 400; font-size: 18px; line-height: 40px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .order-information-main .information-module .information-container .address-information-content { padding: 25px 0px 25px 22px; } .order-information-main .information-module .information-container .address-information-content .address-information-group { width: 250px; height: 150px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 4px; float: left; margin: 0px 15px 15px 0px; position: relative; cursor: pointer; } .order-information-main .information-module .information-container .address-information-content .address-information-group .group-header { padding: 0px 12px; } .order-information-main .information-module .information-container .address-information-content .address-information-group .group-header .username { width: 120px; float: left; } .order-information-main .information-module .information-container .address-information-content .address-information-group .group-header .phone-number { float: right; } .order-information-main .information-module .information-container .address-information-content .address-information-group .group-main { padding: 10px 30px 0px 14px; line-height: 34px; } .order-information-main .information-module .information-container .address-information-content .address-information-group .group-main .address-text { width: 200px; height: 68px; } .order-information-main .information-module .information-container .address-information-content .address-information-group .group-main .delete-btn { color: rgb(0, 102, 168); font-weight: 400; font-size: 10px; line-height: 28px; } .order-information-main .information-module .information-container .address-information-content .address-information-group .group-main .edit-btn { width: 13px; height: 15px; position: absolute; right: 15px; top: 50%; } .order-information-main .information-module .information-container .address-information-content .address-information-group .group-main .address-selected-icon { display: none; width: 23px; height: 23px; position: absolute; right: 0px; bottom: 0px; margin: 0px -1px -1px 0px; } .order-information-main .information-module .information-container .address-information-content .address-selected { border-color: rgb(0, 102, 168); } .order-information-main .information-module .information-container .address-information-content .address-selected .address-selected-icon { display: block; } .order-information-main .information-module .information-container .address-information-content .add-address { width: 248px; height: 150px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 4px; float: left; text-align: center; padding-top: 36px; font-weight: 400; font-size: 14px; line-height: 28px; color: rgb(153, 153, 153); } .order-information-main .information-module .information-container .address-information-content .add-address:hover { border-color: rgb(0, 102, 168); } .order-information-main .information-module .information-container .address-information-content .add-address .add-icon { width: 33px; height: 30px; } .order-information-main .information-module .information-container .address-information-content .add-address .add-text { margin-top: 15px; } .order-information-main .information-module .information-container .id-photo-content { padding: 25px; } .order-information-main .information-module .information-container .id-photo-content .tips .light { color: rgb(0, 102, 168); } .order-information-main .information-module .information-container .id-photo-content .prompt-information { display: flex; margin-top: 20px; } .order-information-main .information-module .information-container .id-photo-content .prompt-information .prompt-information-photo { width: 260px; height: 175px; } .order-information-main .information-module .information-container .id-photo-content .prompt-information .prompt-information-photo input { width: 100%; height: 100%; opacity: 0; cursor: pointer; } .order-information-main .information-module .information-container .id-photo-content .prompt-information .front { background: url("/images/transaction/id-front.png") 0% 0% / 100% 100% no-repeat; margin-left: 20px; } .order-information-main .information-module .information-container .id-photo-content .prompt-information .back { background: url("/images/transaction/id-back.png") 0% 0% / 100% 100% no-repeat; margin-left: 40px; } .order-information-main .information-module .information-container .payment-information-content { padding: 25px 18px; } .order-information-main .information-module .information-container .payment-information-content .form-item { margin-bottom: 20px; } .order-information-main .information-module .information-container .payment-information-content .form-item .form-item-label { margin-right: 35px; font-weight: 500; } .order-information-main .information-module .information-container .payment-information-content .form-item .payment-type-value { display: inline-block; width: 90px; line-height: 30px; text-align: center; border: 1px solid rgb(0, 102, 168); box-sizing: border-box; border-radius: 4px; position: relative; } .order-information-main .information-module .information-container .payment-information-content .form-item .payment-type-value img { width: 12px; height: 12px; position: absolute; right: 0px; bottom: 0px; } .order-information-main .information-module .information-container .payment-information-content .form-item input { width: 340px; height: 30px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 4px; padding: 7px 10px; font-weight: 400; font-size: 12px; line-height: 28px; color: rgb(0, 0, 0); } .order-information-main .information-module .information-container .goods-table { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; } .order-information-main .information-module .information-container .goods-table .table-header { background-color: rgb(248, 248, 248); font-weight: 500; font-size: 16px; line-height: 40px; color: rgb(0, 0, 0); display: table; width: 100%; } .order-information-main .information-module .information-container .goods-table .cell-name { display: inline-block; width: 35%; padding-left: 32px; vertical-align: top; } .order-information-main .information-module .information-container .goods-table .cell-name img { width: 64px; height: 64px; margin: 15px 15px 15px 0px; } .order-information-main .information-module .information-container .goods-table .cell-composition { display: inline-block; width: 35%; } .order-information-main .information-module .information-container .goods-table .cell-gift, .order-information-main .information-module .information-container .goods-table .cell-price { display: inline-block; width: 15%; } .order-information-main .information-module .information-container .goods-table .table-row { display: table; width: 100%; line-height: 80px; } .order-information-main .information-module .information-container .goods-table .no-data { font-size: 16px; margin: 15px 0px; } .order-information-main .information-module .information-container .goods-table .table-row-text { font-size: 16px; } .order-information-main .information-module .bill-information-container { text-align: right; font-weight: 400; font-size: 18px; line-height: 28px; color: rgb(0, 0, 0); } .order-information-main .information-module .bill-information-container .freight-charge { margin-top: 20px; } .order-information-main .information-module .bill-information-container .pay-total { margin-top: 20px; color: rgb(0, 102, 168); } .order-information-main .information-module .bill-information-container .pay-total .pay-total-amount { font-size: 34px; font-weight: 700; } .order-information-main .information-module .bill-information-container .order-address-info { margin-top: 15px; padding-left: 150px; } .order-information-main .information-module .bill-information-container .purchase-notes { margin-top: 15px; } .order-information-main .information-module .bill-information-container .purchase-notes span { color: rgb(0, 102, 168); } .order-information-main .information-module .bill-information-container .purchase-notes .beautifulTag { display: none; } .order-information-main .information-module .bill-information-container .submit-order-btn { margin-top: 38px; border-radius: 4px; background-color: rgb(0, 102, 168); text-align: center; display: inline-block; padding: 0px 25px; font-weight: 400; font-size: 16px; line-height: 40px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .order-information-main .information-module .bill-information-container .order-tip { margin-top: 15px; color: rgb(153, 153, 153); font-size: 14px; } .order-information-main .prompt-information-order { width: 260px; height: 175px; position: absolute; right: 65px; margin-top: -200px; } .order-information-main .prompt-information-order input { width: 100%; height: 100%; opacity: 0; cursor: pointer; } .order-information-main .order { background: url("/images/transaction/id-order.png") 0% 0% / 100% 100% no-repeat; margin-left: 40px; } .order-information-main .information-count { display: none; margin-top: 20px; box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 34px; color: rgb(51, 51, 51); } .order-information-main .information-count .header-tab { border-bottom: 1px solid rgb(229, 229, 229); padding: 20px 0px 0px 22px; } .order-information-main .information-count .header-tab .tab-item { display: inline-block; } .order-information-main .information-count .header-tab .tab-item .tab-name { font-weight: 500; font-size: 18px; letter-spacing: 0.265294px; color: rgb(0, 102, 168); } .order-information-main .information-count .header-tab .tab-item .bottom-line { background: rgb(0, 102, 168); border-radius: 6px; height: 4px; margin-bottom: -2px; } .order-information-main .information-count .id-supplement { margin-top: -20px; padding: 50px 25px; } .order-information-main .information-count .id-supplement .tips .light { color: rgb(0, 102, 168); } .order-information-main .information-count .id-supplement .prompt-special { display: flex; justify-content: space-around; margin-top: 20px; } .order-information-main .information-count .id-supplement .prompt-special .prompt-special-photo { width: 300px; height: 200px; } .order-information-main .information-count .id-supplement .prompt-special .prompt-special-photo input { width: 100%; height: 100%; opacity: 0; cursor: pointer; } .order-information-main .information-count .id-supplement .prompt-special .prompt-special-photo .prompt-text { color: rgb(51, 51, 51); font-size: 16px; text-align: center; } .order-information-main .information-count .id-supplement .prompt-special .prompt-btn { width: 180px; height: 40px; border-radius: 37px; text-align: center; background: rgb(0, 102, 168); margin-top: 65px; cursor: pointer; } .order-information-main .information-count .id-supplement .prompt-special .prompt-btn .prompt-span { font-size: 14px; font-weight: 500; color: rgb(255, 255, 255); line-height: 40px; } .order-information-main .information-count .id-supplement .prompt-special .recto { background: url("/images/transaction/id-recto.png") 0% 0% / 100% 100% no-repeat; } .order-information-main .information-count .id-supplement .prompt-special .verso { background: url("/images/transaction/id-verso.png") 0% 0% / 100% 100% no-repeat; } .order-information-main .card-info { display: none; margin: 20px 0px; padding: 20px; background-color: rgb(236, 244, 255); border-radius: 4px; } .order-information-main .card-info img { width: 25px; } .order-information-main .card-info .card-desc { display: inline-block; margin-left: 20px; font-weight: 500; font-size: 14px; line-height: 28px; color: rgb(0, 102, 168); } .order-information-main .offer-activities { display: none; margin-top: 20px; padding: 20px; background-color: rgb(236, 244, 255); border-radius: 4px; letter-spacing: 1px; position: relative; font-weight: 500; font-size: 14px; line-height: 28px; color: rgb(0, 102, 168); } .order-information-main .offer-activities .check-box { width: 24px; height: 24px; border-radius: 50%; position: absolute; top: 50%; left: 25px; transform: translateY(-50%); border: 3px solid rgb(0, 102, 168); background-color: rgb(255, 255, 255); } .order-information-main .offer-activities .check-box .inner-box { width: 12px; height: 12px; border-radius: 50%; background-color: rgb(0, 102, 168); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .order-information-main .offer-activities .activities-desc { margin-left: 50px; } .order-information-main .card-tips { margin-top: 20px; display: none; padding: 20px 20px 20px 60px; background-color: rgb(236, 244, 255); font-weight: 700; font-size: 14px; line-height: 28px; color: rgb(0, 102, 168); } #select-number-root { padding: 20px 0px; } #select-number-root .tabs { padding: 0px 40px; border-bottom: 1px solid rgb(229, 229, 229); font-weight: 500; font-size: 18px; line-height: 38px; letter-spacing: 0.265294px; color: rgb(0, 0, 0); } #select-number-root .tabs .tabs-item { display: inline-block; margin-right: 50px; } #select-number-root .tabs .tabs-item .bottom-line { height: 4px; border-radius: 6px; margin: 0px -8px -3px; } #select-number-root .tabs .tab-active .bottom-line, #select-number-root .tabs .tabs-item:hover .bottom-line { background-color: rgb(0, 102, 168); } #select-number-root .tabs-item-content { padding: 0px 40px; } #select-number-root .tabs-item-content .top-bar { margin-top: 20px; font-weight: 400; font-size: 14px; line-height: 30px; color: rgb(0, 0, 0); } #select-number-root .tabs-item-content .top-bar .address-button { margin-left: 15px; height: 30px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 0px 30px 0px 20px; display: inline-block; vertical-align: bottom; } #select-number-root .tabs-item-content .top-bar .address-button:hover { border-color: rgb(0, 102, 168); } #select-number-root .tabs-item-content .top-bar .address-button .location { width: 13px; margin-right: 5px; vertical-align: sub; } #select-number-root .tabs-item-content .top-bar .address-button .address_text { font-weight: 500; font-size: 14px; color: rgb(51, 51, 51); } #select-number-root .tabs-item-content .top-bar .search-container { float: right; font-weight: 400; font-size: 14px; line-height: 28px; color: rgb(102, 102, 102); } #select-number-root .tabs-item-content .top-bar .search-container .number-search_input { width: 150px; height: 28px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 5px; padding: 0px 10px; } #select-number-root .tabs-item-content .top-bar .search-container .number-search_input::-webkit-input-placeholder { letter-spacing: 1px; } #select-number-root .tabs-item-content .top-bar .search-container .number-search_input::placeholder { letter-spacing: 1px; } #select-number-root .tabs-item-content .top-bar .search-container .search_button, #select-number-root .tabs-item-content .top-bar .search-container .search_reset { margin-left: 8px; width: 50px; height: 28px; background: rgb(0, 102, 168); border-radius: 4px; display: inline-block; text-align: center; font-weight: 400; font-size: 14px; line-height: 28px; color: rgb(255, 255, 255); } #select-number-root .tabs-item-content .top-bar .search-container .search_reset { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); } #select-number-root .tabs-item-content .number-beautify { margin-top: 24px; font-size: 14px; min-height: 50px; } #select-number-root .tabs-item-content .number-beautify ul { display: block; } #select-number-root .tabs-item-content .number-beautify ul::after { content: " "; display: table; clear: both; } #select-number-root .tabs-item-content .number-beautify ul:last-child { border-top: 1px dashed rgb(238, 238, 238); padding-top: 10px; } #select-number-root .tabs-item-content .number-beautify li { display: inline-block; margin: 0px 10px 10px 0px; border-radius: 4px; border: 1px solid rgb(0, 102, 168); padding: 4px 8px; cursor: pointer; transition: 0.3s; user-select: none; } #select-number-root .tabs-item-content .number-beautify li.active { background-color: rgb(0, 102, 168); color: rgb(255, 255, 255); } #select-number-root .tabs-item-content .number-list { min-height: 310px; margin-top: 20px; overflow: hidden; } #select-number-root .tabs-item-content .number-list .no-data { margin-top: 120px; } #select-number-root .tabs-item-content .number-list .number-item { width: 170px; height: 70px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 4px; text-align: center; padding-top: 20px; position: relative; display: inline-block; margin: 0px 8px 8px 0px; } #select-number-root .tabs-item-content .number-list .number-item:nth-child(5n) { margin-right: 0px; } #select-number-root .tabs-item-content .number-list .number-item .number-text { font-weight: 600; font-size: 18px; letter-spacing: 0.265294px; } #select-number-root .tabs-item-content .number-list .number-item .number-amount { font-weight: 500; font-size: 16px; letter-spacing: 0.265294px; color: rgb(153, 153, 153); } #select-number-root .tabs-item-content .number-list .number-item .selectedIcon { position: absolute; bottom: 0px; right: 0px; width: 24px; margin-bottom: -1px; display: none; } #select-number-root .tabs-item-content .number-list .active, #select-number-root .tabs-item-content .number-list .number-item:hover { border-color: rgb(0, 102, 168); } #select-number-root .tabs-item-content .number-list .active .selectedIcon { display: block; } #select-number-root .tabs-item-content .pagination { margin-top: 15px; } #select-number-root .random-search { cursor: pointer; width: 120px; margin: 5px auto 0px; text-align: center; color: rgb(0, 102, 168); font-size: 14px; } #select-number-root .random-search img { width: 26px; } #select-number-root .confirm-btn { margin: 25px auto; text-align: center; width: 180px; background: rgb(0, 102, 168); border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 40px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .additional-card-page { display: none; } .additional-card-page .operation-container { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 30px 30px 50px; min-height: 600px; } .additional-card-page .operation-container .operation-block { margin-bottom: 40px; } .additional-card-page .operation-container .operation-block .select-package { margin-top: 30px; display: inline-block; border-radius: 4px; border: 1px solid rgb(0, 102, 168); color: rgb(0, 102, 168); padding: 0px 15px; position: relative; font-weight: 400; font-size: 14px; line-height: 40px; } .additional-card-page .operation-container .operation-block .select-package span { padding: 0px 20px; } .additional-card-page .operation-container .operation-block .select-package img { display: block; width: 20px; position: absolute; right: 0px; bottom: 0px; } .additional-card-page .operation-container .operation-block .description { margin-top: 20px; background-color: rgb(236, 244, 255); padding: 20px 30px; color: rgb(0, 102, 168); font-weight: 400; font-size: 14px; line-height: 2; } .additional-card-page .operation-container .operation-block .content-block { width: 100%; margin-top: 20px; background-color: rgb(245, 245, 245); padding: 30px 0px; display: table; font-weight: 400; font-size: 14px; line-height: 40px; } .additional-card-page .operation-container .operation-block .content-block .form-item { display: inline-block; } .additional-card-page .operation-container .operation-block .content-block .form-item .form-input { margin-left: 10px; width: 250px; height: 40px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 0px 20px; letter-spacing: 0.5px; } .additional-card-page .operation-container .operation-block .content-block .form-item .main-card-value { margin-left: 10px; font-size: 16px; letter-spacing: 0.3px; } .additional-card-page .operation-container .operation-block .content-block .left-part { padding-left: 50px; width: 49%; border-right: 1px dashed rgb(221, 221, 221); display: inline-block; } .additional-card-page .operation-container .operation-block .content-block .right-part { width: 50%; display: inline-table; vertical-align: top; } .additional-card-page .operation-container .operation-block .content-block .right-part .form-item { width: 49%; padding-left: 50px; line-height: 40px; } .additional-card-page .operation-container .main-card-authentication .left-part .form-item, .additional-card-page .operation-container .main-card-authentication .right-part .form-item, .additional-card-page .operation-container .vice-card-authentication .left-part .form-item, .additional-card-page .operation-container .vice-card-authentication .right-part .form-item { margin-bottom: 15px; } .additional-card-page .operation-container .main-card-authentication .left-part .form-item .phone-package, .additional-card-page .operation-container .main-card-authentication .right-part .form-item .phone-package, .additional-card-page .operation-container .vice-card-authentication .left-part .form-item .phone-package, .additional-card-page .operation-container .vice-card-authentication .right-part .form-item .phone-package { width: 100px; display: inline-block; } .additional-card-page .operation-container .main-card-authentication .left-part .form-item .form-value, .additional-card-page .operation-container .main-card-authentication .right-part .form-item .form-value, .additional-card-page .operation-container .vice-card-authentication .left-part .form-item .form-value, .additional-card-page .operation-container .vice-card-authentication .right-part .form-item .form-value { vertical-align: top; } .additional-card-page .operation-container .main-card-authentication .verify-btn, .additional-card-page .operation-container .vice-card-authentication .verify-btn { margin: 20px 0px 0px 120px; } .additional-card-page .operation-container .main-card-authentication .query-btn, .additional-card-page .operation-container .vice-card-authentication .query-btn { margin: 20px 0px 0px 170px; } .additional-card-page .operation-container .main-card-authentication .vice-card-select-btn, .additional-card-page .operation-container .vice-card-authentication .vice-card-select-btn { display: none; margin: 20px 0px 0px 150px; } .additional-card-page .operation-container .vice-card-user-info .form-item { padding-left: 40px; } .additional-card-page .operation-container .vice-card-user-info .form-item:nth-child(2) { padding-left: 80px; } .additional-card-page .operation-container .footer { text-align: center; overflow: hidden; } .additional-card-page .operation-container .footer .confirm-btn { width: 200px; float: right; } .additional-card-page .operation-container .footer .next-step-btn { display: none; width: 200px; } .additional-card-query { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 30px; min-height: 600px; } .additional-card-query .query-operation { padding: 30px 50px; background-color: rgb(245, 245, 245); border-radius: 4px; font-size: 14px; } .additional-card-query .query-operation input { height: 40px; border-radius: 4px; border: 1px solid rgb(221, 221, 221); padding: 0px 20px 0px 50px; } .additional-card-query .query-operation .card-number .main-card-value { display: inline-block; text-align: left; font-size: 17px; letter-spacing: 0.3px; width: 200px; } .additional-card-query .query-operation .img-verification-code, .additional-card-query .query-operation .message-verification-code { margin-top: 20px; position: relative; } .additional-card-query .query-operation .img-verification-code img, .additional-card-query .query-operation .message-verification-code img { position: absolute; top: 10px; left: 10px; } .additional-card-query .query-operation .img-verification-code canvas, .additional-card-query .query-operation .message-verification-code canvas { margin-left: 10px; display: inline-block; width: 100px; height: 40px; vertical-align: bottom; box-sizing: border-box; border: 1px solid rgb(221, 221, 221); cursor: pointer; } .additional-card-query .query-operation .img-verification-code input, .additional-card-query .query-operation .message-verification-code input { width: 200px; } .additional-card-query .query-operation .img-verification-code .get-verification-code-button, .additional-card-query .query-operation .message-verification-code .get-verification-code-button { margin-left: 10px; width: 100px; } .additional-card-query .query-operation .query-btn { margin: 25px auto 0px; width: 315px; } .additional-card-query .additional-card-list { display: none; margin-top: 30px; font-size: 14px; line-height: 2; } .additional-card-query .additional-card-list .main-card-block, .additional-card-query .additional-card-list .vice-card-block { padding: 0px 20px 20px; background-color: rgb(245, 245, 245); overflow: hidden; } .additional-card-query .additional-card-list .main-card-block .block-row, .additional-card-query .additional-card-list .vice-card-block .block-row { margin-top: 20px; overflow: hidden; } .additional-card-query .additional-card-list .main-card-block .block-row .block-label, .additional-card-query .additional-card-list .vice-card-block .block-row .block-label { padding: 5px 0px; text-align: center; width: 30%; float: left; background-color: rgb(255, 255, 255); } .additional-card-query .additional-card-list .main-card-block .block-row .block-value-main, .additional-card-query .additional-card-list .vice-card-block .block-row .block-value-main { padding-right: 66px !important; } .additional-card-query .additional-card-list .main-card-block .block-row .block-value, .additional-card-query .additional-card-list .vice-card-block .block-row .block-value { padding: 5px 0px; text-align: center; width: 66%; float: right; background-color: rgb(255, 255, 255); } .additional-card-query .additional-card-list .main-card-block .block-row .block-value .unbind, .additional-card-query .additional-card-list .vice-card-block .block-row .block-value .unbind { float: right; margin-right: 13px; width: 56px; line-height: 28px; text-align: center; background-color: rgb(0, 102, 168); border-radius: 4px; border: rgb(0, 102, 168); color: rgb(255, 255, 255); } .additional-card-query .additional-card-list .vice-card-block { margin-top: 20px; } .additional-card-query .check-user { display: none; } .additional-card-query .check-user ul { background-color: rgb(247, 247, 247); margin-top: 30px; } .additional-card-query .check-user ul li { display: flex; justify-content: left; margin-top: 5px; height: 80px; font-size: 14px; } .additional-card-query .check-user ul li div { height: 32px; width: 200px; line-height: 32px; background: rgb(255, 255, 255); margin: 20px; text-align: center; } .additional-card-query .check-user ul li .dynamic { color: rgb(0, 102, 168); width: 700px; } .additional-card-query .check-user ul li .dynamic input { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding-left: 10px; margin-left: 65px; } .additional-card-query .check-user .module-body { height: 270px; } .additional-card-query .check-user .module-body li { height: 32px; margin-bottom: 30px; text-align: center; width: 952px; } .additional-card-query .check-user .module-body li .checkId-btn { margin-left: 380px; display: inline-block; height: 40px; background-color: rgb(0, 102, 168); border-radius: 4px; padding: 0px 30px; vertical-align: middle; font-size: 16px; line-height: 40px; text-align: center; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .service-query-block { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; } .tabs { border-bottom: 1px solid rgb(229, 229, 229); padding-left: 10px; font-weight: 400; font-size: 18px; line-height: 38px; letter-spacing: 0.265294px; color: rgb(102, 102, 102); } .tabs .tabs-item { display: inline-block; margin-right: 70px; } .tabs .tabs-item .bottom-line { height: 4px; border-radius: 6px; margin: 0px -8px -3px; } .tabs .tab-active, .tabs .tabs-item:hover { color: rgb(0, 102, 168); } .tabs .tab-active .bottom-line, .tabs .tabs-item:hover .bottom-line { background-color: rgb(0, 102, 168); } #service-query-main { width: 1030px; float: right; padding: 22px 0px 0px 22px; } #service-query-main .package-container .package-title { height: 55px; line-height: 55px; color: rgb(0, 102, 168); font-size: 16px; padding-left: 30px; box-sizing: border-box; margin: 10px 0px 15px; letter-spacing: 2px; } #service-query-main .package-container .package-detail { overflow: hidden; } #service-query-main .package-container .package-detail .detail-left, #service-query-main .package-container .package-detail .detail-right { float: left; overflow: auto; } #service-query-main .package-container .package-detail .detail-left .accordion-title, #service-query-main .package-container .package-detail .detail-right .accordion-title { padding-left: 10px; } #service-query-main .package-container .package-detail .detail-left { width: 610px; min-height: 511px; padding: 24px 30px; margin-right: 16px; box-sizing: border-box; } #service-query-main .package-container .package-detail .detail-left .package-detail-container .detail-item { margin-left: 15px; border-bottom: 1px dashed rgb(229, 229, 229); padding: 16px 0px; } #service-query-main .package-container .package-detail .detail-left .package-detail-container .detail-item.last-item { border-bottom: 0px; } #service-query-main .package-container .package-detail .detail-left .package-detail-container .detail-item.first-item { margin-top: 10px; } #service-query-main .package-container .package-detail .detail-left .package-detail-container .detail-item .item-title { font-size: 16px; line-height: 20px; color: rgb(51, 51, 51); } #service-query-main .package-container .package-detail .detail-left .package-detail-container .detail-item .item-content { overflow: hidden; font-size: 14px; color: rgb(153, 153, 153); margin-top: 10px; } #service-query-main .package-container .package-detail .detail-left .package-detail-container .detail-item .item-content .validDate { margin-bottom: 5px; } #service-query-main .package-container .package-detail .detail-right { width: 381px; height: 511px; padding: 20px; box-sizing: border-box; } #service-query-main .package-container .package-detail .detail-right .service-title { margin-bottom: 17px; } #service-query-main .package-container .package-detail .detail-right .detail-links { overflow: hidden; margin-top: 20px; } #service-query-main .package-container .package-detail .detail-right .detail-links .link { float: left; width: 33%; text-align: center; cursor: pointer; } #service-query-main .package-container .package-detail .detail-right .detail-links .link img { width: 46px; height: 46px; margin: 30px 0px 10px; } #service-query-main .package-container .package-detail .detail-right .detail-links .link .link-text { color: rgb(51, 51, 51); font-size: 14px; } .order-main { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 25px 30px 30px; min-height: 700px; } .order-main .tabs { margin-bottom: 16px; } .order-service-list { min-height: 80px; } .order-service-list .no-data { margin-top: 300px; } .order-service-list .order-item { padding: 18px 0px 18px 10px; border-bottom: 1px dashed rgb(229, 229, 229); position: relative; } .order-service-list .order-item.is-last { border-bottom: 0px; } .order-service-list .order-item.bgcolor { background-color: rgb(249, 249, 249); } .order-service-list .order-item .first-line { display: flex; } .order-service-list .order-item .first-line .order-item-title { font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); margin-bottom: 10px; } .order-service-list .order-item .first-line .popup-pic { width: 14px; height: 14px; background-image: url("/images/service/query/order/tips.png"); margin-top: 8px; margin-left: 8px; cursor: pointer; } .order-service-list .order-item .order-item-desc { color: rgb(153, 153, 153); font-size: 14px; line-height: 28px; } .order-service-list .order-item .order-item-btn-useful { display: block; width: 80px; line-height: 40px; background-color: rgb(0, 102, 168); } .order-service-list .order-item .order-item-btn-useful, .order-service-list .order-item .order-item-btn-useless { -webkit-box-align: center; align-items: center; font-size: 14px; color: rgb(255, 255, 255); border: rgb(0, 102, 168); border-radius: 4px; float: right; transform: translate(-50px, -70px); } .order-service-list .order-item .order-item-btn-useless { display: none; width: 74px; height: 30px; background-color: rgb(196, 196, 196); pointer-events: none; } #order-current .order-current-title { padding-left: 40px; width: 1012px; height: 50px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; font-size: 14px; font-weight: 500; color: rgb(114, 114, 114); line-height: 50px; position: relative; } #order-current .order-current-title span { padding-left: 5px; font-size: 16px; font-weight: 600; color: rgb(36, 96, 159); line-height: 22px; } #order-current .order-current-title .popup-pic-main { display: inline-block; width: 14px; height: 14px; background-image: url("/images/service/query/order/tips.png"); margin-left: 10px; transform: translateY(2px); cursor: pointer; } #order-current .order-current-des { width: 1012px; background: rgb(255, 255, 255); border-radius: 4px; margin-top: 10px; padding: 15px 40px; box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; } #order-current .order-current-des .order-current-desc-item { color: rgb(153, 153, 153); font-size: 14px; line-height: 28px; } .noDataContentNew { background-color: rgb(255, 255, 255); min-height: 1000px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-top: 130px; width: 1012px; } .no-text { width: 500px; font-size: 14px; line-height: 2; } .service-query-main { width: 1012px; float: right; margin-top: 20px; } .service-query-main .no-sys-wrapper { display: none; } .service-query-main .no-sys-wrapper .img-box { display: flex; width: 100%; -webkit-box-pack: center; justify-content: center; } .service-query-main .no-sys-wrapper .title-icon { width: 60px; height: 60px; margin-right: 7px; vertical-align: top; margin-top: 5px; } .service-query-main .no-sys-wrapper .no-sys { margin: 15px 0px 10px; text-align: center; font-size: 16px; } .service-query-main .no-sys-wrapper .no-sys2 { margin: 0px 0px 40px; text-align: center; font-size: 13px; color: gray; } .service-query-main .bill-main { margin-top: 10px; padding: 10px 50px; box-sizing: border-box; } .service-query-main .tabs { margin: 50px auto 40px; width: 650px; line-height: 36px; text-align: center; } .service-query-main .tabs .tabs-item { margin-right: 70px; } .service-query-main .tabs .tabs-item:last-child { margin-right: 0px; } .service-query-main .bill-query-time { text-align: center; font-size: 16px; color: rgb(51, 51, 51); line-height: 28px; margin-bottom: 31px; } .service-query-main .bill-summary { text-align: center; } .service-query-main .bill-summary .summary-title { line-height: 28px; } .service-query-main .bill-summary .summary-title .title-icon { width: 16px; height: 16px; margin-right: 7px; vertical-align: top; margin-top: 5px; } .service-query-main .bill-summary .summary-title .title-label { color: rgb(0, 0, 0); font-size: 18px; } .service-query-main .bill-summary .summary-value { color: rgb(0, 102, 168); } .service-query-main .bill-summary .summary-value .summary-value-large { font-size: 48px; } .service-query-main .bill-summary .summary-value .summary-value-small { font-size: 28px; } .service-query-main .bill-table { border: 1px solid rgb(229, 229, 229); box-sizing: border-box; color: rgb(51, 51, 51); } .service-query-main .bill-table .table-header { text-align: center; color: rgb(0, 0, 0); height: 52px; line-height: 52px; font-size: 18px; } .service-query-main .bill-table .table-body .table-thead { background: rgb(248, 248, 248); color: rgb(169, 169, 169); overflow: hidden; padding: 0px 30px; } .service-query-main .bill-table .table-body .detail-list { padding: 0px 30px; } .service-query-main .bill-table .table-body .no-data { margin: 40px 0px; } .service-query-main .bill-table .table-tfoot { background-color: rgb(0, 102, 168); color: rgb(255, 255, 255); } .service-query-main .bill-table .table-tfoot .table-row { padding: 0px 30px; } .service-query-main .bill-table .font-primary { color: rgb(0, 102, 168); } .service-query-main .bill-table .table-row { overflow: hidden; line-height: 50px; font-size: 16px; text-align: center; } .service-query-main .bill-table .table-row .table-col { float: left; min-height: 50px; } .service-query-main .bill-table .table-row .table-col.col-1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 250px; text-align: left; } .service-query-main .bill-table .table-row .table-col.col-2, .service-query-main .bill-table .table-row .table-col.col-3, .service-query-main .bill-table .table-row .table-col.col-4 { width: 190px; } .service-query-main .bill-tips { text-align: center; color: rgb(169, 169, 169); font-size: 14px; line-height: 28px; margin: 20px 0px; } .service-query-record-main { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 36px 20px; } .service-query-record-main .search-condition { display: inline-block; font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); } .service-query-record-main .search-condition .condition-label { margin-right: 15px; } .service-query-record-main .search-condition .condition-input { display: inline-block; position: relative; } .service-query-record-main .search-condition .condition-input .datepicker-icon { width: 18px; height: 18px; position: absolute; right: 18px; top: 6px; } .service-query-record-main .search-condition .condition-input .form-control { width: 235px; height: 30px; display: inline-block; border-radius: 4px; padding: 0px 20px; font-weight: 400; font-size: 14px; line-height: 28px; color: rgb(102, 102, 102); } .service-query-record-main .search-condition .date-input-connect { color: rgb(153, 153, 153); margin: 0px 20px; } .service-query-record-main .search-condition .search-button { display: inline-block; width: 90px; height: 30px; background-color: rgb(0, 102, 168); border-radius: 4px; margin-left: 25px; padding-left: 14px; font-weight: 400; font-size: 16px; line-height: 30px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .service-query-record-main .search-condition .search-button img { width: 20px; height: 20px; margin-top: -2px; } .service-query-record-main .record-list { margin-top: 30px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); box-sizing: border-box; border-radius: 4px 4px 0px 0px; } .service-query-record-main .record-list .table-header { width: 100%; display: table; border-radius: 4px 4px 0px 0px; padding-left: 25px; font-size: 0px; } .service-query-record-main .record-list .table-header .cell-style { width: 25%; display: inline-block; font-weight: 400; font-size: 16px; line-height: 48px; color: rgb(30, 30, 30); } .service-query-record-main .record-list .table-body { min-height: 410px; overflow: hidden; } .service-query-record-main .record-list .table-body .table-row .order-number { padding-left: 25px; font-weight: 400; font-size: 14px; line-height: 50px; color: rgb(153, 153, 153); background: rgb(249, 249, 249); } .service-query-record-main .record-list .table-body .table-row .order-number img { width: 22px; height: 19px; margin-right: 10px; } .service-query-record-main .record-list .table-body .table-row .order-number .order-number-text { margin-right: 35px; } .service-query-record-main .record-list .table-body .table-row .order-number .order-number-text .order-number-label { color: rgb(51, 51, 51); } .service-query-record-main .record-list .table-body .table-row .order-infomation { width: 100%; display: table; border-radius: 4px 4px 0px 0px; padding-left: 25px; font-size: 0px; } .service-query-record-main .record-list .table-body .table-row .order-infomation .cell-style { width: 25%; display: inline-block; font-weight: 400; font-size: 14px; line-height: 50px; color: rgb(51, 51, 51); } .service-query-record-main .record-list .table-body .table-row .order-infomation .amount { font-weight: 600; } .service-query-business-record-main { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 36px 20px; overflow: hidden; } .service-query-business-record-main .search-condition { display: inline-block; font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); } .service-query-business-record-main .search-condition .condition-label { margin-right: 15px; } .service-query-business-record-main .search-condition .condition-input { display: inline-block; position: relative; } .service-query-business-record-main .search-condition .condition-input .datepicker-icon { width: 18px; height: 18px; position: absolute; right: 18px; top: 6px; } .service-query-business-record-main .search-condition .condition-input .form-control { width: 235px; height: 30px; display: inline-block; border-radius: 4px; padding: 0px 20px; font-weight: 400; font-size: 14px; line-height: 28px; color: rgb(102, 102, 102); } .service-query-business-record-main .search-condition .date-input-connect { color: rgb(153, 153, 153); margin: 0px 20px; } .service-query-business-record-main .search-condition .search-button { display: inline-block; width: 90px; height: 30px; background-color: rgb(0, 102, 168); border-radius: 4px; margin-left: 25px; padding-left: 14px; font-weight: 400; font-size: 16px; line-height: 30px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .service-query-business-record-main .search-condition .search-button img { width: 20px; height: 20px; margin-top: -2px; } .service-query-business-record-main .record-list { margin-top: 30px; padding-bottom: 15px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); box-sizing: border-box; border-radius: 4px 4px 0px 0px; } .service-query-business-record-main .record-list .table-header { width: 100%; display: table; border-radius: 4px 4px 0px 0px; font-size: 0px; } .service-query-business-record-main .record-list .table-header .cell-style { width: 25%; display: inline-block; font-weight: 400; font-size: 16px; line-height: 48px; color: rgb(30, 30, 30); text-align: center; } .service-query-business-record-main .record-list .table-body { min-height: 410px; overflow: hidden; } .service-query-business-record-main .record-list .table-body .table-row .order-infomation { width: 100%; display: table; border-radius: 4px 4px 0px 0px; font-size: 0px; } .service-query-business-record-main .record-list .table-body .table-row .order-infomation .cell-style { width: 25%; display: inline-block; text-align: center; font-weight: 400; font-size: 14px; line-height: 50px; color: rgb(51, 51, 51); } .service-query-business-record-main .record-list .table-body .table-row .order-infomation .cell-style:nth-child(4) { color: rgb(0, 102, 168); cursor: pointer; user-select: none; } .service-query-business-record-main .record-list .table-body .table-row .order-infomation .amount { font-weight: 600; } .service-query-business-record-main .pagination { margin-top: 30px; } .service-query-detail-main { min-height: 600px; } .service-query-detail-main .search-condition { margin-top: 35px; font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); } .service-query-detail-main .search-condition .condition-input { display: inline-block; position: relative; } .service-query-detail-main .search-condition .condition-input .datepicker-icon { width: 18px; height: 18px; position: absolute; top: 6px; right: 18px; } .service-query-detail-main .search-condition .condition-input .form-control { width: 235px; height: 30px; display: inline-block; border-radius: 4px; padding: 0px 20px; font-weight: 400; font-size: 14px; line-height: 28px; color: rgb(102, 102, 102); } .service-query-detail-main .search-condition .condition-label { margin-right: 15px; color: rgb(153, 153, 153); } .service-query-detail-main .search-condition .date-input-connect { color: rgb(153, 153, 153); margin: 0px 20px; } .service-query-detail-main .search-condition .call-record-search-button, .service-query-detail-main .search-condition .message-record-search-button, .service-query-detail-main .search-condition .traffic-record-search-button { display: inline-block; width: 90px; height: 30px; background-color: rgb(0, 102, 168); border-radius: 4px; margin-left: 25px; padding-left: 14px; font-weight: 400; font-size: 16px; line-height: 30px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .service-query-detail-main .search-condition .call-record-search-button img, .service-query-detail-main .search-condition .message-record-search-button img, .service-query-detail-main .search-condition .traffic-record-search-button img { width: 20px; height: 20px; margin-top: -2px; } .service-query-detail-main .record-infomation-wrapper .record-infomation { margin-top: 30px; padding: 16px 44px; background: rgba(245, 245, 245, 0.7); font-weight: 400; font-size: 16px; line-height: 32px; color: rgb(169, 169, 169); } .service-query-detail-main .record-infomation-wrapper .record-infomation .left-part { display: inline-block; vertical-align: top; } .service-query-detail-main .record-infomation-wrapper .record-infomation .left-part span { color: rgb(51, 51, 51); } .service-query-detail-main .record-infomation-wrapper .record-infomation .right-part { margin-left: 200px; display: inline-block; } .service-query-detail-main .record-infomation-wrapper .record-infomation .right-part span { color: rgb(51, 51, 51); } .service-query-detail-main .record-infomation-wrapper .record-infomation .right-part .units-tip { margin-left: 5px; color: rgb(0, 102, 168); font-size: 14px; vertical-align: top; } .service-query-detail-main .record-infomation-wrapper .record-table { margin-top: 20px; } .service-query-detail-main .record-infomation-wrapper .record-table .cell { display: inline-block; text-align: center; width: 14%; } .service-query-detail-main .record-infomation-wrapper .record-table .table-header { width: 100%; display: table; font-size: 0px; } .service-query-detail-main .record-infomation-wrapper .record-table .table-header .cell { font-weight: 400; font-size: 16px; line-height: 46px; color: rgb(51, 51, 51); } .service-query-detail-main .record-infomation-wrapper .record-table .table-body { overflow: hidden; min-height: 400px; } .service-query-detail-main .record-infomation-wrapper .record-table .table-body .table-row { width: 100%; height: 72px; display: table; border-bottom: 1px dashed rgb(229, 229, 229); font-size: 0px; } .service-query-detail-main .record-infomation-wrapper .record-table .table-body .table-row .cell { font-weight: 400; font-size: 14px; line-height: 72px; color: rgb(51, 51, 51); vertical-align: middle; } .service-query-detail-main .record-infomation-wrapper .record-table .table-body .no-data { margin-top: 200px; } .service-query-detail-main .verify-button { text-align: center; margin-top: 20%; font-weight: 400; font-size: 18px; line-height: 32px; } .service-query-detail-main .verify-button .verify-text { color: rgb(0, 102, 168); } .service-query-detail-main .call-detail { display: none; } .service-query-detail-main .call-detail .months-list { margin-top: 30px; } .service-query-detail-main .call-detail .months-list .months-list-item { width: 130px; height: 30px; border-radius: 4px; text-align: center; border: 1px solid rgb(221, 221, 221); display: inline-block; margin-right: 10px; font-weight: 500; font-size: 16px; line-height: 28px; letter-spacing: 0.265294px; color: rgb(102, 102, 102); } .service-query-detail-main .call-detail .months-list .months-list-item:hover { color: rgb(0, 102, 168); border-color: rgb(0, 102, 168); } .service-query-detail-main .call-detail .months-list .isActive { background-color: rgb(0, 102, 168); color: rgb(255, 255, 255) !important; } .service-query-detail-main .call-detail .table-body .cell { line-height: 48px; } .service-query-detail-main .traffic-detail .traffic-detail-wrapper { display: none; } .service-query-detail-main .traffic-detail .traffic-detail-wrapper .record-table .cell { width: 20%; } .service-query-detail-main .message-detail { display: none; } .service-query-detail-main .message-detail .record-table { margin-top: 30px; } .service-query-detail-main .message-detail .record-table .cell { width: 16%; } .service-query-detail-main { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 30px 30px 40px; } .service-query-detail-main .invoice-company-info, .service-query-detail-main .invoice-drawer-info { display: none; } .service-query-detail-main .amount-total { border-radius: 4px; padding: 0px 10px 0px 20px; background-color: rgb(0, 102, 168); font-size: 14px; line-height: 2.5; color: rgb(255, 255, 255); } .service-query-detail-main .amount-total img { width: 54px; float: right; margin-top: 2px; } .service-query-detail-main .amount-total .amount-text { font-size: 16px; } .service-query-detail-main .header { margin-top: 20px; } .service-query-detail-main .header .dropdown { display: inline-block; } .service-query-detail-main .header .dropdown .dropdown-toggle { min-width: 120px; padding: 0px; background-color: rgb(255, 255, 255); border-color: rgb(0, 102, 168); text-align: center; font-weight: 500; font-size: 14px; line-height: 30px; color: rgb(0, 0, 0); letter-spacing: 1px; } .service-query-detail-main .header .dropdown .dropdown-toggle img { margin: 0px -12px 0px 4px; width: 14px; } .service-query-detail-main .header .dropdown .dropdown-menu { text-align: center; min-width: 120px; z-index: 1 !important; } .service-query-detail-main .header .dropdown .dropdown-menu li { display: block; clear: both; font-weight: 400; line-height: 2; color: rgb(51, 51, 51); white-space: nowrap; cursor: pointer; user-select: none; padding: 0px; } .service-query-detail-main .header .dropdown .dropdown-menu .active { color: rgb(0, 102, 168); } .service-query-detail-main .header .invoice-status { margin-left: 10px; } .service-query-detail-main .bn-checkbox { width: 18px; height: 18px; border: 1px solid rgb(196, 196, 196); border-radius: 4px; display: inline-block; cursor: pointer; vertical-align: middle; background-color: rgb(255, 255, 255); } .service-query-detail-main .bn-checkbox:hover { border-color: rgb(0, 102, 168); } .service-query-detail-main .bn-checkbox img { width: 16px; display: none; vertical-align: baseline; } .service-query-detail-main .checkbox_selected:hover { border-color: rgb(196, 196, 196); } .service-query-detail-main .checkbox_selected img { display: block; } .service-query-detail-main .checkbox_disabled { background-color: rgb(237, 242, 252); } .service-query-detail-main .checkbox_disabled:hover { cursor: not-allowed; } .service-query-detail-main .invoice-container { min-height: 600px; } .service-query-detail-main .invoice-container .left-part { float: left; width: 470px; } .service-query-detail-main .invoice-container .left-part .invoice-list-header { margin-top: 20px; background: rgb(239, 243, 254); padding: 10px 20px; font-size: 14px; color: rgb(51, 51, 51); user-select: none; } .service-query-detail-main .invoice-container .left-part .invoice-list-header .all-text { vertical-align: middle; margin-left: 5px; } .service-query-detail-main .invoice-container .left-part .invoice-list { overflow-y: auto; max-height: 500px; padding-right: 10px; display: none; } .service-query-detail-main .invoice-container .left-part .invoice-list .invoice-item { border: 1px solid rgb(204, 204, 204); border-radius: 4px; padding: 10px 20px; margin-top: 20px; position: relative; } .service-query-detail-main .invoice-container .left-part .invoice-list .invoice-item .invoice-info { display: inline-block; margin-left: 20px; vertical-align: middle; width: 360px; font-size: 14px; line-height: 2; color: rgb(0, 0, 0); font-weight: 500; } .service-query-detail-main .invoice-container .left-part .invoice-list .invoice-item .invoice-info .half-top .init-amount { float: right; color: rgb(0, 102, 168); } .service-query-detail-main .invoice-container .left-part .invoice-list .invoice-item .invoice-info .half-bottom .amount { float: right; } .service-query-detail-main .invoice-container .left-part .invoice-list .invoice-item .invoice-info .half-bottom .issued-text { text-align: center; width: 75px; font-size: 14px; color: rgb(71, 196, 169); position: absolute; right: 0px; bottom: 0px; border-top-left-radius: 8px; border-bottom-right-radius: 4px; background-color: rgb(223, 246, 241); } .service-query-detail-main .invoice-container .left-part .invoice-list .issued .issued-img { position: absolute; width: 80px; top: 10px; right: 130px; } .service-query-detail-main .invoice-container .left-part .invoice-list .issued .half-top { width: 380px; } .service-query-detail-main .invoice-container .left-part .invoice-list .issued .half-top .init-amount { font-size: 16px; } .service-query-detail-main .invoice-container .left-part .invoice-list .invoice-item_selected, .service-query-detail-main .invoice-container .left-part .invoice-list .issued_active { border-color: rgb(0, 102, 168); } .service-query-detail-main .invoice-container .left-part .help-province-tip { display: none; margin-top: 40%; text-align: center; font-weight: 400; font-size: 16px; line-height: 32px; } .service-query-detail-main .invoice-container .left-part .help-province-tip span { margin-left: 5px; color: rgb(0, 102, 168); } .service-query-detail-main .invoice-container .right-part { float: right; width: 450px; } .service-query-detail-main .invoice-container .right-part .step-one { display: none; border-width: 10px 1px 1px; border-style: solid; border-color: rgb(0, 102, 168) rgb(221, 221, 221) rgb(221, 221, 221); border-image: initial; padding: 30px; } .service-query-detail-main .invoice-container .right-part .step-one .title { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail { margin-top: 20px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li { overflow: hidden; margin-bottom: 25px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li .invoice-company-taxNo, .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li .invoice-company-title { padding: 0px 15px; text-align: left; width: 225px; letter-spacing: 0.8px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li .input_disabled { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; text-align: right; padding: 0px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li input { width: 150px; height: 30px; border-radius: 4px; border: 1px solid rgb(221, 221, 221); text-align: center; font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); line-height: 20px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li input::-webkit-input-placeholder { font-size: 13px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li input::placeholder { font-size: 13px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li .paid-in button { width: 60px; height: 30px; background: rgb(0, 102, 168); border-radius: 4px; border: rgb(0, 102, 168); font-size: 14px; font-weight: 500; color: rgb(255, 255, 255); line-height: 20px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li .paid-in .modify { margin-left: 10px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li div { font-size: 14px; font-weight: 500; color: rgb(102, 102, 102); line-height: 20px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li .left { float: left; line-height: 30px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .info-list li .right { float: right; line-height: 30px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .not-required-information { display: none; border-top: 1px solid rgb(221, 221, 221); padding: 20px 0px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .not-required-information .info-form { margin-top: 30px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .not-required-information .info-form input { width: 300px; height: 30px; border-radius: 4px; border: 1px solid rgb(221, 221, 221); font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); line-height: 20px; padding: 0px 15px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .not-required-information .info-form input::-webkit-input-placeholder { font-size: 13px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .not-required-information .info-form input::placeholder { font-size: 13px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .not-required-information .info-form .item { margin-top: 25px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .not-required-information .info-form .item .item-label { font-size: 14px; display: inline-block; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .not-required-information .info-form .item input { margin-left: 20px; display: inline-block; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .bar { display: none; color: rgb(102, 102, 102); text-align: center; font-size: 14px; cursor: pointer; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .bar span { vertical-align: text-top; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .bar img { margin-left: 5px; width: 12px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .bar .arrow_up { display: none; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks { border-top: 1px solid rgb(221, 221, 221); padding: 20px 0px; margin: 20px 0px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks .remarks-title { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); line-height: 30px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks .remarks-item { margin-top: 15px; font-size: 14px; font-weight: 500; color: rgb(102, 102, 102); line-height: 30px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks .remarks-item .left { float: left; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks .remarks-item .right { float: right; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks .remarks-item textarea { padding: 5px 15px; margin-top: 10px; resize: vertical; width: 100%; border-color: rgb(213, 213, 213); border-radius: 4px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks .remarks-item textarea::-webkit-input-placeholder { font-size: 13px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks .remarks-item textarea::placeholder { font-size: 13px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .remarks .remarks-item textarea .textCount { text-align: right; color: rgb(102, 102, 102); } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .all-account { display: none; border-top: 1px solid rgb(221, 221, 221); } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .all-account .title { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); line-height: 30px; margin-top: 20px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .all-account .account-list { margin-top: 10px; max-height: 200px; overflow-y: auto; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .all-account .account-list li { margin-bottom: 10px; height: 34px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .all-account .account-list li div { font-size: 14px; font-weight: 500; color: rgb(102, 102, 102); line-height: 30px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .all-account .account-list li .left { float: left; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .all-account .account-list li .right { float: right; margin-right: 15px; } .service-query-detail-main .invoice-container .right-part .step-one .invoice-detail .all-account .total { text-align: right; height: 20px; font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); line-height: 20px; margin: 20px 10px 0px 0px; } .service-query-detail-main .invoice-container .right-part .step-one .submit-invoice { text-align: center; margin-top: 30px; } .service-query-detail-main .invoice-container .right-part .step-one .submit-invoice button { width: 200px; height: 40px; background: rgb(0, 102, 168); border-radius: 4px; border: rgb(0, 102, 168); font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 22px; } .service-query-detail-main .invoice-container .right-part .step-two { display: none; padding: 10px 30px 30px; border-width: 10px 1px 1px; border-style: solid; border-color: rgb(0, 102, 168) rgb(221, 221, 221) rgb(221, 221, 221); border-image: initial; } .service-query-detail-main .invoice-container .right-part .step-two .title { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); line-height: 50px; } .service-query-detail-main .invoice-container .right-part .step-two .check-info { border-radius: 4px; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .tips-top { background: rgb(0, 102, 168); font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); line-height: 53px; text-align: center; border-radius: 4px 4px 0px 0px; letter-spacing: 0.6px; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .info-list { background: rgb(248, 248, 248); padding: 10px 0px; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .info-list li { height: 40px; padding: 0px 20px; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .info-list li div { font-size: 14px; font-weight: 500; color: rgb(102, 102, 102); line-height: 40px; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .info-list li .left { float: left; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .info-list li .right { float: right; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .info-list li .invoice-title, .service-query-detail-main .invoice-container .right-part .step-two .check-info .info-list li .remarks { width: 270px; text-align: right; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .info-list .email { display: none; } .service-query-detail-main .invoice-container .right-part .step-two .check-info .tips-bottom { margin-top: 15px; font-size: 14px; font-weight: 500; color: rgb(0, 102, 168); line-height: 2; text-align: center; } .service-query-detail-main .invoice-container .right-part .step-two .click-btn { text-align: center; margin-top: 30px; } .service-query-detail-main .invoice-container .right-part .step-two .click-btn button { margin: 0px 8px; width: 130px; height: 40px; border-radius: 4px; font-size: 16px; font-weight: 500; line-height: 22px; } .service-query-detail-main .invoice-container .right-part .step-two .click-btn .cancel { color: rgb(51, 51, 51); border: rgb(213, 213, 213); } .service-query-detail-main .invoice-container .right-part .step-two .click-btn .confirm { background: rgb(0, 102, 168); border: rgb(0, 102, 168); color: rgb(255, 255, 255); } .service-query-detail-main .invoice-container .right-part .step-three { display: none; margin-top: 50px; text-align: center; } .service-query-detail-main .invoice-container .right-part .step-three div { text-align: center; margin: 20px 0px; } .service-query-detail-main .invoice-container .right-part .step-three .pic { border-radius: 50%; } .service-query-detail-main .invoice-container .right-part .step-three .pic img { width: 60px; } .service-query-detail-main .invoice-container .right-part .step-three .title { font-size: 24px; font-weight: 500; color: rgb(43, 43, 43); line-height: 32px; } .service-query-detail-main .invoice-container .right-part .step-three .tips { font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); line-height: 28px; } .service-query-detail-main .invoice-container .right-part .step-three .back { margin-top: 40px; } .service-query-detail-main .invoice-container .right-part .step-three .back button { width: 200px; height: 40px; background: rgb(0, 102, 168); border-radius: 4px; font-weight: 500; color: rgb(255, 255, 255); line-height: 22px; font-size: 16px; border: rgb(0, 102, 168); } .service-query-detail-main .invoice-container .right-part .tip-container .tip-title { padding-bottom: 5px; border-bottom: 1px dashed rgb(229, 229, 229); font-weight: 400; font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); } .service-query-detail-main .invoice-container .right-part .tip-container .tip-title .icon-tip { display: inline-block; width: 18px; vertical-align: text-top; margin-right: 5px; } .service-query-detail-main .invoice-container .right-part .tip-container .tip-content { margin-top: 15px; font-weight: 400; font-size: 14px; line-height: 18px; text-align: justify; color: rgb(153, 153, 153); } .service-query-detail-main .invoice-container .right-part .tip-container .tip-content .tip-item { margin-bottom: 20px; } .service-query-detail-main .invoice-container .right-part .issued-invoice-info { display: none; text-align: center; color: rgb(0, 0, 0); } .service-query-detail-main .invoice-container .right-part .issued-invoice-info img { margin: 0px auto; } .service-query-detail-main .invoice-container .right-part .issued-invoice-info .title { margin-top: 20px; font-size: 22px; } .service-query-detail-main .invoice-container .right-part .issued-invoice-info .invoice-table { margin: 20px 0px 30px; width: 400px; display: inline-block; border: 1px solid rgb(204, 204, 204); border-radius: 4px; padding: 20px 30px; } .service-query-detail-main .invoice-container .right-part .issued-invoice-info .invoice-table .invoice-row { font-size: 14px; line-height: 2; overflow: hidden; } .service-query-detail-main .invoice-container .right-part .issued-invoice-info .invoice-table .invoice-row .invoice-label { float: left; } .service-query-detail-main .invoice-container .right-part .issued-invoice-info .invoice-table .invoice-row .value { float: right; } .service-query-detail-main .invoice-container .right-part .issued-invoice-info .preview-invoice { width: 160px; vertical-align: bottom; } .service-query-detail-main .invoice-container .right-part .issued-invoice-info .reapply-invoice { width: 160px; background-color: rgb(255, 255, 255); color: rgb(0, 102, 168); border: 1px solid rgb(0, 102, 168); margin-right: 10px; } .fujian-upgrade { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 80px 256px 500px; display: none; } .fujian-upgrade img { width: 200px; margin-left: 150px; } .fujian-upgrade .content { font-size: 18px; } .fujian-upgrade .content .company { margin-top: 40px; text-align: right; } .fujian-upgrade .content .date { text-align: right; } .goods-order-main { padding: 45px 30px; width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; } .goods-order-main .current-package { padding: 0px 10px 16px; border-bottom: 1px solid rgb(229, 229, 229); display: flex; -webkit-box-pack: justify; justify-content: space-between; font-size: 18px; } .goods-order-main .current-package .current-package-value { font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0.265294px; color: rgb(0, 102, 168); } .goods-order-main .current-package .current-topBtn { display: flex; -webkit-box-align: center; align-items: center; height: 26px; line-height: 26px; } .goods-order-main .current-package .current-topBtn .title-icon { width: 18px; height: 18px; margin-left: 7px; } .goods-order-main .goods-selection { padding: 30px 0px 0px 10px; } .goods-order-main .goods-selection .goods-poster { float: left; } .goods-order-main .goods-selection .goods-poster img { width: 220px; } .goods-order-main .goods-selection .goods-package-container { padding-left: 280px; } .goods-order-main .goods-selection .goods-package-container .goods-package-title { margin-bottom: 15px; font-weight: 400; font-size: 18px; line-height: 25px; color: rgb(51, 51, 51); } .goods-order-main .goods-selection .goods-package-container .goods-package-info { margin-top: 5px; font-weight: 400; font-size: 14px; line-height: 30px; color: rgb(51, 51, 51); } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-info-label { display: block; width: 60px; height: 24px; float: left; text-align: justify; } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-info-label::after { content: "."; width: 100%; display: inline-block; overflow: hidden; height: 0px; } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list { display: inline-block; } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .goods-package-type { display: inline-block; width: 150px; height: 30px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; text-align: center; margin: 0px 10px 8px 0px; font-weight: 500; font-size: 14px; line-height: 28px; color: rgb(0, 0, 0); } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .goods-package-type-active, .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .goods-package-type:hover { border-color: rgb(0, 102, 168); } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .select-goods .dropdown-toggle { min-width: 180px; max-width: 300px; padding: 0px 10px; font-weight: 500; font-size: 14px; line-height: 30px; color: rgb(0, 0, 0); letter-spacing: 1px; position: relative; background-color: rgb(255, 255, 255); border-color: rgb(0, 102, 168); } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .select-goods .dropdown-toggle .caret { margin-left: 8px; } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .select-goods .dropdown-toggle .arrow_icon { width: 15px; height: 8px; position: absolute; right: 10px; top: 12px; color: rgb(0, 102, 168); } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .select-goods .dropdown-menu { min-width: 180px; max-width: 300px; z-index: 1 !important; } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .select-goods .dropdown-menu li { display: block; clear: both; font-weight: 400; line-height: 2; color: rgb(51, 51, 51); white-space: nowrap; text-align: center; cursor: pointer; user-select: none; padding: 0px 10px; } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .select-goods .dropdown-menu .active { color: rgb(0, 102, 168); } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-list .select-goods .dropdown-menu .empty { text-align: center; line-height: 28px; } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-price-list { display: inline-block; width: 600px; padding-left: 77px; margin: 10px 0px; box-sizing: content-box; } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-price-list .price-detail { display: inline-block; width: 180px; height: 30px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; text-align: center; margin-right: 10px; padding: 0px 10px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 28px; color: rgb(102, 102, 102); } .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-price-list .price-detail-active, .goods-order-main .goods-selection .goods-package-container .goods-package-info .goods-package-price-list .price-detail:hover { border-color: rgb(0, 102, 168); color: rgb(0, 102, 168); } .goods-order-main .goods-selection .goods-package-container .agreement { margin-top: 20px; position: relative; display: inline-block; } .goods-order-main .goods-selection .goods-package-container .agreement .read-agreement__radio { display: inline-block; margin-right: 6px; vertical-align: text-bottom; } .goods-order-main .goods-selection .goods-package-container .agreement .read-agreement__radio .agreement_checkbox { width: 16px; } .goods-order-main .goods-selection .goods-package-container .agreement .read-agreement__radio .agreement_checkbox_selected { display: none; width: 9px; position: absolute; left: 3px; top: 6px; } .goods-order-main .goods-selection .goods-package-container .agreement .agreement-label { font-weight: 400; font-size: 14px; line-height: 19px; color: rgb(0, 0, 0); } .goods-order-main .goods-selection .goods-package-container .agreement .agreement-label span { color: rgb(0, 102, 168); } .goods-order-main .goods-selection .goods-package-container .confirm-btn { width: 200px; height: 40px; margin: 40px 0px 0px 80px; border-radius: 4px; background-color: rgb(0, 102, 168); text-align: center; display: inline-block; font-weight: 500; font-size: 18px; line-height: 40px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .goods-order-main .goods-selection .goods-package-container .forbid { background-color: rgb(195, 195, 195); pointer-events: none; } .goods-order-main .introduction-tabs { margin-top: 90px; border-radius: 3px; } .goods-order-main .introduction-tabs .introduction-header { background: rgb(245, 245, 245); } .goods-order-main .introduction-tabs .introduction-header .tabs-item { display: inline-block; width: 33%; text-align: center; cursor: pointer; user-select: none; font-weight: 400; font-size: 18px; line-height: 48px; letter-spacing: 0.265294px; color: rgb(102, 102, 102); } .goods-order-main .introduction-tabs .introduction-header .active, .goods-order-main .introduction-tabs .introduction-header .tabs-item:hover { background-color: rgb(0, 102, 168); color: rgb(255, 255, 255); } .goods-order-main .introduction-tabs .introduction-body { margin-top: 30px; min-height: 100px; font-size: 14px; line-height: 2.5; } .goods-order-main .introduction-tabs .introduction-body img { width: 100%; } .filterContent { padding: 30px 50px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(224, 224, 224) rgb(224, 224, 224); border-image: initial; border-radius: 0px 0px 10px 10px; } .filterContent .filter-group { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 20px; } .filterContent .filter-item { width: 33%; } .filterContent .mid-filter { margin: 0px 25px; } .filterContent .filter-title { font-size: 15px; margin-bottom: 10px; font-weight: 600; } .filterContent .btn-group { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 10px; } .filterContent .bot-btn { margin-bottom: 20px; } .filterContent .filter-btn { padding: 6px 0px; width: 121px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; background: rgb(255, 255, 255); cursor: pointer; transition: 0.2s; } .filterContent .filter-btn.active { background: rgb(0, 102, 204); color: rgb(255, 255, 255); border-color: rgb(0, 102, 204); } .filterContent .input-title { color: rgb(51, 51, 51); font-size: 15px; margin-bottom: 10px; } .filterContent .custom-input-group { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .filterContent .custom-input { width: 121px; padding: 6px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; text-align: center; } .filterContent .divider { color: rgb(102, 102, 102); width: 12px; border-top: 1px solid rgb(102, 102, 102); } .filterContent .btn-operations { display: flex; -webkit-box-pack: center; justify-content: center; gap: 20px; margin-top: 40px; } .filterContent .operate-btn { padding: 6px 55px; border-radius: 4px; cursor: pointer; font-size: 14px; border: 1px solid rgb(204, 204, 204); } .filterContent .reset-btn { background: rgb(255, 255, 255); color: rgb(51, 51, 51); } .filterContent .confirm-btn { background: rgb(0, 102, 204); color: rgb(255, 255, 255); border-color: rgb(0, 102, 204); } .business-cancel-main { padding: 30px; width: 1010px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; min-height: 550px; } .business-cancel-main .title { margin-top: 10px; font-size: 16px; color: rgb(0, 102, 168); padding-bottom: 15px; border-bottom: 1px dashed rgb(229, 229, 229); } .business-cancel-main .container { width: 100%; display: none; } .business-cancel-main .container .content { padding: 30px 0px; } .business-cancel-main .container .content .header { font-size: 16px; } .business-cancel-main .container .content .section { margin-top: 20px; } .business-cancel-main .container .content .section .business-row { font-size: 14px; line-height: 3.5; } .business-cancel-main .container .content .section .business-row div { text-align: right; display: inline-block; } .business-cancel-main .container .content .section .business-row div:first-child { width: 200px; } .business-cancel-main .container .content .section .business-row .effective-time, .business-cancel-main .container .content .section .business-row .name, .business-cancel-main .container .content .section .business-row .order-time, .business-cancel-main .container .content .section .business-row .type { width: 550px; color: rgb(143, 143, 143); } .business-cancel-main .container .footer .confirm { width: 160px; margin: 30px 0px 0px 350px; } .business-cancel-main .empty-data { text-align: center; } .business-cancel-main .empty-data img { margin-top: 140px; width: 90px; } .business-cancel-main .empty-data div { margin-top: 20px; font-size: 16px; } #password { min-height: 1080px; background: url("/images/service/basic/bg.png") 0% 0% / 100% no-repeat; position: relative; } #password .form-block { width: 400px; margin-bottom: 15px; display: inline-block; } #password .form-block::after { content: ""; display: block; visibility: hidden; clear: both; } #password .form-block .form-block__input { float: left; width: 100%; height: 40px; position: relative; } #password .form-block .form-block__input.inline { width: 260px; margin-right: 25px; } #password .form-block .form-block__input .input-icon { position: absolute; width: 20px; height: 20px; top: 10px; } #password .form-block .form-block__input .input-icon img { width: 100%; } #password .form-block .form-block__input .input-icon.icon-left { left: 16px; } #password .form-block .form-block__input .input-icon.icon-right { right: 16px; } #password .form-block .form-block__input .input-icon .focus { display: none; } #password .form-block .form-block__input .input-content { width: 100%; height: 100%; } #password .form-block .form-block__input .input-content input { width: 100%; height: 100%; border-radius: 4px; padding: 0px 55px; line-height: 40px; color: rgb(51, 51, 51); font-size: 16px; border: 1px solid rgb(217, 217, 217); outline: none; letter-spacing: 0.3px; } #password .form-block .form-block__input .input-content input::-webkit-input-placeholder { font-size: 14px; } #password .form-block .form-block__input .input-content input::placeholder { font-size: 14px; } #password .form-block .form-block__desc { float: right; width: 115px; height: 40px; } #password .form-block .verification-image-box { cursor: pointer; } #password .form-block .verification-image-box img { width: 100%; } #password .center-wrapper { width: 600px; height: 500px; border: 1px solid rgb(224, 224, 224); background: rgb(255, 255, 255); border-radius: 10px; position: absolute; top: 15%; left: 50%; transform: translate(-50%); text-align: center; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 20px 0px; } #password .center-wrapper .title { font-size: 22px; font-weight: 600; color: rgb(30, 21, 19); margin-top: 40px; } #password .center-wrapper .phone { margin-top: 15px; padding-right: 10px; } #password .center-wrapper .phone img { vertical-align: text-top; margin-right: 5px; width: 15px; } #password .center-wrapper .phone span { color: rgb(0, 102, 168); font-size: 18px; font-weight: 600; letter-spacing: 0.3px; } #password .center-wrapper footer { margin-top: 20px; } #password .center-wrapper footer .bn-primary-btn { width: 400px; } #password .center-wrapper .first-step .form, #password .center-wrapper .second-step { margin-top: 30px; } #password .center-wrapper .second-step .input-icon { width: 16px; } #password .center-wrapper .third-step { margin-top: 30px; } #password .center-wrapper .third-step img { margin-top: 30px; width: 55px; } #password .center-wrapper .third-step .third-step-title { font-size: 20px; } #password .center-wrapper .third-step .success-text { margin-top: 20px; display: inline-block; width: 400px; font-size: 14px; line-height: 24px; text-align: left; } #password .center-wrapper .third-step .common-button { margin-top: 30px; width: 400px; } #password .forgot-password-tip, #password .modify-password-tip { width: 320px; position: absolute; top: 320px; right: 100px; font-size: 14px; line-height: 28px; display: none; } #password .forgot-password-tip .tip-title, #password .modify-password-tip .tip-title { margin-bottom: 5px; } .pay-damage { padding: 45px 30px; width: 1012px; min-height: 500px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; position: relative; } .pay-damage .liquidated-has ul li { font-size: 18px; line-height: 80px; padding: 0px 56px 0px 59px; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin: 10px 0px; box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 2px; border-radius: 4px; } .pay-damage .liquidated-has ul .bgclor { background-color: rgb(242, 247, 251); } .pay-damage .liquidated-has ul .num { color: rgb(51, 51, 51); } .pay-damage .liquidated-has ul .package { color: rgb(0, 102, 168); } .pay-damage .liquidated-has ul .liquidated { font-weight: 600; color: rgb(211, 45, 38); } .pay-damage .liquidated-has .next-step { width: 180px; height: 50px; background: rgb(0, 102, 168); border-radius: 4px; border: rgb(0, 102, 168); font-weight: 400; font-size: 18px; line-height: 50px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); margin-top: 30px; } .pay-damage .liquidated-has .content { margin-top: 140px; font-size: 12px; line-height: 24px; color: rgb(138, 138, 138); } .pay-damage .liquidated-none { display: none; position: absolute; top: 120px; left: 440px; width: 120px; text-align: center; } .pay-damage .liquidated-none div { width: 100%; text-align: center; line-height: 30px; } .operate-wrapper { width: 1012px; min-height: 580px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 30px 30px 40px; } .operate-wrapper .bind-btn, .operate-wrapper .checkId-btn { margin-left: 15px; display: inline-block; height: 40px; background-color: rgb(0, 102, 168); border-radius: 4px; padding: 0px 30px; vertical-align: middle; font-size: 16px; line-height: 40px; text-align: center; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .operate-wrapper .operator-info { font-weight: 400; font-size: 14px; line-height: 28px; letter-spacing: 0.5px; color: rgb(102, 102, 102); } .operate-wrapper .operator-info span { color: rgb(0, 102, 168); margin-left: 10px; } .operate-wrapper .operator-info .operate-time, .operate-wrapper .operator-info .operator-id, .operate-wrapper .operator-info .operator-name { margin-right: 20px; display: inline-block; } .operate-wrapper .module-header { border-left: 4px solid rgb(0, 102, 168); padding-left: 10px; line-height: 1; } .operate-wrapper .module-header .header-text { font-weight: 500; font-size: 18px; color: rgb(0, 0, 0); } .operate-wrapper .check-user .module-body { margin-top: 20px; width: 920px; height: 90px; background-color: rgb(247, 247, 247); font-size: 16px; line-height: 90px; color: rgb(51, 51, 51); padding: 0px 20px; } .operate-wrapper .check-user .module-body .input-wrapper { display: inline-block; } .operate-wrapper .check-user .module-body .input-wrapper .check-id-type { margin-left: 20px; } .operate-wrapper .check-user .module-body .input-wrapper .input-style { width: 250px; height: 40px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding-left: 15px; margin-left: 18px; vertical-align: middle; } .operate-wrapper .check-user .module-body .input-wrapper .input-style:disabled { background-color: rgb(246, 246, 246); } .operate-wrapper .check-user .module-body .last { margin-left: 70px; } .operate-wrapper .user-info { margin-top: 30px; } .operate-wrapper .user-info .module-body { margin-top: 20px; width: 930px; background-color: rgb(247, 247, 247); padding: 30px 25px 25px; } .operate-wrapper .user-info .module-body .form-item { display: inline-block; margin-right: 25px; font-weight: 400; font-size: 16px; line-height: 32px; text-align: center; letter-spacing: 0.265294px; color: rgb(102, 102, 102); } .operate-wrapper .user-info .module-body .form-item:nth-child(2n) { margin-right: 0px; } .operate-wrapper .user-info .module-body .form-item .form-block { vertical-align: top; display: inline-block; width: 210px; height: 32px; background-color: rgb(255, 255, 255); margin-bottom: 5px; } .operate-wrapper .user-info .module-body .form-item .account, .operate-wrapper .user-info .module-body .form-item .address, .operate-wrapper .user-info .module-body .form-item .manageStatus, .operate-wrapper .user-info .module-body .form-item .number, .operate-wrapper .user-info .module-body .form-item .package-name, .operate-wrapper .user-info .module-body .form-item .status { color: rgb(0, 102, 168); } .operate-wrapper .user-info .module-body .tip { display: none; margin-top: 20px; font-weight: 400; font-size: 14px; line-height: 28px; color: rgb(30, 30, 30); letter-spacing: 1px; } .operate-wrapper .account-cancellation-module { display: none; } .operate-wrapper .account-cancellation-module .account-cancellation-reason, .operate-wrapper .account-cancellation-module .account-cancellation-way { margin-top: 30px; } .operate-wrapper .account-cancellation-module .account-cancellation-reason .module-body, .operate-wrapper .account-cancellation-module .account-cancellation-way .module-body { margin-top: 20px; width: 920px; height: 90px; background-color: rgb(247, 247, 247); padding: 22px 0px 0px 22px; } .operate-wrapper .account-cancellation-module .account-cancellation-reason .module-body .select-reason .dropdown-toggle, .operate-wrapper .account-cancellation-module .account-cancellation-way .module-body .select-reason .dropdown-toggle { min-width: 400px; height: 40px; padding-left: 25px; font-weight: 500; font-size: 14px; line-height: 30px; color: rgb(0, 0, 0); letter-spacing: 1px; background-color: rgb(255, 255, 255); text-align: left; } .operate-wrapper .account-cancellation-module .account-cancellation-reason .module-body .select-reason .dropdown-menu, .operate-wrapper .account-cancellation-module .account-cancellation-way .module-body .select-reason .dropdown-menu { min-width: 400px; padding: 10px 0px; z-index: 1 !important; } .operate-wrapper .account-cancellation-module .account-cancellation-reason .module-body .select-reason .dropdown-menu li, .operate-wrapper .account-cancellation-module .account-cancellation-way .module-body .select-reason .dropdown-menu li { display: block; padding: 0px 10px 0px 25px; clear: both; font-weight: 400; line-height: 2; color: rgb(51, 51, 51); white-space: nowrap; cursor: pointer; user-select: none; } .operate-wrapper .account-cancellation-module .account-cancellation-reason .module-body .select-reason .dropdown-menu .active, .operate-wrapper .account-cancellation-module .account-cancellation-way .module-body .select-reason .dropdown-menu .active { color: rgb(0, 102, 168); } .operate-wrapper .account-cancellation-module .account-cancellation-reason .module-body .select-reason .dropdown-menu .empty, .operate-wrapper .account-cancellation-module .account-cancellation-way .module-body .select-reason .dropdown-menu .empty { text-align: center; line-height: 28px; } .operate-wrapper .account-cancellation-module .account-cancellation-fee { margin-top: 30px; } .operate-wrapper .account-cancellation-module .account-cancellation-fee .module-body { margin-top: 20px; width: 920px; height: 90px; background-color: rgb(247, 247, 247); padding-left: 20px; font-weight: 400; font-size: 16px; line-height: 90px; letter-spacing: 0.265294px; color: rgb(102, 102, 102); } .operate-wrapper .account-cancellation-module .account-cancellation-fee .module-body .liquidatedDamages-value { color: rgb(51, 51, 51); } .operate-wrapper .account-cancellation-module .refund { margin-top: 30px; } .operate-wrapper .account-cancellation-module .refund .refund-body { margin-top: 20px; width: 920px; height: 150px; background-color: rgb(247, 247, 247); padding-left: 20px; font-weight: 400; font-size: 16px; letter-spacing: 0.265294px; position: relative; } .operate-wrapper .account-cancellation-module .refund .refund-body .refund-content { color: rgb(0, 0, 0); position: absolute; top: 10px; } .operate-wrapper .account-cancellation-module .refund .refund-body .refund-btn { position: absolute; top: 50px; } .operate-wrapper .account-cancellation-module .refund .refund-body .refund-btn .input-style { width: 250px; height: 40px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding-left: 15px; margin-left: 18px; vertical-align: middle; } .operate-wrapper .account-cancellation-module .refund .refund-body .refund-btn .input-style:disabled { background-color: rgb(246, 246, 246); } .operate-wrapper .account-cancellation-module .refund .refund-body .refund-btn .refund-name { margin-left: 0px !important; } .operate-wrapper .account-cancellation-module .refund .refund-body .refund-tips { position: absolute; top: 110px; font-size: 12px; font-weight: 600; } .operate-wrapper .reapply-module { display: none; margin-top: 30px; } .operate-wrapper .reapply-module .SIM-card-info { width: 920px; height: 150px; background-color: rgb(247, 247, 247); margin-top: 20px; padding: 25px; } .operate-wrapper .reapply-module .SIM-card-info .input-wrapper .input-label { font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); } .operate-wrapper .reapply-module .SIM-card-info .input-wrapper .card_input { width: 255px; height: 40px; padding: 0px 20px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; vertical-align: middle; font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); } .operate-wrapper .reapply-module .SIM-card-info .SIM-card-fee { margin-top: 30px; } .operate-wrapper .reapply-module .SIM-card-info .SIM-card-fee .amount-label { font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(51, 51, 51); } .operate-wrapper .reapply-module .SIM-card-info .SIM-card-fee .amount-text { margin-left: 20px; color: rgb(0, 102, 168); font-size: 16px; line-height: 28px; } .operate-wrapper .confirm-btn { width: 200px; height: 40px; background-color: rgb(0, 102, 168); border-radius: 4px; float: right; margin: 40px 25px 0px 0px; font-size: 16px; line-height: 40px; text-align: center; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } .operate-wrapper .confirm-btn-disabled { background-color: rgb(195, 195, 195); pointer-events: none; cursor: not-allowed; } .create-card-order { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 30px 40px; min-height: 800px; } .create-card-order .selected-package { color: rgb(0, 102, 168); font-weight: 400; font-size: 16px; line-height: 28px; } .create-card-order .selected-package span { font-weight: 700; } .create-card-order .btn-style { display: inline-block; border-radius: 4px; background-color: rgb(0, 102, 168); margin-left: 20px; font-size: 16px; line-height: 40px; color: rgb(255, 255, 255); text-align: center; } .create-card-order .phone-number { margin-top: 20px; } .create-card-order .phone-number input { width: 300px; height: 40px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding-left: 20px; font-size: 16px; color: rgb(51, 51, 51); } .create-card-order .phone-number input:disabled { background-color: rgb(245, 245, 245); } .create-card-order .phone-number .query-address-btn { width: 120px; height: 40px; } .create-card-order .user-info-wrapper { margin: 40px 0px; } .create-card-order .user-info-wrapper .user-info-label { margin-bottom: 40px; font-weight: 500; font-size: 18px; line-height: 25px; color: rgb(51, 51, 51); } .create-card-order .user-info-wrapper .first-box { font-weight: 400; font-size: 16px; line-height: 22px; color: rgb(102, 102, 102); text-align: center; } .create-card-order .user-info-wrapper .first-box .number-address, .create-card-order .user-info-wrapper .first-box .receive-type, .create-card-order .user-info-wrapper .first-box .user-number { display: inline-block; } .create-card-order .user-info-wrapper .first-box .number-address span, .create-card-order .user-info-wrapper .first-box .receive-type span, .create-card-order .user-info-wrapper .first-box .user-number span { color: rgb(51, 51, 51); } .create-card-order .user-info-wrapper .first-box .user-number { float: left; } .create-card-order .user-info-wrapper .first-box .receive-type { float: right; } .create-card-order .user-info-wrapper .second-box { margin-top: 30px; } .create-card-order .user-info-wrapper .second-box .input-wrapper { display: inline-block; } .create-card-order .user-info-wrapper .second-box .input-wrapper span { font-weight: 400; font-size: 16px; line-height: 22px; color: rgb(102, 102, 102); } .create-card-order .user-info-wrapper .second-box .input-wrapper input { margin-left: 10px; width: 300px; height: 40px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding-left: 15px; font-size: 16px; line-height: 40px; color: rgb(30, 30, 30); } .create-card-order .user-info-wrapper .second-box .second { float: right; } .create-card-order .certificate-upload { display: none; } .create-card-order .certificate-upload .information-container { margin-top: 20px; box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 34px; color: rgb(51, 51, 51); } .create-card-order .certificate-upload .information-container .header-tab { border-bottom: 1px solid rgb(229, 229, 229); padding: 20px 0px 0px 22px; } .create-card-order .certificate-upload .information-container .header-tab .tab-item { display: inline-block; } .create-card-order .certificate-upload .information-container .header-tab .tab-item .tab-name { font-weight: 500; font-size: 18px; letter-spacing: 0.265294px; color: rgb(0, 102, 168); } .create-card-order .certificate-upload .information-container .header-tab .tab-item .bottom-line { background: rgb(0, 102, 168); border-radius: 6px; height: 4px; margin-bottom: -2px; } .create-card-order .certificate-upload .information-container .id-photo-content { padding: 25px; } .create-card-order .certificate-upload .information-container .id-photo-content .tips .light { color: rgb(0, 102, 168); } .create-card-order .certificate-upload .information-container .id-photo-content .prompt-information { margin-top: 20px; } .create-card-order .certificate-upload .information-container .id-photo-content .prompt-information .prompt-information-photo { display: inline-block; width: 300px; height: 200px; } .create-card-order .certificate-upload .information-container .id-photo-content .prompt-information .prompt-information-photo input { width: 100%; height: 100%; opacity: 0; cursor: pointer; } .create-card-order .certificate-upload .information-container .id-photo-content .prompt-information .front { background: url("/images/transaction/id-front.png") 0% 0% / 100% 100% no-repeat; margin-left: 20px; } .create-card-order .certificate-upload .information-container .id-photo-content .prompt-information .back { background: url("/images/transaction/id-back.png") 0% 0% / 100% 100% no-repeat; margin-left: 50px; } .create-card-order .card-info { display: none; margin-bottom: 20px; padding: 20px; background-color: rgb(236, 244, 255); border-radius: 4px; } .create-card-order .card-info img { width: 25px; } .create-card-order .card-info .card-desc { display: inline-block; margin-left: 20px; font-weight: 500; font-size: 14px; line-height: 28px; color: rgb(0, 102, 168); } .create-card-order .offer-activities { display: none; padding: 20px; background-color: rgb(236, 244, 255); border-radius: 4px; letter-spacing: 1px; position: relative; font-weight: 500; font-size: 14px; line-height: 28px; color: rgb(0, 102, 168); } .create-card-order .offer-activities .check-box { width: 24px; height: 24px; border-radius: 50%; position: absolute; top: 50%; left: 25px; transform: translateY(-50%); border: 3px solid rgb(0, 102, 168); background-color: rgb(255, 255, 255); } .create-card-order .offer-activities .check-box .inner-box { display: none; width: 12px; height: 12px; border-radius: 50%; background-color: rgb(0, 102, 168); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .create-card-order .offer-activities .activities-desc { margin-left: 50px; } .create-card-order .card-tips { margin-top: 20px; display: none; padding: 20px 20px 20px 60px; background-color: rgb(236, 244, 255); font-weight: 700; font-size: 14px; line-height: 28px; color: rgb(0, 102, 168); } .create-card-order .order-info { display: none; } .create-card-order .order-info .payment-amount { margin-top: 30px; color: rgb(0, 102, 168); font-size: 18px; text-align: right; padding-right: 10px; } .create-card-order .order-info .payment-amount span:nth-child(2) { font-size: 32px; font-weight: 700; } .create-card-order .order-info .purchase-notes { margin-top: 15px; text-align: right; font-weight: 400; font-size: 18px; line-height: 28px; color: rgb(0, 0, 0); } .create-card-order .order-info .purchase-notes span { color: rgb(0, 102, 168); } .create-card-order .order-info .purchase-notes .beautifulTag { display: none; } .create-card-order .confirm-btn { margin-top: 50px; float: right; height: 40px; line-height: 40px; padding: 0px 30px; } .login-switch-radio__image { width: 45px; height: 45px; cursor: pointer; position: absolute; right: 0px; z-index: 1; } .login-form-block::after { content: ""; display: block; visibility: hidden; clear: both; } .login-form-block .form-block__input { float: left; width: 100%; height: 40px; position: relative; } .login-form-block .form-block__input.inline { width: 202px; margin-right: 18px; } .login-form-block .form-block__input .input-icon { position: absolute; width: 22px; height: 22px; top: 9px; } .login-form-block .form-block__input .input-icon.icon-left { left: 16px; } .login-form-block .form-block__input .input-icon.icon-right { right: 16px; } .login-form-block .form-block__input .input-content { width: 100%; height: 100%; } .login-form-block .form-block__input .input-content input { width: 100%; height: 100%; border-radius: 4px; padding: 0px 52px; line-height: 40px; color: rgb(51, 51, 51); font-size: 16px; border: 1px solid rgba(217, 217, 217, 0.3); background: rgba(217, 217, 217, 0.2); outline: none; letter-spacing: 0.3px; } .login-form-block .form-block__input .input-content input:focus { background-color: rgb(255, 255, 255); } .login-form-block .form-block__desc { float: left; width: 110px; height: 40px; } .login-title { position: relative; width: 330px; text-align: center; } .login-title .login-title__label { font-size: 24px; font-weight: 700; color: rgb(51, 51, 51); } .common-button, .get-verification-code-button { width: 100%; color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(0, 102, 168); text-align: center; height: 40px; line-height: 40px; border-radius: 4px; font-size: 14px; user-select: none; } .common-button.is-disable, .get-verification-code-button.is-disable { background-color: rgb(196, 196, 196); cursor: default; } .login-agreement { width: 100%; overflow: hidden; user-select: none; } .login-agreement .login-agreement__radio { margin-right: 5px; position: relative; display: inline-block; vertical-align: middle; } .login-agreement .login-agreement__radio .agreement_checkbox { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgb(0, 102, 168); position: relative; } .login-agreement .login-agreement__radio .agreement_checkbox .agreement_checkbox_selected { display: none; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(0, 102, 168); } .login-agreement .login-agreement__content { display: inline-block; vertical-align: middle; color: gray; font-size: 14px; } .login-agreement .login-agreement__content .content-link { cursor: pointer; color: rgb(0, 102, 168); } .login-additional { box-sizing: border-box; } .login-additional .login-addition-link { font-size: 14px; color: gray; cursor: pointer; border-bottom: 1px solid rgb(204, 204, 204); } .login-additional .login-addition-link.left { float: left; } .login-additional .login-addition-link.right { float: right; } .login-additional .login-addition-link:hover { color: rgb(0, 102, 168); border-color: rgb(0, 102, 168); } #login { background: url("/images/login/bg.png") 50% center / cover no-repeat; min-height: 780px; position: relative; } #login .broadnet-logo { width: 246px; position: absolute; top: 150px; left: 58%; } #login .login-main { box-sizing: border-box; position: absolute; top: 220px; left: 55%; } .ggb { width: 100%; height: 100%; position: fixed; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; z-index: 10; top: 0px; left: 0px; right: 0px; } .gg { height: 344px; width: 511px; position: relative; z-index: 11; } .gb { background: url("/images/gb.png"); height: 12px; width: 12px; position: absolute; top: 16px; right: 16px; } .home-content { min-height: 800px; position: relative; } .home-content .home-content__action { width: 1270px; position: absolute; z-index: 1; bottom: 230px; left: 30%; margin-left: -630px; text-align: center; } .home-content .home-content__action a { display: none; width: 250px; vertical-align: top; color: rgb(255, 255, 255); } .home-content .home-content__action a h2 { background-color: rgba(224, 135, 58, 0.8); font-weight: 700; font-size: 22px; padding: 10px; margin-bottom: 10px; border-radius: 4px; transition: 0.3s; } .home-content .home-content__action a p { font-size: 18px; text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 1px; } .home-content .home-content__action a:nth-child(2) { margin: 0px 40px; } .home-content .home-content__action a:hover h2 { background-color: rgb(224, 135, 58); } .home-content .home-content__action .zfBox { width: 250px; vertical-align: top; color: rgb(255, 255, 255); display: inline-block; } .home-content .home-content__action .zfBox h2 { background-color: rgba(224, 135, 58, 0.8); font-weight: 700; font-size: 22px; padding: 10px; margin-bottom: 10px; border-radius: 4px; transition: 0.3s; } .home-content .home-content__action .zfBox:hover h2 { background-color: rgb(224, 135, 58); } .home-content .activity-entry { display: none; position: absolute; top: 400px; left: 150px; } .home-content .activity-entry .icon { width: 200px; } .home-content .activity-entry .button { width: 120px; position: absolute; top: 170px; left: 40px; } .home-content .activity-entry .close-btn { width: 22px; position: absolute; top: 10px; right: 0px; } #search-result { padding: 50px 0px 100px; } #search-result .result-wrapper { margin: 0px auto; width: 1012px; } #search-result .result-wrapper .header { background-color: rgb(245, 245, 245); border-radius: 4px; overflow: hidden; } #search-result .result-wrapper .header .title { width: 200px; height: 50px; background-color: rgb(0, 102, 168); font-weight: 500; font-size: 18px; line-height: 50px; color: rgb(255, 255, 255); text-align: center; } #search-result .result-wrapper .result-container { padding: 65px 30px 0px 50px; } #search-result .result-wrapper .result-container .result-item { float: left; display: block; text-decoration: none; margin: 0px 60px 40px 0px; } #search-result .result-wrapper .result-container .result-item .result-title { margin-top: 20px; text-align: center; font-size: 20px; } #search-result .result-wrapper .result-container .no-data { margin: 100px 0px; } .page-h5-download { padding: 0px; min-width: auto; text-align: center; background-color: rgb(132, 179, 206); } .page-h5-download .page-content { width: 10rem; margin: 0px auto; } .page-h5-download .page-main { height: 17.8rem; padding: 0.4rem; background: url("/images/h5-download/cbn.jpg") center top / 100% no-repeat; } .page-h5-download .download-description { margin: 6.5rem 0.3rem 0px; color: rgb(255, 255, 255); font-size: 0.37rem; line-height: 1.3; } .page-h5-download .download-description p { margin-bottom: 0.25rem; } .page-h5-download .download-description a { color: rgb(255, 255, 255); } .page-h5-download .download-description .btn-android { display: inline-block; width: 1.85rem; height: 0.75rem; background: url("/images/h5-download/android.png") 0% 0% / 100% no-repeat; text-indent: -99999rem; vertical-align: middle; } .page-h5-download .page-footer { font-size: 0.35rem; margin: 0.64rem 0px; color: rgb(255, 255, 255); } .tips-wechat { display: none; position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); } .tips-wechat img { width: 2rem; position: absolute; display: block; right: 0.2rem; top: 0.2rem; } .tips-wechat p { margin-top: 5rem; font-size: 0.4rem; } .page-browser-version { min-width: auto; padding: 24px 20px; } .page-browser-version .page-content { width: 100%; max-width: 1000px; margin: 0px auto; } .page-browser-version h1 { font-size: 36px; font-weight: 700; margin-bottom: 16px; } .page-browser-version h2 { font-size: 24px; line-height: 24px; margin-bottom: 16px; } .page-browser-version p { font-size: 16px; line-height: 28px; } .page-browser-version a { color: rgb(0, 88, 157); } .page-browser-version ul li { list-style: none; padding: 0px; margin: 0px; } .page-browser-version .hr { margin: 20px 0px; border-bottom: 1px dashed rgb(204, 204, 204); } .page-browser-version .browser-list { margin: 16px 0px 10px; overflow: hidden; } .page-browser-version .browser-list::after { content: " "; clear: both; display: table; } .page-browser-version .browser { display: block; width: 20%; height: 40px; line-height: 22px; float: left; font-size: 14px; } .page-browser-version .browser a { display: block; } .page-browser-version .browser a::after { content: " "; display: table; clear: both; } .page-browser-version .browser img { width: 40px; height: 40px; border: 0px; float: left; margin-right: 10px; } .page-browser-version .browser span { display: block; font-size: 12px; line-height: 1.2; } #container .pay-header { font-weight: 500; font-size: 20px; line-height: 27px; color: rgb(51, 51, 51); margin: 20px 0px 15px; padding-left: 20px; } #container .pay-container { height: 700px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; padding: 50px 100px 40px; } #container .pay-container .confirm-btn { display: inline-block; width: 210px; height: 40px; border-radius: 4px; background-color: rgb(0, 102, 168); margin-top: 40px; text-align: center; font-weight: 400; font-size: 16px; line-height: 40px; letter-spacing: 0.265294px; color: rgb(255, 255, 255); } #container .pay-container .select-pay-type-wrapper .select-pay-type { width: 935px; height: 205px; box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; padding: 30px; } #container .pay-container .select-pay-type-wrapper .select-pay-type .pay-type-list .pay-type-item { width: 210px; height: 75px; margin-right: 20px; display: inline-block; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; text-align: center; padding: 20px 0px 15px; position: relative; } #container .pay-container .select-pay-type-wrapper .select-pay-type .pay-type-list .pay-type-item .icon_selected { display: none; width: 25px; position: absolute; right: -1px; bottom: -1px; } #container .pay-container .select-pay-type-wrapper .select-pay-type .pay-type-list .pay-type-item:hover { border-color: rgb(0, 102, 168); } #container .pay-container .select-pay-type-wrapper .select-pay-type .pay-type-list .active { border: 1px solid rgb(0, 102, 168); } #container .pay-container .select-pay-type-wrapper .select-pay-type .pay-type-list .active .icon_selected { display: block; } #container .pay-container .select-pay-type-wrapper .pay-tip { margin-top: 40px; padding-left: 30px; width: 910px; font-weight: 500; font-size: 14px; line-height: 1.5; } #container .pay-container .weixin-pay-wrapper { display: none; text-align: center; height: 100%; } #container .pay-container .weixin-pay-wrapper img { margin: 20px 20px 0px 0px; } #container .pay-container .weixin-pay-wrapper .weixin-pay-tip { margin-top: 20px; font-size: 20px; } #container .pay-container .weixin-pay-wrapper .weixin-pay-qrcode { width: 256px; margin: 20px auto 0px; } #container .pay-container .weixin-pay-wrapper .weixin-pay-btn { margin-top: 50px; } #container .pay-container .weixin-pay-wrapper .weixin-pay-btn .click-btn { display: inline-block; width: 150px; font-size: 16px; line-height: 40px; background-color: rgb(0, 102, 168); border-radius: 4px; color: rgb(255, 255, 255); text-align: center; } #container .pay-container .weixin-pay-wrapper .weixin-pay-btn .paid-confirm-btn { margin-left: 30px; } #container .pay-container .pay-result { margin: 150px auto 0px; width: 450px; text-align: center; } #container .pay-container .pay-result .result-status { width: 50px; } #container .pay-container .pay-result .user-info { margin-top: 20px; font-weight: 400; font-size: 16px; line-height: 28px; letter-spacing: 0.265294px; color: rgb(51, 51, 51); } #container .pay-container .pay-result .user-info .phone { color: rgb(0, 102, 168); } #container .pay-container .pay-result .tips { margin-top: 15px; font-size: 14px; line-height: 28px; letter-spacing: 0.265294px; color: rgb(153, 153, 153); } .page-help-center { min-height: 920px; } .page-help-center #sidebar { position: relative; height: auto; float: left; } .page-help-center #section-area { float: none; margin-left: 260px; } .page-help-center .help-center-content { width: 1012px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 7px; border-radius: 4px; margin-top: 10px; padding: 25px 30px 30px; min-height: 700px; font-size: 16px; } .page-help-center .help-title { margin-bottom: 20px; font-size: 18px; font-weight: 700; padding-left: 16px; border-left: 4px solid rgb(0, 102, 168); line-height: 1.1; } .page-help-center .help-content p { margin-bottom: 16px; word-break: break-all; } .page-help-center .help-content img { max-width: 950px !important; } .alert-tips { background-color: rgb(254, 240, 240); color: rgb(245, 108, 108); padding: 10px 16px; border-radius: 4px; font-size: 14px; } #upgrade-container { margin: -60px auto 0px; width: 500px; } #upgrade-container .upgrade-box { position: relative; } #upgrade-container .upgrade-text { white-space: pre-wrap; margin-top: 40px; font-weight: 400; font-size: 16px; color: rgb(51, 51, 51); } #upgrade-container .upgrade-time { bottom: -10px; font-weight: 400; font-size: 16px; } #upgrade-container .upgrade-time, #upgrade-container .upgrade-title { width: 500px; position: absolute; line-height: 28px; text-align: center; color: rgb(51, 51, 51); } #upgrade-container .upgrade-title { bottom: 41px; font-weight: 600; font-size: 20px; } #upgrade-container .hj { width: 500px; }