/* ==================== 通用 Start ==================== */ * { box-sizing: border-box; } /* ==================== 通用 End ==================== */ /* ==================== 通用禁止滚动 Start ==================== */ .no-scroll { overflow: hidden; } /* ==================== 通用禁止滚动 End ==================== */ /* ==================== 通用弹窗 Start ==================== */ .common-popup { position: fixed; width: 100%; height: 100%; max-width: 100%; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(0.694vw); -webkit-backdrop-filter: blur(0.694vw); top: 0; left: 0; z-index: 21; opacity: 0; visibility: hidden; transition: opacity 0.4s, visibility 0.4s; display: flex; align-items: flex-start; justify-content: center; overflow: auto; padding-top: 5%; padding-bottom: 5%; display: none; } .common-popup.init-flex { display: flex; } .common-popup.active { opacity: 1; visibility: visible; } .common-popup.active .body { visibility: visible; opacity: 1; transform: translateY(0); } .common-popup .body { position: relative; opacity: 0; visibility: hidden; transition: visibility 0.6s, opacity 0.6s, transform 0.6s; transform: translateY(100%); display: flex; align-items: flex-start; width: 62.5vw; padding: 3.13vw; padding-top: 3.5vw; background-color: #fff; } .common-popup .body .close { width: 1.06vw; height: 1.06vw; position: absolute; top: 1.88vw; right: 1.88vw; display: flex; align-items: center; justify-content: center; font-size: 1.389vw; border-radius: 100%; cursor: pointer; z-index: 3; opacity: 0.2; transition: all 0.4s; } .common-popup .body .close:hover { opacity: 1; } .common-popup .body .close:after { content: ""; display: block; background: url(../images/usercenter/ny1/img016.png) no-repeat center; background-size: 100%; width: 20px; height: 20px; } .common-popup .body .close img { width: 40%; } .common-popup .body .content { width: 100%; } @media screen and (min-width: 1440px) { .common-popup { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .common-popup .body { width: 1000px; padding: 50px; padding-top: 56px; } .common-popup .body .close { width: 17px; height: 17px; top: 30px; right: 30px; font-size: 20px; } .common-popup .body iframe { height: 500px; } } @media screen and (max-width: 768px) { .common-popup { backdrop-filter: blur(1.302vw); -webkit-backdrop-filter: blur(1.302vw); padding-left: 3.125vw; padding-right: 3.125vw; } .common-popup .body { width: 100%; padding: 3.125vw; padding-top: 6.51vw; } .common-popup .body .close { width: 5.208vw; height: 5.208vw; top: 1.042vw; right: 1.042vw; font-size: 2.604vw; } .common-popup .body iframe { height: 65.104vw; } } @media screen and (max-width: 500px) { .common-popup { backdrop-filter: blur(2.545vw); -webkit-backdrop-filter: blur(2.545vw); padding-left: 4.071vw; padding-right: 4.071vw; } .common-popup .body { padding: 4.071vw; padding-top: 10.178vw; } .common-popup .body .close { width: 7.634vw; height: 7.634vw; top: 2.036vw; right: 2.036vw; font-size: 5.089vw; } .common-popup .body iframe { height: 50.891vw; } } /* ==================== 通用弹窗 End ==================== */ /* ==================== 个人中心通用样式 - 板块一 Start ==================== */ .user-center-box { width: 100vw; margin-left: auto; margin-right: auto; display: flex; align-items: stretch; justify-content: flex-start; max-width: 100%; } .user-center { margin-top: 6.25vw; margin-bottom: 6.25vw; } .user-center * { box-sizing: border-box; } @media screen and (max-width: 1680px) { .user-center-box { padding-left: 40px; padding-right: 40px; } } @media screen and (min-width: 1440px) { .user-center-box { width: 1600px; } .user-center { margin-top: 100px; margin-bottom: 100px; } } @media screen and (max-width: 768px) { .user-center-box { width: 100%; padding-left: 20px; padding-right: 20px; display: block; } .user-center { margin-top: 0; margin-bottom: 60px; } } /* ==================== 个人中心通用样式 - 板块一 End ==================== */ /* ==================== 个人中心通用侧边栏 Start ==================== */ .user-aside { width: 18.75vw; display: block; flex-shrink: 0; padding-top: 3.13vw; padding-bottom: 3.13vw; background: url(../images/usercenter/ny1/img006.jpg) no-repeat center bottom; background-size: 100%; background-color: #fff; box-shadow: 0vw 0vw 0.63vw 0vw rgba(0, 0, 0, 0.06); margin-right: 0.75vw; padding-bottom: 8.13vw; } .user-aside .aside-item { display: block; margin-bottom: 3.13vw; width: 100%; } .user-aside .aside-item .text1 { display: flex; align-items: center; justify-content: flex-start; font-size: 1.25vw; color: #000000; line-height: 1.1; padding-bottom: 1vw; padding-left: 2.31vw; font-family: HONORSansCN-Regular; } .user-aside .aside-item .text1 .icon { width: 1.25vw; flex-shrink: 0; margin-right: 0.88vw; margin-top: -0.31vw; } .user-aside .aside-item > ul > li.active > a { background-color: #F5F5F5; border-left-color: #0ab496; color: #0ab496; } .user-aside .aside-item > ul > li > a { display: block; padding: 0.63vw 4.38vw; color: rgba(0, 0, 0, 0.6); border-left: 0.25vw solid transparent; font-family: HONORSansCN-Regular; font-size: 1vw; } .user-aside .aside-item > ul > li > a:hover { color: #0ab496; } @media screen and (min-width: 1440px) { .user-aside { width: 300px; padding-top: 50px; padding-bottom: 50px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); margin-right: 12px; padding-bottom: 130px; } .user-aside .aside-item { margin-bottom: 50px; } .user-aside .aside-item .text1 { font-size: 20px; padding-bottom: 16px; padding-left: 37px; } .user-aside .aside-item .text1 .icon { width: 20px; margin-right: 14px; margin-top: -5px; } .user-aside .aside-item > ul > li > a { padding: 10px 70px; border-left: 4px solid transparent; font-size: 16px; } } @media screen and (max-width: 768px) { .user-aside { width: 100%; padding-top: 25px; padding-bottom: 25px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); margin-right: 0; margin-bottom: 30px; } .user-aside .aside-item { margin-bottom: 20px; } .user-aside .aside-item .text1 { font-size: 16px; padding-bottom: 10px; padding-top: 10px; padding-left: 19px; } .user-aside .aside-item .text1 .icon { width: 16px; margin-right: 7px; margin-top: -5px; } .user-aside .aside-item > ul { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; padding-left: 20px; } .user-aside .aside-item > ul > li { width: 50%; } .user-aside .aside-item > ul > li > a { padding: 8px 20px; border-left: 2px solid transparent; font-size: 12px; } } /* ==================== 个人中心通用侧边栏 End ==================== */ /* ==================== 个人中心通用右侧容器 Start ==================== */ .user-container { padding: 3.75vw 5vw; background-color: #fff; box-shadow: 0vw 0vw 0.63vw 0vw rgba(0, 0, 0, 0.06); min-width: 0; flex-grow: 1; } .user-container .layui-form-select { width: 100%; } .user-container .layui-form-select dl { top: 3.13vw; bottom: auto; font-size: 1vw; } .user-container .layui-form-select dl dd { font-weight: 400; font-size: inherit; height: 2.5vw; line-height: 2.5vw; } .user-container .common-btn { padding: 0.75vw 1.438vw; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.25vw; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; transition: all 0.4s; font-size: 1vw; } .user-container .common-btn:hover { background-color: #0ab496; color: #fff; box-shadow: 0 0 0.625vw -0.313vw #0ab496; } .user-container .common-btn.active { background-color: #0ab496; color: #fff; border-color: #0ab496; } .user-container .radio-group { display: flex; align-items: center; justify-content: flex-start; } .user-container .radio-group .radio-item { cursor: pointer; } .user-container .radio-group .layui-form-radio { font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); line-height: 1.1; display: flex; align-items: center; justify-content: flex-start; margin-right: 1.88vw; } .user-container .radio-group .layui-form-radio.layui-form-radioed { color: #0ab496; } .user-container .radio-group .layui-form-radio.layui-form-radioed:before { border-color: #B5E8DF; background-color: #0AB496; border-radius: 100%; border-width: 0.25vw; } .user-container .radio-group .layui-form-radio:before { content: ""; width: 1.13vw; height: 1.13vw; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 100%; display: block; margin-right: 0.63vw; box-sizing: border-box; flex-shrink: 0; } .user-container .layui-input { border-radius: 0.25vw; border: 1px solid rgba(0, 0, 0, 0.1); height: 3.13vw; line-height: 3.13vw; font-size: 1vw; padding-left: 1.25vw; padding-right: 1.25vw; } .user-container .layui-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.4); } .user-container .layui-input::-moz-placeholder { color: rgba(0, 0, 0, 0.4); } .user-container .layui-input:-moz-placeholder { color: rgba(0, 0, 0, 0.4); } .user-container .layui-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.4); } .user-container .form-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .user-container .form-head .left { display: flex; align-items: center; justify-content: flex-start; } .user-container .form-head .layui-select2.active .layui-edge { border-top-color: #fff; } .user-container .form-head .layui-select2.active .layui-input { background-color: #0ab496; color: #fff; border-color: #0ab496; } .user-container .form-head .layui-select2.active .layui-input::-webkit-input-placeholder { color: #fff; } .user-container .form-head .layui-select2.active .layui-input::-moz-placeholder { color: #fff; } .user-container .form-head .layui-select2.active .layui-input:-moz-placeholder { color: #fff; } .user-container .form-head .layui-select2.active .layui-input:-ms-input-placeholder { color: #fff; } .user-container .form-head .layui-form-select { height: 40px; line-height: 40px; width: 160px; margin-right: 10px; } .user-container .form-head .layui-form-select .layui-input { height: inherit; line-height: inherit; } .user-container .form-head .search { border-radius: 4px; border: solid 1px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: flex-start; width: 400px; } .user-container .form-head .search .layui-input { font-family: HONORSansCN-Regular; font-size: 16px; color: #000; line-height: 1.2; border: 0; height: 40px; line-height: 40px; min-width: 0; flex-grow: 1; } .user-container .form-head .search button { flex-shrink: 0; margin-left: 0; margin-top: 0; width: auto; line-height: 1; height: auto; border-radius: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-image: none; background-color: transparent; border: 0; } .user-container .form-head .search button img { width: 50%; } .user-container .form-password { width: 100%; position: relative; } .user-container .form-password.active .icon { background-image: url(../images/usercenter/ny1/img010.png); } .user-container .form-password .icon { width: 1.25vw; height: 1.25vw; position: absolute; right: 1.25vw; top: 50%; transform: translateY(-50%); z-index: 3; background: url(../images/usercenter/ny1/img011.png) no-repeat center; background-size: 100%; opacity: 0.5; cursor: pointer; } .user-container .table { display: block; width: 100%; text-align: center; } .user-container .table table { width: 100%; } .user-container .table th { font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1.1; padding: 1.25vw; background-color: rgba(0, 0, 0, 0.04); font-weight: 400; color: rgba(0, 0, 0, 0.6); } .user-container .table td { padding: 1.56vw 1.25vw; font-family: HONORSansCN-Regular; font-size: 1vw; color: #000000; line-height: 1.6; } .user-container .table a { color: #0ab496; } .user-container .table a:hover { text-decoration: underline; } .user-container button { width: 12.5vw; height: 3.13vw; display: flex; align-items: center; justify-content: center; text-align: center; font-family: HONORSansCN-Regular; font-size: 1.13vw; color: #ffffff; border-radius: 0.31vw; margin-left: 7.25vw; margin-top: 3.5vw; /*background-image: linear-gradient(-90deg, #78b83c 0%, #0ab496 99%);*/ background-color: #0ab496; } @media screen and (min-width: 1440px) { .user-container { padding: 60px 80px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); } .user-container .layui-form-select dl { top: 50px; font-size: 16px; } .user-container .layui-form-select dl dd { height: 40px; line-height: 40px; } .user-container .common-btn { padding: 12px 23px; border-radius: 4px; font-size: 16px; } .user-container .common-btn:hover { box-shadow: 0 0 10px -5px #0ab496; } .user-container .radio-group .layui-form-radio { font-size: 16px; margin-right: 30px; } .user-container .radio-group .layui-form-radio.layui-form-radioed:before { border-width: 4px; } .user-container .radio-group .layui-form-radio:before { width: 18px; height: 18px; margin-right: 10px; } .user-container .layui-input { border-radius: 4px; height: 50px; line-height: 50px; font-size: 16px; padding-left: 20px; padding-right: 20px; } .user-container .form-head { margin-bottom: 20px; } .user-container .form-head .layui-form-select { height: 40px; line-height: 40px; width: 160px; margin-right: 10px; } .user-container .form-head .search { border-radius: 4px; width: 400px; } .user-container .form-head .search .layui-input { font-size: 16px; height: 40px; line-height: 40px; } .user-container .form-head .search button { width: 40px; height: 40px; } .user-container .form-password .icon { width: 20px; height: 20px; right: 20px; } .user-container button { width: 200px; height: 50px; font-size: 18px; border-radius: 5px; margin-left: 116px; margin-top: 56px; } .user-container .table th { font-size: 18px; padding: 20px; } .user-container .table td { padding: 25px 20px; font-size: 16px; } } @media screen and (max-width: 768px) { .user-container { padding: 30px 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); } .user-container .layui-form-select dl { top: 34px; font-size: 12px; } .user-container .layui-form-select dl dd { height: 30px; line-height: 30px; } .user-container .common-btn { padding: 12px 23px; border-radius: 4px; font-size: 14px; } .user-container .common-btn:hover { box-shadow: 0 0 10px -5px #0ab496; } .user-container .form-password .icon { width: 14px; height: 14px; right: 5px; } .user-container .form-head { margin-bottom: 20px; display: block; } .user-container .form-head .left { justify-content: space-between; } .user-container .form-head .layui-select2 { width: 49%; } .user-container .form-head .layui-form-select { height: 30px; line-height: 30px; width: 100%; } .user-container .form-head .layui-form-select .layui-input { font-size: 14px; } .user-container .form-head .search { border-radius: 4px; width: 100%; margin-top: 10px; } .user-container .form-head .search .layui-input { font-size: 14px; height: 30px; line-height: 30px; } .user-container .form-head .search button { width: 30px; height: 30px; } .user-container .form-head .table td a { padding-right: 10px; } .user-container .radio-group .layui-form-radio { font-size: 14px; margin-right: 15px; } .user-container .radio-group .layui-form-radio.layui-form-radioed:before { border-width: 4px; } .user-container .radio-group .layui-form-radio:before { width: 16px; height: 16px; margin-right: 10px; } .user-container .layui-input { border-radius: 4px; height: 34px; line-height: 34px; font-size: 12px; padding-left: 10px; padding-right: 10px; } .user-container button { width: 100%; height: 34px; font-size: 12px; border-radius: 5px; margin-left: 0; margin-top: 28px; } .user-container .table table { overflow: auto; display: block; } .user-container .table th { font-size: 14px; padding: 10px; white-space: nowrap; } .user-container .table td { min-width: 120px; padding: 13px 10px; font-size: 14px; } } /* ==================== 个人中心通用右侧容器 End ==================== */ /* ==================== 个人中心通用标题 Start ==================== */ .user-title { font-size: 1.88vw; color: #000; line-height: 1; width: 100%; display: flex; align-items: stretch; justify-content: flex-start; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 3.75vw; } .user-title a, .user-title span { font-size: inherit; color: inherit; display: inline-block; padding-bottom: 1.56vw; border-bottom: 0.19vw solid #0ab496; font-family: "HONORSansCN-DemiBold"; margin-bottom: -1px; flex-shrink: 0; } .user-title a { color: rgba(0, 0, 0, 0.4); margin-right: 3.38vw; border-bottom-color: transparent; } .user-title a.active { color: #000; border-bottom-color: #0ab496; } .user-title .tip { display: flex; align-items: center; justify-content: flex-start; font-size: 1vw; color: rgba(0, 0, 0, 0.6); padding-bottom: 1.88vw; margin-left: 1.63vw; } .user-title .tip:before { content: ""; display: block; width: 1.38vw; height: 1.38vw; background: url(../images/usercenter/ny1/img012.png) no-repeat center; background-size: 100%; margin-right: 0.88vw; flex-shrink: 0; } @media screen and (min-width: 1440px) { .user-title { font-size: 30px; margin-bottom: 60px; } .user-title a, .user-title span { padding-bottom: 25px; border-bottom-width: 3px; } .user-title a { margin-right: 54px; } .user-title .tip { font-size: 16px; padding-bottom: 30px; margin-left: 26px; } .user-title .tip:before { width: 22px; height: 22px; margin-right: 14px; } } @media screen and (max-width: 768px) { .user-title { font-size: 15px; margin-bottom: 30px; } .user-title a, .user-title span { padding-bottom: 13px; border-bottom: 3px solid #0ab496; } .user-title a { margin-right: 20px; } .user-title .tip { font-size: 12px; padding-bottom: 15px; margin-left: 13px; line-height: 1.4; } .user-title .tip:before { width: 12px; height: 12px; margin-right: 7px; } } /* ==================== 个人中心通用标题 End ==================== */ /* ==================== 个人中心通用分页 Start ==================== */ .user-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 4.38vw; } .user-pagination > a { display: flex; align-items: center; justify-content: center; width: 3.13vw; height: 3.13vw; border: solid 1px rgba(0, 0, 0, 0.06); font-family: HONORSansCN-Regular; font-size: 0.88vw; text-align: center; margin: 0.31vw; } .user-pagination > a.active, .user-pagination > a:hover { background-color: #0ab496; color: #fff; border-color: #0ab496; } .user-pagination > a.page-btn { display: flex; align-items: center; justify-content: center; } .user-pagination > a.page-btn:hover:after { filter: invert(1) brightness(100); -webkit-filter: invert(1) brightness(100); } .user-pagination > a.page-btn.prev-btn::after { transform: rotateY(180deg); } .user-pagination > a.page-btn:after { content: ""; display: block; background: url(../images/usercenter/ny1/img015.png) no-repeat center; background-size: 100%; width: 0.63vw; height: 0.63vw; } @media screen and (min-width: 1440px) { .user-pagination { margin-top: 70px; } .user-pagination > a { width: 50px; height: 50px; font-size: 14px; margin: 5px; } .user-pagination > a.page-btn:after { width: 10px; height: 10px; } } @media screen and (max-width: 768px) { .user-pagination { margin-top: 35px; } .user-pagination > a { width: 30px; height: 30px; font-size: 14px; margin: 2px; } .user-pagination > a.page-btn:after { width: 10px; height: 10px; } } /* ==================== 个人中心通用分页 End ==================== */ /* ==================== 个人中心通用头部样式 Start ==================== */ .header2 { position: relative; width: 100%; z-index: 11; border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: flex; align-items: center; justify-content: space-between; padding-left: 2.188vw; padding-right: 2.188vw; padding-top: 1.563vw; padding-bottom: 1.563vw; } .header2 .logo { display: block; width: 12.5vw; flex-shrink: 0; } .header2 .tools { display: flex; align-items: center; justify-content: flex-start; } .header2 .menus { position: relative; } .header2 .menus:hover ul { opacity: 1; visibility: visible; } .header2 .menus .username { display: flex; align-items: center; justify-content: flex-start; font-family: HONORSansCN-Regular; font-size: 1.125vw; color: #0ab496; background: linear-gradient(to right, #18B58A 20%, #78B83C 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-right: 1.25vw; cursor: pointer; } .header2 .menus .username:before { content: ""; display: block; width: 1.375vw; height: 1.375vw; line-height: 1; background: url(../images/usercenter/img001.png) no-repeat center; background-size: 100%; margin-right: 0.625vw; flex-shrink: 0; } .header2 .menus .username:after { content: ""; display: block; width: 0.625vw; height: 0.625vw; flex-shrink: 0; line-height: 1; background: url(../images/usercenter/img005.png) no-repeat center; background-size: 100%; margin-left: 0.625vw; } .header2 .menus ul { position: absolute; top: 200%; left: 50%; width: 100%; transform: translateX(-50%); background-color: #fff; padding: 0.625vw 0; text-align: center; box-shadow: 0vw 0vw 0.625vw 0vw rgba(0, 0, 0, 0.06); opacity: 0; visibility: hidden; transition: all 0.4s; } .header2 .menus ul:hover { opacity: 1; visibility: visible; } .header2 .menus ul li > a { width: 100%; color: #333; font-size: 1vw; line-height: 1.1; display: block; padding-top: 0.5vw; padding-bottom: 0.5vw; padding-left: 1.25vw; padding-right: 1.25vw; } .header2 .menus ul li > a:hover { color: #0ab496; background-color: #F5F5F5; } .header2 .message { position: relative; padding-left: 1.25vw; font-family: HONORSansCN-Regular; font-size: 1.25vw; border-left: 1px solid rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: flex-start; cursor: pointer; color: rgba(0, 0, 0, 0.6); transition: color 0.4s; flex-shrink: 0; } .header2 .message:hover { color: #0ab496; } .header2 .message.active::after { display: block; } .header2 .message:before { content: ""; margin-right: 0.625vw; width: 1.25vw; height: 1.25vw; display: block; background: url(../images/usercenter/img002.png) no-repeat center; background-size: 100%; line-height: 1; } .header2 .message:after { content: ""; display: block; width: 0.5vw; height: 0.5vw; background-image: linear-gradient(-45deg, #78b83c 0%, #0ab496 99%); position: absolute; top: 0.188vw; left: 2vw; z-index: 2; border-radius: 100%; display: none; } .header2 .search { position: relative; display: flex; align-items: center; justify-content: center; width: 3.125vw; height: 3.125vw; background-image: linear-gradient(-45deg, #78b83c 0%, #0ab496 99%); border-radius: 100%; margin-right: 1.25vw; margin-left: 2.5vw; } .header2 .search .icon { width: 40%; } .header2 .search img { width: 100%; line-height: 1; } .header2 .shop { border-radius: 6.25vw; overflow: hidden; display: flex; align-items: center; justify-content: center; font-family: HONORSansCN-Regular; font-size: 1.25vw; line-height: 1.1; background-image: linear-gradient(-45deg, #78b83c 0%, #0ab496 99%); color: #fff; padding-left: 1.563vw; padding-right: 1.563vw; height: 3.125vw; line-height: 3.125vw; } .header2 .shop:before { content: ""; display: block; line-height: 1; width: 1.313vw; height: 1.313vw; background: url(../images/usercenter/img004.png); background-size: 100%; margin-right: 0.625vw; flex-shrink: 0; } @media screen and (min-width: 1440px) { .header2 { padding-left: 35px; padding-right: 35px; padding-top: 25px; padding-bottom: 25px; } .header2 .logo { width: 200px; } .header2 .menus .username { font-size: 18px; padding-right: 20px; } .header2 .menus .username:before { width: 22px; height: 22px; margin-right: 10px; } .header2 .menus .username:after { width: 10px; height: 10px; margin-left: 10px; } .header2 .menus ul { padding: 10px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); } .header2 .menus ul li > a { font-size: 16px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; } .header2 .message { padding-left: 20px; font-size: 20px; } .header2 .message:before { margin-right: 10px; width: 20px; height: 20px; } .header2 .message:after { width: 8px; height: 8px; top: 3px; left: 32px; } .header2 .search { width: 50px; height: 50px; margin-right: 20px; margin-left: 40px; } .header2 .shop { border-radius: 100px; font-size: 20px; padding-left: 25px; padding-right: 25px; height: 50px; line-height: 50px; } .header2 .shop:before { width: 21px; height: 21px; margin-right: 10px; } } @media screen and (max-width: 768px) { .header2 { padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px; } .header2 .logo { width: 140px; } .header2 .menus .username { font-size: 18px; padding-right: 10px; } .header2 .menus .username span { display: none; } .header2 .menus .username:before { width: 20px; height: 20px; margin-right: 0; } .header2 .menus .username:after { width: 10px; height: 10px; margin-left: 10px; display: none; } .header2 .menus ul { padding: 10px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); width: 100px; } .header2 .menus ul li > a { font-size: 14px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } .header2 .message { padding-left: 10px; font-size: 14px; } .header2 .message span { display: none; } .header2 .message:before { margin-right: 0; width: 20px; height: 20px; } .header2 .message:after { width: 6px; height: 6px; top: 0; left: 24px; } .header2 .search { width: 30px; height: 30px; margin-right: 10px; margin-left: 10px; } .header2 .shop { border-radius: 100%; font-size: 20px; padding-left: 0; padding-right: 0; width: 30px; height: 30px; line-height: 30px; } .header2 .shop:before { width: 14px; height: 14px; margin-right: 0; } .header2 .shop span { display: none; } } /* ==================== 个人中心通用头部样式 End ==================== */ /* ==================== 个人中心通用底部样式 Start ==================== */ .footer2 .foot-top { background-color: #FAFAFA; padding-top: 5.25vw; padding-bottom: 7.875vw; } .footer2 .foot-box { width: 100vw; margin-left: auto; margin-right: auto; display: flex; align-items: flex-start; justify-content: space-between; position: relative; } .footer2 .foot-box::before { content: ""; display: block; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.06); position: absolute; top: 2.5vw; left: 0; } .footer2 .foot-nav { display: flex; align-items: flex-start; justify-content: flex-start; } .footer2 .foot-nav .nav-item { display: block; margin-right: 6.25vw; } .footer2 .foot-nav .nav-item .head { font-size: 1.125vw; color: #000; line-height: 1.1; padding-bottom: 2.5vw; display: block; font-family: HONORSansCN-Regular; } .footer2 .foot-nav .nav-item ul li { display: block; } .footer2 .foot-nav .nav-item ul li:last-child { margin-bottom: 0; } .footer2 .foot-nav .nav-item ul li > a { font-family: HONORSansCN-Regular; font-size: 1vw; display: block; line-height: 1.8; color: rgba(0, 0, 0, 0.6); } .footer2 .foot-nav .nav-item ul li > a:hover { color: #0ab496; text-decoration: underline; } .footer2 .foot-nav .nav-item .desc { font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.8; color: rgba(0, 0, 0, 0.6); } .footer2 .qr-group { margin-top: 3.75vw; display: flex; align-items: center; } .footer2 .qr-group .qr { width: 6.25vw; flex-shrink: 0; margin-right: 1.25vw; } .footer2 .qr-group .qr:last-child { margin-right: 0; } .footer2 .qr-group .qr img { width: 100%; } .footer2 .copyright { background-color: #ECECEC; padding-top: 1vw; padding-bottom: 0.75vw; font-family: HONORSansCN-Regular; font-size: 1vw; text-align: center; color: rgba(0, 0, 0, 0.6); line-height: 1.1; } .footer2 .copyright a { color: inherit; } .footer2 .copyright a:hover { color: #0ab496; text-decoration: underline; } @media screen and (max-width: 1680px) { .footer2 .foot-box { padding-left: 40px; padding-right: 40px; } } @media screen and (min-width: 1440px) { .footer2 .foot-top { padding-top: 84px; padding-bottom: 126px; } .footer2 .foot-box { /*width: 1600px;*/ display: flex; justify-content: space-between; align-items: flex-start; max-width: 1600px; width: 100%; } .footer2 .foot-box::before { top: 40px; } .footer2 .foot-nav .nav-item { margin-right: 100px; } .footer2 .foot-nav .nav-item .head { font-size: 18px; padding-bottom: 40px; } .footer2 .foot-nav .nav-item ul li > a { font-size: 16px; } .footer2 .foot-nav .nav-item .desc { font-size: 16px; } .footer2 .qr-group { margin-top: 60px; } .footer2 .qr-group .qr { width: 100px; margin-right: 20px; } .footer2 .copyright { padding-top: 16px; padding-bottom: 12px; font-size: 16px; } .footer2 .foot-nav .nav-item .head{ white-space: nowrap; } } @media screen and (min-width: 1280px) and (max-width: 1680px) { .footer2 .foot-nav .nav-item{ margin-right: 5vw; } } @media screen and (max-width: 768px) { .footer2 .foot-top { padding-top: 40px; padding-bottom: 40px; } .footer2 .foot-box { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; display: block; } .footer2 .foot-box::before { display: none; top: 10px; } .footer2 .foot-nav { display: block; } .footer2 .foot-nav .nav-item { margin-right: 0; margin-bottom: 30px; } .footer2 .foot-nav .nav-item .head { font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .footer2 .foot-nav .nav-item ul { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .footer2 .foot-nav .nav-item ul li { width: 48%; } .footer2 .foot-nav .nav-item ul li:nth-child(2) ~ li { margin-top: 5px; } .footer2 .foot-nav .nav-item ul li > a { font-size: 14px; } .footer2 .foot-nav .nav-item .desc { font-size: 14px; } .footer2 .qr-group { margin-top: 30px; } .footer2 .qr-group .qr { width: 120px; margin-right: 20px; } .footer2 .copyright { padding-top: 16px; padding-bottom: 12px; font-size: 12px; } } /* ==================== 个人中心通用底部样式 End ==================== */ /* ==================== 个人中心通用样式 - 板块八 Start ==================== */ /* ==================== 个人中心通用样式 - 板块八 End ==================== */ /* ==================== 内页1 - 板块一 Start ==================== */ .ny1-section1 form { display: block; width: 27.5vw; } .ny1-section1 .form-item { font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); line-height: 1.2; margin-bottom: 1.88vw; display: flex; align-items: center; justify-content: flex-start; } .ny1-section1 .form-item .label { font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); margin-right: 1.25vw; white-space: nowrap; width: 5em; flex-shrink: 0; } @media screen and (min-width: 1440px) { .ny1-section1 form { width: 440px; } .ny1-section1 .form-item { font-size: 18px; margin-bottom: 30px; } .ny1-section1 .form-item .label { font-size: 18px; margin-right: 20px; } } @media screen and (max-width: 768px) { .ny1-section1 form { width: 100%; } .ny1-section1 .form-item { font-size: 14px; display: block; margin-bottom: 20px; color: #000; } .ny1-section1 .form-item .label { font-size: 14px; margin-right: 0; margin-bottom: 10px; } } /* ==================== 内页1 - 板块一 End ==================== */ /* ==================== 内页1 - 板块二 Start ==================== */ .ny1-section2 .item { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 3.13vw; } .ny1-section2 .item:last-child { margin-bottom: 0; } .ny1-section2 .item .text1 { font-family: HONORSansCN-Regular; font-size: 1.25vw; line-height: 1.1; padding-right: 2.5vw; border-right: 1px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: flex-start; } .ny1-section2 .item .text1 .icon { width: 1.38vw; display: block; flex-shrink: 0; margin-right: 1.88vw; } .ny1-section2 .item .text2 { padding-left: 2.5vw; padding-right: 2.5vw; font-size: 1vw; font-family: HONORSansCN-Regular; min-width: 0; flex-grow: 1; } .ny1-section2 .item .text2 span { color: #0ab496; } .ny1-section2 .item .text3 { width: 6.25vw; height: 2.5vw; line-height: 2.5vw; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.31vw; color: #000; font-family: HONORSansCN-Regular; font-size: 1vw; text-align: center; } .ny1-section2 .item .text3:hover { /*background-image: linear-gradient(-90deg, #78b83c 0%, #0ab496 99%);*/ background-color: #0ab496; border-color: #0ab496; color: #fff; } @media screen and (min-width: 1440px) { .ny1-section2 .item { margin-bottom: 50px; } .ny1-section2 .item .text1 { font-size: 20px; padding-right: 40px; } .ny1-section2 .item .text1 .icon { width: 22px; margin-right: 30px; } .ny1-section2 .item .text2 { padding-left: 40px; padding-right: 40px; font-size: 16px; } .ny1-section2 .item .text3 { width: 100px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 16px; } } @media screen and (max-width: 768px) { .ny1-section2 .item { display: block; margin-bottom: 40px; } .ny1-section2 .item .text1 { font-size: 14px; padding-right: 0; margin-bottom: 15px; } .ny1-section2 .item .text1 .icon { width: 14px; margin-right: 10px; } .ny1-section2 .item .text2 { padding-left: 0; padding-right: 0; font-size: 14px; } .ny1-section2 .item .text3 { height: 30px; line-height: 30px; border-radius: 5px; font-size: 12px; width: 100%; margin-top: 20px; } } /* ==================== 内页1 - 板块二 End ==================== */ /* ==================== 内页1 - 板块三 Start ==================== */ .ny1-section3 form { width: 33.13vw; } .ny1-section3 .form-item { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1.5vw; } .ny1-section3 .form-item .label { font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); font-family: HONORSansCN-Regular; width: 5em; flex-shrink: 0; } .ny1-section3 button { background-image: none; background-color: #0ab496; margin-left: 9.13vw; } @media screen and (min-width: 1440px) { .ny1-section3 form { width: 530px; } .ny1-section3 .form-item { margin-bottom: 24px; } .ny1-section3 .form-item .label { font-size: 18px; } .ny1-section3 button { margin-left: 146px; } } @media screen and (max-width: 768px) { .ny1-section3 form { width: 100%; } .ny1-section3 .form-item { margin-bottom: 30px; display: block; } .ny1-section3 .form-item .label { font-size: 14px; margin-bottom: 10px; } .ny1-section3 button { margin-left: 0; } } /* ==================== 内页1 - 板块三 End ==================== */ /* ==================== 内页1 - 板块四 Start ==================== */ .ny1-section4 form { width: 33.13vw; display: block; } .ny1-section4 .form-item { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); line-height: 1.1; margin-bottom: 1.88vw; display: flex; align-items: center; justify-content: flex-start; } .ny1-section4 .form-item:last-child { margin-bottom: 0; } .ny1-section4 .form-item .label { width: 6em; flex-shrink: 0; white-space: nowrap; } .ny1-section4 .form-item .layui-input { width: 16.25vw; margin-right: 0.63vw; } .ny1-section4 .form-item .code-btn { font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); padding: 0.94vw 1.88vw; display: flex; align-items: center; justify-content: center; border-radius: 0.31vw; background-color: #F0F0F0; line-height: 1; transition: all 0.4s; white-space: nowrap; } .ny1-section4 .form-item .code-btn.disabled { cursor: not-allowed; } .ny1-section4 .form-item .code-btn:not(.disabled):hover { background-color: #0ab496; color: #fff; } .ny1-section4 .form-item .right { display: flex; align-items: stretch; justify-content: flex-start; } .ny1-section4 .form-item .right .layui-input { min-width: 0; flex-grow: 1; } .ny1-section4 .btn-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 3.5vw; } .ny1-section4 .btn-group button { margin-top: 0; background-color: #0ab496; background-image: none; margin-right: 3.13vw; } .ny1-section4 .btn-group .btn2 { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: #0ab496; line-height: 1.1; } @media screen and (min-width: 1440px) { .ny1-section4 form { width: 530px; } .ny1-section4 .form-item { font-size: 18px; margin-bottom: 30px; } .ny1-section4 .form-item .layui-input { width: 260px; margin-right: 10px; } .ny1-section4 .form-item .code-btn { font-size: 16px; padding: 15px 30px; border-radius: 5px; } .ny1-section4 .btn-group { margin-top: 56px; } .ny1-section4 .btn-group button { margin-right: 50px; } .ny1-section4 .btn-group .btn2 { font-size: 18px; } } @media screen and (max-width: 768px) { .ny1-section4 form { width: 100%; } .ny1-section4 .form-item { font-size: 14px; margin-bottom: 20px; display: block; } .ny1-section4 .form-item .label { margin-bottom: 10px; } .ny1-section4 .form-item .layui-input { width: 100%; margin-right: 10px; } .ny1-section4 .form-item .code-btn { font-size: 12px; padding: 0 30px; height: 34px; border-radius: 5px; } .ny1-section4 .btn-group { margin-top: 28px; width: 100%; } .ny1-section4 .btn-group button { margin-right: 0; width: 48%; } .ny1-section4 .btn-group .btn2 { text-align: center; width: 48%; font-size: 14px; } } /* ==================== 内页1 - 板块四 End ==================== */ /* ==================== 内页1 - 板块五 Start ==================== */ .ny1-section5 form { width: 33.13vw; display: block; } .ny1-section5 .form-item { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); line-height: 1.1; margin-bottom: 1.88vw; display: flex; align-items: center; justify-content: flex-start; } .ny1-section5 .form-item:last-child { margin-bottom: 0; } .ny1-section5 .form-item .label { flex-shrink: 0; white-space: nowrap; } .ny1-section5 .form-item .layui-input { width: 18.75vw; margin-right: 0.63vw; } .ny1-section5 .form-item .code-btn { font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); padding: 0.94vw 1.88vw; display: flex; align-items: center; justify-content: center; border-radius: 0.31vw; background-color: #F0F0F0; line-height: 1; transition: all 0.4s; white-space: nowrap; } .ny1-section5 .form-item .code-btn.disabled { cursor: not-allowed; } .ny1-section5 .form-item .code-btn:not(.disabled):hover { background-color: #0ab496; color: #fff; } .ny1-section5 .form-item .right { display: flex; align-items: stretch; justify-content: flex-start; } .ny1-section5 .form-item .right .layui-input { min-width: 0; flex-grow: 1; } .ny1-section5 .btn-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 3.5vw; } .ny1-section5 .btn-group button { margin-top: 0; background-color: #0ab496; background-image: none; margin-right: 3.13vw; margin-left: 6.25vw; } .ny1-section5 .btn-group .btn2 { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: #0ab496; line-height: 1.1; } @media screen and (min-width: 1440px) { .ny1-section5 form { width: 530px; } .ny1-section5 .form-item { font-size: 18px; margin-bottom: 30px; } .ny1-section5 .form-item .layui-input { width: 300px; margin-right: 10px; } .ny1-section5 .form-item .code-btn { font-size: 16px; padding: 15px 30px; border-radius: 5px; } .ny1-section5 .btn-group { margin-top: 56px; } .ny1-section5 .btn-group button { margin-right: 50px; margin-left: 100px; } .ny1-section5 .btn-group .btn2 { font-size: 18px; } } @media screen and (max-width: 768px) { .ny1-section5 form { width: 100%; } .ny1-section5 .form-item { font-size: 14px; margin-bottom: 20px; display: block; } .ny1-section5 .form-item .label { margin-bottom: 10px; } .ny1-section5 .form-item .layui-input { width: 100%; margin-right: 10px; } .ny1-section5 .form-item .code-btn { font-size: 12px; padding: 0 30px; height: 34px; border-radius: 5px; } .ny1-section5 .btn-group { margin-top: 28px; width: 100%; } .ny1-section5 .btn-group button { margin-right: 0; width: 48%; margin-left: 0; } .ny1-section5 .btn-group .btn2 { text-align: center; width: 48%; font-size: 14px; } } /* ==================== 内页1 - 板块五 End ==================== */ /* ==================== 内页1 - 板块六 Start ==================== */ .ny1-section6 .itembox { display: flex; align-items: stretch; justify-content: center; padding-top: 2.5vw; } .ny1-section6 .item { flex-shrink: 0; margin-right: 6.88vw; text-align: center; } .ny1-section6 .item.active .icon { filter: grayscale(0); -webkit-filter: grayscale(0); } .ny1-section6 .item .text1 { font-family: HONORSansCN-Regular; font-size: 0.88vw; margin-bottom: 1.25vw; } .ny1-section6 .item .icon { width: 2.5vw; display: block; line-height: 1; margin-left: auto; margin-right: auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .ny1-section6 .item .text2 { margin-top: 1.88vw; text-align: center; font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); } .ny1-section6 .item .text3 { margin-top: 2.5vw; padding: 0.63vw 1.25vw; text-align: center; font-family: HONORSansCN-Regular; font-size: 1vw; color: #000000; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.31vw; line-height: 1; transition: all 0.2s; } .ny1-section6 .item .text3:hover { background-color: rgba(10, 180, 150, 0.04); color: #0ab496; } .ny1-section6 .item:last-child { margin-right: 0; } @media screen and (min-width: 1440px) { .ny1-section6 .itembox { padding-top: 40px; } .ny1-section6 .item { margin-right: 110px; } .ny1-section6 .item .text1 { font-size: 14px; margin-bottom: 20px; } .ny1-section6 .item .icon { width: 40px; } .ny1-section6 .item .text2 { margin-top: 30px; font-size: 18px; } .ny1-section6 .item .text3 { margin-top: 40px; padding: 10px 20px; font-size: 16px; border-radius: 5px; } } @media screen and (max-width: 768px) { .ny1-section6 .itembox { width: 100%; padding-top: 40px; } .ny1-section6 .item { width: 48%; margin-right: 0; } .ny1-section6 .item .text1 { font-size: 14px; margin-bottom: 20px; } .ny1-section6 .item .icon { width: 40px; } .ny1-section6 .item .text2 { margin-top: 30px; font-size: 16px; } .ny1-section6 .item .text3 { margin-top: 40px; padding: 10px 20px; font-size: 14px; border-radius: 5px; } } /* ==================== 内页1 - 板块六 End ==================== */ /* ==================== 内页1 - 板块七 Start ==================== */ .ny1-section7 .head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5vw; } .ny1-section7 .add-btn { font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1.1; color: #0ab496; } .ny1-section7 .btn-group { display: flex; align-items: center; justify-content: flex-start; } .ny1-section7 .btn-group .btn { min-width: 7.5vw; padding: 0.38vw 1.25vw; padding-top: 0.63vw; border-radius: 0.25vw; color: rgba(0, 0, 0, 0.6); border: solid 1px rgba(0, 0, 0, 0.1); margin-right: 0.63vw; font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1; text-align: center; } .ny1-section7 .btn-group .btn.active, .ny1-section7 .btn-group .btn:hover { background-color: #0ab496; color: #fff; border-color: #0ab496; } .ny1-section7-popup .head { display: flex; align-items: center; justify-content: flex-start; padding-bottom: 1.25vw; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny1-section7-popup .head .text1 { font-family: HONORSansCN-DemiBold; font-size: 1.5vw; color: #000000; line-height: 1.1; } .ny1-section7-popup .head .text2 { margin-left: 1.5vw; font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.1; color: #0ab496; } .ny1-section7-popup form .form-title { font-family: HONORSansCN-DemiBold; font-size: 1.13vw; color: #000000; line-height: 1.1; padding-bottom: 0.63vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-top: 1.88vw; } .ny1-section7-popup form .form-item { margin-bottom: 1.25vw; display: flex; align-items: center; justify-content: flex-start; margin-top: 1.88vw; } .ny1-section7-popup form .form-item .label { font-size: 1.13vw; font-family: HONORSansCN-Regular; color: rgba(0, 0, 0, 0.6); line-height: 1.1; width: 7em; margin-right: 0.63vw; flex-shrink: 0; } .ny1-section7-popup form .form-item .layui-input { width: 25vw; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ny1-section7-popup form .form-item .layui-input:focus { box-shadow: none; } .ny1-section7-popup form .form-item .layui-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.4); } .ny1-section7-popup form .form-item .layui-input::-moz-placeholder { color: rgba(0, 0, 0, 0.4); } .ny1-section7-popup form .form-item .layui-input:-moz-placeholder { color: rgba(0, 0, 0, 0.4); } .ny1-section7-popup form .form-item .layui-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.4); } .ny1-section7-popup form .form-item .radio-group { display: flex; align-items: center; justify-content: flex-start; } .ny1-section7-popup form .form-item .radio-group .radio-item { cursor: pointer; } .ny1-section7-popup form .form-item .radio-group .layui-form-radio { font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); line-height: 1.1; display: flex; align-items: center; justify-content: flex-start; margin-right: 1.88vw; } .ny1-section7-popup form .form-item .radio-group .layui-form-radio.layui-form-radioed { color: #0ab496; } .ny1-section7-popup form .form-item .radio-group .layui-form-radio.layui-form-radioed:before { border-color: #B5E8DF; background-color: #0AB496; border-radius: 100%; border-width: 0.25vw; } .ny1-section7-popup form .form-item .radio-group .layui-form-radio:before { content: ""; width: 1.13vw; height: 1.13vw; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 100%; display: block; margin-right: 0.63vw; box-sizing: border-box; flex-shrink: 0; } .ny1-section7-popup form button { display: block; width: 12.5vw; height: 3.13vw; background-color: #0ab496; border-radius: 0.25vw; margin-left: auto; margin-right: auto; color: #fff; text-align: center; font-family: HONORSansCN-Regular; font-size: 1.13vw; margin-top: 3.44vw; } @media screen and (min-width: 1440px) { .ny1-section7 .head { margin-bottom: 24px; } .ny1-section7 .add-btn { font-size: 18px; } .ny1-section7 .btn-group .btn { min-width: 120px; padding: 6px 20px; padding-top: 10px; border-radius: 4px; margin-right: 10px; font-size: 18px; } .ny1-section7-popup .head { padding-bottom: 20px; } .ny1-section7-popup .head .text1 { font-size: 24px; } .ny1-section7-popup .head .text2 { margin-left: 24px; font-size: 16px; } .ny1-section7-popup form .form-title { font-size: 18px; padding-bottom: 10px; margin-top: 30px; } .ny1-section7-popup form .form-item { margin-bottom: 20px; margin-top: 30px; } .ny1-section7-popup form .form-item .label { font-size: 18px; margin-right: 10px; } .ny1-section7-popup form .form-item .layui-input { width: 400px; } .ny1-section7-popup form button { width: 200px; height: 50px; border-radius: 4px; font-size: 18px; margin-top: 55px; } } @media screen and (max-width: 768px) { .ny1-section7 .head { margin-bottom: 30px; display: block; } .ny1-section7 .add-btn { font-size: 14px; margin-top: 20px; } .ny1-section7 .btn-group { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .ny1-section7 .btn-group .btn { min-width: 60px; padding: 6px 10px; padding-top: 10px; border-radius: 4px; margin-right: 0; font-size: 14px; width: 48%; } .ny1-section7-popup .head { padding-bottom: 10px; } .ny1-section7-popup .head .text1 { font-size: 16px; } .ny1-section7-popup .head .text2 { margin-left: 12px; font-size: 14px; } .ny1-section7-popup form .form-title { font-size: 14px; padding-bottom: 10px; margin-top: 40px; } .ny1-section7-popup form .form-item { margin-bottom: 20px; margin-top: 30px; display: block; } .ny1-section7-popup form .form-item .label { font-size: 14px; margin-right: 0; margin-bottom: 10px; } .ny1-section7-popup form .form-item .layui-input { width: 100%; } .ny1-section7-popup form button { width: 200px; height: 40px; border-radius: 4px; font-size: 14px; margin-top: 28px; } } /* ==================== 内页1 - 板块七 End ==================== */ /* ==================== 内页1 - 板块八 Start ==================== */ /* ==================== 内页1 - 板块八 End ==================== */ /* ==================== 个人中心 - 我的账号日期插件适配 Start ==================== */ @media screen and (max-width: 500px) { .layui-laydate-range { width: 100%; } } /* ==================== 个人中心 - 我的账号日期插件适配 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块一 Start ==================== */ .ny2-section1 .add-btn { background-color: #0ab496; font-family: HONORSansCN-Regular; font-size: 1.13vw; color: #ffffff; line-height: 1.1; border-radius: 0.25vw; display: inline-flex; align-items: center; justify-content: center; padding: 0.63vw 2.19vw; margin-bottom: 1.5vw; } .ny2-section1 .table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.04); } @media screen and (min-width: 1440px) { .ny2-section1 .add-btn { font-size: 18px; border-radius: 4px; padding: 10px 35px; margin-bottom: 24px; } } @media screen and (max-width: 768px) { .ny2-section1 .add-btn { font-size: 14px; border-radius: 4px; padding: 10px 18px; margin-bottom: 20px; } } /* ==================== 个人中心 - 我的账号 - 板块一 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块二 Start ==================== */ .ny2-section2 .itembox { display: flex; align-items: center; justify-content: center; } .ny2-section2 .item { width: 33.333%; position: relative; } .ny2-section2 .item:last-child:after { display: none; } .ny2-section2 .item:after { content: ""; display: block; width: 88%; height: 1px; left: 56%; top: 1.25vw; background-color: #e5e5e5; position: absolute; z-index: 1; } .ny2-section2 .item.comfirm .number { color: #0ab496; border-color: #0ab496; } .ny2-section2 .item.comfirm .text { color: #000; } .ny2-section2 .item.active .number { background-color: #0ab496; color: #fff; border-color: #0ab496; } .ny2-section2 .item.active .text { color: #333; } .ny2-section2 .item .number { width: 2.75vw; height: 2.75vw; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #E5E5E5; border: 1px solid #E5E5E5; font-size: 1vw; margin-left: auto; margin-right: auto; background-color: #fff; z-index: 3; } .ny2-section2 .item .text { font-size: 1.25vw; color: #8F8F8F; text-align: center; line-height: 1.1; margin-top: 1.25vw; } .ny2-section2 form { margin-top: 4.38vw; width: 30.63vw; margin-left: auto; margin-right: auto; } .ny2-section2 form .form-item { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1.25vw; } .ny2-section2 form .form-item .label { color: rgba(0, 0, 0, 0.6); font-size: 1.13vw; line-height: 1.1; white-space: nowrap; flex-shrink: 0; margin-right: 10.08px; width: 5em; } .ny2-section2 form .form-item .layui-input { min-width: 0; flex-grow: 1; } .ny2-section2 form .code-item { display: flex; align-items: stretch; justify-content: flex-start; min-width: 0; flex-grow: 1; } .ny2-section2 form .code-item input { min-width: 0; flex-grow: 1; } .ny2-section2 form .code-item .code-btn { font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); padding: 0.94vw 1.88vw; display: flex; align-items: center; justify-content: center; border-radius: 0.31vw; background-color: #F0F0F0; line-height: 1; transition: all 0.4s; white-space: nowrap; margin-left: 0.63vw; } .ny2-section2 form .code-item .code-btn.disabled { cursor: not-allowed; } .ny2-section2 form .code-item .code-btn:not(.disabled):hover { background-color: #0ab496; color: #fff; } .ny2-section2 form button { width: 100%; margin-top: 2.5vw; background-color: #0ab496; margin-left: 0; background-image: none; } .ny2-section2 .tip { text-align: center; font-size: 1.13vw; color: #000; line-height: 1.8; margin-top: 4.38vw; } .ny2-section2 .tip a { color: #0ab496; } .ny2-section2 .tip a:hover { text-decoration: underline; } @media screen and (min-width: 1440px) { .ny2-section2 .item:after { top: 20px; } .ny2-section2 .item .number { width: 44px; height: 44px; font-size: 16px; } .ny2-section2 .item .text { font-size: 20px; margin-top: 20px; } .ny2-section2 form { margin-top: 70px; width: 490px; } .ny2-section2 form .form-item { margin-bottom: 20px; } .ny2-section2 form .form-item .label { font-size: 18px; } .ny2-section2 form .code-item .code-btn { font-size: 16px; padding: 15px 30px; border-radius: 5px; margin-left: 10px; } .ny2-section2 form button { margin-top: 40px; } .ny2-section2 .tip { font-size: 18px; margin-top: 70px; } } @media screen and (max-width: 768px) { .ny2-section2 .item:after { width: 70%; top: 14px; left: 65%; } .ny2-section2 .item .number { width: 30px; height: 30px; font-size: 14px; } .ny2-section2 .item .text { font-size: 13px; margin-top: 15px; } .ny2-section2 form { margin-top: 35px; width: 100%; } .ny2-section2 form .form-item { display: block; margin-bottom: 20px; } .ny2-section2 form .form-item .label { font-size: 12px; margin-bottom: 10px; } .ny2-section2 form .code-item .code-btn { font-size: 12px; padding: 8px 15px; border-radius: 5px; margin-left: 10px; } .ny2-section2 form button { margin-top: 20px; } .ny2-section2 .tip { font-size: 14px; margin-top: 35px; } } /* ==================== 个人中心 - 我的账号 - 板块二 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块三 Start ==================== */ .ny2-section3 .itembox { margin-top: 3.75vw; display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 3.75vw; } .ny2-section3 .itembox .item { width: 49%; display: flex; justify-content: space-between; align-items: center; border-radius: 0.25vw; border: solid 1px rgba(0, 0, 0, 0.06); padding: 2.19vw 3.75vw; } .ny2-section3 .itembox .item .text1 { font-family: HONORSansCN-Regular; font-size: 1.25vw; line-height: 1.1; color: #000000; } .ny2-section3 .itembox .item .text2 { font-family: HONORSansCN-Regular; font-size: 1.25vw; color: #000000; line-height: 1.1; } .ny2-section3 .itembox .item .text2 span { font-family: HONORSansCN-DemiBold; font-size: 1.5vw; color: #0ab496; line-height: 1.1; margin-left: 2.25vw; } .ny2-section3 .title { display: block; width: 100%; font-family: HONORSansCN-DemiBold; font-size: 1.5vw; padding-bottom: 1.25vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 1.88vw; } .ny2-section3 .head { display: flex; align-items: center; justify-content: space-between; } .ny2-section3 .head .btn-group { display: flex; align-items: center; justify-content: space-between; } .ny2-section3 .head .btn-group .btn { min-width: 7.5vw; display: flex; padding-top: 0.63vw; padding-bottom: 0.63vw; padding-left: 2.5vw; padding-right: 2.5vw; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 0.25vw; border: solid 1px rgba(0, 0, 0, 0.1); margin-right: 0.63vw; font-size: 1vw; } .ny2-section3 .head .btn-group .btn:last-child { margin-right: 0; } .ny2-section3 .head .btn-group .btn.active { background-color: #0ab496; color: #fff; border-color: #0ab496; } .ny2-section3 .head .right { display: flex; align-items: center; justify-content: flex-end; } .ny2-section3 .head .layui-form-select { width: 10vw; margin-left: 1.25vw; } .ny2-section3 .head .layui-form-select input { border: 0; border-radius: 0; font-family: HONORSansCN-Regular; font-size: 1.13vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.6); padding-bottom: 0.63vw; padding-top: 0.63vw; height: auto; line-height: inherit; padding-left: 0; } .ny2-section3 .head .layui-form-select input:focus { box-shadow: none; } .ny2-section3 .itembox2 { margin-top: 2.19vw; } .ny2-section3 .itembox2 .item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding-bottom: 2.25vw; padding-top: 2.25vw; border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .ny2-section3 .itembox2 .item .left { min-width: 0; flex-grow: 1; } .ny2-section3 .itembox2 .item .left .text1 { font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1.1; } .ny2-section3 .itembox2 .item .left .text2 { margin-top: 0.63vw; color: rgba(0, 0, 0, 0.6); font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.1; } .ny2-section3 .itembox2 .item .price { flex-shrink: 0; font-family: HONORSansCN-DemiBold; font-size: 1.25vw; color: #0ab496; line-height: 1.1; } @media screen and (min-width: 1440px) { .ny2-section3 .itembox { margin-top: 60px; margin-bottom: 60px; } .ny2-section3 .itembox .item { border-radius: 4px; padding: 35px 60px; } .ny2-section3 .itembox .item .text1 { font-size: 20px; } .ny2-section3 .itembox .item .text2 { font-size: 20px; } .ny2-section3 .itembox .item .text2 span { font-size: 24px; margin-left: 36px; } .ny2-section3 .title { font-size: 24px; padding-bottom: 20px; margin-bottom: 30px; } .ny2-section3 .head .btn-group .btn { min-width: 120px; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; border-radius: 4px; margin-right: 10px; font-size: 16px; } .ny2-section3 .head .layui-form-select { width: 160px; margin-left: 20px; } .ny2-section3 .head .layui-form-select input { font-size: 18px; padding-bottom: 10px; padding-top: 10px; } .ny2-section3 .itembox2 { margin-top: 35px; } .ny2-section3 .itembox2 .item { padding-bottom: 36px; padding-top: 36px; } .ny2-section3 .itembox2 .item .left .text1 { font-size: 18px; } .ny2-section3 .itembox2 .item .left .text2 { margin-top: 10px; font-size: 16px; } .ny2-section3 .itembox2 .item .price { font-size: 20px; } } @media screen and (max-width: 768px) { .ny2-section3 .itembox { margin-top: 20px; margin-bottom: 20px; display: block; } .ny2-section3 .itembox .item { width: 100%; border-radius: 4px; padding: 20px 20px; margin-bottom: 15px; } .ny2-section3 .itembox .item .text1 { font-size: 14px; } .ny2-section3 .itembox .item .text2 { font-size: 14px; } .ny2-section3 .itembox .item .text2 span { font-size: 14px; margin-left: 9px; } .ny2-section3 .title { font-size: 16px; padding-bottom: 10px; padding-top: 30px; margin-bottom: 30px; } .ny2-section3 .head { display: block; } .ny2-section3 .head .btn-group { width: 100%; margin-bottom: 20px; } .ny2-section3 .head .btn-group .btn { min-width: 49%; padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; border-radius: 4px; margin-right: 10px; font-size: 14px; } .ny2-section3 .head .right { width: 100%; justify-content: space-between; } .ny2-section3 .head .layui-form-select { width: 48%; margin-left: 0; } .ny2-section3 .head .layui-form-select input { font-size: 14px; padding-bottom: 10px; padding-top: 10px; } .ny2-section3 .itembox2 { margin-top: 18px; } .ny2-section3 .itembox2 .item { padding-bottom: 18px; padding-top: 18px; } .ny2-section3 .itembox2 .item .left .text1 { font-size: 14px; line-height: 1.6; } .ny2-section3 .itembox2 .item .left .text2 { margin-top: 10px; font-size: 12px; } .ny2-section3 .itembox2 .item .price { font-size: 16px; margin-top: 20px; } } /* ==================== 个人中心 - 我的账号 - 板块三 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块四 Start ==================== */ .ny2-section4 .tabs { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5.31vw; } .ny2-section4 .tabs .tab-item { width: 49%; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.25vw; font-family: HONORSansCN-Regular; font-size: 1.5vw; color: #000000; display: flex; align-items: center; justify-content: center; padding-top: 1.25vw; padding-bottom: 1.25vw; cursor: pointer; } .ny2-section4 .tabs .tab-item.active { background-color: #0ab496; color: #fff; } .ny2-section4 .item { display: none; position: relative; } .ny2-section4 .item.active { display: block; } .ny2-section4 .item .layui-form-radioed ~ .qr { display: block; } .ny2-section4 .item .qr { display: none; margin-top: 2.5vw; width: 12.5vw; border-radius: 0.31vw; border: 1px solid rgba(0, 0, 0, 0.06); position: absolute; top: 100%; left: 0; } @media screen and (min-width: 1440px) { .ny2-section4 .tabs { margin-bottom: 85px; } .ny2-section4 .tabs .tab-item { border-radius: 4px; font-size: 24px; padding-top: 20px; padding-bottom: 20px; } .ny2-section4 .item .qr { margin-top: 40px; width: 200px; border-radius: 5px; } } @media screen and (max-width: 768px) { .ny2-section4 .tabs { margin-bottom: 40px; } .ny2-section4 .tabs .tab-item { border-radius: 4px; font-size: 12px; padding-top: 10px; padding-bottom: 10px; } .ny2-section4 .radio-group { align-items: flex-start; } .ny2-section4 .radio-group .radio-item { width: 50%; } .ny2-section4 .item .qr { position: static; margin-top: 20px; width: 100%; border-radius: 5px; } } /* ==================== 个人中心 - 我的账号 - 板块四 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块五 Start ==================== */ .ny2-section5 form { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3.13vw; } .ny2-section5 form .left { min-width: 0; flex-grow: 1; display: flex; align-items: center; justify-content: flex-start; } .ny2-section5 form .left button { width: 2.5vw; height: 2.5vw; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin: 0; background: none; } .ny2-section5 form .left button img { width: 50%; } .ny2-section5 form .layui-form-select { width: 10vw; flex-shrink: 0; margin-right: 0.63vw; } .ny2-section5 form .layui-form-select .layui-input { height: 2.5vw; line-height: 2.5vw; } .ny2-section5 form .layui-form-select .layui-input:focus { box-shadow: none; } .ny2-section5 form .form-time-item { display: flex; align-items: center; justify-content: flex-start; height: 2.5vw; border-radius: 0.25vw; border: solid 1px rgba(0, 0, 0, 0.06); margin-right: 1.25vw; } .ny2-section5 form .form-time-item .icon { width: 1vw; flex-shrink: 0; margin-left: 1vw; margin-right: 0; line-height: 1; } .ny2-section5 form .form-time-item .layui-input-inline { height: 100%; } .ny2-section5 form .form-time-item .layui-input { background-color: transparent; color: #333; line-height: inherit; display: block; height: 100%; border-radius: 0; border: 0; padding-left: 0; padding-right: 0; width: 7.5vw; font-size: 0.88vw; text-align: center; } .ny2-section5 form .form-time-item .layui-input:focus { box-shadow: none; } .ny2-section5 form .btn-group { display: flex; align-items: center; justify-content: flex-start; } .ny2-section5 form .btn-group .btn { font-family: HONORSansCN-Regular; font-size: 1vw; color: #0ab496; line-height: 1.1; margin-left: 1.88vw; display: flex; align-items: center; justify-content: flex-start; } .ny2-section5 form .btn-group .btn img { width: 1vw; display: block; flex-shrink: 0; margin-right: 0.63vw; } .ny2-section5 .itembox { border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .ny2-section5 .item { display: flex; align-items: center; justify-content: flex-start; padding-top: 1.56vw; padding-bottom: 1.56vw; border-top: 1px solid rgba(0, 0, 0, 0.04); } .ny2-section5 .item .date { font-size: 1vw; color: rgba(0, 0, 0, 0.6); line-height: 1.1; } .ny2-section5 .item .text1 { flex-grow: 1; min-width: 0; font-family: HONORSansCN-Regular; font-size: 1vw; color: #000; margin-left: 1.25vw; } .ny2-section5 .item .price { font-family: HONORSansCN-DemiBold; font-size: 1vw; color: #0ab496; line-height: 1.1; } @media screen and (min-width: 1440px) { .ny2-section5 form { margin-bottom: 50px; } .ny2-section5 form .left button { width: 40px; height: 40px; } .ny2-section5 form .layui-form-select { width: 160px; margin-right: 10px; } .ny2-section5 form .layui-form-select .layui-input { height: 40px; line-height: 40px; } .ny2-section5 form .form-time-item { height: 40px; border-radius: 4px; margin-right: 20px; } .ny2-section5 form .form-time-item .icon { width: 16px; margin-left: 16px; } .ny2-section5 form .form-time-item .layui-input { width: 120px; font-size: 14px; } .ny2-section5 form .btn-group .btn { font-size: 16px; margin-left: 30px; } .ny2-section5 form .btn-group .btn img { width: 16px; margin-right: 10px; } .ny2-section5 .item { padding-top: 25px; padding-bottom: 25px; } .ny2-section5 .item .date { font-size: 16px; } .ny2-section5 .item .text1 { font-size: 16px; margin-left: 20px; } .ny2-section5 .item .price { font-size: 16px; } } @media screen and (max-width: 768px) { .ny2-section5 form { margin-bottom: 20px; display: block; } .ny2-section5 form .left { width: 100%; display: block; } .ny2-section5 form .left button { width: 40px; height: 40px; margin-right: 0; margin-left: auto; margin-top: 10px; } .ny2-section5 form .layui-form-select { width: 100%; margin-bottom: 10px; } .ny2-section5 form .layui-form-select .layui-input { height: 40px; line-height: 40px; } .ny2-section5 form .form-time-item { width: 100%; height: 40px; border-radius: 4px; margin-right: 0; } .ny2-section5 form .form-time-item .icon { width: 12px; margin-left: 8px; flex-shrink: 0; } .ny2-section5 form .form-time-item .layui-input-inline { width: 45%; } .ny2-section5 form .form-time-item .layui-input { width: 100%; font-size: 12px; } .ny2-section5 form .btn-group .btn { width: 33%; font-size: 14px; margin-left: 10px; } .ny2-section5 form .btn-group .btn img { width: 14px; margin-right: 5px; } .ny2-section5 .item { padding-top: 20px; padding-bottom: 20px; display: block; } .ny2-section5 .item .date { font-size: 14px; margin-bottom: 10px; } .ny2-section5 .item .text1 { font-size: 14px; margin-left: 0; margin-bottom: 10px; } .ny2-section5 .item .price { font-size: 14px; text-align: right; } } /* ==================== 个人中心 - 我的账号 - 板块五 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块六 Start ==================== */ .ny2-section6 .itembox { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; } .ny2-section6 .item { width: 23.5%; padding: 1.88vw 1.25vw; border: solid 1px rgba(0, 0, 0, 0.06); border-radius: 0.31vw; margin-right: 2%; } .ny2-section6 .item:nth-child(4n) { margin-right: 0; } .ny2-section6 .item:nth-child(4) ~ .item { margin-top: 1.25vw; } .ny2-section6 .item .image { overflow: hidden; border-radius: 4px; } .ny2-section6 .item .image:hover img { transform: scale(1.1); } .ny2-section6 .item .image img { display: block; width: 100%; transition: all 0.4s; } .ny2-section6 .item .info { padding-top: 1.88vw; } .ny2-section6 .item .info .text1 { font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1.1; } .ny2-section6 .item .info .price { margin-top: 0.63vw; font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.1; color: #0ab496; } .ny2-section6 .item .btn-group { margin-top: 1.88vw; display: flex; align-items: center; justify-content: space-between; } .ny2-section6 .item .btn { width: 48%; border-radius: 0.25vw; border: solid 1px rgba(0, 0, 0, 0.06); line-height: 1.1; text-align: center; padding: 0.63vw; font-size: 1vw; } .ny2-section6 .item .btn:hover { color: #0ab496; } .ny2-section6 .item .btn.active { border-color: #0ab496; background-color: #0ab496; color: #fff; } .ny2-section6 .item .btn.active2 { width: 100%; border-color: #0ab496; background-color: #0ab496; color: #fff; } @media screen and (min-width: 1440px) { .ny2-section6 .item { padding: 30px 20px; border-radius: 5px; } .ny2-section6 .item:nth-child(4) ~ .item { margin-top: 20px; } .ny2-section6 .item .info { padding-top: 30px; } .ny2-section6 .item .info .text1 { font-size: 18px; } .ny2-section6 .item .info .price { margin-top: 10px; font-size: 16px; } .ny2-section6 .item .btn-group { margin-top: 30px; } .ny2-section6 .item .btn { border-radius: 4px; padding: 10px; font-size: 16px; } } @media screen and (max-width: 768px) { .ny2-section6 .itembox { margin: 0; } .ny2-section6 .item { /* width: 100%; */ padding: 15px 10px; border-radius: 5px; margin-right: 0; margin-bottom: 20px; } .ny2-section6 .item:last-child { margin-bottom: 0; } /* .ny2-section6 .item:nth-child(2n) { margin-right: 0; } */ .ny2-section6 .item:nth-child(2) ~ .item { margin-top: 10px; } .ny2-section6 .item:nth-child(4) ~ .item { margin-top: 10px; } .ny2-section6 .item { width: 48%; margin-right: 4%; } .ny2-section6 .item:nth-child(2n) { margin-right: 0; } .ny2-section6 .item .info { padding-top: 30px; } .ny2-section6 .item .info .text1 { font-size: 16px; } .ny2-section6 .item .info .price { margin-top: 10px; font-size: 14px; } .ny2-section6 .item .btn-group { display: block; margin-top: 15px; } .ny2-section6 .item .btn { width: 100%; border-radius: 4px; padding: 8px 10px; font-size: 12px; margin-bottom: 10px; } .ny2-section6 .item .btn:last-child { margin-bottom: 0; } } @media screen and (max-width: 640px) { .ny2-section6 .item { width: 100%; margin-right: 0 !important; } } /* ==================== 个人中心 - 我的账号 - 板块六 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块七 Start ==================== */ .ny2-section7 .body { width: 37.5vw; } .ny2-section7 .form-item { display: flex; align-items: flex-start; margin-bottom: 1.88vw; } .ny2-section7 .form-item .layui-input { height: 2.5vw; line-height: 2.5vw; } .ny2-section7 .form-item .layui-textarea { height: 8.75vw; resize: none; } .ny2-section7 .form-item .label { height: 2.5vw; line-height: 2.5vw; font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); min-width: 8em; margin-right: 1.25vw; } .ny2-section7 .form-item .right { min-width: 0; flex-grow: 1; } .ny2-section7 .form-item .itembox { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; } .ny2-section7 .form-item .itembox .item { width: 3.5vw; height: 3.5vw; border-radius: 0.31vw; overflow: hidden; background-size: cover; background-position: center center; margin-right: 0.63vw; position: relative; margin-top: 0.94vw; } .ny2-section7 .form-item .itembox .item:hover .close { opacity: 1; visibility: visible; } .ny2-section7 .form-item .itembox .item .close { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.5); background-image: url(../images/usercenter/ny2/img006.png); background-position: center; background-size: 1.25vw; background-repeat: no-repeat; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.4s; } .ny2-section7 .form-item .upload-btn { display: flex; align-items: center; justify-content: flex-start; } .ny2-section7 .form-item .upload-btn .btn { width: 7.5vw; height: 2.5vw; line-height: 2.5vw; background-color: #0ab496; color: #fff; font-family: HONORSansCN-Regular; font-size: 1vw; margin-right: 1.06vw; display: block; border-radius: 0.25vw; text-align: center; cursor: pointer; } .ny2-section7 .form-item .upload-btn .text { font-family: HONORSansCN-Regular; font-size: 0.88vw; color: rgba(0, 0, 0, 0.6); } .ny2-section7 button { margin-left: 7.5vw; margin-top: 3.75vw; background: none; background-color: #0ab496; } @media screen and (min-width: 1440px) { .ny2-section7 .body { width: 600px; } .ny2-section7 .form-item { margin-bottom: 30px; } .ny2-section7 .form-item .layui-input { height: 40px; line-height: 40px; } .ny2-section7 .form-item .layui-textarea { height: 140px; } .ny2-section7 .form-item .label { height: 40px; line-height: 40px; font-size: 18px; margin-right: 20px; } .ny2-section7 .form-item .itembox .item { width: 56px; height: 56px; border-radius: 5px; margin-right: 10px; margin-top: 15px; } .ny2-section7 .form-item .itembox .item .close { background-size: 20px; } .ny2-section7 .form-item .upload-btn .btn { width: 120px; height: 40px; line-height: 40px; font-size: 16px; margin-right: 17px; border-radius: 4px; } .ny2-section7 .form-item .upload-btn .text { font-size: 14px; } .ny2-section7 button { margin-left: 120px; margin-top: 60px; } } @media screen and (max-width: 768px) { .ny2-section7 .body { width: 100%; } .ny2-section7 .form-item { display: block; margin-bottom: 20px; } .ny2-section7 .form-item .layui-input { height: 40px; line-height: 40px; } .ny2-section7 .form-item .layui-textarea { height: 70px; } .ny2-section7 .form-item .label { height: auto; line-height: inherit; font-size: 14px; margin-right: 0; margin-bottom: 10px; } .ny2-section7 .form-item .itembox .item { width: 56px; height: 56px; border-radius: 5px; margin-right: 10px; margin-top: 15px; } .ny2-section7 .form-item .itembox .item .close { background-size: 20px; } .ny2-section7 .form-item .upload-btn { display: block; } .ny2-section7 .form-item .upload-btn .btn { display: table; width: auto; height: 35px; line-height: 35px; font-size: 12px; margin-right: 0; border-radius: 4px; padding-left: 20px; padding-right: 30px; } .ny2-section7 .form-item .upload-btn .text { font-size: 12px; margin-top: 10px; } .ny2-section7 button { margin-left: 0; margin-top: 30px; } } /* ==================== 个人中心 - 我的账号 - 板块七 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块八 Start ==================== */ /* ==================== 个人中心 - 我的账号 - 板块八 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块九 Start ==================== */ .ny2-section9 .desc { font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.8; text-align: justify; padding-bottom: 2.5vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 3.13vw; color: rgba(0, 0, 0, 0.6); } .ny2-section9 form .form-item { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 1.25vw; } .ny2-section9 form .label { width: 5em; flex-shrink: 0; margin-right: 0.63vw; font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); height: 3.13vw; line-height: 3.13vw; } .ny2-section9 form .layui-input { width: 21.25vw; } .ny2-section9 form .layui-form-select { width: 21.25vw; } .ny2-section9 form .layui-form-select .layui-input { width: 100%; } .ny2-section9 form .bottom { border-top: 1px solid rgba(0, 0, 0, 0.06); padding-top: 3.13vw; margin-top: 3.13vw; } .ny2-section9 form .layui-input-wrap { position: relative; padding-left: 1.88vw; padding-right: 1.88vw; } .ny2-section9 form .layui-input-wrap .layui-input { width: 4vw; height: 1.88vw; line-height: 1.88vw; color: #0ab496; font-size: 1.13vw; line-height: 1; border: 0; border-radius: 0; pointer-events: none; text-align: center; } .ny2-section9 form .layui-input-wrap .layui-input-affix { position: static; border: 0; } .ny2-section9 form .layui-input-wrap .layui-icon { position: absolute; top: 0; width: 1.88vw; height: 1.88vw; border: 2px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; } .ny2-section9 form .layui-input-wrap .layui-icon:before { position: static; font-size: 1.38vw; line-height: 0.8; color: #E5E5E5; margin: 0; transform: translate(0, 0); font-weight: 400; } .ny2-section9 form .layui-input-wrap .layui-icon-up { right: 0; } .ny2-section9 form .layui-input-wrap .layui-icon-up:before { content: "+"; } .ny2-section9 form .layui-input-wrap .layui-icon-down { left: 0; } .ny2-section9 form .layui-input-wrap .layui-icon-down:before { content: "-"; } .ny2-section9 form .image { margin-top: 1.06vw; } .ny2-section9 form .layui-textarea { width: 21.25vw; resize: none; } .ny2-section9 form button { background-color: #0ab496; background-image: none; } @media screen and (min-width: 1440px) { .ny2-section9 .desc { font-size: 16px; padding-bottom: 40px; margin-bottom: 50px; } .ny2-section9 form .form-item { margin-bottom: 20px; } .ny2-section9 form .label { margin-right: 10px; font-size: 18px; height: 50px; line-height: 50px; } .ny2-section9 form .layui-input { width: 340px; } .ny2-section9 form .layui-form-select { width: 340px; } .ny2-section9 form .bottom { padding-top: 50px; margin-top: 50px; } .ny2-section9 form .layui-input-wrap { padding-left: 30px; padding-right: 30px; } .ny2-section9 form .layui-input-wrap .layui-input { width: 64px; height: 30px; line-height: 30px; font-size: 18px; } .ny2-section9 form .layui-input-wrap .layui-icon { width: 30px; height: 30px; } .ny2-section9 form .layui-input-wrap .layui-icon:before { font-size: 22px; } .ny2-section9 form .image { margin-top: 17px; } .ny2-section9 form .layui-textarea { width: 340px; } } @media screen and (max-width: 768px) { .ny2-section9 .desc { font-size: 14px; padding-bottom: 30px; margin-bottom: 30px; } .ny2-section9 form .form-item { display: block; margin-bottom: 20px; } .ny2-section9 form .label { margin-right: 0; margin-bottom: 10px; font-size: 14px; height: auto; line-height: inherit; } .ny2-section9 form .layui-input { width: 100%; } .ny2-section9 form .layui-form-select { width: 100%; } .ny2-section9 form .bottom { padding-top: 25px; margin-top: 25px; } .ny2-section9 form .layui-input-wrap { display: table; width: auto; padding-left: 30px; padding-right: 30px; } .ny2-section9 form .layui-input-wrap .layui-input { width: 50px; height: 26px; line-height: 26px; font-size: 14px; text-align: center; } .ny2-section9 form .layui-input-wrap .layui-icon { width: 26px; height: 26px; } .ny2-section9 form .layui-input-wrap .layui-icon:before { font-size: 17px; } .ny2-section9 form .image { margin-top: 9px; } .ny2-section9 form .layui-textarea { width: 100%; } } /* ==================== 个人中心 - 我的账号 - 板块九 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块十 Start ==================== */ .ny2-section10 .head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25vw; } .ny2-section10 .layui-form-select { height: 2.5vw; line-height: 2.5vw; width: 10vw; } .ny2-section10 .layui-form-select .layui-edge { border-top-color: #fff; } .ny2-section10 .layui-form-select .layui-input { height: inherit; line-height: inherit; background-color: #0ab496; color: #fff; border-color: #0ab496; } .ny2-section10 .search { border-radius: 0.25vw; border: solid 1px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: flex-start; width: 25vw; } .ny2-section10 .search .layui-input { font-family: HONORSansCN-Regular; font-size: 1vw; color: #000; line-height: 1.2; border: 0; height: 2.5vw; line-height: 2.5vw; min-width: 0; flex-grow: 1; } .ny2-section10 .search button { flex-shrink: 0; margin-left: 0; margin-top: 0; width: auto; line-height: 1; height: auto; border-radius: 0; width: 2.5vw; height: 2.5vw; display: flex; align-items: center; justify-content: center; background-image: none; background-color: transparent; border: 0; } .ny2-section10 .search button img { width: 50%; } .ny2-section10 .table th, .ny2-section10 .table td { text-align: left; } .ny2-section10 .table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .ny2-section10 .table td a { padding-right: 0.63vw; } .ny2-section10 .table td a:last-child { padding-right: 0; } @media screen and (min-width: 1440px) { .ny2-section10 .head { margin-bottom: 20px; } .ny2-section10 .layui-form-select { height: 40px; line-height: 40px; width: 160px; } .ny2-section10 .search { border-radius: 4px; width: 400px; } .ny2-section10 .search .layui-input { font-size: 16px; height: 40px; line-height: 40px; } .ny2-section10 .search button { width: 40px; height: 40px; } .ny2-section10 .table td a { padding-right: 10px; } } @media screen and (max-width: 768px) { .ny2-section10 .head { margin-bottom: 20px; display: block; } .ny2-section10 .layui-form-select { height: 30px; line-height: 30px; width: 100%; } .ny2-section10 .layui-form-select .layui-input { font-size: 14px; } .ny2-section10 .search { border-radius: 4px; width: 100%; margin-top: 10px; } .ny2-section10 .search .layui-input { font-size: 14px; height: 30px; line-height: 30px; } .ny2-section10 .search button { width: 30px; height: 30px; } .ny2-section10 .table td a { padding-right: 10px; } } /* ==================== 个人中心 - 我的账号 - 板块十 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块十一 Start ==================== */ .ny2-section11 .head { font-family: HONORSansCN-Regular; font-size: 1.25vw; line-height: 1.1; padding-bottom: 2.19vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); color: #000; margin-bottom: 2.5vw; } .ny2-section11 .desc { color: rgba(0, 0, 0, 0.6); line-height: 1.8; font-family: HONORSansCN-Regular; font-size: 1.13vw; } .ny2-section11 .desc2 { margin-top: 2.5vw; padding-top: 2.5vw; border-top: 1px solid rgba(0, 0, 0, 0.06); } .ny2-section11 .desc2 img { margin-left: 5.44vw; } .ny2-section11 button { background-color: #0ab496; background-image: none; margin-left: 7.5vw; margin-top: 3.75vw; } @media screen and (min-width: 1440px) { .ny2-section11 .head { font-size: 20px; padding-bottom: 35px; margin-bottom: 40px; } .ny2-section11 .desc { font-size: 18px; } .ny2-section11 .desc2 { margin-top: 40px; padding-top: 40px; } .ny2-section11 .desc2 img { margin-left: 87px; } .ny2-section11 button { margin-left: 120px; margin-top: 60px; } } @media screen and (max-width: 768px) { .ny2-section11 .head { font-size: 14px; padding-bottom: 20px; margin-bottom: 20px; } .ny2-section11 .desc { font-size: 14px; } .ny2-section11 .desc2 { margin-top: 20px; padding-top: 20px; } .ny2-section11 .desc2 img { margin-left: 0; width: 100%; } .ny2-section11 button { margin-left: 0; margin-top: 30px; } } /* ==================== 个人中心 - 我的账号 - 板块十一 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块十二 Start ==================== */ .ny2-section12 .head { display: flex; flex-flow: column; justify-content: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-bottom: 1.06vw; margin-bottom: 3.13vw; } .ny2-section12 .head .text1 { font-family: HONORSansCN-Regular; font-size: 1vw; } .ny2-section12 .head .number { margin-top: 1.25vw; position: relative; } .ny2-section12 .head .number .text2 { font-family: HONORSansCN-DemiBold; font-size: 2.5vw; line-height: 1; } .ny2-section12 .head .number .btn { position: absolute; left: 120%; top: 50%; transform: translateY(-50%); padding: 0.38vw 1.25vw; color: #fff; background-color: #0ab496; border-radius: 0.25vw; width: auto; white-space: nowrap; } .ny2-section12 .head .tip { margin-top: 1.88vw; font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); padding-left: 1.88vw; position: relative; } .ny2-section12 .head .tip:before { content: ""; display: block; width: 1vw; height: 1vw; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: url(../images/usercenter/ny2/img004.png) no-repeat center; background-size: 100%; } .ny2-section12 .option { display: flex; align-items: center; justify-content: flex-start; } .ny2-section12 .layui-select.active + .layui-form-select .layui-edge { border-top-color: #fff; } .ny2-section12 .layui-select.active + .layui-form-select .layui-input { height: inherit; line-height: inherit; background-color: #0ab496; color: #fff; border-color: #0ab496; } .ny2-section12 .layui-form-select { height: 2.5vw; line-height: 2.5vw; width: 10vw; margin-right: 1.25vw; } .ny2-section12 .layui-form-select:last-child { margin-right: 0; } .ny2-section12 .layui-form-select .layui-input { height: inherit; line-height: inherit; } .ny2-section12 .itembox2 { margin-top: 2.19vw; } .ny2-section12 .itembox2 .item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding-bottom: 2.25vw; padding-top: 2.25vw; border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .ny2-section12 .itembox2 .item .left { min-width: 0; flex-grow: 1; } .ny2-section12 .itembox2 .item .left .text1 { font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1.1; } .ny2-section12 .itembox2 .item .left .text2 { margin-top: 0.63vw; color: rgba(0, 0, 0, 0.6); font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.1; } .ny2-section12 .itembox2 .item .price { flex-shrink: 0; font-family: HONORSansCN-DemiBold; font-size: 1.25vw; color: #0ab496; line-height: 1.1; } @media screen and (min-width: 1440px) { .ny2-section12 .head { padding-bottom: 17px; margin-bottom: 50px; } .ny2-section12 .head .text1 { font-size: 16px; } .ny2-section12 .head .number { margin-top: 20px; } .ny2-section12 .head .number .text2 { font-size: 40px; } .ny2-section12 .head .number .btn { padding: 6px 20px; border-radius: 4px; } .ny2-section12 .head .tip { margin-top: 30px; font-size: 18px; padding-left: 30px; } .ny2-section12 .head .tip:before { width: 16px; height: 16px; } .ny2-section12 .layui-form-select { height: 40px; line-height: 40px; width: 160px; margin-right: 20px; } .ny2-section12 .itembox2 { margin-top: 35px; } .ny2-section12 .itembox2 .item { padding-bottom: 36px; padding-top: 36px; } .ny2-section12 .itembox2 .item .left .text1 { font-size: 18px; } .ny2-section12 .itembox2 .item .left .text2 { margin-top: 10px; font-size: 16px; } .ny2-section12 .itembox2 .item .price { font-size: 20px; } } @media screen and (max-width: 768px) { .ny2-section12 .head { padding-bottom: 25px; margin-bottom: 25px; } .ny2-section12 .head .text1 { font-size: 18px; } .ny2-section12 .head .number { margin-top: 10px; text-align: center; } .ny2-section12 .head .number .text2 { font-size: 24px; } .ny2-section12 .head .number .btn { position: static; padding: 6px 10px; border-radius: 4px; display: block; transform: translateY(0); margin-top: 10px; } .ny2-section12 .head .tip { margin-top: 20px; font-size: 14px; padding-left: 15px; } .ny2-section12 .head .tip:before { width: 10px; height: 10px; } .ny2-section12 .option { justify-content: space-between; } .ny2-section12 .layui-form-select { height: 30px; line-height: 30px; width: 48%; margin-right: 0; } .ny2-section12 .itembox2 { margin-top: 18px; } .ny2-section12 .itembox2 .item { padding-bottom: 18px; padding-top: 18px; } .ny2-section12 .itembox2 .item .left .text1 { font-size: 14px; line-height: 1.6; } .ny2-section12 .itembox2 .item .left .text2 { margin-top: 10px; font-size: 12px; } .ny2-section12 .itembox2 .item .price { font-size: 16px; margin-top: 20px; } } /* ==================== 个人中心 - 我的账号 - 板块十二 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块十三 Start ==================== */ .ny2-section13 .head2 { display: flex; flex-flow: column; justify-content: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-bottom: 1.06vw; margin-bottom: 3.13vw; } .ny2-section13 .head2 .text1 { font-family: HONORSansCN-Regular; font-size: 1vw; } .ny2-section13 .head2 .number { margin-top: 1.25vw; position: relative; } .ny2-section13 .head2 .number .text2 { font-family: HONORSansCN-DemiBold; font-size: 2.5vw; line-height: 1; } .ny2-section13 .head2 .number .btn { position: absolute; left: 120%; top: 50%; transform: translateY(-50%); padding: 0.38vw 1.25vw; color: #fff; background-color: #0ab496; border-radius: 0.25vw; width: auto; white-space: nowrap; } .ny2-section13 .head2 .tip { margin-top: 1.88vw; font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); padding-left: 1.88vw; position: relative; } .ny2-section13 .head2 .tip:before { content: ""; display: block; width: 1vw; height: 1vw; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: url(../images/usercenter/ny2/img004.png) no-repeat center; background-size: 100%; } .ny2-section13 .bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 2.5vw; } .ny2-section13 .more-btn { display: flex; align-items: center; justify-content: flex-start; } .ny2-section13 .more-btn .text { font-family: HONORSansCN-Regular; font-size: 1vw; color: #000000; line-height: 1; } .ny2-section13 .more-btn img { width: 1vw; display: block; flex-shrink: 0; line-height: 1; margin-top: -0.19vw; margin-right: 0.31vw; } .ny2-section13 .user-pagination { margin-top: 0; } @media screen and (min-width: 1440px) { .ny2-section13 .head2 { padding-bottom: 17px; margin-bottom: 50px; } .ny2-section13 .head2 .text1 { font-size: 16px; } .ny2-section13 .head2 .number { margin-top: 20px; } .ny2-section13 .head2 .number .text2 { font-size: 40px; } .ny2-section13 .head2 .number .btn { padding: 6px 20px; border-radius: 4px; } .ny2-section13 .head2 .tip { margin-top: 30px; font-size: 18px; padding-left: 30px; } .ny2-section13 .head2 .tip:before { width: 16px; height: 16px; } .ny2-section13 .bottom { margin-top: 40px; } .ny2-section13 .more-btn .text { font-size: 16px; } .ny2-section13 .more-btn img { width: 16px; margin-top: -3px; margin-right: 5px; } } @media screen and (max-width: 768px) { .ny2-section13 .head2 { padding-bottom: 25px; margin-bottom: 25px; } .ny2-section13 .head2 .text1 { font-size: 18px; } .ny2-section13 .head2 .number { margin-top: 10px; text-align: center; } .ny2-section13 .head2 .number .text2 { font-size: 24px; } .ny2-section13 .head2 .number .btn { position: static; padding: 6px 10px; border-radius: 4px; display: block; transform: translateY(0); margin-top: 10px; } .ny2-section13 .head2 .tip { margin-top: 20px; font-size: 14px; padding-left: 15px; } .ny2-section13 .head2 .tip:before { width: 10px; height: 10px; } .ny2-section13 .table table td:first-child { min-width: 40px; } .ny2-section13 .bottom { margin-top: 20px; display: block; } .ny2-section13 .more-btn .text { font-size: 14px; } .ny2-section13 .more-btn img { width: 16px; margin-top: -3px; margin-right: 5px; } .ny2-section13 .user-pagination { margin-top: 40px; } } /* ==================== 个人中心 - 我的账号 - 板块十三 End ==================== */ /* ==================== 个人中心 - 我的账号 - 板块十五 Start ==================== */ .ny2-section15 .item { margin-bottom: 70px; } .ny2-section15 .item:last-child { margin-bottom: 0; } .ny2-section15 .head { font-family: HONORSansCN-Regular; font-size: 1.25vw; line-height: 1.1; padding-bottom: 2.19vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); color: #000; margin-bottom: 2.5vw; } .ny2-section15 .desc { color: rgba(0, 0, 0, 0.6); line-height: 1.8; font-family: HONORSansCN-Regular; font-size: 1.13vw; } .ny2-section15 .desc img { margin-left: 5.63vw; } @media screen and (min-width: 1440px) { .ny2-section15 .head { font-size: 20px; padding-bottom: 35px; margin-bottom: 40px; } .ny2-section15 .desc { font-size: 18px; } .ny2-section15 .desc img { margin-left: 90px; } } @media screen and (max-width: 768px) { .ny2-section15 .head { font-size: 14px; padding-bottom: 20px; margin-bottom: 20px; } .ny2-section15 .desc { font-size: 14px; } .ny2-section15 .desc img { margin-left: 0; width: 100%; } } /* ==================== 个人中心 - 我的账号 - 板块十五 End ==================== */ /* ==================== 内页3 - 弹窗 Start ==================== */ .ny3-section1-popup .head { display: flex; align-items: center; justify-content: flex-start; padding-bottom: 1.25vw; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny3-section1-popup .head .text1 { font-family: HONORSansCN-DemiBold; font-size: 1.5vw; color: #000000; line-height: 1.1; } .ny3-section1-popup .head .text2 { margin-left: 1.5vw; font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.1; color: #0ab496; } .ny3-section1-popup form { padding-top: 1.88vw; } .ny3-section1-popup form .form-title { font-family: HONORSansCN-DemiBold; font-size: 1.13vw; color: #000000; line-height: 1.1; padding-bottom: 0.63vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-top: 1.88vw; } .ny3-section1-popup form .form-item { margin-bottom: 0.94vw; display: flex; align-items: center; justify-content: flex-start; } .ny3-section1-popup form .form-item .label { font-size: 1.13vw; font-family: HONORSansCN-Regular; color: rgba(0, 0, 0, 0.6); line-height: 1.1; width: 5em; margin-right: 0.63vw; flex-shrink: 0; } .ny3-section1-popup form .form-item .layui-input { width: 25vw; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ny3-section1-popup form .form-item .layui-input:focus { box-shadow: none; } .ny3-section1-popup form .form-item .layui-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.4); } .ny3-section1-popup form .form-item .layui-input::-moz-placeholder { color: rgba(0, 0, 0, 0.4); } .ny3-section1-popup form .form-item .layui-input:-moz-placeholder { color: rgba(0, 0, 0, 0.4); } .ny3-section1-popup form .form-item .layui-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.4); } .ny3-section1-popup form button { display: block; width: 12.5vw; height: 3.13vw; background-color: #0ab496; border-radius: 0.25vw; margin-left: auto; margin-right: auto; color: #fff; text-align: center; font-family: HONORSansCN-Regular; font-size: 1.13vw; margin-top: 3.44vw; } @media screen and (min-width: 1440px) { .ny3-section1-popup .head { padding-bottom: 20px; } .ny3-section1-popup .head .text1 { font-size: 24px; } .ny3-section1-popup .head .text2 { margin-left: 24px; font-size: 16px; } .ny3-section1-popup form { padding-top: 30px; } .ny3-section1-popup form .form-title { font-size: 18px; padding-bottom: 10px; margin-top: 30px; } .ny3-section1-popup form .form-item { margin-bottom: 15px; } .ny3-section1-popup form .form-item .label { font-size: 18px; margin-right: 10px; } .ny3-section1-popup form .form-item .layui-input { width: 400px; } .ny3-section1-popup form button { width: 200px; height: 50px; border-radius: 4px; font-size: 18px; margin-top: 55px; } } @media screen and (max-width: 768px) { .ny3-section1-popup .head { padding-bottom: 10px; } .ny3-section1-popup .head .text1 { font-size: 16px; } .ny3-section1-popup .head .text2 { margin-left: 12px; font-size: 14px; } .ny3-section1-popup form { padding-top: 20px; } .ny3-section1-popup form .form-title { font-size: 14px; padding-bottom: 10px; margin-top: 40px; } .ny3-section1-popup form .form-item { margin-bottom: 20px; display: block; } .ny3-section1-popup form .form-item .label { font-size: 14px; margin-right: 0; margin-bottom: 10px; } .ny3-section1-popup form .form-item .layui-input { width: 100%; padding-left: 0; } .ny3-section1-popup form button { width: 200px; height: 40px; border-radius: 4px; font-size: 14px; margin-top: 28px; } } /* ==================== 内页3 - 弹窗 End ==================== */ /* ==================== 内页3 - 板块一 Start ==================== */ .ny3-section1 .head { display: flex; align-items: center; justify-content: space-between; } .ny3-section1 .head .tabs { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1.5vw; } .ny3-section1 .head .tabs .tab-item { padding: 0.63vw 1.56vw; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25vw; overflow: hidden; transition: all 0.4s; color: rgba(0, 0, 0, 0.6); margin-right: 0.63vw; font-size: 1vw; } .ny3-section1 .head .tabs .tab-item:last-child { margin-right: 0; } .ny3-section1 .head .tabs .tab-item.active { color: #fff; background-color: #0ab496; border-color: #0ab496; } .ny3-section1 .head .add-btn { font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1.1; color: #0ab496; } .ny3-section1 .address-btn.default { color: #333; pointer-events: none; } .ny3-section1 .table td .add-btn, .ny3-section1 .table td .del-btn { padding-right: 1.25vw; } .ny3-section1 .table td .add-btn:last-child, .ny3-section1 .table td .del-btn:last-child { padding-right: 0; } @media screen and (min-width: 1440px) { .ny3-section1 .head .tabs { margin-bottom: 24px; } .ny3-section1 .head .tabs .tab-item { padding: 10px 25px; border-radius: 4px; margin-right: 10px; font-size: 16px; } .ny3-section1 .head .add-btn { font-size: 18px; } .ny3-section1 .table td .del-btn { padding-right: 20px; } } @media screen and (max-width: 768px) { .ny3-section1 .head { display: block; margin-bottom: 30px; } .ny3-section1 .head .tabs { margin-bottom: 20px; } .ny3-section1 .head .tabs .tab-item { padding: 4px 20px; padding-top: 6px; border-radius: 4px; margin-right: 10px; font-size: 14px; } .ny3-section1 .head .add-btn { font-size: 14px; } .ny3-section1 .table td .del-btn { padding-right: 10px; } } /* ==================== 内页3 - 板块一 End ==================== */ /* ==================== 内页3 - 板块二 Start ==================== */ .ny3-section2 .item { font-family: HONORSansCN-Regular; font-size: 1.13vw; border-bottom: 1px solid rgba(0, 0, 0, 0.09); padding-top: 1.25vw; padding-bottom: 1.25vw; display: block; width: 100%; } .ny3-section2 .item .time { font-family: inherit; font-size: inherit; color: rgba(0, 0, 0, 0.6); } .ny3-section2 .item .text { color: #000; line-height: 1.1; margin-left: 1.56vw; font-family: HONORSansCN-Regular; font-size: 1.13vw; } @media screen and (min-width: 1440px) { .ny3-section2 .item { font-size: 18px; padding-top: 20px; padding-bottom: 20px; } .ny3-section2 .item .text { margin-left: 25px; font-size: 18px; } } @media screen and (max-width: 768px) { .ny3-section2 .item { font-size: 13px; padding-top: 10px; padding-bottom: 10px; line-height: 1.6; } .ny3-section2 .item .text { margin-left: 10px; font-size: 14px; } } /* ==================== 内页3 - 板块二 End ==================== */ /* ==================== 内页3 - 板块三 Start ==================== */ /* ==================== 内页3 - 板块三 End ==================== */ /* ==================== 内页3 - 订单信息弹窗 Start ==================== */ .ny3-section3-popup .head { font-family: HONORSansCN-DemiBold; font-size: 24px; line-height: 1.1; padding-bottom: 20px; width: 100%; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny3-section3-popup .desc { color: rgba(0, 0, 0, 0.6); font-family: HONORSansCN-Regular; font-size: 18px; line-height: 1.8; text-align: justify; margin-top: 30px; } .ny3-section3-popup .item { margin-bottom: 60px; } .ny3-section3-popup .item span.active { color: #0ab496; } .ny3-section3-popup .table { display: block; width: 100%; text-align: left; } .ny3-section3-popup .table table { width: 100%; } .ny3-section3-popup .table th { font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1.1; padding: 1.25vw; background-color: rgba(0, 0, 0, 0.04); font-weight: 400; color: rgba(0, 0, 0, 0.6); white-space: nowrap; } .ny3-section3-popup .table td { padding: 1.56vw 1.25vw; font-family: HONORSansCN-Regular; font-size: 1vw; color: #000000; line-height: 1.6; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny3-section3-popup .table a { color: #0ab496; } .ny3-section3-popup .table a:hover { text-decoration: underline; } @media screen and (min-width: 1440px) { .ny3-section3-popup .head { font-size: 24px; padding-bottom: 20px; } .ny3-section3-popup .desc { font-size: 18px; margin-top: 30px; } .ny3-section3-popup .item { margin-bottom: 60px; } .ny3-section3-popup .table th { font-size: 18px; padding: 20px; } .ny3-section3-popup .table td { padding: 25px 20px; font-size: 16px; } } @media screen and (max-width: 768px) { .ny3-section3-popup .head { font-size: 16px; padding-bottom: 10px; font-weight: bold; } .ny3-section3-popup .desc { font-size: 14px; margin-top: 15px; } .ny3-section3-popup .item { margin-bottom: 30px; } .ny3-section3-popup .table table { overflow: auto; display: block; } .ny3-section3-popup .table th { font-size: 14px; padding: 10px; white-space: nowrap; } .ny3-section3-popup .table td { min-width: 120px; padding: 13px 10px; font-size: 12px; } } /* ==================== 内页3 - 订单信息弹窗 End ==================== */ /* ==================== 内页3 - 板块四 Start ==================== */ /* ==================== 内页3 - 板块四 End ==================== */ /* ==================== 内页3 - 板块五 Start ==================== */ /* ==================== 内页3 - 板块五 End ==================== */ /* ==================== 内页3 - 板块六 Start ==================== */ /* ==================== 内页3 - 板块六 End ==================== */ /* ==================== 内页3 - 板块七 Start ==================== */ /* ==================== 内页3 - 板块七 End ==================== */ /* ==================== 内页3 - 板块八 Start ==================== */ /* ==================== 内页3 - 板块八 End ==================== */ /* ==================== 内页4 - 板块一 Start ==================== */ .ny4-section1 .table2 { width: 100%; } .ny4-section1 .table2 th:nth-child(1), .ny4-section1 .table2 td:nth-child(1) { width: 40%; } .ny4-section1 .table2 th:nth-child(2), .ny4-section1 .table2 td:nth-child(2) { width: 15%; } .ny4-section1 .table2 th:nth-child(3), .ny4-section1 .table2 td:nth-child(3) { width: 15%; } .ny4-section1 .table2 th:nth-child(4), .ny4-section1 .table2 td:nth-child(4) { width: 15%; } .ny4-section1 .table2 th:nth-child(5), .ny4-section1 .table2 td:nth-child(5) { width: 15%; } .ny4-section1 .table2 table { width: 100%; display: block; } .ny4-section1 .table2 tbody { width: 100%; display: block; } .ny4-section1 .table2 th { white-space: nowrap; background-color: #F5F5F5; padding: 1.25vw 2.5vw; color: rgba(0, 0, 0, 0.6); font-family: HONORSansCN-Regular; font-size: 1.125vw; line-height: 1.1; font-weight: 400; text-align: left; } .ny4-section1 .table2 tr { display: flex; align-items: stretch; justify-content: flex-start; position: relative; padding-top: 2.5vw; border: 1px solid rgba(0, 0, 0, 0.06); border-top: 0; margin-bottom: 0.875vw; } .ny4-section1 .table2 tr:first-child { margin-bottom: 1.25vw; border: 0; padding-top: 0; } .ny4-section1 .table2 tr:first-child td { border: 0; } .ny4-section1 .table2 tr td { display: block; border-right: 1px solid rgba(0, 0, 0, 0.06); padding: 1.875vw 1.25vw; font-family: HONORSansCN-Regular; font-size: 1vw; color: #000000; } .ny4-section1 .table2 tr td:last-child { border-radius: 0; } .ny4-section1 .table2 tr td a { display: table; color: #0ab496; margin-bottom: 0.313vw; } .ny4-section1 .table2 tr td a:last-child { margin-bottom: 0; } .ny4-section1 .table2 tr td a:hover { text-decoration: underline; } .ny4-section1 .table2 .first-item { position: absolute; height: 2.5vw; top: 0; left: 0; width: 100%; background-color: #F5F5F5; display: flex; align-items: center; justify-content: flex-start; padding-left: 1.25vw; line-height: 1.1; font-family: HONORSansCN-Regular; font-size: 0.875vw; color: rgba(0, 0, 0, 0.6); } .ny4-section1 .table2 .text1 { font-family: HONORSansCN-Regular; font-size: 1.25vw; color: #000; line-height: 1.1; } .ny4-section1 .table2 .text1 div { font-family: inherit; font-size: inherit; color: inherit; } .ny4-section1 .table2 .text1 .layui-form-checked[lay-skin=primary] > i { background-color: #0ab496; border-color: #0ab496; } .ny4-section1 .table2 .text1 .layui-form-checkbox > i { margin-top: 2px; } .ny4-section1 .table2 .text2 { line-height: 1.4; color: #0ab496; font-family: HONORSansCN-Regular; font-size: 1vw; padding-left: 1.875vw; margin-top: 1.25vw; } .ny4-section1 .table2 .addtext .text2{ line-height: 1.4; font-size: 1vw; color: #0ab496; padding-left: 0; margin-top: 0; } .ny4-section1 .table2 .addtext .text2 .t2{ margin-top: 1.25vw; } .ny4-section1 .table2 .addtext .text1 .layui-form-checkbox > i{ margin-top: 0; } .ny4-section1 .table2 .text2 span { display: block; } .ny4-section1 .table2 .addtext{ display: flex; align-items: baseline; } .ny4-section1 .table2 .addtext .text2{ margin-top: 0; } .ny4-section1 .table2 .addtext .text2 ul li{ margin-bottom: 1.25vw; } .ny4-section1 .table2 .addtext .text2 ul li:last-child{ margin-bottom: 0; } .ny4-section1 .table2 .addtext .text2 .t1{ font-family: HONORSansCN-Regular; font-size: 1.25vw; color: #000; } .ny4-section1 .summary { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 2.5vw; } .ny4-section1 .summary .all-select div { color: #000; font-family: HONORSansCN-Regular; font-size: 1vw; } .ny4-section1 .summary .all-select .layui-form-checkbox > i { margin-top: 2px; } .ny4-section1 .summary .right { display: flex; align-items: flex-start; justify-content: flex-start; } .ny4-section1 .summary .right .number { font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); margin-right: 1.25vw; } .ny4-section1 .summary .right .text2 { font-family: HONORSansCN-Regular; font-size: 1vw; color: #000; line-height: 1.1; margin-right: 0.625vw; margin-top: 0.25vw; } .ny4-section1 .summary .right .text3 { font-family: HONORSansCN-DemiBold; font-size: 1.875vw; line-height: 1.1; margin-right: 2.5vw; color: #0ab496; } .ny4-section1 .summary .right button { background-image: none; background-color: #0ab496; color: #fff; margin-top: 0; margin-left: 0; } @media screen and (min-width: 1440px) { .ny4-section1 .table2 th { padding: 20px; font-size: 18px; } .ny4-section1 .table2 tr { padding-top: 40px; margin-bottom: 14px; } .ny4-section1 .table2 tr:first-child { margin-bottom: 20px; } .ny4-section1 .table2 tr td { padding: 30px 20px; font-size: 16px; } .ny4-section1 .table2 tr td a { margin-bottom: 5px; } .ny4-section1 .table2 .first-item { height: 40px; padding-left: 20px; font-size: 14px; } .ny4-section1 .table2 .text1 { font-size: 20px; } .ny4-section1 .table2 .text2 { font-size: 16px; padding-left: 30px; margin-top: 20px; } .ny4-section1 .table2 .addtext .text2{ padding-left: 0; font-size: 16px; margin-top: 0; } .ny4-section1 .table2 .addtext .text2 ul li{ margin-bottom: 30px; } .ny4-section1 .table2 .addtext .text2 ul li:last-child{ margin-bottom: 0; } .ny4-section1 .table2 .addtext .text2 .t1{ font-size: 20px; } .ny4-section1 .table2 .addtext .text2 .t2{ margin-top: 20px; } .ny4-section1 .table2 .addtext .text1 .layui-form-checkbox > i{ margin-top: 0; } .ny4-section1 .summary { margin-top: 40px; } .ny4-section1 .summary .all-select div { font-size: 16px; } .ny4-section1 .summary .right .number { font-size: 16px; margin-right: 20px; } .ny4-section1 .summary .right .text2 { font-size: 16px; margin-right: 10px; margin-top: 4px; } .ny4-section1 .summary .right .text3 { font-size: 30px; margin-right: 40px; } } @media screen and (max-width: 768px) { .ny4-section1 .table2 { overflow: auto; } .ny4-section1 .table2 th, .ny4-section1 .table2 td { flex-shrink: 0; } .ny4-section1 .table2 th:nth-child(1), .ny4-section1 .table2 td:nth-child(1) { width: 250px; } .ny4-section1 .table2 th:nth-child(2), .ny4-section1 .table2 td:nth-child(2) { width: 100px; } .ny4-section1 .table2 th:nth-child(3), .ny4-section1 .table2 td:nth-child(3) { width: 100px; } .ny4-section1 .table2 th:nth-child(4), .ny4-section1 .table2 td:nth-child(4) { width: 100px; } .ny4-section1 .table2 th:nth-child(5), .ny4-section1 .table2 td:nth-child(5) { width: 100px; } .ny4-section1 .table2 table { width: calc(250px + 100px + 100px + 100px + 100px); } .ny4-section1 .table2 th { padding: 10px; font-size: 14px; white-space: nowrap; } .ny4-section1 .table2 tr { padding-top: 40px; margin-bottom: 7px; } .ny4-section1 .table2 tr:first-child { margin-bottom: 10px; padding-top: 0; } .ny4-section1 .table2 tr td { padding: 15px 10px; font-size: 14px; } .ny4-section1 .table2 tr td a { margin-bottom: 5px; } .ny4-section1 .table2 .first-item { height: 40px; padding-left: 10px; font-size: 14px; } .ny4-section1 .table2 .text1 { font-size: 14px; } .ny4-section1 .table2 .addtext .text2 .t1{ font-size: 14px; } .ny4-section1 .table2 .text1 .layui-form-checkbox > i { margin-top: -1px; } .ny4-section1 .table2 .text2 { font-size: 14px; padding-left: 15px; margin-top: 20px; } .ny4-section1 .table2 .addtext .text2 ul li{ margin-bottom: 20px; } .ny4-section1 .table2 .addtext .text2 .t2{ font-size: 14px; margin-top: 20px; padding-left: 0; } .ny4-section1 .summary { margin-top: 20px; display: block; } .ny4-section1 .summary .all-select div { font-size: 14px; } .ny4-section1 .summary .all-select .layui-form-checkbox > i { margin-top: -1px; } .ny4-section1 .summary .all-select .layui-form-checked[lay-skin=primary]>i{ border-color: #0ab496 !important; background-color: #0ab496 !important; } .ny4-section1 .summary .right { display: block; } .ny4-section1 .summary .right .number { font-size: 14px; margin-right: 20px; margin-top: 10px; } .ny4-section1 .summary .right .text2 { font-size: 14px; margin-right: 10px; margin-top: 10px; } .ny4-section1 .summary .right .text3 { font-size: 20px; margin-right: 0; margin-top: 10px; } .ny4-section1 .summary .right button { margin-top: 20px; } } /* ==================== 内页4 - 板块一 End ==================== */ /* ==================== 内页4 - 板块二 Start ==================== */ .ny4-section2 .card1 { padding: 2.5vw 1.875vw; border: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 0.875vw; } .ny4-section2 .card1 .top { display: flex; /*align-items: center;*/ align-items: flex-start; justify-content: flex-start; font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.1; color: #333; } .ny4-section2 .card1 .top a:hover { text-decoration: underline; } .ny4-section2 .card1 .top .text1 { position: relative; min-width: 0; flex-grow: 1; display: flex; align-items: center; justify-content: flex-start; } .ny4-section2 .card1 .top .text1 .common-btn { margin-left: 2.5vw; flex-shrink: 0; } .ny4-section2 .card1 .top .text1 span { display: block; } .ny4-section2 .card1 .top .text1 span:nth-child(1) { font-family: HONORSansCN-Regular; font-size: 0.875vw; line-height: 1.1; color: #969696; } .ny4-section2 .card1 .top .text1 span:nth-child(2) { font-family: HONORSansCN-Regular; font-size: 1.125vw; line-height: 1.1; margin-top: 0.625vw; } .ny4-section2 .card1 .top .text2 { font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.1; color: #333; margin-right: 2.5vw; flex-shrink: 0; } .ny4-section2 .card1 .top .text2 .text2-1 { color: #0ab496; } .ny4-section2 .card1 .top .text2 .text2-2 { color: #0030ff; } .ny4-section2 .card1 .top .text3 { flex-shrink: 0; } .ny4-section2 .card1 .top .text3 a { color: #0ab496; } .ny4-section2 .card1 .top .upload-btn { display: flex; align-items: center; justify-content: center; width: 7.5vw; height: 2.5vw; border-radius: 0.25vw; border: 1px solid rgba(0, 0, 0, 0.06); color: #333; font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1; margin-left: 2.875vw; cursor: pointer; transition: all 0.4s; position: relative; } .ny4-section2 .card1 .top .upload-btn:hover ul { opacity: 1; visibility: visible; } .ny4-section2 .card1 .top .upload-btn ul { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; box-shadow: 0vw 0vw 0.625vw 0vw rgba(0, 0, 0, 0.06); margin-top: 0.625vw; transition: all 0.2s; opacity: 0; visibility: hidden; padding-top: 0.625vw; padding-bottom: 0.625vw; } .ny4-section2 .card1 .top .upload-btn ul:hover { opacity: 1; visibility: visible; } .ny4-section2 .card1 .top .upload-btn ul li { text-align: center; cursor: pointer; padding-top: 0.625vw; padding-bottom: 0.625vw; font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); transition: all 0.4s; } .ny4-section2 .card1 .top .upload-btn ul li:hover { color: #0ab496; background-color: rgba(0, 0, 0, 0.02); } .ny4-section2 .card1 .top .upload-btn:hover { background-color: #0ab496; color: #fff; transition: all 0.4s; } .ny4-section2 .card1 .top .upload-btn:hover img { transition: all 0.4s; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .ny4-section2 .card1 .top .upload-btn img { width: 0.938vw; line-height: 1; flex-shrink: 0; margin-left: 0.313vw; } .ny4-section2 .card1 .btn-group { display: flex; align-items: center; justify-content: flex-end; margin-top: 1.875vw; } .ny4-section2 .card1 .btn-group .btn { width: 10vw; height: 3.125vw; line-height: 3.125vw; border-radius: 0.25vw; text-align: center; margin-right: 0.75vw; border: solid 1px rgba(0, 0, 0, 0.1); font-family: HONORSansCN-Regular; font-size: 1.125vw; color: #000; } .ny4-section2 .card1 .btn-group .btn:hover { color: #0ab496; } .ny4-section2 .card1 .btn-group .btn:last-child { margin-right: 0; } .ny4-section2 .card1 .btn-group .btn.active { background-color: #0ab496; color: #fff; border-color: #0ab496; } .ny4-section2 .card2 { border: solid 1px rgba(0, 0, 0, 0.06); } .ny4-section2 .card2 .itembox { display: flex; align-items: stretch; justify-content: flex-start; } .ny4-section2 .card2 .item { width: 33.333%; padding: 2.5vw; border-right: solid 1px rgba(0, 0, 0, 0.06); } .ny4-section2 .card2 .item:last-child { border-right: 0; } .ny4-section2 .card2 .item .head { font-family: HONORSansCN-Regular; font-size: 1.125vw; line-height: 1.1; margin-bottom: 1.188vw; } .ny4-section2 .card2 .item .desc { font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); line-height: 1.6; } .ny4-section2 .card2 .item .desc span { font-size: 0.875vw; } .ny4-section2 .card2 .item .desc .common-btn { padding: 8px 20px; margin-top: 20px; } .ny4-section2 .card2 .tip { font-family: HONORSansCN-Regular; font-size: 0.875vw; color: #0ab496; line-height: 1.4; padding: 1.25vw 2.5vw; text-align: left; border-top: solid 1px rgba(0, 0, 0, 0.06); } .ny4-section2 .card3 { margin-top: 2.5vw; } .ny4-section2 .card3 th, .ny4-section2 .card3 td { text-align: left; } .ny4-section2 .card3 td { border-bottom: solid 1px rgba(0, 0, 0, 0.06); } .ny4-section2 .card3 .head { font-family: HONORSansCN-DemiBold; font-size: 1.25vw; line-height: 1.1; color: #000; margin-bottom: 1.25vw; } .ny4-section2 .card3 .summary { font-family: HONORSansCN-Regular; font-size: 1.125vw; text-align: right; color: rgba(0, 0, 0, 0.6); line-height: 1.8; margin-top: 3.125vw; font-family: HONORSansCN-DemiBold; } .ny4-section2 .card3 .summary span { color: rgba(0, 0, 0, 0.6); } .ny4-section2 .card3 .summary span.active { color: #0ab496; } @media screen and (min-width: 1440px) { .ny4-section2 .card1 { padding: 40px 30px; margin-bottom: 14px; } .ny4-section2 .card1 .top { font-size: 16px; } .ny4-section2 .card1 .top .text1 .common-btn { margin-left: 40px; } .ny4-section2 .card1 .top .text1 span:nth-child(1) { font-size: 14px; } .ny4-section2 .card1 .top .text1 span:nth-child(2) { font-size: 18px; margin-top: 10px; } .ny4-section2 .card1 .top .text2 { font-size: 16px; margin-right: 40px; } .ny4-section2 .card1 .top .upload-btn { width: 120px; height: 40px; border-radius: 4px; font-size: 16px; margin-left: 46px; } .ny4-section2 .card1 .top .upload-btn ul { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); margin-top: 10px; padding-top: 10px; padding-bottom: 10px; } .ny4-section2 .card1 .top .upload-btn ul li { padding-top: 10px; padding-bottom: 10px; font-size: 16px; } .ny4-section2 .card1 .top .upload-btn img { width: 15px; margin-left: 5px; } .ny4-section2 .card1 .btn-group { margin-top: 30px; } .ny4-section2 .card1 .btn-group .btn { width: 160px; height: 50px; line-height: 50px; border-radius: 4px; margin-right: 12px; font-size: 18px; } .ny4-section2 .card2 .item { padding: 40px; } .ny4-section2 .card2 .item .head { font-size: 18px; margin-bottom: 19px; } .ny4-section2 .card2 .item .desc { font-size: 16px; } .ny4-section2 .card2 .item .desc span { font-size: 14px; } .ny4-section2 .card2 .tip { font-size: 14px; padding: 20px 40px; } .ny4-section2 .card3 { margin-top: 40px; } .ny4-section2 .card3 .head { font-size: 20px; margin-bottom: 20px; } .ny4-section2 .card3 .summary { font-size: 18px; margin-top: 50px; } } @media screen and (max-width: 768px) { .ny4-section2 .card1 { padding: 20px 10px; margin-bottom: 20px; } .ny4-section2 .card1 .top { font-size: 14px; display: block; } .ny4-section2 .card1 .top .text1 { display: block; } .ny4-section2 .card1 .top .text1 .common-btn { margin-left: 0; margin-top: 20px; margin-bottom: 10px; } .ny4-section2 .card1 .top .text1 span:nth-child(1) { font-size: 14px; } .ny4-section2 .card1 .top .text1 span:nth-child(2) { font-size: 16px; margin-top: 10px; } .ny4-section2 .card1 .top .text2 { font-size: 14px; margin-right: 0; margin-top: 10px; line-height: 1.8; } .ny4-section2 .card1 .top .text3 { line-height: 1.8; } .ny4-section2 .card1 .top .upload-btn { width: 100%; height: 40px; border-radius: 4px; font-size: 14px; margin-left: 0; margin-top: 15px; } .ny4-section2 .card1 .top .upload-btn ul { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); margin-top: 10px; padding-top: 10px; padding-bottom: 10px; } .ny4-section2 .card1 .top .upload-btn ul li { padding-top: 10px; padding-bottom: 10px; font-size: 14px; } .ny4-section2 .card1 .top .upload-btn img { width: 15px; margin-left: 5px; } .ny4-section2 .card1 .btn-group { margin-top: 20px; } .ny4-section2 .card1 .btn-group .btn { width: 48%; height: 40px; line-height: 40px; border-radius: 4px; margin-right: 4%; font-size: 14px; } .ny4-section2 .card1 .btn-group .btn:last-child { margin-right: 0; } .ny4-section2 .card2 .itembox { display: block; } .ny4-section2 .card2 .item { width: 100%; padding: 20px; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny4-section2 .card2 .item:last-child { border-bottom: 0; } .ny4-section2 .card2 .item .head { font-size: 16px; margin-bottom: 20px; font-family: HONORSansCN-Regular; } .ny4-section2 .card2 .item .desc { text-align: left; font-size: 14px; line-height: 1.6; } .ny4-section2 .card2 .item .desc span { font-size: 12px; } .ny4-section2 .card2 .tip { font-size: 14px; padding: 15px 10px; } .ny4-section2 .card3 { margin-top: 40px; } .ny4-section2 .card3 .head { font-size: 20px; margin-bottom: 20px; } .ny4-section2 .card3 .summary { font-size: 14px; margin-top: 25px; } } /* ==================== 内页4 - 板块二 End ==================== */ /* ==================== 内页4 - 板块三 Start ==================== */ .ny4-section3 .desc { border: 1px solid rgba(0, 0, 0, 0.06); padding: 1.625vw 2.5vw; font-family: HONORSansCN-Regular; font-size: 1.125vw; line-height: 1.8; text-align: justify; color: rgba(1, 1, 1, 0.6); } .ny4-section3 .tabs { margin-top: 1.875vw; display: flex; align-items: center; margin-bottom: 1.25vw; } .ny4-section3 .tabs .tab-item { width: 32%; } .ny4-section3 .tabs .tab-item:nth-child(3n-1) { margin-left: 2%; margin-right: 2%; } .ny4-section3 .itembox { margin-top: 1.25vw; border-top: 1px solid rgba(0, 0, 0, 0.06); } .ny4-section3 .itembox .item { display: flex; align-items: center; justify-content: flex-start; padding: 1.25vw 2.5vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny4-section3 .itembox .item .text1 { font-family: HONORSansCN-Regular; font-size: 1.125vw; line-height: 1.1; margin-right: 1.25vw; width: 16.875vw; flex-shrink: 0; } .ny4-section3 .itembox .item .text2 { font-family: HONORSansCN-Regular; font-size: 1vw; line-height: 1.1; color: rgba(1, 1, 1, 0.6); min-width: 0; flex-grow: 1; } .ny4-section3 .itembox .item .btn-group { display: flex; align-items: center; justify-content: flex-start; } .ny4-section3 .itembox .item .btn-group .common-btn { min-width: 5.625vw; padding: 0.25vw 0.875vw; margin-right: 0.625vw; font-family: HONORSansCN-Regular; } .ny4-section3 .itembox .item .btn-group .common-btn:last-child { margin-right: 0; } .ny4-section3 .itembox .item .btn-group .common-btn:not-child('.active') { color: #333; } @media screen and (min-width: 1440px) { .ny4-section3 .desc { padding: 26px 40px; font-size: 18px; } .ny4-section3 .tabs { margin-top: 30px; margin-bottom: 20px; } .ny4-section3 .itembox { margin-top: 20px; } .ny4-section3 .itembox .item { padding: 20px 40px; } .ny4-section3 .itembox .item .text1 { font-size: 18px; margin-right: 20px; width: 270px; } .ny4-section3 .itembox .item .text2 { font-size: 16px; } .ny4-section3 .itembox .item .btn-group .common-btn { min-width: 90px; padding: 4px 14px; margin-right: 10px; } } @media screen and (max-width: 768px) { .ny4-section3 .desc { padding: 20px 10px; font-size: 14px; } .ny4-section3 .tabs { margin-top: 15px; margin-bottom: 30px; justify-content: space-between; flex-wrap: wrap; } .ny4-section3 .tabs .tab-item { width: 48%; padding-top: 8px; padding-bottom: 8px; } .ny4-section3 .tabs .tab-item:nth-child(3n-1) { margin-left: 0; margin-right: 0; } .ny4-section3 .tabs .tab-item:nth-child(2) ~ .tab-item { margin-top: 10px; } .ny4-section3 .itembox { margin-top: 10px; } .ny4-section3 .itembox .item { padding: 25px 0; display: block; } .ny4-section3 .itembox .item .text1 { font-size: 14px; margin-right: 20px; width: 100%; } .ny4-section3 .itembox .item .text2 { font-size: 14px; margin-top: 15px; } .ny4-section3 .itembox .item .btn-group { margin-top: 15px; justify-content: space-between; } .ny4-section3 .itembox .item .btn-group .common-btn { min-width: 45px; padding: 6px 7px; margin-right: 10px; width: 49%; } } /* ==================== 内页4 - 板块三 End ==================== */ /* ==================== 内页4 - 板块四 Start ==================== */ .ny4-section4 .table { text-align: left; } .ny4-section4 .table td { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } /* ==================== 内页4 - 板块四 End ==================== */ /* ==================== 内页4 - 弹窗 Start ==================== */ .ny4-section4-popup form .head { font-family: HONORSansCN-DemiBold; font-size: 1.5vw; line-height: 1.1; margin-bottom: 1.25vw; } .ny4-section4-popup form .image { width: 7.5vw; } .ny4-section4-popup .table { display: block; width: 100%; text-align: left; } .ny4-section4-popup .table table { width: 100%; } .ny4-section4-popup .table th { font-family: HONORSansCN-Regular; font-size: 1.13vw; line-height: 1.1; padding: 1.25vw; background-color: rgba(0, 0, 0, 0.04); font-weight: 400; color: rgba(0, 0, 0, 0.6); } .ny4-section4-popup .table td { padding: 1.56vw 1.25vw; font-family: HONORSansCN-Regular; font-size: 1vw; color: #000000; line-height: 1.6; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny4-section4-popup .table a { color: #0ab496; } .ny4-section4-popup .table a:hover { text-decoration: underline; } .ny4-section4-popup .layui-input-wrap { position: relative; padding-left: 1.88vw; padding-right: 1.88vw; } .ny4-section4-popup .layui-input-wrap .layui-input { width: 4vw; height: 1.88vw; line-height: 1.88vw; color: #0ab496; font-size: 1.13vw; line-height: 1; border: 0; border-radius: 0; pointer-events: none; text-align: center; padding-right: 0; padding-left: 0; } .ny4-section4-popup .layui-input-wrap .layui-input-affix { position: static; border: 0; } .ny4-section4-popup .layui-input-wrap .layui-icon { position: absolute; top: 0; width: 1.88vw; height: 1.88vw; border: 2px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; } .ny4-section4-popup .layui-input-wrap .layui-icon:before { position: static; font-size: 1.38vw; line-height: 0.8; color: #E5E5E5; margin: 0; transform: translate(0, 0); font-weight: 400; } .ny4-section4-popup .layui-input-wrap .layui-icon-up { right: 0; } .ny4-section4-popup .layui-input-wrap .layui-icon-up:before { content: "+"; } .ny4-section4-popup .layui-input-wrap .layui-icon-down { left: 0; } .ny4-section4-popup .layui-input-wrap .layui-icon-down:before { content: "-"; } .ny4-section4-popup .itembox { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; } .ny4-section4-popup .itembox .item { width: 3.5vw; height: 3.5vw; border-radius: 0.31vw; overflow: hidden; background-size: cover; background-position: center center; margin-right: 0.63vw; position: relative; margin-top: 0.94vw; } .ny4-section4-popup .itembox .item:hover .close2 { opacity: 1; visibility: visible; } .ny4-section4-popup .itembox .item .close2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.5); background-image: url(../images/usercenter/ny2/img006.png); background-position: center; background-size: 1.25vw; background-repeat: no-repeat; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.4s; } .ny4-section4-popup .form-itembox { padding: 3.13vw 2.5vw; padding-bottom: 0; } .ny4-section4-popup .form-itembox .form-item { display: flex; align-items: flex-start; justify-content: flex-start; font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); margin-bottom: 1.88vw; } .ny4-section4-popup .form-itembox .label { font-size: 1.13vw; line-height: 1.1; margin-right: 2.19vw; flex-shrink: 0; white-space: nowrap; min-width: 6em; } .ny4-section4-popup .form-itembox .upload-item .btn-item { display: flex; align-items: center; justify-content: flex-start; } .ny4-section4-popup .form-itembox .upload-item .btn-item .btn { padding: 0.63vw 1.56vw; background-color: #0ab496; color: #fff; font-family: HONORSansCN-Regular; font-size: 1vw; border-radius: 0.25vw; margin-right: 0.94vw; } .ny4-section4-popup .form-itembox .upload-item .btn-item .tip { font-family: HONORSansCN-Regular; font-size: 0.88vw; color: rgba(0, 0, 0, 0.6); } .ny4-section4-popup .form-itembox .layui-textarea { border: solid 1px rgba(0, 0, 0, 0.06); border-radius: 0.25vw; resize: none; width: 32.5vw; height: 13.13vw; background-color: #fff; } .ny4-section4-popup button { width: 12.5vw; height: 3.13vw; line-height: 3.13vw; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 0.25vw; font-size: 1vw; background-color: #0ab496; margin-left: auto; margin-right: auto; margin-top: 2.5vw; } .ny4-section4-popup button:hover { box-shadow: 0 0 0.63vw -0.31vw #0ab496; } @media screen and (min-width: 1440px) { .ny4-section4-popup form .head { font-size: 24px; margin-bottom: 20px; } .ny4-section4-popup form .image { width: 120px; } .ny4-section4-popup .table th { font-size: 18px; padding: 20px; } .ny4-section4-popup .table td { padding: 25px 20px; font-size: 16px; } .ny4-section4-popup .itembox .item { width: 56px; height: 56px; border-radius: 5px; margin-right: 10px; margin-top: 15px; } .ny4-section4-popup .itembox .item .close2 { background-size: 20px; } .ny4-section4-popup .layui-input-wrap { padding-left: 30px; padding-right: 30px; } .ny4-section4-popup .layui-input-wrap .layui-input { width: 64px; height: 30px; line-height: 30px; font-size: 18px; } .ny4-section4-popup .layui-input-wrap .layui-icon { width: 30px; height: 30px; } .ny4-section4-popup .layui-input-wrap .layui-icon:before { font-size: 22px; } .ny4-section4-popup .form-itembox { padding: 50px 40px; padding-bottom: 0; } .ny4-section4-popup .form-itembox .form-item { font-size: 16px; margin-bottom: 30px; } .ny4-section4-popup .form-itembox .label { font-size: 18px; margin-right: 35px; } .ny4-section4-popup .form-itembox .upload-item .btn-item .btn { padding: 10px 25px; font-size: 16px; border-radius: 4px; margin-right: 15px; } .ny4-section4-popup .form-itembox .upload-item .btn-item .tip { font-size: 14px; } .ny4-section4-popup .form-itembox .layui-textarea { border-radius: 4px; width: 520px; height: 210px; } .ny4-section4-popup button { width: 200px; height: 50px; line-height: 50px; border-radius: 4px; font-size: 16px; margin-top: 40px; } .ny4-section4-popup button:hover { box-shadow: 0 0 10px -5px #0ab496; } } @media screen and (max-width: 768px) { .ny4-section4-popup form .head { font-size: 18px; margin-bottom: 20px; } .ny4-section4-popup form .image { width: 60px; } .ny4-section4-popup .table table { overflow: auto; display: block; } .ny4-section4-popup .table th { font-size: 14px; padding: 10px; white-space: nowrap; } .ny4-section4-popup .table td { min-width: 120px; padding: 13px 10px; font-size: 14px; } .ny4-section4-popup .itembox .item { width: 50px; height: 50px; border-radius: 5px; margin-right: 10px; margin-top: 15px; } .ny4-section4-popup .itembox .item .close2 { background-size: 20px; } .ny4-section4-popup .layui-input-wrap { display: table; width: auto; padding-left: 30px; padding-right: 30px; } .ny4-section4-popup .layui-input-wrap .layui-input { width: 50px; height: 26px; line-height: 26px; font-size: 14px; text-align: center; } .ny4-section4-popup .layui-input-wrap .layui-icon { width: 26px; height: 26px; } .ny4-section4-popup .layui-input-wrap .layui-icon:before { font-size: 17px; } .ny4-section4-popup .form-itembox { padding: 0; margin-top: 30px; } .ny4-section4-popup .form-itembox .form-item { font-size: 14px; margin-bottom: 30px; display: block; } .ny4-section4-popup .form-itembox .form-item:last-child { margin-bottom: 20px; } .ny4-section4-popup .form-itembox .label { font-size: 14px; margin-right: 0; margin-bottom: 10px; color: #000; } .ny4-section4-popup .form-itembox .upload-item .btn-item { display: block; } .ny4-section4-popup .form-itembox .upload-item .btn-item .btn { display: table; padding: 10px 25px; font-size: 14px; border-radius: 4px; margin-right: 0; } .ny4-section4-popup .form-itembox .upload-item .btn-item .tip { font-size: 14px; margin-top: 10px; } .ny4-section4-popup .form-itembox .layui-textarea { border-radius: 4px; width: 100%; height: 120px; } .ny4-section4-popup button { width: 100%; height: 40px; line-height: 40px; border-radius: 4px; font-size: 14px; margin-top: 0; } .ny4-section4-popup button:hover { box-shadow: 0 0 10px -5px #0ab496; } } /* ==================== 内页4 - 弹窗 End ==================== */ /* ==================== 内页4 - 板块五 Start ==================== */ .ny4-section5 .top { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); line-height: 1.8; } .ny4-section5 .top span { color: inherit; font-size: inherit; margin-right: 1.25vw; } .ny4-section5 .item { margin-top: 3.75vw; } .ny4-section5 .item .head { font-family: HONORSansCN-DemiBold; font-size: 1.5vw; color: #000; padding-bottom: 1.25vw; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny4-section5 .item ul > li { display: flex; align-items: center; justify-content: space-between; padding-top: 1.25vw; padding-bottom: 1.25vw; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ny4-section5 .item ul > li:last-child { border-bottom: 0; } .ny4-section5 .item ul > li .text1 { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); line-height: 1.1; } .ny4-section5 .item ul > li .text1 span { color: #0ab496; } .ny4-section5 .item ul > li .time { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); } .ny4-section5 .item .info { border-radius: 0.25vw; border: 1px solid rgba(0, 0, 0, 0.06); padding: 2.5vw 1.88vw; } .ny4-section5 .item .info .desc { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: #000; line-height: 1.8; } .ny4-section5 .item .info .tip { margin-top: 0.63vw; font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); } .ny4-section5 .item .info .form-itembox { display: flex; align-items: center; justify-content: flex-start; margin-top: 2.5vw; } .ny4-section5 .item .info .form-item { margin-right: 3.13vw; display: flex; align-items: center; justify-content: flex-start; min-width: 0; flex-grow: 1; } .ny4-section5 .item .info .form-item .label { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); white-space: nowrap; } .ny4-section5 .item .info .form-item .layui-input { min-width: 0; flex-grow: 1; } .ny4-section5 .item .info button { margin-top: 0; margin-left: 0; background-image: none; background-color: #0ab496; } .ny4-section5 .table { text-align: left; } .ny4-section5 .table .image { width: 7.5vw; } .ny4-section5 .list { margin-top: 2.5vw; } .ny4-section5 .list-item { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 1.88vw; } .ny4-section5 .list-item .label { font-family: HONORSansCN-Regular; font-size: 1.13vw; color: rgba(0, 0, 0, 0.6); line-height: 1.1; width: 7em; flex-shrink: 0; margin-right: 1.25vw; } .ny4-section5 .list-item .text { font-family: HONORSansCN-Regular; font-size: 1vw; color: rgba(0, 0, 0, 0.6); line-height: 1.8; width: 31.25vw; } .ny4-section5 .list-item .image-list { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .ny4-section5 .list-item .image-list .image { margin-right: 0.63vw; width: 6.25vw; height: 6.25vw; border-radius: 0.25vw; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (min-width: 1440px) { .ny4-section5 .top { font-size: 18px; } .ny4-section5 .top span { margin-right: 20px; } .ny4-section5 .item { margin-top: 60px; } .ny4-section5 .item .head { font-size: 24px; padding-bottom: 20px; } .ny4-section5 .item ul > li { padding-top: 20px; padding-bottom: 20px; } .ny4-section5 .item ul > li .text1 { font-size: 18px; } .ny4-section5 .item ul > li .time { font-size: 18px; } .ny4-section5 .item .info { border-radius: 4px; padding: 40px 30px; } .ny4-section5 .item .info .desc { font-size: 18px; } .ny4-section5 .item .info .tip { margin-top: 10px; font-size: 16px; } .ny4-section5 .item .info .form-itembox { margin-top: 40px; } .ny4-section5 .item .info .form-item { margin-right: 50px; } .ny4-section5 .item .info .form-item .label { font-size: 18px; } .ny4-section5 .table .image { width: 120px; } .ny4-section5 .list { margin-top: 40px; } .ny4-section5 .list-item { margin-bottom: 30px; } .ny4-section5 .list-item .label { font-size: 18px; margin-right: 20px; } .ny4-section5 .list-item .text { font-size: 16px; width: 500px; } .ny4-section5 .list-item .image-list .image { margin-right: 10px; width: 100px; height: 100px; border-radius: 4px; } } @media screen and (max-width: 768px) { .ny4-section5 .top { font-size: 14px; } .ny4-section5 .top span { display: block; margin-right: 0; } .ny4-section5 .item { margin-top: 30px; } .ny4-section5 .item .head { font-size: 16px; padding-bottom: 10px; } .ny4-section5 .item ul > li { display: block; padding-top: 20px; padding-bottom: 20px; } .ny4-section5 .item ul > li .text1 { font-size: 14px; margin-bottom: 10px; } .ny4-section5 .item ul > li .time { font-size: 14px; } .ny4-section5 .item .info { border-radius: 4px; padding: 20px 15px; } .ny4-section5 .item .info .desc { font-size: 14px; } .ny4-section5 .item .info .tip { margin-top: 10px; font-size: 12px; line-height: 1.6; } .ny4-section5 .item .info .form-itembox { margin-top: 20px; display: block; } .ny4-section5 .item .info .form-item { display: block; margin-right: 0; margin-bottom: 20px; } .ny4-section5 .item .info .form-item:last-child { margin-bottom: 0; } .ny4-section5 .item .info .form-item .label { font-size: 14px; margin-bottom: 10px; } .ny4-section5 .table .image { width: 100px; } .ny4-section5 .list { margin-top: 30px; } .ny4-section5 .list-item { margin-bottom: 30px; display: block; } .ny4-section5 .list-item .label { width: 100%; font-size: 14px; margin-right: 0; margin-bottom: 10px; color: #000; } .ny4-section5 .list-item .text { font-size: 14px; width: 100%; } .ny4-section5 .list-item .image-list .image { margin-right: 10px; width: 50px; height: 50px; border-radius: 4px; } } /* ==================== 内页4 - 板块五 End ==================== */ /* ==================== 内页4 - 板块六 Start ==================== */ /* ==================== 内页4 - 板块六 End ==================== */ /* ==================== 内页4 - 板块七 Start ==================== */ /* ==================== 内页4 - 板块七 End ==================== */ /* ==================== 内页4 - 板块八 Start ==================== */ /* ==================== 内页4 - 板块八 End ==================== */ /* ==================== 内页5 - 板块一 Start ==================== */ .ny5-section1 .desc { width: 880px; font-family: HONORSansCN-Regular; font-size: 18px; line-height: 1.8; color: #b0b0b0; } .ny5-section1 .desc h2 { font-family: HONORSansCN-DemiBold; font-size: 20px; font-weight: 400; color: #0ab496; line-height: 1.1; margin-bottom: 0; } @media screen and (min-width: 1440px) { .ny5-section1 .desc { width: 880px; font-size: 18px; } .ny5-section1 .desc h2 { font-size: 20px; } } @media screen and (max-width: 768px) { .ny5-section1 .desc { width: 100%; font-size: 14px; } .ny5-section1 .desc h2 { font-size: 14px; } } /* ==================== 内页5 - 板块一 End ==================== */ /* ==================== 内页5 - 板块二 Start ==================== */ /* ==================== 内页5 - 板块二 End ==================== */ /* ==================== 内页5 - 板块三 Start ==================== */ /* ==================== 内页5 - 板块三 End ==================== */ /* ==================== 内页5 - 板块四 Start ==================== */ /* ==================== 内页5 - 板块四 End ==================== */ /* ==================== 内页5 - 板块五 Start ==================== */ /* ==================== 内页5 - 板块五 End ==================== */ /* ==================== 内页5 - 板块六 Start ==================== */ /* ==================== 内页5 - 板块六 End ==================== */ /* ==================== 内页5 - 板块七 Start ==================== */ /* ==================== 内页5 - 板块七 End ==================== */ /* ==================== 内页5 - 板块八 Start ==================== */ /* ==================== 内页5 - 板块八 End ==================== */