/*file md5 value:9659426c7fe07bd32cd3047189c4d365*/
/*compress time:2023-06-15 10:52:35*/
body { margin:0; padding:0; background-color:#fff; font-size:14px; color:#364150; font-family:"微软雅黑" !important; line-height:25px; } * { margin:0; padding:0; box-sizing:border-box; outline:none !important; } a,a:hover,a:focus { outline:none; text-decoration:none; cursor:pointer; } a:hover,button:hover { opacity:.9; } .link:hover { text-decoration:underline !important; } .link-underline { text-decoration:underline; } .link-underline:hover { text-decoration:underline; } .text-center { text-align:center; } .text-right { text-align:right !important; } h1,.h1,h2,.h2,h3,.h3 { margin-bottom:0; } .content { margin-top:88px; min-height:680px; min-width:1200px; } .main-box { margin:auto; width:1200px; } .img_box { position:relative; width:100%; overflow:hidden; position:relative; } .img_box .imgs { position:relative; display:block; left:50%; margin-left:-960px; } @font-face { font-family:contNumber; src:url('/static/fonts/DIN Alternate Bold.ttf'); } .contNumber { color:#FF1B14; font-size:24px; font-family:contNumber; } .bold{ font-weight:bold; } #header { position:fixed; top:0; left:0; width:100%; height:88px; background-color:#fff; z-index:99999999; border-bottom:1px solid #e9e8e8; } #header .logo-div { position:relative; width:100%; height:88px; } #header .loginImg { position:relative; display:inline-block; width:242px; height:88px; margin:0 150px 0 12px; cursor:pointer; } #header .loginImg img{   position:absolute;   max-width:100%;   max-height:80%;   object-fit:contain;   top:50%;   transform:translateY(-50%); } #header .loginImg .loginLink { display:inline-block; border-radius:50%; } #header .arrow-down { display:inline-block; width:20px; height:20px; background:url(/static/images/icon-arrow-down.png) center no-repeat; vertical-align:middle; } #header .login-link { position:absolute; display:block; margin-top:14.5px; margin-left:10px; width:140px; height:auto; overflow:hidden; background-color:#fff; box-shadow:0px 5px 5px #eceef0; } #header .login-link a { display:block; text-align:center; margin-left:0; } #header .login-link a:hover { color:#2B7EFF; } #header .main-box{ position:relative; height:88px; } #header .layui-nav{ background-color:transparent; overflow:visible; } #header .layui-nav .layui-nav-item{ line-height:88px; } .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after { background-color:transparent !important; } #header .layui-nav .layui-nav-item a{ color:#2C3441; } .inline-div { position:relative; float:left; } .a-margin { margin-right:15px; } .memu { margin:0; height:88px; width:auto; text-align:center; } .memu li { display:inline-block; width:auto; margin:0 30px; text-align:center; font-size:15px; } .memu li a { position:relative; display:inline-block; width:100%; height:100%; line-height:88px; color:#2C3441; text-align:center; } .memu li a span{ position:relative; z-index:3; } .memu li a:hover { color:#2b7eff; text-decoration:none; } .memu li .active { color:#2b7eff; font-weight:bold; } .memu li .active:after{ position:absolute; display:inline-block; content:''; width:32px;   height:4px;   background-color:#2b7eff; bottom:0; left:50%; margin-left:-16px; } .login-status { width:auto; margin:30px 0; text-align:right; } .login-status a { display:inline-block; margin-left:10px; height:41px; line-height:41px; color:#5f7084; font-size:14px; } .login-status a img { margin-top:0 !important; } a.login-btn,a.register-btn { position:relative; display:inline-block; width:72px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:14px; background:linear-gradient(180deg,rgba(13,101,238,1) 0%,rgba(68,139,255,1) 100%); } a.login-btn{ color:#2C3441; background:none; } a.login-btn:hover { text-decoration:underline; } .login-status .logged { width:118px; font-size:14px; } .login-status .logged i { display:inline-block; width:20px; height:16px; background:url(/static/images/icon-qy-logged.png) no-repeat 0 0; vertical-align:middle; } table { border-collapse:collapse; } ul { list-style:none; height:auto; overflow:hidden; } .float-right { float:right; font-size:12px; font-weight:normal; } .blue-a,.gray-a,.white-a { display:inline-block; width:88px; height:32px; line-height:30px; color:#fff !important; font-size:12px; text-align:center; background:linear-gradient(311deg,rgba(13,101,238,1) 0%,rgba(68,139,255,1) 100%); vertical-align:middle; margin-right:8px; } .white-a { color:#2B7EFF !important; background:#fff; border:1px solid #2B7EFF; } .gray-a { background:#fff; border:1px solid #d0d0d0; color:#5f7084 !important; } .red-text { color:#FF1B14 !important; } .blue-text { color:#2B7EFF !important; } .green-text{ color:#13CF5A !important; } .orange-text{ color:#FF5813 !important; } .f-16 { font-size:16px; } .f-14 { font-size:14px !important; } .f-12 { font-size:12px !important; } .f-24 { font-size:24px; } .f-10{ font-size:12px; -webkit-transform:scale(0.833333); } .f-11{ font-size:12px; -webkit-transform:scale(0.916666); } .f-20{ font-size:20px; } .f-30{ font-size:30px; } #footer { padding:35px 0; background-color:#232531; height:auto; overflow:hidden; color:#fff; } #footer .contact { width:300px; color:#989898; line-height:40px; } #footer .icon-footer-phone { display:inline-block; width:33px; height:32px; background:url(/static/images/icon-bottom-phone.png); margin-right:5px; vertical-align:middle; } #footer .phone-400 { font-size:22px; font-weight:bold; text-align:center; } #footer .online-service { display:inline-block; margin-top:10px; width:122px; height:40px; line-height:40px; text-align:center; color:#444; font-size:12px; border:1px solid #333; border-radius:30px; } #footer .about { height:auto; overflow:hidden; margin-bottom:10px; } #footer .about li { position:relative; float:left; width:33.333333%; } #footer .about li a { color:#fff; font-size:16px; line-height:42px; } #footer .scan-code { float:right; } #footer .scan-code li { float:left; width:99px; text-align:center; margin-left:50px; } #footer .bottom { height:auto; overflow:hidden; color:#989898; } #footer .icp { padding:10px 0; } #footer .wx-text { color:#fff; font-size:16px; line-height:38px; margin-bottom:5px; } #footer .kf-dh { color:#fff; font-size:48px; line-height:45px; margin:13px 0; font-family:contNumber; } #footer .cx { margin-top:30px; border-top:1px solid #2c3441; padding-top:20px; text-align:center; color:#5f7084; } #footer .kf-zx { margin-top:10px; display:inline-block; padding:0 5px 0 0; color:#fff; border:1px solid #fff; line-height:30px; cursor:pointer; } .popup { position:absolute; display:none; margin-top:40px; margin-left:-70px; padding:10px; border:1px solid #e1e1e1; background-color:#fff; z-index:999999999; text-align:center; } .popup img { display:block; } .icon-horn { display:inline-block; margin-right:5px; width:24px; height:25px; background:url(/static/images/icon-horn.png) center no-repeat; } .notice-time { font-size:12px; color:#8f8f8f; } .more { float:right; font-size:14px; color:#5f7084; font-weight:normal; } .gray-border { height:auto; overflow:hidden; border:1px solid #dfdfdf; box-sizing:border-box; } form { padding-bottom:15px; } form .form-line { position:relative; margin:0; padding:0; height:68px; line-height:68px; border:none; } form .form-line > label { position:absolute; left:0; margin-left:100px; width:150px; } form .form-line .form-right { margin-left:250px; } form .form-line .form-text { font-size:12px; color:#8d8d8d; line-height:40px; } form input,form select,form button,form textarea { padding-left:10px; width:320px; height:38px; border:1px solid #E7ECF1; vertical-align:middle; } form input:focus { border:1px solid #f5b834 !important; box-shadow:none !important; } form textarea { height:150px; resize:none; } form .input-verification { width:210px; } .form-control[readonly] { background-color:#fff !important; } .verification-btn { display:inline-block; margin-left:5px; width:100px; height:38px; line-height:36px; text-align:center; color:#2B7EFF; vertical-align:middle; cursor:pointer; background:transparent !important; } .verification-btn:hover{ color:#2B7EFF; } .verification-btn[disabled]{ color:#8598B0; } form button { height:46px; line-height:46px; background-color:#2B7EFF; border:none; border-radius:5px; color:#fff; font-size:16px; outline:none; } form .form-div { height:40px; line-height:40px; } form .form-text { line-height:20px; } form input[type=checkbox],form input[type=radio] { margin-top:0; margin-right:5px; width:14px; height:14px; vertical-align:middle; } form .btn-div { margin-top:20px; margin-bottom:10px; text-align:center; } .white-box { background-color:#fff; height:auto; overflow:hidden; } .gray2-box { padding:20px 0; background-color:#f7f7f7; } .btn-file { display:inline-block; width:36px !important; height:36px !important; border:1px dashed #e1e1e1 !important; background-color:#fff !important; border-radius:0 !important; color:#ccc !important; padding-left:0 !important; } .upload-div * { vertical-align:middle; } .select2-container .select2-selection--single { height:36px !important; border:1px solid #E7ECF1 !important; border-radius:0 !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:38px !important; color:#364150 !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height:36px !important; } .yellow-text { color:#f5b834 !important; } .m-t-20 { margin-top:20px !important; } .m-t-30 { margin-top:30px !important; } .gray-text,.grey-text { color:#8598B0; } .gray2-text{ color:#5F7084; } .m-r-20 { margin-right:20px; } .m-b-20 { margin-bottom:20px; } .icon-promet-fail { padding-left:10px; color:#ff0000; } .promet { font-size:12px; font-weight:normal; color:#666; } .thumb { border:1px solid #dfdfdf; padding:0px; width:118px; height:118px; line-height:100px; text-align:center; font-size:50px; color:#ccc; position:absolute; top:0; left:0; box-sizing:border-box; } .thumb div { position:absolute; display:inline-block; top:0; left:0; width:100%; height:100%; z-index:1; } .thumb div:after { content:'+'; } .thumb img { position:absolute !important; display:inline-block !important; top:0; left:0; width:100%; height:100%; z-index:2; } .layui-upload-file { display:none!important; opacity:.01; filter:Alpha(opacity=1); } #float-right { position:fixed; right:10px; bottom:50px; z-index:999999999; background-color:#2c3441; } #float-right ul { overflow:visible; } #float-right li { width:52px; height:52px; border-bottom:1px solid #fff; } #float-right li:hover { background-color:#2B7EFF; opacity:1; } #float-right .zxzx { background:#2c3441 url(/static/images/zxkf-l.png) center no-repeat; opacity:0.5; } #float-right .phone { border-top:1px solid #fff; background:#2c3441 url(/static/images/float-right.png) -8px -71px; opacity:0.5; } #float-right .wx { background:#2c3441 url(/static/images/float-right.png) -8px -138px; opacity:0.5; } #float-right .icon-more { background:#2c3441 url(/static/images/icon-tools-more.png) no-repeat center; } #float-right .calculator { background:#2c3441 url(/static/images/float-right.png) -8px -204px; opacity:0.5; } #float-right .top { background:#2c3441 url(/static/images/float-right.png) -8px -270px; opacity:0.5; } #float-right .kf-phone,#float-right .calculator-show { position:absolute; background:#2B7EFF; margin-left:-120px; width:120px; height:52px; line-height:52px; font-size:12px; color:#fff; text-align:center; border-right:1px solid #fff; z-index:99999999; } #float-right .calculator-show { cursor:pointer; } #float-right .wx-qr { position:absolute; width:120px; height:120px; margin-left:-120px; background:#2B7EFF; border-right:1px solid #fff; z-index:99999999; } #float-right .wx-qr img { display:block; margin:auto; width:110px; margin-top:5px; } #float-right .hongbao { display:block; width:52px; height:52px; background:#fff url(/static/images/icon-hb.png) center no-repeat; opacity:1; } #float-right .hongbao:hover { background:#fff url(/static/images/icon-hb-hover.png) center no-repeat; } #float-right .hb-qr { position:absolute; width:180px; height:auto; overflow:hidden; margin-left:-180px; background:#fff; border:5px solid #2B7EFF; z-index:99999999; } #float-right .hb-qr img { display:block; margin:auto; width:110px; margin-top:5px; } #float-right .hb-qr .qr-text { text-align:center; } #float-right .hb-qr .hb-text { margin:5px; padding:5px; background-color:#fff; } #float-right .hb-qr .hb-text p { font-size:12px; line-height:20px !important; } .my-zxkf { text-align:center; margin-bottom:40px; } .my-zxkf * { display:block; margin:auto; } .my-zxkf a { margin-top:20px; border-radius:0; width:120px; height:40px; line-height:40px; } .tb-imgFile {   position:relative; } .icon-img-delete { position:absolute; display:inline-block; top:0; right:0; width:20px; height:20px; background:url(/static/images/wap/icon-img-delete.png) no-repeat center / 100% auto; cursor:pointer; z-index:3; } .icon-upload-info { position:absolute; display:inline-block; bottom:0; left:0; width:100%; height:30px; line-height:30px; cursor:pointer; background-color:rgb(0,0,0,0.8); color:#fff; text-align:center; z-index:3; } .icon-upload-success { display:inline-block; width:16px; height:16px; background:url(/static/images/right.png) no-repeat center / 100% auto; cursor:pointer; vertical-align:middle; margin-right:4px; } .icon-upload-error { position:absolute; display:inline-block; top:7px; width:16px; height:16px; background:url(/static/images/error.png) no-repeat center / 100% auto; cursor:pointer; } .row { height:auto; overflow:hidden; } .text-left { text-align:left; } a.blue-text:hover { color:#2B7EFF; } .layui-form-radio > i:hover,.layui-form-radioed > i { color:#2B7EFF; } .layui-form-select dl dd.layui-this { background-color:#2B7EFF; } .layui-container { width:1200px; padding:0 !important; } .input-group-addon { position:absolute; right:15px; top:5px; border:0px; background-color:white; } .cont-number { font-family:contNumber; font-size:36px; color:#FF1B14; } .layui-layer-title {   color:#fff !important; background-color:#2B7EFF !important; } ::-webkit-input-placeholder {  color:#5F7084; opacity:1; } :-moz-placeholder {  color:#5F7084; opacity:1; } ::-moz-placeholder {  color:#5F7084; opacity:1; } :-ms-input-placeholder {  color:#5F7084; opacity:1; } .layui-btn{ background:#2B7EFF; } .layui-input{ border-color:#E7ECF1; border-radius:0; } .underLine {   text-decoration:underline; } .index-title { position:relative; margin:88px 0 0 0; text-align:center; font-size:30px; line-height:30px; font-weight:bold; } .index-subtitle { color:#E7ECF1; font-size:48px; line-height:48px; font-weight:bold; text-align:center; margin:-54px 0 70px 0; } .notice-box{ padding:64px; height:auto; overflow:hidden; background:rgba(255,255,255,1); box-shadow:0px 0px 8px 0px rgba(231,236,241,1); margin:20px 0; } .notice-row{ display:block; line-height:64px; border-bottom:1px solid #E7ECF1; } .notice-row .bold{ position:relative; padding:0 32px; height:64px; overflow:hidden; line-height:64px; text-overflow:ellipsis; white-space:nowrap; } .notice-row .bold:hover{ text-decoration:underline; } .notice-row .bold:before{ position:absolute; display:block; content:''; width:5px; height:5px; background:rgba(133,152,176,1); left:16px; top:30px; } .notice-row .gray-text{ text-align:right; padding-right:16px; } .notice-detail{ margin:40px 0; color:#5f7084; font-size:14px; line-height:30px; } .bulletin-link{ margin-top:64px; position:relative; } .layui-laypage .layui-laypage-curr .layui-laypage-em {   background-color:#2B7EFF; } .disabled,.back-btn{ color:#5f7084 !important; background:#f0f1f5 !important; } .page-btns{ background-color:transparent; } .page-btns button{ width:140px;   height:38px; line-height:38px;   text-align:center;   font-size:14px; border-radius:0; background:-moz-linear-gradient(left,#448BFF 0%,#0D65EE 100%);   background:-webkit-linear-gradient(left,#448BFF 0%,#0D65EE 100%);   background:-o-linear-gradient(left,#448BFF 0%,#0D65EE 100%);   background:-ms-linear-gradient(left,#448BFF 0%,#0D65EE 100%);   background:linear-gradient(left,#448BFF 0%,#0D65EE 100%); } .banner img{ display:block; margin:auto;   width:100%;   height:100%;   object-fit:cover; } .auth-box.content { margin-top:0; } .jd-box { padding:20px 0; } .track-btn { display:inline-block; color:#fff !important; font-size:14px; border:0px; background-color:#437fff; height:42px; line-height:42px; width:100% !important; border-radius:5px; } .query-title { text-align:center; } .query-title p:nth-child(1) { font-size:24px; font-weight:bold; color:#2c3441; line-height:30px; margin-top:20px; } .query-title p:nth-child(2) { color:#5f7084; margin-bottom:20px; } .process-ul { margin:20px 0 40px 0; text-align:center; } .process-ul li { position:relative; display:inline-block; width:23%; } .process-ul li span { display:block; } .process-ul li span:nth-child(1) { margin:auto; width:88px; height:88px; border-radius:50%; } .process-ul li span:nth-child(2) { font-size:16px; font-weight:bold; line-height:30px; color:#35414F; } .process-ul li .icon-01 { background:#4686ff url(/static/images/icon-process-01.png) center no-repeat; } .process-ul li .icon-02 { background:#4686ff url(/static/images/icon-process-02.png) center no-repeat; } .process-ul li .icon-03 { background:#4686ff url(/static/images/icon-process-03.png) center no-repeat; } .process-ul li .icon-04 { background:#4686ff url(/static/images/icon-process-04.png) center no-repeat; } .process-ul li .icon-05 { background:#4686ff url(/static/images/icon-process-05.png) center no-repeat; } .process-ul li .icon-06 { background:#4686ff url(/static/images/icon-process-06.png) center no-repeat; } .process-ul li .icon-arrow { position:absolute; display:inline-block; top:30px; right:-13px; width:23px; height:29px; background:url(/static/images/icon-process-arrow.png) center no-repeat; } .upload-promet { line-height:36px; background:#f8f9fd url(/static/images/icon-upload-prompt.png) 8px center no-repeat; border:1px solid #E7ECF1; color:#5f7084; padding-left:36px; } .tb-imgFile { position:relative; margin-top:10px; } .tb-imgFile .screenshot1 { position:relative; width:100% !important; height:325px; left:0px; border:1px dashed #E7ECF1; background-color:#f8f9fd; } .thumb-pic div::after { position:absolute; content:''; display:inline-block; top:100px; left:50%; margin-left:-28px; width:57px; height:39px; background:url(/static/images/icon-upload-add.png) center no-repeat; } .tb-imgFile .promet { position:absolute; display:block; width:100%; top:150px; text-align:center; font-size:14px; } .tb-imgFile .promet .gray-text { color:#c8cbd4; } .tb-imgFile .icon-upload-info { top:295px; right:0; width:100%; text-align:center; } .icon-upload-success { position:relative; right:auto; top:auto; vertical-align:middle; margin-right:5px; } form .form-line { height:48px; line-height:48px; } form .form-line > label { margin-left:5px; width:114px; } form .form-line .form-right { position:relative; margin-left:120px; margin-right:10px; } form input { width:100%; height:34px !important; border:1px solid #e7ecf0 !important; } form .form-line .form-right .addinput { position:absolute; top:0; right:5px; left:auto; } form .discount-btn { width:186px; height:40px; line-height:40px; font-size:14px; } .bank-box { padding-top:4px; padding-left:20px; } .bank-list { position:relative; margin-top:0px !important; padding:10px 15px; margin-bottom:10px; overflow:visible; border:1px solid #e7ecf0; } .bank-list .fast-discount { position:absolute; display:inline-block; top:-4px; left:-4px; width:80px; height:80px; overflow:hidden; } .bank-list .fast-discount span { position:absolute; top:8px; left:-20px; display:block; width:80px; height:24px; font-size:12px; line-height:24px; color:#fff; background:#d0021b; background-repeat:repeat; background-image:none; text-align:center; -ms-transform:rotate(-45deg); transform:rotate(-45deg); background-image:linear-gradient(90deg,#960000 0,#ec1600); background-repeat:repeat-x; } .bank-list .fast-discount span:before { content:""; position:absolute; bottom:-4px; left:-4px; width:0; height:0; border-right:5px solid transparent; border-bottom:5px solid #5b000b; border-left:5px solid transparent; transform:rotate(-45deg); } .bank-list .fast-discount span:after { content:""; position:absolute; right:-4px; bottom:-4px; width:0; height:0; border-right:5px solid transparent; border-bottom:5px solid #960012; border-left:5px solid transparent; transform:rotate(45deg); } .bank-list .fast-discount span text{ display:inline-block; font-size:12px; -webkit-transform:scale(0.8); } .bank-list .title { border-bottom:none; color:#35414f; } .bank-list .discount-desc{ border-top:1px dotted #ccc; font-size:12px; padding-top:5px; margin-top:5px; min-height:32px; } .bank-list .label-orange { display:inline-block; padding:0 10px; width:auto; height:26px; line-height:24px; color:#ffb700; text-align:center; font-size:14px; font-weight:normal; border:1px solid #ffb700; border-radius:5px; margin:0 0 0 10px; vertical-align:middle; } .bank-list .label-gray { display:inline-block; padding:0 5px; width:auto; height:26px; line-height:24px; text-align:center; font-size:12px; font-weight:normal; border:1px solid #9f9fa0; border-radius:5px; background-color:#f8f9fd; margin:0 0 0 10px; vertical-align:middle; } .bank-list .quota { margin-top:45px; padding-left:10px; line-height:32px; color:#5f7084; min-height:32px; } .bank-list .quota .dis-tip{ font-weight:800; } .bank-list .float-right { font-size:14px; } .bank-list .blue-btn { display:inline-block; width:90px; height:32px; line-height:32px; text-align:center; color:#fff; border-radius:5px; background-color:#437fff; } .bank-list .gray-btn { display:inline-block; width:110px; height:32px; line-height:32px; text-align:center; color:white; cursor:not-allowed; border-radius:5px; background-color:#C9C9C9; } .red-text { color:#ff5d68; } .green-text { color:#14cf5a; } .bank-list .data li,.bank-list .desc li { float:left; margin-top:10px; width:25%; } .bank-list .data li span { display:block; text-align:left; } .bank-list .data li span:nth-child(1) { color:#5f7084; } .bank-list .data li .cont-number { font-size:30px; line-height:40px; } .bank-list .data li:last-child { text-align:right; padding-top:16px; } .advantage li { float:left; margin:20px 0 40px 0; width:25%; text-align:center; } .advantage li span:nth-child(1) { display:block; margin:auto; width:60px; height:46px; } .advantage li span:nth-child(2) { display:block; margin-top:10px; font-size:16px; font-weight:bold; color:#35414F; } .advantage li span:nth-child(3) { display:block; color:#5f7084; } .advantage li .icon-01 { background:url(/static/images/icon-advantage-01.png) center no-repeat; } .advantage li .icon-02 { background:url(/static/images/icon-advantage-02.png) center no-repeat; } .advantage li .icon-03 { background:url(/static/images/icon-advantage-03.png) center no-repeat; } .advantage li .icon-04 { background:url(/static/images/icon-advantage-04.png) center no-repeat; } .detail-site { font-size:12px; color:#5f7084; padding-left:10px; line-height:40px; } .status { padding:70px 80px; background-color:#f8f9fd; border-top:2px solid #5f7084; } .status-info { display:inline-block; width:calc(100% - 70px); line-height:30px; padding-left:10px; } .sub { color:#5f7084; } .f-18 { font-size:18px; } .bold { font-weight:bold; } .detail-info { margin:20px 0; padding:55px 80px; } .detail-info .list { margin-bottom:30px; } .detail-info .list .title { display:inline-block; width:135px; border-bottom:none; font-size:14px; vertical-align:top; } .detail-info .list .title i { height:14px; } .detail-info .list .info-right { display:inline-block; width:calc(100% - 145px); line-height:40px; color:#5f7084; } .icon-detail-wait,.icon-detail-success,.icon-detail-fail { display:inline-block; width:60px; height:60px; vertical-align:top; } .icon-detail-wait { background:url(/static/images/icon-detail-wait.png) no-repeat; } .icon-detail-success { background:url(/static/images/icon-detail-success.png) no-repeat; } .icon-detail-fail { background:url(/static/images/icon-detail-fail.png) no-repeat; } .discount-auth-tips { font-weight:800; padding:2px 10px; background-color:#f8de9c; display:block; width:100%; } .discount-tabType { width:100%; line-height:46px; border-bottom:none; } .discount-tabType li{ float:left; width:120px; margin-right:30px; } .discount-tabType li a{ display:inline-block; width:100%; height:100%; text-align:center; font-size:14px; color:#37414E; } .discount-tabType li a.active{ color:#2B7EFF; background-color:#F8F9FD; border-bottom:2px solid #2B7EFF; } .layui-form-label{ width:130px; } .layui-input-block{ margin-left:135px; } #staffs .layui-card{ height:461px; border:1px solid #f6f6f6; } #company_select p{ line-height:40px; height:40px; font-size:17px; padding:5px 30px; } #company_select p.tips{ color:red; text-align:center; } .upload_ul{ height:100% !important; } .main-box  .thumb div::after{ display:inline-block; content:''; font-size:14px; color:#5f7084; width:170px; height:120px; background:url(/static/images/icon-upload-new.png) center bottom no-repeat; top:72px; left:25px; text-align:center; background-size:86px 64px; } .discount-table td{ color:#5F7084; font-size:14px; line-height:25px; vertical-align:top; padding:8px; } .discount-table tr:first-child td{ background-color:#F7F8FC; line-height:32px; overflow:visible; text-align:center; } .discount-table .noraml-text{ color:#364150; } .discount-table .gray-text{ color:#8598B0; } .f-20{ font-size:20px; } .countNumber{ font-family:contNumber; } .through{ text-decoration:line-through; } .underLine{ text-decoration:underline; } .underLine:hover{ color:#364150; text-decoration:underline; } .red-text:hover{ color:#FF5E68; } .gray-text{ color:#8598B0; } .discount-btns a{ margin-left:0 !important; } @font-face { font-family:contNumber; src:url('/static/fonts/DIN Alternate Bold.ttf'); } .discount-btns .yellow-btn{ background-color:#ffb800 !important; } .discount-table{ border-collapse:separate; border-right:1px solid #eef0f2; border-bottom:1px solid #eef0f2; } .discount-table tr:hover{ background-color:#F7F8FC !important; } .discount-table tr td{ border-right:none; border-bottom:none; } .price-entrance{ display:block; margin-left:79px; height:54px; overflow:hidden; padding-top:8px; } .price-entrance .entrance-icon{ float:left; width:56px; height:38px; padding:4px 0 0 14px; vertical-align:top; background:rgba(255,228,229,1); border-radius:100px 0px 0px 100px; } .price-entrance .entrance-text{ float:left; width:calc(100% - 58px); height:38px; line-height:38px; color:#FF5E68; font-size:14px; padding-left:8px; vertical-align:top; background:rgba(255,255,255,1); border-radius:0px 100px 100px 0px; box-shadow:0px 0px 8px 0px rgba(231,236,241,1); } .price-entrance .entrance-arrow{ position:absolute; display:inline-block; width:8px; height:14px; background:url(/static/images/discount/price-arrow.png) no-repeat; top:20px; right:12px; } .index-title{ position:relative; padding-top:20px; font-size:24px; font-weight:bold; text-align:left; margin:36px 0 20px 0; color:#364150; } .index-title:before,.index-title:after{ position:absolute; display:inline-block; content:''; } .index-title:before{ width:28px; height:5px; border-radius:3px; background-color:#0D65EE; background:linear-gradient(to right,#448BFF ,#0D65EE); top:0; left:0; } .index-title:after{ width:5px; height:5px; border-radius:50%; background-color:#2B7EFF; top:0; left:30px; } .discount-box .form{ padding:40px; height:380px; overflow:visible; background:rgba(255,255,255,1); box-shadow:0px 0px 8px 0px rgba(231,236,241,1); } .discount-box .form .layui-col-md3{ width:212px; } .discount-box .form .layui-col-md9{ width:calc(100% - 212px); } .discount-box .form .tb-imgFile{ margin-top:0; } .discount-box .form .tb-imgFile .screenshot1{ height:160px; } .discount-box .form .thumb div::after{ position:absolute; display:block; content:''; width:36px; height:2px; top:79px; left:88px; background:#D8D8D8 no-repeat; } .discount-box .form .thumb div::before{ position:absolute; display:block; content:''; width:2px; height:36px; top:62px; left:105px; background:#D8D8D8 no-repeat; } .discount-box .form .promet{ position:relative; top:0; color:#5F7084; text-align:center; font-size:14px; margin-top:10px; } .gray2-text{ color:#8598B0; } .discount-box .form input{ height:36px !important; border:1px solid #E7ECF1 !important; } .discount-box .form .select2-container .select2-selection--single{ border:1px solid #E7ECF1 !important; } .discount-box .form .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#35414f; } .discount-box .form form .discount-btn{ width:228px; height:38px; line-height:38px; } .discount-box .upload-promet{ margin-top:20px; background:#fff url(/static/images/icon-upload-prompt.png) 8px center no-repeat; border:none; } .discount-box .discount-table tr:first-child td{ color:#fff; background-color:#8598B0; font-weight:bold; border:1px solid #8598B0; border-right:none;   border-bottom:none; } .discount-box .bank-name{ position:relative; overflow:visible; padding-top:30px; } .discount-box .bank-name .bank-img{ display:block; margin:auto; width:77px; height:48px; object-fit:contain; } .discount-box .bank-name .optimal{ position:absolute; display:block; top:-3px; left:-3px; width:70px; } .discount-box .discount-table .discount-btns a{ padding:0 4px; font-size:12px; height:28px; line-height:28px; min-width:72px; } .discount-box .discount-table .normal-text{ font-weight:normal; font-size:14px; } .discount-box .advantage li{ float:left; padding:25px 8px; width:286px; margin:20px 12px 40px 4px; box-shadow:0px 0px 8px 0px rgba(231,236,241,1); text-align:left; } .discount-box .advantage li:last-child{ margin-right:0; } .discount-box .advantage li span:nth-child(1){ display:inline-block; float:left; width:80px; height:70px; } .discount-box .advantage li .icon-01 {   background:url(/static/images/discount-index/icon-advantage-01.png) center no-repeat; } .discount-box .advantage li .icon-02 {   background:url(/static/images/discount-index/icon-advantage-02.png) center no-repeat; } .discount-box .advantage li .icon-03 {   background:url(/static/images/discount-index/icon-advantage-03.png) center no-repeat; } .discount-box .advantage li .icon-04 {   background:url(/static/images/discount-index/icon-advantage-04.png) center no-repeat; } .discount-box .advantage li span:nth-child(2),.discount-box .advantage li span:nth-child(3){ padding-left:80px; } .discount-box .process-ul{ padding:25px 0; box-shadow:0px 0px 8px 0px rgba(231,236,241,1); text-align:left; } .discount-box .process-ul li{ float:left; width:25%; } .discount-box .process-ul li span:nth-child(1){ float:left; width:60px; height:60px; margin-left:44px; margin-right:10px; } .discount-box .process-ul li .icon-03 {   background:#4686ff url(/static/images/discount-index/icon-process-03.png) center no-repeat; } .discount-box .process-ul li .icon-04 {   background:#4686ff url(/static/images/discount-index/icon-process-04.png) center no-repeat; } .discount-box .process-ul li .icon-05 {   background:#4686ff url(/static/images/discount-index/icon-process-05.png) center no-repeat; } .discount-box .process-ul li .icon-06 {   background:#4686ff url(/static/images/discount-index/icon-process-06.png) center no-repeat; } .discount-box .process-ul li .icon-arrow{ top:16px; right:0; } .discount-box .form .tb-imgFile .icon-upload-info{ top:130px; }.trade-box { margin-top:0; padding-top:12px; padding-bottom:12px; background-color:#f8f9fd; } .trade-box .mmp-tabType { display:block; width:100%; } .trade-box .mmp-tabType li { float:left; width:130px; margin-right:-1px; text-align:left; font-size:16px; font-weight:bold; } .trade-box .mmp-tabType li a { display:inline-block; width:120px; line-height:48px; color:#fff; text-align:center; } .trade-box .trade-tabType li .active { color:#2b7eff; background-color:#f8f9fd; border-radius:5px 5px 0 0; } .trade-banner { padding:16px; height:64px; overflow:hidden; background-color:#fff; } .trade-box .mmp-tabType { float:left; width:390px; } .trade-banner .search-div { } .trade-banner .search-div .input-search { margin-top:0; width:380px; height:36px; background-color:#f8f9fd; vertical-align:middle; border:1px solid #e7ecf0; } .trade-banner .search-div .input-search:-moz-placeholder { font-size:20px; color:#5f7084; } ::-webkit-input-placeholder {  color:#5f7084; font-size:15px; } :-moz-placeholder {  color:#5f7084; font-weight:bold; font-size:15px; } ::-moz-placeholder {  color:#5f7084; font-size:15px; } :-ms-input-placeholder {  color:#5f7084; font-size:15px; } .trade-banner .search-div .icon-search { position:relative; top:auto !important; width:66px; height:36px; line-height:36px; text-align:center; color:#fff; background:#2b7eff; vertical-align:middle; border:1px solid #2b7eff; } .trade-banner .auto-fresh,.trade-banner .auto-fresh-setting { margin-bottom:0; height:36px; line-height:36px; color:#2b7eff; } .trade-banner .auto-fresh-time { line-height:36px; color:#F00; } .trade-banner .auto-fresh-setting { color:#2b7eff; text-decoration:underline; } .trade-banner .icon-auto-fresh { display:inline-block; width:12px; height:12px; line-height:12px; color:#ddd; font-size:12px; text-align:center; background-color:#ddd; vertical-align:middle; margin-right:5px; border:1px solid #fff; } .trade-banner .btn-sell { display:inline-block; width:86px; height:32px; line-height:32px; color:#fff !important; background-color:#2b7eff; } .trade-box .gray-border { border:1px solid #eef0f2; } .trade-box .buy-tabType { height:48px; overflow:visible; border-bottom:1px solid #eef0f2; margin-bottom:12px; display:block; width:100%; float:none; padding-left:10px; } .trade-box .buy-tabType li { text-align:center; width:98px; margin-top:7px; } .trade-box .buy-tabType li a { position:relative; width:100%; color:#35414f; font-size:14px; font-weight:normal; line-height:32px; border:1px solid #2b7eff; border-radius:2px; } .trade-box .buy-tabType li a.active{ color:#fff; background-color:#2b7eff; } .trade-box form .form-line { margin:0; height:40px; line-height:40px; } .trade-box form .form-line > label { position:absolute; left:0; margin-left:20px; width:80px; } .trade-box form .form-line .top-label { padding:0 10px; } .trade-box form .form-line .form-right { margin-left:90px; height:40px; } .trade-box form .form-line .form-right label { width:auto; padding:0 5px; text-align:center; margin-bottom:0; } .trade-box input.labelauty + label { height:28px !important; line-height:26px; background:#fff !important; color:#4b4b4b !important; border:1px solid #dcdcdc; } .trade-box input.labelauty:checked + label > span.labelauty-checked { color:#fff !important; } .trade-box .icon-search,.icon-change { position:relative; top:auto !important; right:auto !important; vertical-align:middle; } #search-condition { display:inline-block; } #search-condition a { border:1px solid #ccc; padding:3px 5px; border-radius:1px; height:28px; margin-right:10px; border-radius:4px; display:inline-block; line-height:20px; color:#999; vertical-align:middle; } #search-condition a.save-btn { border:1px solid #2b7eff; background-color:#2b7eff; color:#fff; } #search-condition a i { color:#305dc3; font-size:15px; font-style:normal; line-height:20px; } #search-condition-title { color:#ccc; } .trade-box .search-condition-content { color:#305dc3; } .trade-box .icon-bond-clear { background:url(/static/images/icon-bond-clear.png) center no-repeat; background-size:70% 70%; margin:0px; } .trade-box .clean-btn { color:#305dc3 !important; } .trade-box input.labelauty:checked + label { background-color:#2b7eff !important; border:1px solid #2b7eff !important; } .trade-box .gray-border .form-line > label { margin-left:10px; line-height:28px; } .trade-box form .form-line .form-right > label { display:inline-block; padding:0 8px; margin:0 4px; vertical-align:middle; } .trade-box form .search_input { display:inline-block; } .trade-box form .search_input .icon-search { width:40px; height:28px; line-height:26px; color:#2b7eff; font-size:12px; text-align:center; background:#fff; border:1px solid #2b7eff; margin-left:3px; vertical-align:top; border-radius:3px; display:none; } .trade-box form .search_input input { display:inline-block; border:1px solid #eef0f2; background-color:#f8f9fd; padding-right:10px; height:28px; vertical-align:top; } .trade-box form .form-right *{ vertical-align:top; line-height:28px; } .trade-box .qa-box { background-color:#fff; border-left:none; padding:0; } .trade-box .qa-box p { padding:0 10px; line-height:47px; font-weight:bold; color:#35414f; border-bottom:1px solid #eef0f2; } .trade-box .qa-box > a { display:block; margin:6px 0; color:#5f7084; padding:0 10px; line-height:20px; } .link-release { display:inline-block; width:auto; font-size:14px !important; padding:0 10px; } .index-order { margin-top:0; } .cooperation ul { padding:20px 0; } .cooperation ul li { float:left; width:12.5%; text-align:center; margin-right:-1px; margin-bottom:-1px; } .cooperation ul li img { display:block; margin:10px auto 20px auto; padding:10px; width:120px; height:60px; object-fit:contain; } .option-tips { color:#f5b834; display:none; } .hidden,.switch { display:none } .show { display:inline-block; } .layui-input { display:initial; } .icon-bond-clear,.icon-bond-refresh,.icon-bond-export { display:inline-block; width:27px; height:27px; margin-left:10px; vertical-align:middle; cursor:pointer; } .search_input .switch { float:left; } .search_input .addinput { height:26px; line-height:26px; border:0px; top:2px; margin-left:0; margin-right:3px; float:none; } .addinput { margin-left:4px; position:relative; left:-40px; } .cardsBind-form { line-height:70px; } .col-md-8 { padding-left:145px; } .form-group label { position:absolute; } .lb-is-open { left:45px; } .lb-time { left:18px; } .search-form span { display:inline-block; border:1px solid #dcdcdc; background:#fff; margin:0 5px; padding:0px 8px; line-height:26px; height:28px; border-radius:3px; cursor:pointer; vertical-align:top; } .search-form span.active { background:#2b7eff; border:1px #2b7eff solid; color:#fff; } .layui-btn-sm[disabled] { opacity:0.5 } .sift-left { border-right:1px solid #eef0f2; } .trade-box .layui-table-view { margin:0; } .cooperation { margin-top:12px; background-color:#fff; height:129px; overflow:hidden; } .trade-box .qa-box .need-p { border-top:1px solid #eef0f2; } .trade-box .qa-box .need-text { padding:10px; } .need-block { display:inline-block; width:100%; height:80px; overflow:hidden; vertical-align:middle; background-color:#fff !important; } .need-block a { font-size:14px; } .need-block .layui-carousel-ind { display:none; } .need-block > [carousel-item] > * { background-color:#fff !important; } .table-header-fixed { position:fixed; top:112px; z-index:2; } .trade-box .mmp-tabType li.user-hobbys { position:relative; float:right; line-height:48px; color:#fff; width:600px; height:48px; padding-left:5px; padding-right:40px; text-align:right; overflow:hidden; margin-top:0; } .trade-box .mmp-tabType li.user-hobbys span { position:relative; padding:3px 8px; border-radius:1px; height:28px; margin-right:5px; border-radius:4px; display:inline-block; line-height:20px; color:#999; vertical-align:middle; border:1px solid #2b7eff; background-color:#fff; color:#000; font-weight:normal; cursor:pointer; text-align:center; } .trade-box .mmp-tabType li.user-hobbys span.active,.trade-box .mmp-tabType li.user-hobbys span:hover{ background:#2b7eff; color:#fff;} .trade-box .mmp-tabType li.user-hobbys span .icon-hobbys-delete{ position:absolute; display:inline-block; width:12px; height:12px; line-height:8px; font-size:12px; border-radius:50%; top:2px; right:2px; color:#fff; border:1px solid #fff; } .trade-box .mmp-tabType li.user-hobbys span.active .layui-icon-delete,.trade-box .mmp-tabType li.user-hobbys span:hover .layui-icon-delete{ background:#2b7eff; color:#fff;} .trade-box .mmp-tabType li.user-hobbys span.active .icon-hobbys-delete{ background:#2b7eff; color:#fff;} .trade-box .mmp-tabType li.user-hobbys span .layui-icon-delete{ display:inline-block; width:16px; height:16px; line-height:16px; color:#2b7eff; font-size:16px; } .trade-box .mmp-tabType li.user-hobbys .layui-tab-bar{ position:absolute; display:inline-block; top:12px; right:2px; padding:0; border-radius:1px; height:28px; margin-right:5px; border-radius:4px; display:inline-block; line-height:20px; color:#999; vertical-align:middle; border:1px solid #2b7eff; background-color:#fff; color:#000; text-align:center; cursor:pointer; } .trade-box .mmp-tabType li.layui-tab-more{ position:absolute; display:block; right:0; overflow:visible; border-left:1px solid #eef0f2; border-bottom:1px solid #eef0f2; background-color:#fff; z-index:2; } .trade-box .mmp-tabType li.layui-tab-more .layui-tab-bar .layui-icon{ top:2px; } .swiper-cooperation { width:1200px; height:129px; } .swiper-cooperation .swiper-slide { width:200px; } .swiper-cooperation img{ display:block; margin:10px auto 20px auto; padding:10px; width:150px; height:90px; border:1px solid #efefef; object-fit:contain; } .trade-box form .form-line .form-right .layui-icon-help:before{ vertical-align:top; }