/* ==================== 内页58 - 通用 Start ==================== */ .ny58-main .mxw-box { width: 22.808rem; margin-left: auto; margin-right: auto; } .ny58-main .mxw-box img { max-width: 1370px; } section { text-align: center; } section img { max-width: 32rem; } .ny58-section2 ~ section img { max-width: 100%; width: 100%; } /* ==================== 内页58 - 通用 End ==================== */ /* ==================== 内页58 - 板块一 Start ==================== */ .ny58-section1 { background-color: #89C3E9; } .ny58-section1 img { width: 100%; } .ny58-section1 .image2 { padding-top: 3.3334rem; } /* ==================== 内页58 - 板块一 End ==================== */ /* ==================== 内页56 - 板块二 Start ==================== */ .el-select-dropdown__item { font-size: 0.3333rem !important; height: 0.8333rem !important; line-height: 0.8333rem !important; } .el-select-dropdown { max-width: 16.5rem; } .el-message__icon { font-size: 0.3333rem; } /* ==================== 内页56 - 板块二 End ==================== */ /* ==================== 内页58 - 板块二 Start ==================== */ .ny58-section2 { background-color: #8BC2E9; } .ny58-section2 .image { width: 100%; margin-top: -1.4166rem; } .ny58-section2 .image img { width: 100%; max-width: 100%; } .ny58-section2 .body { padding-top: 1.9168rem; padding-bottom: 1.5002rem; padding-left: 1.8333rem; padding-right: 1.8333rem; background-color: #fff; } .ny58-section2 .title { width: 19.1667rem; overflow: hidden; margin-left: auto; margin-right: auto; text-align: center; } .ny58-section2 .title .text1 { display: inline-block; font-size: 0.4333rem; color: #001644; line-height: 1.1; margin-bottom: 1.1667rem; text-align: center; padding-left: 0.5002rem; padding-right: 0.5002rem; position: relative; } .ny58-section2 .title .text1:before, .ny58-section2 .title .text1:after { content: ""; display: block; width: 32rem; height: 1px; background-color: #ccc; top: 50%; position: absolute; opacity: 0.5; } .ny58-section2 .title .text1:before { left: -32rem; } .ny58-section2 .title .text1:after { right: -32rem; } .ny58-section2 .title .text1 span { color: red; } .ny58-section2 .form-item { margin-bottom: 0.8333rem; } .ny58-section2 .form-item:last-child { margin-bottom: 0; } .ny58-section2 .form-item .layui-form-select .layui-edge { width: 0.2333rem; height: 0.2333rem; border: 0; border-top: 2px solid #ccc; border-right: 2px solid #ccc; border-style: solid; transform: rotate(135deg); margin-top: -0.1667rem; margin-right: 0.3667rem; } .ny58-section2 .form-item .layui-form-select dl dd.layui-this { background-color: #0071E3; } .ny58-section2 .form-item .layui-form-select dl { top: 1.1667rem; } .ny58-section2 .form-item .layui-form-select dl dd { font-size: 0.3334rem; line-height: 0.8333rem; } .ny58-section2 .form-item .label { font-size: 0.4333rem; color: #86868B; line-height: 1.1; margin-bottom: 0.2499rem; position: relative; display: table; } .ny58-section2 .form-item .label.required:after { content: "*"; color: red; } .ny58-section2 .form-item .layui-input { height: 1.1168rem; font-size: 0.4333rem; color: #1E1E20; padding-left: 0.3334rem; padding-right: 0.3334rem; border: 1px solid #CCCCCC; border-radius: 0.1334rem; } .ny58-section2 .form-item .layui-input::-webkit-input-placeholder { color: #1E1E20; } .ny58-section2 .form-item .layui-input::-moz-placeholder { color: #1E1E20; } .ny58-section2 .form-item .layui-input:-moz-placeholder { color: #1E1E20; } .ny58-section2 .form-item .layui-input:-ms-input-placeholder { color: #1E1E20; } .ny58-section2 .el-select-dropdown__item { font-size: 0.3333rem !important; height: 0.8333rem !important; line-height: 0.8333rem !important; } .ny58-section2 .el-select-dropdown { max-width: 16.5rem; } .ny58-section2 .el-message__icon { font-size: 0.3333rem; } .ny58-section2 .form-checkbox { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0.3334rem; } .ny58-section2 .form-checkbox:last-child { margin-bottom: 0; } .ny58-section2 .form-checkbox .layui-form-checkbox { padding: 0; height: 0.4rem; width: 0.4rem; line-height: 0.4rem; } .ny58-section2 .form-checkbox .layui-form-checkbox i { display: flex; align-items: center; justify-content: center; width: 0.4rem; height: 0.4rem; border-left: 1px solid #d2d2d2; } .ny58-section2 .form-checkbox .layui-form-checkbox i:before { font-size: 0.2666rem; } .ny58-section2 .form-checkbox .layui-form-checked i { border-color: #0071E3; background-color: #0071E3; color: #fff; } .ny58-section2 .form-checkbox .layui-form-checkbox:hover.layui-form-checked i { color: #fff !important; } .ny58-section2 .form-checkbox .layui-form-checkbox:hover i { color: #0071E3 !important; } .ny58-section2 .form-checkbox .text { font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; } .ny58-section2 .form-checkbox .text a { color: #0071E3; } .ny58-section2 button { padding: 0 0.3334rem; height: 1.1168rem; line-height: 1.1168rem; width: 6.6666rem; border-radius: 1.6666rem; background: linear-gradient(180deg, #005D8D 0%, #004061 100%); color: #fff; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 1.6666rem; font-size: 0.4333rem; } .ny58-section2 .tip { margin-top: 0.8333rem; font-size: 0.3002rem; color: #001644; line-height: 1.6; text-align: justify; width: 22.8333rem; margin-left: auto; margin-right: auto; } .ny58-section2 .el-form .label { font-size: 0.4333rem; color: #86868B; line-height: 1.1; margin-bottom: 0.2499rem; position: relative; display: table; } .ny58-section2 .el-form .label.required:after { content: "*"; color: red; } .ny58-section2 .el-form .el-form-item__error { font-size: 0.3333rem; margin-top: 0.0833rem; } .ny58-section2 .el-form .el-checkbox { display: flex; align-items: center; justify-content: flex-start; } .ny58-section2 .el-form .el-checkbox .el-checkbox__inner { width: 0.4rem; height: 0.4rem; } .ny58-section2 .el-form .el-checkbox .el-checkbox__inner:after { top: 50%; bottom: auto; left: 50%; right: auto; transform: translate(-50%, -70%) rotate(45deg); height: 0.1667rem; width: 0.1rem; } .ny58-section2 .el-form .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner, .ny58-section2 .el-form .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #0071E3; border-color: #0071E3; } .ny58-section2 .el-form .el-checkbox .el-checkbox__label { font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; } .ny58-section2 .el-form .el-checkbox a { color: #0071E3; } .ny58-section2 .el-form .el-checkbox a:hover { text-decoration: underline; } .ny58-section2 .el-form .el-form-item { margin-bottom: 0.8333rem; } .ny58-section2 .el-form .el-form-item.form-checkbox { margin-bottom: 0.3333rem; } .ny58-section2 .el-form .el-select { width: 100%; } .ny58-section2 .el-form .el-select .el-input .el-select__caret { font-size: 0.3333rem; width: 0.5833rem; } .ny58-section2 .el-form .el-input__inner { height: 1.1168rem; font-size: 0.4333rem; color: #1E1E20; padding-left: 0.3334rem; padding-right: 0.3334rem; border: 1px solid #CCCCCC; border-radius: 0.1334rem; } .ny58-section2 .el-form .el-input__inner::-webkit-input-placeholder { color: #1E1E20; } .ny58-section2 .el-form .el-input__inner::-moz-placeholder { color: #1E1E20; } .ny58-section2 .el-form .el-input__inner:-moz-placeholder { color: #1E1E20; } .ny58-section2 .el-form .el-input__inner:-ms-input-placeholder { color: #1E1E20; } .ny58-section2 .el-form .el-button--primary.is-disabled, .ny58-section2 .el-form .el-button--primary.is-disabled:active, .ny58-section2 .el-form .el-button--primary.is-disabled:focus, .ny58-section2 .el-form .el-button--primary.is-disabled:hover { border-color: #050A32; } .ny58-section2 .el-form button { padding: 0 0.3334rem; height: 1.1168rem; line-height: 1.1168rem; width: 6.6666rem; border-radius: 0.1334rem; background-color: #050A32; color: #fff; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 1.6666rem; font-size: 0.4333rem; border-color: #050A32; } .ny58-section2 .el-form button:hover { background-color: #050A32; color: #fff; } .ny58-section2-popup .body { min-height: 100vh; } /* ==================== 内页58 - 板块二 End ==================== */ /* ==================== 内页58 - 板块三 Start ==================== */ .ny58-section3 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; background-color: #8BC2E9; position: relative; margin-top: -0.0333rem; } .ny58-section3:after { content: ""; display: block; position: absolute; bottom: -40%; left: 50%; transform: translateX(-50%); width: 23.3334rem; height: 23.3334rem; background-color: #fff; background: radial-gradient(circle at center, rgba(255, 255, 255, 0.6) 20%, transparent 60%); } .ny58-section3 .image { position: relative; z-index: 2; max-width: 100%; width: 17.3334rem; margin-left: auto; margin-right: auto; } .ny58-section3 .image img { width: 100%; display: block; } /* ==================== 内页58 - 板块三 End ==================== */ /* ==================== 内页58 - 板块四 Start ==================== */ .ny58-section4 { background-color: #CDE9FC; padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny58-section4 .img { width: 22.8333rem; max-width: 100%; margin-left: auto; margin-right: auto; } .ny58-section4 .img img { width: 100%; } /* ==================== 内页58 - 板块四 End ==================== */ /* ==================== 内页58 - 板块五 Start ==================== */ .ny58-section5 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; background-color: #8BC2E9; position: relative; overflow: hidden; } .ny58-section5:after { content: ""; display: block; position: absolute; left: -5%; top: -23%; width: 23.3334rem; height: 26.6666rem; background-color: #fff; background: radial-gradient(circle at center, rgba(255, 255, 255, 0.6) 20%, transparent 60%); } .ny58-section5 .image { width: 22.8333rem; max-width: 100%; position: relative; z-index: 23; margin-left: auto; margin-right: auto; } .ny58-section5 .image img { width: 100%; } /* ==================== 内页58 - 板块五 End ==================== */ /* ==================== 内页58 - 板块六 Start ==================== */ .ny58-section6 { background-color: #CDE9FC; padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny58-section6 .img { width: 22.8333rem; max-width: 100%; margin-left: auto; margin-right: auto; } .ny58-section6 .img img { width: 100%; } /* ==================== 内页58 - 板块六 End ==================== */ /* ==================== 内页58 - 板块七 Start ==================== */ /* ==================== 内页58 - 板块七 End ==================== */ /* ==================== 内页58 - 板块八 Start ==================== */ /* ==================== 内页58 - 板块八 End ==================== */