/*file md5 value:b7ea66c6f6fb828cc1127786ad1a0fad*/
/*compress time:2023-06-15 10:32:56*/
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; }.register { padding:70px 0 !important; height:auto; overflow:hidden; background:url(/static/images/login-banner.jpg) repeat-y; box-sizing:border-box; } .register .register-box { padding:30px 160px 50px 160px; background-color:#fff; } .register .register-box .title { color:#222; font-weight:normal; } .register .register-box .gray-border { padding:0 20px; } .register .register-step { margin:auto; width:600px; } .register .register-step li { position:relative; float:left; width:200px; height:70px; text-align:center; } .register .register-step li .step-bj { display:inline-block; width:200px; height:3px; background:url(/static/images/register-step.png) 0 -50px; } .register .register-step li:first-child .step-bj { background:url(/static/images/register-step.png) 0 -30px; } .register .register-step li:last-child .step-bj { background:url(/static/images/register-step.png) 0 -40px; } .register .register-step li .icon-register-completed,.register .register-step li .icon-register-incomplete { position:absolute; display:inline-block; top:2px; left:50%; margin-left:-15px; width:30px; height:30px; background:url(/static/images/register-step.png) 0 0; } .register .register-step li .icon-register-incomplete { background:url(/static/images/register-step.png) -30px 0px; } .register .register-step li .step-text { display:block; margin-top:10px; } .register-box form label { font-size:14px; } .login { height:auto; overflow:hidden; } .login .login-box { margin-top:30px; width:450px; text-align:center; background-color:#fff; border-radius:0 10px 10px 0; } .login .login-tab { text-align:center; height:auto; border-bottom:none; margin:36px 0 20px 0; } .login .login-tab li { position:relative; color:#5f7084; margin:0; padding:0; width:33.333333%; text-align:center; padding-bottom:8px; font-size:16px; } .login .login-tab .layui-this { color:#2b7eff; } .login .login-tab .layui-this:after { position:absolute; display:inline-block; content:""; bottom:0; left:50%; top:auto; margin-left:-14px; width:28px; height:3px; background-color:#2b7eff; border-bottom:none; } .form-login { height:500px; padding:30px 50px; }  ​.form-login .float-right { font-size:14px; } .form-login .form-line { height:auto; } .form-login .icon-promet-fail { display:block; height:14px; line-height:14px; } .qyrz-box { margin:0; } .qyrz-box .white-box { margin:30px auto; padding:40px 180px; } .qyrz-box .title { border-bottom:none; color:#222; } .qyrz-step { margin:20px 200px 20px 200px; } .qyrz-step li { position:relative; float:left; width:33.333333%; text-align:center; } .qyrz-step li .step-bj { display:inline-block; width:100%; height:2px; background:#dad9d9; } .qyrz-step li .step-bj-hover { display:inline-block; width:100%; height:3px; background:#f5b834; } .qyrz-step li .icon-qyrz-completed,.qyrz-step li .icon-qyrz-incomplete { position:absolute; display:inline-block; top:2px; left:50%; margin-left:-15px; width:30px; height:30px; line-height:30px; border-radius:30px; text-align:center; color:#fff; font-size:16px; background:#f5b834; } .qyrz-step li .icon-qyrz-incomplete { color:#f5b834; background:#fff; border:1px solid #f5b834; } .qyrz-step li .step-text { display:block; padding:15px 0 0 20px; } .qyrz-step li:last-child .step-text { padding-left:0px; } .qyrz-box .gray-border { padding:20px; } .qyrz-box .subtitle { color:#5f7084; } .qyrz-box .subtitle .f-n { font-weight:normal; margin-left:10px; } .qyrz-box .ticket-upload { margin-left:70px; } .register-new { padding:27px 0; height:540px; overflow:hidden; background:url(/static/images/register-newbanner.jpg) no-repeat; box-sizing:border-box; } .register-new .gray-border { padding:25px; background-color:#fff; } .register-new .leftText { padding:70px 80px 20px 0; color:#fefefe; font-size:14px; } .register-new .qr-code { width:150px; height:140px; padding:10px 15px; position:relative; box-sizing:border-box; } .register-new .qr-code .left-top { width:16px; height:16px; position:absolute; top:0px; left:0px; } .register-new .qr-code .left_span1 { width:16px; height:1px; display:block; background:#fff; position:absolute; top:0; left:6px; } .register-new .qr-code .left_span2 { width:1px; height:16px; display:block; background:#fff; position:absolute; top:0; left:6px; } .register-new .qr-code .left-bottom { width:16px; height:16px; position:absolute; bottom:0px; left:0px; } .register-new .qr-code .left_span3 { width:16px; height:1px; display:block; background:#fff; position:absolute; top:16px; left:6px; } .register-new .qr-code .left_span4 { width:1px; height:16px; display:block; background:#fff; position:absolute; top:0; left:6px; } .register-new .qr-code .right-bottom { width:16px; height:16px; position:absolute; bottom:0px; right:0px; } .register-new .qr-code .right_span1 { width:1px; height:16px; display:block; background:#fff; position:absolute; top:0; right:6px; } .register-new .qr-code .right_span2 { width:16px; height:1px; display:block; background:#fff; position:absolute; top:0; right:6px; } .register-new .qr-code .right-top { width:16px; height:16px; position:absolute; top:0px; right:0px; } .register-new .qr-code .right_span3 { width:1px; height:16px; display:block; background:#fff; position:absolute; top:0; right:6px; } .register-new .qr-code .right_span4 { width:16px; height:1px; display:block; background:#fff; position:absolute; top:16px; right:6px; } .register-new .qr-text { font-size:14px; color:#fff; padding:10px 0 0 18px; } .register-new form .form-line > label { margin-left:20px; width:120px; } .register-new form .form-right { margin-left:140px; } .register-new form input,.register-new form select,.register-new form button,.register-new form textarea { width:250px; height:42px; } .register-new form .input-verification { width:140px; } .register-new form input[type=checkbox],.register-new form input[type=radio] { width:14px; } .register-new .register-form { padding-bottom:0; } .register-bottom { height:130px; background-color:#5467b8; } .register-bottom .dot { position:relative; margin-top:40px; padding-left:65px; color:#fff; font-weight:normal; } .register-bottom .dot .icon-1,.register-bottom .dot .icon-2,.register-bottom .dot .icon-3,.register-bottom .dot .icon-4 { position:absolute; display:inline-block; left:20px; top:5px; width:40px; height:30px; background:url(/static/images/register-bottom.png) 0 0 no-repeat; } .register-bottom .dot .icon-2 { background:url(/static/images/register-bottom.png) -40px 0 no-repeat; } .register-bottom .dot .icon-3 { background:url(/static/images/register-bottom.png) -80px 0 no-repeat; } .register-bottom .dot .icon-4 { background:url(/static/images/register-bottom.png) -120px 0 no-repeat; } .register-bottom .dot .dot-title { font-size:16px; } .login-left { text-align:right; color:#fff; } .login-title { font-weight:bold; font-size:44px; line-height:50px; } .login-line { height:16px; background:url(/static/images/login-line.png) center no-repeat; } .login-subtitle { font-size:33px; line-height:40px; } .login-qr { position:relative; margin:30px auto 5px auto; width:110px; height:110px; } .login-qr .qr-bj { position:absolute; display:inline-block; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0.3; } .login-qr img { position:relative; width:100%; height:100%; padding:5px; display:block; } .login form button { background-color:#427af8; border:1px solid #427af8; border-radius:3px; } form .layui-btn { width:100%; height:46px; line-height:46px; } .verification-img,.verification-btn { position:absolute; right:0; top:0; line-height:42px !important; background-color:#fff; color:#5f7084; border:none; } .register-box .layui-form-label { width:120px; text-align:left; } .register-box form .form-text { margin-left:120px; font-size:12px; } .wechat-logo-btn img { width:30px; height:30px; } .wechat-logo-btn span { color:#c8cbd4; } .blue-block { margin:0 0 0 auto; width:450px; height:560px; overflow:hidden; color:#fefefe; text-align:center; background:#0666f5; background:linear-gradient(#2831c0,#0666f5); background:linear-gradient(to bottom,#2831c0,#0666f5); background:linear-gradient(to top,#0666f5,#2831c0); background:linear-gradient(180deg,#2831c0,#0666f5); background:linear-gradient(to bottom,#2831c0 0%,#0666f5 100%); border-radius:10px; } .blue-block .left-title { font-size:42px; font-weight:bold; line-height:50px; margin-top:90px; } .blue-block .left-subtitle { font-size:18px; margin-top:16px; margin-bottom:20px; } .forget-link { display:inline-block; color:#5f7084; padding-left:10px; margin:10px 0 30px 0; } .register-link { padding-right:10px; margin:10px 0 30px 0; font-size:14px; } .form-login .submit-before { margin-top:30px; border-radius:5px; } .wx-login { padding-top:50px; } .form-login .layui-form-item { position:relative; margin-bottom:15px; text-align:left; } .register-title{ position:relative; font-size:18px; font-weight:bold; color:#2b7eff; text-align:left; line-height:50px; margin-bottom:30px; } .register-title:after{ position:absolute; display:inline-block; content:''; width:28px; height:3px; background-color:#2b7eff; bottom:0; left:0; } .register .blue-block{ height:630px; } .register .form-login{ height:566px; } #login-swiper .swiper-slide img{ width:450px; height:560px; } .register-box { position:relative; margin-top:-510px; height:510px; overflow:hidden; } .register-box form { float:right; margin:0 30px 0 0; padding:1px 45px; width:410px; height:471px; background:#FFFFFF; border-radius:6px; } .register-title2 { margin:24px 0; font-size:24px; color:#333; text-align:center; font-weight:bold; } .register-box form .layui-form-item { position:relative; margin-bottom:17px; } .register-box form .layui-form-item span.red-text { position:absolute; left:-12px; } .register-box form input { padding:0 15px; width:320px; height:42px; font-size:14px; background:#FFFFFF; border-radius:4px; border:1px solid #DFE1E7; } ::-webkit-input-placeholder {  color:#C0C4CC; opacity:1; } :-moz-placeholder {  color:#C0C4CC; opacity:1; } ::-moz-placeholder {  color:#C0C4CC; opacity:1; } :-ms-input-placeholder {  color:#C0C4CC; opacity:1; } .verification-btn { width:110px; height:42px; line-height:42px; font-size:14px; color:#fff !important; background:#2C7EFF !important; border-radius:4px; } input[type=checkbox] { width:auto !important; } .register-submit { display:block; width:320px; height:42px; line-height:42px; text-align:center; color:#fff !important; font-size:16px; font-weight:bold; background:#2C7EFF; border-radius:4px; } .title2 { position:relative; margin:36px 0; font-size:24px; font-weight:bold; color:#3C3C3C; line-height:34px; padding-left:16px; } .title2:before { position:absolute; display:block; content:''; width:5px; height:26px; background:#1677FF; top:4px; left:0; } .register-1,.register-2 { height:auto; overflow:hidden; margin-bottom:55px; } .register-1 .layui-col-md2 { width:25%; padding-top:20px; } .register-1 .inner { height:332px; background:#FFFFFF; box-shadow:0px 3px 12px 0px rgba(156,195,255,0.11); border:1px solid rgba(10,120,255,0.08); margin-top:0px; box-shadow:none; transition:all 0.5s; -webkit-transition:all 0.5s; } .register-1 .inner:hover { margin-top:-15px; box-shadow:0px 5px 14px 0px rgba(0,87,222,0.12); } .register-1 .inner .icon { display:block; margin:24px auto 16px auto; width:61px; height:56px; background:linear-gradient(180deg,#F7F9FF 0%,#B8DBFE 100%); border-radius:8px; opacity:0.66; } .register-1 .inner .icon span { display:block; width:61px; height:56px; } .register-1 .inner .icon1 { background:url(/static/images/register-1.png) no-repeat center; } .register-1 .inner .icon2 { background:url(/static/images/register-2.png) no-repeat center; } .register-1 .inner .icon3 { background:url(/static/images/register-3.png) no-repeat center; } .register-1 .inner .icon4 { background:url(/static/images/register-4.png) no-repeat center; } .register-1 .inner .icon5 { background:url(/static/images/register-5.png) no-repeat center; } .register-1 .inner .name { position:relative; color:#232D4A; font-size:18px; text-align:center; margin-bottom:36px; } .register-1 .inner .name:after { position:absolute; display:block; content:''; width:16px; height:3px; background:#2C7EFF; left:50%; margin-left:-8px; bottom:-20px; } .register-1 .inner .text { padding:0 15px; font-size:14px; color:#9BA0B1; text-align:center; } .register-2 .layui-col-md2 { width:25%; height:120px; display:flex; justify-content:center; align-items:center; box-shadow:none; transition:transform 1s; } .register-2 span { display:block; margin:12px 0; padding:0 24px; width:100%; height:85px; line-height:85px; font-size:18px; text-align:center; object-fit:contain; } .register-2 img { padding:10px 0; max-width:100%; max-height:100%; border:1px solid #f1f1f1; } .register-2{ overflow:visible; } body { margin:0; padding:0; background-color:#fff; font-size:14px; color:#5f7084; 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:113px; min-height:550px; } .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:#ff5d68; font-size:24px; font-family:contNumber; } .nav { width:100%; height:112px;  background:#FFF; position:fixed; left:0; top:0; z-index:99999099; overflow:hidden; transition:0.3s; border-bottom:2px solid #e7ecf0; } .nav.index { box-shadow:0 0 0 0 rgba(0,0,0,0.05); } .nav.scroll { background:#FFF; box-shadow:0 3px 3px 0 rgba(100,100,100,0.05); transition:0.3s;  border-bottom:2px #2b7eff solid; } .nav .layui-container { position:relative; transition:all 400ms ease-out; } .nav .head-top { height:32px; line-height:32px; background-color:#f0f0f0; font-size:12px; border-bottom:1px solid #e9e8e8; } .nav .head-top .span-margin { margin-right:28px; } .nav .head-top .icon-top-phone { display:inline-block; width:14px; height:14px; background:url(/static/images/icon-top-phone.png); vertical-align:middle; margin-right:4px; } .nav .head-top .icon-top-app { display:inline-block; margin-left:30px; width:15px; height:19px; background:url(/static/images/icon-top-app.png); vertical-align:middle; } .nav .head-top .icon-top-wx { display:inline-block; margin-left:30px; width:22px; height:17px; background:url(/static/images/icon-top-wx.png); vertical-align:middle; } .nav .head-top a { margin-left:25px; color:#5e5d5d; } .nav .nav-logo { height:80px; position:absolute; top:0; left:0; line-height:80px; } .nav .nav-logo a{ display:inline-block; width:100%; height:100%; } .nav .nav-list { display:inline-block; height:80px; } .nav .layui-nav { width:auto; position:absolute; top:0px; left:280px; padding:0 5px; color:#000; background:transparent; } .nav .layui-nav.layui-user-center { right:0; left:auto } .nav .layui-nav .layui-nav-item { display:inline-block; line-height:80px; padding:0 15px } .nav .layui-nav * { font-size:15px; } .nav .layui-nav .active a { position:relative; color:#2b7eff !important; } .nav .layui-nav .active a:after{ position:absolute; display:inline-block; content:''; bottom:0; left:50%; margin-left:-16px; width:32px; height:4px; background-color:#2b7eff; z-index:3; } .nav .layui-nav li.layui-nav-item a { padding:0 0; color:#2c3441; line-height:80px; } .nav .layui-nav dd.layui-nav-item a { padding:0 15px; margin:18px 5px; color:#35414f; } .nav .layui-nav-bar,.nav .layui-nav .layui-this:after { height:2px; background-color:#fff; } .nav .layui-nav .layui-this a,.nav .layui-nav .layui-nav-item a:hover { color:#2b7eff !important; } .nav .btn-login,.nav .btn-register { position:relative; font-size:16px; color:#35414f; background-color:#fff; } .nav .btn-register::before { position:absolute; display:inline-block; content:""; left:0; top:11px; width:2px; height:18px; background-color:#c8cbd4; } .nav .layui-user-center .layui-nav-item { padding:0; } .nav .layui-user-center dd.layui-nav-item a { margin:21px 0; }  #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; } .row { position:relative; height:auto; overflow:hidden; } ul { position:relative; list-style:none; height:auto; overflow:hidden; } * { margin:0; padding:0; box-sizing:border-box; outline:none !important; } a,a:hover,a:focus { outline:none; text-decoration:none; cursor:pointer; } .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; } .red-a,.white-a,.yellow-a,.blue-a,.trade-a,.gray-a { display:inline-block; width:66px; height:28px; line-height:26px; color:#fff; font-size:12px; text-align:center; background-color:#ff0000; border:1px solid #ff0000; border-radius:5px; } .white-a { color:#f5b834 !important; background-color:#fff; border:1px solid #f5b834; } .yellow-a { color:#fff !important; background-color:#f5b834; border:1px solid #f5b834; } .blue-a { color:#fff !important; background-color:#2b7eff; border:1px solid #2b7eff; } .gray-a { background-color:#fff; border:1px solid #d0d0d0; color:#4b4b4b !important; } .red-text { color:#ff0000; } .blue-text { color:#2b7eff; } .normal-text { color:#5f7084; } .more { float:right; font-size:14px; color:#5f7084; font-weight:normal; } .title { line-height:40px; font-size:18px; font-weight:bold; color:#2c3441; border-bottom:1px solid #c9c8cd; } .title i { display:inline-block; margin:0 10px 0 0; width:4px; height:18px; background-color:#2b7eff; vertical-align:middle; } .subtitle { padding-left:10px; font-weight:bold; color:#000; } .table-order { margin:20px auto; width:100%; border:1px solid #e3e3e3; } .table-order th,.table-order td { text-align:center; border-bottom:1px solid #f3f1f1; } .table-order th { padding:12px 0; font-weight:normal; line-height:25px; font-weight:bold; background-color:#f0f1f5; } .table-order th:first-child { padding:12px 0 12px 3px; } .table-order td { padding:10px 0px; line-height:20px; color:#35414f; min-width:70px; } .table-order tr td:first-child { padding:20px 0px 20px 3px; } .table-order .order-type img { vertical-align:middle; display:block; margin:auto; } .table-trade th,.table-trade td { text-align:center; } #trade-th { width:1198px; height:51px; line-height:51px; } #trade-th th { text-align:center; } .trade-float { top:113px; z-index:999; } .m-t-20 { margin-top:20px !important; } .m-t-30 { margin-top:30px !important; } .gray-text { color:#827d7d; } .m-r-20 { margin-right:20px; } .m-b-20 { margin-bottom:20px; } .trade-a { background-color:#fff; border:1px solid #f5b834; color:#f5b834 !important; } .trade-box { position:relative; margin-top:20px; } .trade-time { width:75px; } .trade-code { min-width:60px; } .trade-name { position:relative; width:230px !important; word-break:break-all; line-height:20px !important; text-align:left !important; } .th-name { text-align:center !important; } .trade-name div { max-width:300px; } .trade-name-2 { word-break:break-all; line-height:20px !important; text-align:center !important; } .td-inner { margin:auto; padding:0 10px; min-width:100px; word-break:break-all; line-height:20px !important; text-align:left !important; } .trade-amount { min-width:80px; } .trade-matured_time { min-width:60px; } .trade-final_amount { min-width:80px; } .trade-bank_branch { word-break:break-all; line-height:20px !important; text-align:left !important; min-width:80px; } .order_status_td { line-height:20px !important; } .trade-btn { width:72px; padding-right:10px !important; } .notice-time { font-size:12px; color:#8f8f8f; } .float-right { float:right; font-size:12px; font-weight:normal; } .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .layui-btn-normal { background-color:#2b7eff; } .layui-fluid { margin:15px 0 0 15px; background-color:#fff; } .console-title { font-size:16px; font-weight:bold; color:#35414f; margin-bottom:10px; } layui-fluid .layui-tab-brief > .layui-tab-title .layui-this a { color:#2b7eff !important; } .layui-fluid .layui-tab-brief > .layui-tab-title .layui-this::after { border-bottom:2px solid #2b7eff; } .layui-fluid .layui-tab-title li { padding:0; margin-right:28px; } .layui-fluid .layui-tab-content { padding:10px 0; } .ul-status { height:28px; line-height:28px; margin-bottom:8px; } ul.ul-status>li>a { text-align:center; } ul.ul-status li { display:inline-block; background:#FDFDFE; width:80px; text-align:center; border:1px solid #DCDCDD; } ul.ul-status li.active { background:#2B7EFF; color:#ffffff; } ul.ul-status li.active a { color:#ffffff; } .search-btn { background-color:#2B7EFF; } .clearn-btn { background-color:transparent !important; color:#2B7EFF !important; text-decoration:underline; } .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color:#2B7EFF; } .layui-btn-container .layui-btn { min-width:66px; margin-right:-1px !important; border-radius:0 !important; }  .layui-btn { background-color:#2B7EFF; } layui-btn-normal { background-color:#2B7EFF; } .layui-btn-warm { background-color:#6fb1f9; } .layui-btn-danger { background-color:#fb4343; } .layui-btn-primary { background-color:#fff; border:1px solid #C9C9C9; } .layui-btn-primary:hover { border-color:#2B7EFF; } .layui-btn-cancel { background-color:#5ff8ea; } .layui-btn-purple { background-color:#5e53c2; } .layui-btn-purple2 { background-color:#9266f9; } .layui-btn-blue { background-color:#5aa3f3; } .layui-btn-red { background-color:#fe6565; } .layui-bill-type-1 { color:#fff; background-color:#29a2eb; } .layui-bill-type-2 { color:#fff; background-color:#32dfd5; } .agreement-body { padding-bottom:40px; } .agreement-body p { text-indent:20pt; font-size:14px; padding:0 20px; } .agreement-body li>p { text-indent:0; } .agreement-body h4 { text-indent:20px; } .agreement-body .title { font-size:16px; font-weight:bold; text-align:center; margin:20px 0; } .company-form .thumb { border:1px dashed #aaa; 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; } .company-form .thumb div { position:absolute; display:inline-block; top:0; left:0; width:100%; height:100%; z-index:1; } .company-form .thumb div:after { content:'+'; } .company-form .thumb img { position:absolute !important; display:inline-block !important; top:0; left:0; width:100%; height:100%; z-index:2; } .text-center { text-align:center; } .layer-auth .layui-row span { text-align:left; display:inline-block; width:460px; height:76px; line-height:19px; font-size:14px; background-color:#efefef; margin:10px; padding:10px; vertical-align:middle; } .layer-auth { margin:8px 0 0 5px; } .layer-auth .layui-row a { display:inline-block; height:76px; line-height:76px; margin:10px; width:168px; font-size:16px; letter-spacing:2px; color:#fff; background-color:#2B7EFF; vertical-align:middle; border-radius:4px; } .layer-auth .layui-row a.choose{ background-color:#ffb800; } .layui-layer-btn{ text-align:center !important; } .confirmorder-iframe .layui-layer-btn{ background-color:rgba(0,0,0,0.5); } .calculator-tab .layui-tab-title { margin:10px 70px; text-align:center; } .calculator-tab .layui-tab-title li { width:50%; font-size:16px; color:#2c3441; } .calculator-form .layui-form-item { margin-bottom:3px; clear:none; } .calculator-form textarea { width:100%; height:100px; resize:none; } .calculator-form .layui-inline { line-height:38px; margin:0; } .calculator-form .layui-btn { width:150px; } .calculator-form .layui-form-item .number { display:block; text-align:center; font-size:24px; color:#5f7084; font-family:contNumber; } .calculator-form .result-box .layui-form-label{ display:block; width:100%; text-align:center; margin:auto; color:#5f7084; float:none; padding:0; } .calculator-form .layui-form-item .big_amount{ font-size:30px; color:#ff5d68; } .calculator-form .result-box .layui-row .layui-form-item:not(:last-child):after{ position:absolute; display:block; content:''; width:2px; height:24px; background-color:#e7ecf0; right:0; top:10px; } .calculator-form .calculator-box{ margin-top:20px; } .calculator-form .calculator-box .layui-form-label{ width:166px; padding-right:24px; color:#35414f; } .calculator-form .calculator-box .layui-form-label .red-text{ margin-right:3px; } .calculator-form .calculator-box .layui-form-item .layui-input-inline{ width:380px; } .calculator-form .btn-div{ text-align:left; padding-left:166px; } .calculator-form .btn-div .layui-btn{ width:250px; } .calculator-form .btn-div .reset{ width:120px; } .layui-layer-dialog .layui-layer-btn ,.layui-layer-prompt .layui-layer-btn,.set-custom .layui-layer-btn{   text-align:center;   padding:12px 0;   pointer-events:auto;   user-select:none;   -webkit-user-select:none; width:150px; margin:auto; } .layui-layer-dialog .layui-layer-btn:after,.layui-layer-prompt .layui-layer-btn:after,.set-custom .layui-layer-btn:after {   content:" ";   display:block;   clear:both;   height:0; } .layui-layer-dialog .layui-layer-btn,.layui-layer-prompt .layui-layer-btn ,.set-custom .layui-layer-btn{   zoom:1; } .layui-layer-dialog .layui-layer-btn a,.layui-layer-prompt .layui-layer-btn a ,.set-custom .layui-layer-btn a {   float:right; } .layui-layer-btn0{   border-color:#2B7EFF !important;   background-color:#2B7EFF !important; }