|
|
@@ -0,0 +1,886 @@
|
|
|
+* {
|
|
|
+ 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;
|
|
|
+}
|
