* { padding: 0; margin: 0; box-sizing: border-box; font-family: "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "\5fae\8f6f\96c5\9ed1", "Microsoft YaHei", SimHei, Helvetica, Arial, SimSun; } ul, li { list-style: none; } #publicFooterContent a { text-decoration: none; color: #fff; } body { display: flex; flex-direction: column; width: 100%; min-height: 100%; } .onlinetwo{ flex-grow: 1; } /**头部 */ .publicHeader_header_model { width: 100%; height: 158px; background: #007DFF url("../assets/image/public/header-bg.png?v=20220914") top no-repeat; background-size: contain; } .public_header_bg_wrapper { width: 100%; height: 72px; position: absolute; top: 186px; left: 0px; z-index: -1; } .publicHeader_header_wrapper { width: 1200px; margin: 0 auto; position: relative; padding-top: 92px; } .publicHeader_header_logo { float: left; margin-top: -70px; width: 282px; height: 113px; color: #fff; font-family: PingFangSC-Regular, PingFang SC; cursor: pointer; } .publicHeader_header_logo img { width: 100%; } .header-tag { position: absolute; right: 0; top: 0; width: 96px; height: 89px; background: url("../assets/image/public/icon1.png") center no-repeat; background-size: 96px 89px; } .publicHeader_header_tab { float: left; margin-left: 20px; margin-top: 12px; } .publicHeader_header_tab_item_wrapper { float: left; margin-right: 15px; } .publicHeader_header_tab_item { font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #fff; padding: 5px 10px 5px 10px; } .publicHeader_header_tab_item:hover { cursor: pointer; color: #007DFF; background: #fff; border-radius: 5px; } .publicHeader_header_tab_item_active { font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #007DFF; background: #fff; padding: 5px 10px 5px 10px; border-radius: 5px; cursor: pointer; } .publicHeader_header_info { float: right; margin-top: 16px; margin-right: 30px; } .publicHeader_header_user { float: right; margin-top: 15px; } .publicHeader_header_user_avatar { float: left; } .publicHeader_header_user_dropdown { float: left; margin-left: 10px; cursor: pointer; } .publicHeader_header_login { float: right; width: 92px; height: 40px; line-height: 42px; background: rgba(99, 200, 107, 1); border-radius: 20px; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(255, 255, 255, 1); text-align: center; margin-top: 10px; cursor: pointer; } /**脚步 */ .publicFooter_footer_model { width: 100%; height: 252px; background: rgba(0, 125, 255, .53); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05) inset; } .publicFooter_footer_wrapper { width: 1200px; margin: 0 auto; position: relative; padding-top: 40px; } .publicFooter_footer_wx_wrapper { float: left; width: 120px; height: 120px; text-align: center; } .publicFooter_footer_wx { width: 110px; height: 110px; } .publicFooter_footer_wx_text { font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(255, 255, 255, 1); line-height: 20px; } .publicFooter_footer_connect_us { float: left; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; color: rgba(255, 255, 255, 1); line-height: 25px; margin-left: 80px; padding-top: 6px; margin-right: 50px; } .publicFooter_footer_item { float: left; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; color: rgba(255, 255, 255, 1); line-height: 25px; padding-top: 6px; margin-left: 80px; } .publicFooter_footer_item_child { font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; color: rgba(255, 255, 255, 0.5); line-height: 20px; margin-bottom: 10px; } .publicFooter_footer_item_child:hover { cursor: pointer; color: #2a80f7; } /**路径显示 */ .locationItem { float: left; color: #0042FF; font-size: 14px; } .locationItem a{ text-decoration: none; } .locationItem_home_image { width: 16px; height: 16px; display: inline-block; position: relative; top: 3px; } .locationItem_active { float: left; color: rgba(0, 0, 0, 0.5); font-size: 14px; } .locationItem_tag { margin: 0px 3px 0px 10px; } #login { width: 100%; height: 100%; background: rgb(44, 44, 44, .9); position: fixed; top: 0; left: 0; z-index: 150; display: none; } .loginwrap { width: 720px; height: 500px; background: url(../assets/image/login/login.png) center 100% no-repeat; background-size: contain; background-color: #fff; border-radius: 12px; /* background-size: contain; */ position: absolute; top: 50%; left: 50%; z-index: 200; transform: translate(-50%, -50%); } .loginin { width: 50%; margin: 0 auto; padding-top: 41px; } .loginin>p { text-align: center; font-size: 36px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(0, 125, 255, 1); margin: 0; padding: 0; } .linput { text-align: center; margin-top: 34px; } .reset_two .linput { margin-top: 1px; } .reset_two input { margin-bottom: 10px; } .reset_two .tijiao { margin-top: 0; } .reset_two .loginin .backlogin { margin-top: 19px; } .reset_two .loginin { padding-top: 23px; } .reset_two .text_tip_new { font-size: 14px; color: red; text-align: center; margin: 10px 0; } .mb30 { margin-bottom: 30px !important; } .linput input { width: 298px; height: 54px; background: rgba(255, 255, 255, 1); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); border-radius: 27px; outline: none; border: none; padding-left: 18px; box-sizing: border-box; margin-bottom: 15px; } .mima { text-align: center; margin-top: 19px; } .xmima { margin-top: 19px; } .linput>input:first-child {} .login_text { font-size: 12px; color: red; margin: 0px auto 0; width: 280px; text-align: left; } .misspwd { font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(0, 125, 255, 1); margin-left: 150px; cursor: pointer; } input:not(.ep-input__inner)::placeholder { text-align: center; /* padding-left: 108px; */ font-size: 18px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(0, 0, 0, 0.3); } .tijiao { text-align: center; margin-top: 29px; } .tijiao button { width: 298px; height: 54px; background: rgba(0, 125, 255, 1); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); font-size: 18px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(255, 255, 255, 1); } .tijiao .el-button.is-round { border-radius: 27px; } .loginin .backlogin { color: rgb(0, 125, 255); font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; margin-top: 37px; text-align: center; cursor: pointer; } .tijiao .reset { background-color: rgba(255, 36, 67, 1); } .nobg { background: #fff; } .rember { width: 720px; height: 500px; background-size: contain; background-color: #fff; border-radius: 12px; position: absolute; z-index: 200; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rember1 { width: 50%; margin: 0 auto; padding-top: 63px; text-align: center; } .remberimg { vertical-align: middle; margin-right: 12px; width: 32px; height: 32px; } .resetpwdsu { font-size: 18px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(99, 200, 107, 1); display: inline-block; } .pwdtext { margin-top: 41px; margin-bottom: 26px; height: 129px; background: rgba(0, 0, 0, 0.05); border-radius: 12px; padding-top: 30px; } .hui { font-size: 18px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(0, 0, 0, 0.5); display: inline-block; margin-right: 24px; width: 78px; } .shenh { font-size: 18px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: rgba(0, 0, 0, 1); } .ptext { height: 50px; } .jztext { font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(0, 0, 0, 0.5); margin-bottom: 44px; } /* 面包屑样式和返回样式 */ [v-cloak] { display: none; } .no_footprint { min-height: 150; line-height: 150px; text-align: center; font-size: 14px; color: rgb(128, 128, 128); } #root { width: 1200px; margin: 0 auto; } .breadPic { /* height: 50px; line-height: 50px; overflow: hidden; position: relative; margin-top: 19px; */ height: 69px; line-height: 69px; overflow: hidden; position: relative; box-sizing: border-box; padding-top: 10px; } .breadPic_left { float: left; } .breadPic_left .el-breadcrumb { height: 50px; line-height: 50px; } .breadPic_left .el-breadcrumb i { width: 16px; height: 16px; box-sizing: border-box; padding-left: 20px; background: url("../assets/image/public/home.png") no-repeat left center; background-size: 16px 16px; } .breadPic_left .el-breadcrumb__inner { color: #0042FF; } .el-breadcrumb__separator { color: #0042FF; } .breadPic_right { float: right; width: 74px; height: 32px; background: rgba(255, 255, 255, 1); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 16px; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.8); line-height: 32px; text-align: center; cursor: pointer; position: absolute; right: 0; top: 50%; margin-top: -16px; } #cnzz_stat_icon_1279273979 { display: none !important; } .loading-mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 50; background: rgba(255, 255, 255, .5); display: flex; justify-content: center; align-items: center; } .loading-mask .loading-icon { margin: 0 auto 35px; width: 72px; height: 72px; background: url("../assets/image/loading.gif") center no-repeat; } .logo-title { position: relative; font-size: 28px; color: #fff; font-weight: normal; } .banner { width: 1200px; height: 299px; } .banner img { width: 100%; } .notice { float: left; margin-top: 18px; } .notice span { margin-top: -5px; display: inline-block; vertical-align: top; font-size: 20px; color: #000; font-weight: normal; line-height: normal; } .notice i { display: inline-block; vertical-align: top; width: 41px; height: 18px; background: url("../assets/image/icon-tag.png") center no-repeat; } .mt5 { margin-top: 5px; } .mt6 { margin-top: 6px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt3 { margin-top: 3px; } .ml5 { margin-left: 5px; } .ml15{ margin-left: 15px; } .fl { float: left; } .fr { float: right; } .mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; background: rgba(255, 255, 255, .45); } .qr-box { width: 163px; background: #ffffff; border-radius: 7px; padding: 10px 10px 15px 10px; } .qr-box img { display: block; width: 100%; } .qr-title { margin-top: 10px; font-size: 14px; font-weight: normal; color: #000; text-align: center; } .footer-logo { width: 181px; height: 109px; margin: 49px 0 0 78px; } .footer-line { margin: 0 80px 0 65px; width: 1px; height: 200px; background: #fff; } .footer-info { padding-top: 65px; font-size: 14px; color: #fff; line-height: 20px; } .footer-link-1 { margin-top: 40px; margin-right: 25px; width: 130px; height: 120px; } .footer-link-2 { margin-top: 45px; width: 163px; height: 112px; } .footer-link-1 img, .footer-link-2 img { width: 100%; } .common-ask { position: fixed; right: 0; top: 50%; margin-top: -40px; width: 80px; height: 80px; cursor: pointer; background: rgba(0, 125, 255, .1) url("../assets/image/public/icon-ask.png") center no-repeat; background-size: 39px 39px; border-radius: 50%; } .ask-text { margin-top: 10px; font-size: 12px; color: #409EFF; text-align: center; font-weight: normal; } .dialog-form .el-input__inner::placeholder { font-size: 14px !important; text-align: left; } .banner-box { width: 100%; height: 300px; } .banner-box img { width: 100%; } .res-list { display: flex; } .res-list a { width: 216px; height: 337px; border-radius: 12px; padding-top: 85px; text-decoration: none; } .res-list a:first-child { background: #ECF7F2; } .res-list a:nth-child(2) { background: #FEF7E4; } .res-list a:nth-child(3) { background: #FEEDED; } .res-list a:nth-child(4) { background: #F5EEFE; } .res-list a:nth-child(5) { background: #E6F2FD; } .res-list a:nth-child(6) { background: #F5EEFE; } .res-list a:hover { position: relative; z-index: 30; border: 2px solid #00a3ff; box-shadow: 0 0 6px rgba(0, 78, 255, 0.79); transform: scale(1.2); } .res-list a+a { margin-left: 15px; } .res-list a .res-icon { width: 77px; height: 77px; display: block; margin: 0 auto; } .res-list a .res-icon img { width: 100%; } .res-1 { font-size: 24px; font-weight: normal; color: #000; text-align: center; } .res-2 { font-size: 14px; font-weight: normal; color: #9A9A9A; text-align: center; padding: 0 10px; } .mw-168 { max-width: 168px; } .d-in-block { display: inline-block; } .v-mid { vertical-align: middle; } .text-overflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .border-box{ box-sizing: border-box; } .pl15{ padding-left: 15px; } .font-normal{ font-weight: normal; } .font-size-14{ font-size: 14px; } .font-size-16{ font-size: 16px; } .color-96{ color: #969696; } .lh20{ line-height: 20px; } .lh32{ line-height: 32px; }