|
@@ -1,1083 +1,1204 @@
|
|
|
/* banner图板块 */
|
|
|
.tender-1 {
|
|
|
- width: 100%;
|
|
|
- /* height: 475px; */
|
|
|
+ width: 100%;
|
|
|
+ background: linear-gradient(180deg, #fff9f2 0%, #fffdfa 100%);
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
}
|
|
|
|
|
|
.tender-1 .imgauto {
|
|
|
- width: 100%;
|
|
|
- /* height: 100%; */
|
|
|
- /* margin: 0 auto; */
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.tender-1 .imgauto img {
|
|
|
- width: 100%;
|
|
|
- z-index: 1;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 525px;
|
|
|
+ z-index: 1;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
|
|
|
/* 订阅模式选择板块 */
|
|
|
|
|
|
.subscription {
|
|
|
- width: 100%;
|
|
|
- height: 268px;
|
|
|
- margin-top: -70px;
|
|
|
+ width: 100%;
|
|
|
+ height: 268px;
|
|
|
+ margin-top: -70px;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center {
|
|
|
- width: 840px;
|
|
|
- height: 268px;
|
|
|
- margin: 0 auto;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
+ width: 840px;
|
|
|
+ height: 268px;
|
|
|
+ margin: 0 auto;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-free {
|
|
|
- width: 402px;
|
|
|
- height: 250px;
|
|
|
- background: url('/images/subscribe/free.png') no-repeat;
|
|
|
+ width: 402px;
|
|
|
+ height: 250px;
|
|
|
+ background: url("/images/subscribe/free.png") no-repeat;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-free .free-title {
|
|
|
- width: 402px;
|
|
|
- height: 26px;
|
|
|
- margin-top: 57px;
|
|
|
- text-align: center;
|
|
|
- font-size: 20px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 26px;
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- opacity: 1;
|
|
|
+ width: 402px;
|
|
|
+ height: 26px;
|
|
|
+ margin-top: 57px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 26px;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ opacity: 1;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-free .free-btn {
|
|
|
- width: 180px;
|
|
|
- height: 46px;
|
|
|
- background: rgba(44, 183, 202, 1);
|
|
|
- opacity: 1;
|
|
|
- border-radius: 6px;
|
|
|
- margin: 76px auto;
|
|
|
- display: block;
|
|
|
- text-align: center;
|
|
|
- font-size: 18px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 46px;
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- opacity: 1;
|
|
|
- transition: all 0.5s;
|
|
|
+ width: 180px;
|
|
|
+ height: 46px;
|
|
|
+ background: rgba(44, 183, 202, 1);
|
|
|
+ opacity: 1;
|
|
|
+ border-radius: 6px;
|
|
|
+ margin: 76px auto;
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 46px;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ opacity: 1;
|
|
|
+ transition: all 0.5s;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-free .free-btn:hover {
|
|
|
- transform: scale(1.1);
|
|
|
- transition: all 0.5s;
|
|
|
+ transform: scale(1.1);
|
|
|
+ transition: all 0.5s;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-vip {
|
|
|
- width: 402px;
|
|
|
- height: 250px;
|
|
|
- background: url('/images/subscribe/vip.png') no-repeat;
|
|
|
- background-position-x: center;
|
|
|
- /* margin-left: 54px; */
|
|
|
+ width: 402px;
|
|
|
+ height: 250px;
|
|
|
+ background: url("/images/subscribe/vip.png") no-repeat;
|
|
|
+ background-position-x: center;
|
|
|
+ /* margin-left: 54px; */
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-vip .vip-logo {
|
|
|
- width: 402px;
|
|
|
- height: 38px;
|
|
|
- margin-top: 57px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
+ width: 402px;
|
|
|
+ height: 38px;
|
|
|
+ margin-top: 57px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-vip .vip-logo img {
|
|
|
- width: 38px;
|
|
|
- height: 38px;
|
|
|
- margin-right: 10px;
|
|
|
+ width: 38px;
|
|
|
+ height: 38px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-vip .vip-logo .vip-title {
|
|
|
- font-size: 20px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 26px;
|
|
|
- color: rgba(255, 218, 177, 1);
|
|
|
- opacity: 1;
|
|
|
+ font-size: 20px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 26px;
|
|
|
+ color: rgba(255, 218, 177, 1);
|
|
|
+ opacity: 1;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-vip .vip-btn {
|
|
|
- width: 180px;
|
|
|
- height: 46px;
|
|
|
- background: rgba(52, 53, 90, 1);
|
|
|
- margin: 69px auto;
|
|
|
- opacity: 1;
|
|
|
- border-radius: 6px;
|
|
|
- display: block;
|
|
|
- text-align: center;
|
|
|
- font-size: 18px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 46px;
|
|
|
- color: rgba(255, 218, 177, 1);
|
|
|
- transition: all 0.5s;
|
|
|
+ width: 180px;
|
|
|
+ height: 46px;
|
|
|
+ background: rgba(52, 53, 90, 1);
|
|
|
+ margin: 69px auto;
|
|
|
+ opacity: 1;
|
|
|
+ border-radius: 6px;
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 46px;
|
|
|
+ color: rgba(255, 218, 177, 1);
|
|
|
+ transition: all 0.5s;
|
|
|
}
|
|
|
|
|
|
.subscription .sub-center .sub-vip .vip-btn:hover {
|
|
|
- transform: scale(1.1);
|
|
|
- transition: all 0.5s;
|
|
|
+ transform: scale(1.1);
|
|
|
+ transition: all 0.5s;
|
|
|
}
|
|
|
|
|
|
/* 订阅模式对比板块 */
|
|
|
.sub-contrast {
|
|
|
- width: 100%;
|
|
|
- min-height: 1020px;
|
|
|
- margin-top: 79px;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 1020px;
|
|
|
+ margin-top: -160px;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-header {
|
|
|
- width: 100%;
|
|
|
- height: 31px;
|
|
|
+ width: 100%;
|
|
|
+ height: 31px;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-header .header-title {
|
|
|
- width: 331px;
|
|
|
- height: 31px;
|
|
|
- line-height: 31px;
|
|
|
- margin: 0 auto;
|
|
|
- background: url('/images/subscribe/line.png') no-repeat;
|
|
|
- font-size: 24px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(29, 29, 29, 1);
|
|
|
- opacity: 1;
|
|
|
- text-align: center;
|
|
|
- background-position: center;
|
|
|
+ width: 331px;
|
|
|
+ height: 31px;
|
|
|
+ line-height: 31px;
|
|
|
+ margin: 0 auto;
|
|
|
+ background: url("/images/subscribe/line.png") no-repeat;
|
|
|
+ font-size: 24px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ color: rgba(29, 29, 29, 1);
|
|
|
+ opacity: 1;
|
|
|
+ text-align: center;
|
|
|
+ background-position: center;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main {
|
|
|
- width: 100%;
|
|
|
- height: 1020px;
|
|
|
- margin-top: 32px;
|
|
|
+ width: 100%;
|
|
|
+ height: 1020px;
|
|
|
+ margin-top: 32px;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center {
|
|
|
- width: 1140px;
|
|
|
- margin: 0 auto;
|
|
|
- display: flex;
|
|
|
- /* border: 1px solid rgba(224,224,224,1); */
|
|
|
+ width: 1140px;
|
|
|
+ margin: 0 auto;
|
|
|
+ display: flex;
|
|
|
+ /* border: 1px solid rgba(224,224,224,1); */
|
|
|
}
|
|
|
|
|
|
/* 功能/价格 */
|
|
|
/* li+li表示选中除第一个li其他所有的li */
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-left {
|
|
|
- width: 468px;
|
|
|
+ width: 468px;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-left > ul {
|
|
|
- width: 468px;
|
|
|
- margin: 0;
|
|
|
+ width: 468px;
|
|
|
+ margin: 0;
|
|
|
}
|
|
|
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-left > ul .modify-left {
|
|
|
- border-left: 1px solid #ececec;
|
|
|
- border-top: 1px solid #ececec;
|
|
|
- width: 100%;
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-left
|
|
|
+ > ul
|
|
|
+ .modify-left {
|
|
|
+ border-left: 1px solid #ececec;
|
|
|
+ border-top: 1px solid #ececec;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-left > ul li + li {
|
|
|
- color: rgba(29, 29, 29, 1);
|
|
|
- padding-left: 24px;
|
|
|
- width: 468px;
|
|
|
- opacity: 1;
|
|
|
- border-left: 1px solid #ececec;
|
|
|
- border-bottom: 1px solid #ececec;
|
|
|
- border-right: 1px solid #ececec;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
-}
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-left > ul li + li:not(.double){
|
|
|
- height: 52px;
|
|
|
- line-height: 52px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(29, 29, 29, 1);
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-left > ul li + li.double{
|
|
|
- height: 74px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(29, 29, 29, 1);
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-left > ul li + li.double>div:nth-child(1){
|
|
|
- font-size: 16px;
|
|
|
- line-height: 24px;
|
|
|
- color: #1D1D1D;
|
|
|
- font-weight: 400;
|
|
|
-}
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-left > ul li + li.double>div:nth-child(2){
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
- color: #686868;
|
|
|
- line-height: 22px;
|
|
|
+ color: rgba(29, 29, 29, 1);
|
|
|
+ padding-left: 24px;
|
|
|
+ width: 468px;
|
|
|
+ opacity: 1;
|
|
|
+ border-left: 1px solid #ececec;
|
|
|
+ border-bottom: 1px solid #ececec;
|
|
|
+ border-right: 1px solid #ececec;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+}
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-left
|
|
|
+ > ul
|
|
|
+ li
|
|
|
+ + li:not(.double) {
|
|
|
+ height: 52px;
|
|
|
+ line-height: 52px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: rgba(29, 29, 29, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-left
|
|
|
+ > ul
|
|
|
+ li
|
|
|
+ + li.double {
|
|
|
+ height: 74px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: rgba(29, 29, 29, 1);
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-left
|
|
|
+ > ul
|
|
|
+ li
|
|
|
+ + li.double
|
|
|
+ > div:nth-child(1) {
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #1d1d1d;
|
|
|
+ font-weight: 400;
|
|
|
+}
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-left
|
|
|
+ > ul
|
|
|
+ li
|
|
|
+ + li.double
|
|
|
+ > div:nth-child(2) {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #686868;
|
|
|
+ line-height: 22px;
|
|
|
}
|
|
|
.sub-contrast .contrast-main .contrast-main-center .gray {
|
|
|
- background: #F5F5FB;
|
|
|
+ background: #f5f5fb;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center .gold {
|
|
|
- background: #FBF5EB !important;
|
|
|
+ background: #fbf5eb !important;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
/* 免费版 */
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-center {
|
|
|
- width: 336px;
|
|
|
- transition: all 0.5s;
|
|
|
+ width: 336px;
|
|
|
+ transition: all 0.5s;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-center > ul {
|
|
|
- width: 336px;
|
|
|
- transition: all 0.5s;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-center > ul li + li{
|
|
|
- transition: all 0.5s;
|
|
|
- width: 336px;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(29, 29, 29, 1);
|
|
|
- opacity: 1;
|
|
|
- border-bottom: 1px solid #ececec;
|
|
|
- border-right: 1px solid #ececec;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-center > ul li + li:not(.double) {
|
|
|
- height: 52px;
|
|
|
- line-height: 52px;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-center > ul li + li.double {
|
|
|
- height: 74px;
|
|
|
- line-height: 74px;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-center > ul li:last-of-type {
|
|
|
- display: flex;
|
|
|
- transition: all 0.5s;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-center ul li:last-of-type .btn-free {
|
|
|
- display: block;
|
|
|
- cursor: pointer;
|
|
|
- transition: all 0.5s;
|
|
|
- width: 90px;
|
|
|
- height: 30px;
|
|
|
- background: rgba(246, 246, 246, 1);
|
|
|
- opacity: 1;
|
|
|
- border-radius: 4px;
|
|
|
- font-size: 16px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 26px;
|
|
|
- color: rgba(104, 104, 104, 1);
|
|
|
+ width: 336px;
|
|
|
+ transition: all 0.5s;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast .contrast-main .contrast-main-center .center-center > ul li + li {
|
|
|
+ transition: all 0.5s;
|
|
|
+ width: 336px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ color: rgba(29, 29, 29, 1);
|
|
|
+ opacity: 1;
|
|
|
+ border-bottom: 1px solid #ececec;
|
|
|
+ border-right: 1px solid #ececec;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-center
|
|
|
+ > ul
|
|
|
+ li
|
|
|
+ + li:not(.double) {
|
|
|
+ height: 52px;
|
|
|
+ line-height: 52px;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-center
|
|
|
+ > ul
|
|
|
+ li
|
|
|
+ + li.double {
|
|
|
+ height: 74px;
|
|
|
+ line-height: 74px;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-center
|
|
|
+ > ul
|
|
|
+ li:last-of-type {
|
|
|
+ display: flex;
|
|
|
+ transition: all 0.5s;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-center
|
|
|
+ ul
|
|
|
+ li:last-of-type
|
|
|
+ .btn-free {
|
|
|
+ display: block;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: all 0.5s;
|
|
|
+ width: 90px;
|
|
|
+ height: 30px;
|
|
|
+ background: rgba(246, 246, 246, 1);
|
|
|
+ opacity: 1;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 26px;
|
|
|
+ color: rgba(104, 104, 104, 1);
|
|
|
}
|
|
|
|
|
|
/* 免费版滑过特效 */
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-center:hover {
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-center:hover ul {
|
|
|
- transition: 0.5s;
|
|
|
- box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
|
|
|
- margin-top: -22px;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-center:hover ul .modify-center {
|
|
|
- height: 90px;
|
|
|
- line-height: 90px;
|
|
|
- transition: 0.5s;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-center:hover ul li:last-of-type {
|
|
|
- height: 65px;
|
|
|
- transition: 0.5s;
|
|
|
- line-height: 80px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-center:hover ul li:last-of-type .btn-free {
|
|
|
- transition: 0.5s;
|
|
|
- background: rgba(44, 183, 202, 1);
|
|
|
- color: white;
|
|
|
+ transition: 0.5s;
|
|
|
+ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
|
|
|
+ margin-top: -22px;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-center:hover
|
|
|
+ ul
|
|
|
+ .modify-center {
|
|
|
+ height: 90px;
|
|
|
+ line-height: 90px;
|
|
|
+ transition: 0.5s;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-center:hover
|
|
|
+ ul
|
|
|
+ li:last-of-type {
|
|
|
+ height: 65px;
|
|
|
+ transition: 0.5s;
|
|
|
+ line-height: 80px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-center:hover
|
|
|
+ ul
|
|
|
+ li:last-of-type
|
|
|
+ .btn-free {
|
|
|
+ transition: 0.5s;
|
|
|
+ background: rgba(44, 183, 202, 1);
|
|
|
+ color: white;
|
|
|
}
|
|
|
|
|
|
/* VIP订阅专属服务 */
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-right {
|
|
|
- width: 336px;
|
|
|
- transition: all 0.5s;
|
|
|
- border-right: 1px solid #ececec
|
|
|
+ width: 336px;
|
|
|
+ transition: all 0.5s;
|
|
|
+ border-right: 1px solid #ececec;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-right > ul {
|
|
|
- width: 336px;
|
|
|
- margin: 0;
|
|
|
- transition: all 0.5s;
|
|
|
+ width: 336px;
|
|
|
+ margin: 0;
|
|
|
+ transition: all 0.5s;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-right > ul li + li {
|
|
|
- width: 336px;
|
|
|
- text-align: center;
|
|
|
- transition: all 0.5s;
|
|
|
- font-size: 14px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- color: #714402;
|
|
|
- background: rgba(255, 226, 193, 0.07999999821186066);
|
|
|
- opacity: 1;
|
|
|
- border-bottom: 1px solid #ececec;
|
|
|
-}
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-right > ul li + li:not(.double) {
|
|
|
- height: 52px;
|
|
|
- line-height: 52px;
|
|
|
-}
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-right > ul li + li.double {
|
|
|
- height: 74px;
|
|
|
- line-height: 74px;
|
|
|
-}
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-right > ul li:last-of-type {
|
|
|
- align-items: center;
|
|
|
- transition: all 0.5s;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-right > ul li:last-of-type .On-trial {
|
|
|
- width: 90px;
|
|
|
- height: 30px;
|
|
|
- border: 1px solid rgba(207, 173, 137, 1);
|
|
|
- transition: all 0.5s;
|
|
|
- opacity: 1;
|
|
|
- border-radius: 4px;
|
|
|
- display: block;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- font-size: 14px;
|
|
|
- font-family: MicrosoftYaHei;
|
|
|
- color: rgba(207, 173, 137, 1);
|
|
|
- margin-left: 16px;
|
|
|
- text-decoration: none !important;
|
|
|
+ width: 336px;
|
|
|
+ text-align: center;
|
|
|
+ transition: all 0.5s;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #714402;
|
|
|
+ background: rgba(255, 226, 193, 0.07999999821186066);
|
|
|
+ opacity: 1;
|
|
|
+ border-bottom: 1px solid #ececec;
|
|
|
+}
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-right
|
|
|
+ > ul
|
|
|
+ li
|
|
|
+ + li:not(.double) {
|
|
|
+ height: 52px;
|
|
|
+ line-height: 52px;
|
|
|
+}
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-right
|
|
|
+ > ul
|
|
|
+ li
|
|
|
+ + li.double {
|
|
|
+ height: 74px;
|
|
|
+ line-height: 74px;
|
|
|
+}
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-right
|
|
|
+ > ul
|
|
|
+ li:last-of-type {
|
|
|
+ align-items: center;
|
|
|
+ transition: all 0.5s;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-right
|
|
|
+ > ul
|
|
|
+ li:last-of-type
|
|
|
+ .On-trial {
|
|
|
+ width: 90px;
|
|
|
+ height: 30px;
|
|
|
+ border: 1px solid rgba(207, 173, 137, 1);
|
|
|
+ transition: all 0.5s;
|
|
|
+ opacity: 1;
|
|
|
+ border-radius: 4px;
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei;
|
|
|
+ color: rgba(207, 173, 137, 1);
|
|
|
+ margin-left: 16px;
|
|
|
+ text-decoration: none !important;
|
|
|
}
|
|
|
|
|
|
/* VIP订阅滑过特效 */
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-right:hover {
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
.sub-contrast .contrast-main .contrast-main-center .center-right:hover ul {
|
|
|
- margin-top: -22px;
|
|
|
- box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
|
|
|
- transition: all 0.5s;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-right:hover ul .modify-right {
|
|
|
- height: 90px;
|
|
|
- line-height: 90px;
|
|
|
- transition: all 0.5s;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-right:hover ul li:last-of-type {
|
|
|
- height: 65px;
|
|
|
- line-height: 80px;
|
|
|
- transition: all 0.5s;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center .center-right:hover ul li:last-of-type .On-trial {
|
|
|
- background: #34355A;
|
|
|
- font-size: 14px;
|
|
|
- font-family: MicrosoftYaHei;
|
|
|
- line-height: 30px;
|
|
|
- color: rgba(255, 218, 177, 1);
|
|
|
- transition: all 0.5s;
|
|
|
- opacity: 1;
|
|
|
- text-decoration: none;
|
|
|
+ margin-top: -22px;
|
|
|
+ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
|
|
|
+ transition: all 0.5s;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-right:hover
|
|
|
+ ul
|
|
|
+ .modify-right {
|
|
|
+ height: 90px;
|
|
|
+ line-height: 90px;
|
|
|
+ transition: all 0.5s;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-right:hover
|
|
|
+ ul
|
|
|
+ li:last-of-type {
|
|
|
+ height: 65px;
|
|
|
+ line-height: 80px;
|
|
|
+ transition: all 0.5s;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-contrast
|
|
|
+ .contrast-main
|
|
|
+ .contrast-main-center
|
|
|
+ .center-right:hover
|
|
|
+ ul
|
|
|
+ li:last-of-type
|
|
|
+ .On-trial {
|
|
|
+ background: #34355a;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei;
|
|
|
+ line-height: 30px;
|
|
|
+ color: rgba(255, 218, 177, 1);
|
|
|
+ transition: all 0.5s;
|
|
|
+ opacity: 1;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center ul .top-title {
|
|
|
- height: 68px;
|
|
|
- text-align: center;
|
|
|
- transition: all 0.5s;
|
|
|
- line-height: 68px;
|
|
|
- font-size: 20px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(29, 29, 29, 1);
|
|
|
- opacity: 1;
|
|
|
- /* border-left: 1px solid rgba(224,224,224,1); */
|
|
|
- border-bottom: 1px solid #ececec;
|
|
|
- /* border-right: 1px solid rgba(224,224,224,1); */
|
|
|
+ height: 68px;
|
|
|
+ text-align: center;
|
|
|
+ transition: all 0.5s;
|
|
|
+ line-height: 68px;
|
|
|
+ font-size: 20px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ color: rgba(29, 29, 29, 1);
|
|
|
+ opacity: 1;
|
|
|
+ /* border-left: 1px solid rgba(224,224,224,1); */
|
|
|
+ border-bottom: 1px solid #ececec;
|
|
|
+ /* border-right: 1px solid rgba(224,224,224,1); */
|
|
|
}
|
|
|
|
|
|
/* 选中免费版 */
|
|
|
.sub-contrast .contrast-main .contrast-main-center ul .modify-center {
|
|
|
- background: #F5F5FB;
|
|
|
- width: 100%;
|
|
|
+ background: #f5f5fb;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
/* 选中VIP订阅专属服务 */
|
|
|
.sub-contrast .contrast-main .contrast-main-center ul .modify-right {
|
|
|
- background: rgba(52, 53, 90, 1);
|
|
|
- color: rgba(255, 218, 177, 1);
|
|
|
- position: relative;
|
|
|
- border-right: 0;
|
|
|
- width: 100%;
|
|
|
- background-image: url(/images/subscribe/mengban.png);
|
|
|
- background-size: 200px 36px;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: right bottom;
|
|
|
-}
|
|
|
-
|
|
|
-.sub-contrast .contrast-main .contrast-main-center ul .modify-right img {
|
|
|
- background: rgba(52, 53, 90, 1);
|
|
|
- color: rgba(255, 218, 177, 1);
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- width: 174px;
|
|
|
-}
|
|
|
+ background: rgba(52, 53, 90, 1);
|
|
|
+ color: rgba(255, 218, 177, 1);
|
|
|
+ position: relative;
|
|
|
+ border-right: 0;
|
|
|
+ width: 100%;
|
|
|
+ background-image: url(/images/subscribe/mengban.png);
|
|
|
+ background-size: 200px 36px;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: right bottom;
|
|
|
+}
|
|
|
+
|
|
|
+/* .sub-contrast .contrast-main .contrast-main-center ul .modify-right img {
|
|
|
+ background: rgba(52, 53, 90, 1);
|
|
|
+ color: rgba(255, 218, 177, 1);
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 174px;
|
|
|
+} */
|
|
|
|
|
|
.sub-contrast .contrast-main .contrast-main-center ul li > p {
|
|
|
- font-size: 14px;
|
|
|
- font-family: Microsoft YaHei-Regular, Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- color: #686868;
|
|
|
- line-height: 22px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #686868;
|
|
|
+ line-height: 22px;
|
|
|
}
|
|
|
|
|
|
.sub-contrast .contrast-main i.right::before {
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- content: "";
|
|
|
- background-image: url(/images/subscribe/right.png);
|
|
|
- background-size: 24px 24px;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: center;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ content: "";
|
|
|
+ background-image: url(/images/subscribe/right.png);
|
|
|
+ background-size: 24px 24px;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center;
|
|
|
}
|
|
|
.sub-contrast .contrast-main i.wrong {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
.sub-contrast .contrast-main i.wrong::before {
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- content: "";
|
|
|
- background: url("/images/pc/guan.png") no-repeat center;
|
|
|
- background-size: 16px 16px;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ content: "";
|
|
|
+ background: url("/images/pc/guan.png") no-repeat center;
|
|
|
+ background-size: 16px 16px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
/* VIP弹窗 */
|
|
|
.modal-dialog-subvip {
|
|
|
- width: 335px !important;
|
|
|
- height: 390px;
|
|
|
- margin-top: 40px !important;
|
|
|
- margin: 30px auto;
|
|
|
+ width: 335px !important;
|
|
|
+ height: 390px;
|
|
|
+ margin-top: 40px !important;
|
|
|
+ margin: 30px auto;
|
|
|
}
|
|
|
|
|
|
.modal-content {
|
|
|
- width: 335px;
|
|
|
- height: 400px;
|
|
|
- position: relative;
|
|
|
+ width: 335px;
|
|
|
+ height: 400px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.modal-content > img {
|
|
|
- margin: -46px 0 0 -1px;
|
|
|
- /* height: 447px; */
|
|
|
- position: relative;
|
|
|
+ margin: -46px 0 0 -1px;
|
|
|
+ /* height: 447px; */
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.modal-content .vip-code {
|
|
|
- position: absolute;
|
|
|
- width: 170px;
|
|
|
- height: 197px;
|
|
|
- left: 27.5%;
|
|
|
- bottom: 10%;
|
|
|
+ position: absolute;
|
|
|
+ width: 170px;
|
|
|
+ height: 197px;
|
|
|
+ left: 27.5%;
|
|
|
+ bottom: 10%;
|
|
|
}
|
|
|
|
|
|
.modal-content .vip-code .vip-text {
|
|
|
- width: 180px;
|
|
|
- height: 21px;
|
|
|
- font-size: 16px;
|
|
|
- line-height: 24px;
|
|
|
- opacity: 1;
|
|
|
- margin: 20px 0 0 2px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- color: #714402;
|
|
|
+ width: 180px;
|
|
|
+ height: 21px;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 24px;
|
|
|
+ opacity: 1;
|
|
|
+ margin: 20px 0 0 2px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ color: #714402;
|
|
|
}
|
|
|
|
|
|
.modal-content .vip-code .vip-text2 {
|
|
|
- width: 180px;
|
|
|
- height: 21px;
|
|
|
- font-size: 16px;
|
|
|
- line-height: 24px;
|
|
|
- opacity: 1;
|
|
|
- margin: 0 0 0 24px;
|
|
|
- font-family: Microsoft YaHei,sans-serif;
|
|
|
- color: #714402;
|
|
|
+ width: 180px;
|
|
|
+ height: 21px;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 24px;
|
|
|
+ opacity: 1;
|
|
|
+ margin: 0 0 0 24px;
|
|
|
+ font-family: Microsoft YaHei, sans-serif;
|
|
|
+ color: #714402;
|
|
|
}
|
|
|
|
|
|
.modal-open {
|
|
|
- overflow: auto !important;
|
|
|
- padding-right: 0 !important;
|
|
|
+ overflow: auto !important;
|
|
|
+ padding-right: 0 !important;
|
|
|
}
|
|
|
|
|
|
/*扫码框样式*/
|
|
|
.jy_province li > font > a {
|
|
|
- font-size: 14px !important;
|
|
|
+ font-size: 14px !important;
|
|
|
}
|
|
|
|
|
|
#jydialog {
|
|
|
- position: fixed;
|
|
|
- background-color: rgba(0, 0, 0, 0.7);
|
|
|
- top: 50%;
|
|
|
- color: #fff;
|
|
|
- z-index: 999;
|
|
|
- border-radius: 5px;
|
|
|
- text-align: center;
|
|
|
- padding: 20px;
|
|
|
- left: 50%;
|
|
|
- margin-top: -50px;
|
|
|
- margin-left: -145px;
|
|
|
+ position: fixed;
|
|
|
+ background-color: rgba(0, 0, 0, 0.7);
|
|
|
+ top: 50%;
|
|
|
+ color: #fff;
|
|
|
+ z-index: 999;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 20px;
|
|
|
+ left: 50%;
|
|
|
+ margin-top: -50px;
|
|
|
+ margin-left: -145px;
|
|
|
}
|
|
|
|
|
|
.s-com-1 {
|
|
|
- min-width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
- position: relative;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- height: 600px;
|
|
|
+ min-width: 1200px;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 600px;
|
|
|
}
|
|
|
|
|
|
.s-com-1-con {
|
|
|
- width: 1920px;
|
|
|
- overflow: hidden;
|
|
|
- left: 50%;
|
|
|
- margin-left: -960px !important;
|
|
|
- position: absolute;
|
|
|
+ width: 1920px;
|
|
|
+ overflow: hidden;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -960px !important;
|
|
|
+ position: absolute;
|
|
|
}
|
|
|
|
|
|
.j-text {
|
|
|
- width: 1200px;
|
|
|
- height: 250px;
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- margin-top: -125px;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- margin-left: -600;
|
|
|
+ width: 1200px;
|
|
|
+ height: 250px;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -125px;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ margin-left: -600;
|
|
|
}
|
|
|
|
|
|
.j-text-1 {
|
|
|
- font-family: 微软雅黑;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 36px;
|
|
|
+ font-family: 微软雅黑;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36px;
|
|
|
}
|
|
|
|
|
|
.j-text-1 span {
|
|
|
- color: #ffcc00;
|
|
|
+ color: #ffcc00;
|
|
|
}
|
|
|
|
|
|
.j-text-2 {
|
|
|
- font-family: "Microsoft YaHei";
|
|
|
- font-size: 34px;
|
|
|
- margin: 8px auto 36px;
|
|
|
- font-weight: bold;
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+ font-size: 34px;
|
|
|
+ margin: 8px auto 36px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.j-text-3 {
|
|
|
- font-family: 微软雅黑;
|
|
|
- font-size: 18px;
|
|
|
- line-height: 32px;
|
|
|
- margin-top: 32px;
|
|
|
+ font-family: 微软雅黑;
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 32px;
|
|
|
+ margin-top: 32px;
|
|
|
}
|
|
|
|
|
|
.j-text-4 #scfree {
|
|
|
- font-family: 微软雅黑;
|
|
|
- font-size: 18px;
|
|
|
- color: #2cb7ca;
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- border: 1px solid #fff;
|
|
|
- margin-top: 50px;
|
|
|
- padding: 10px 43px;
|
|
|
- border-radius: 6px;
|
|
|
- font-weight: bold;
|
|
|
+ font-family: 微软雅黑;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #2cb7ca;
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ border: 1px solid #fff;
|
|
|
+ margin-top: 50px;
|
|
|
+ padding: 10px 43px;
|
|
|
+ border-radius: 6px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.j-com-2-1 {
|
|
|
- min-width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- height: 760px;
|
|
|
+ min-width: 1200px;
|
|
|
+ margin: 0 auto;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 760px;
|
|
|
}
|
|
|
|
|
|
.inner-left {
|
|
|
- width: 1200px;
|
|
|
- margin: auto;
|
|
|
- left: 42%;
|
|
|
- height: 760px;
|
|
|
- margin-left: -600px
|
|
|
+ width: 1200px;
|
|
|
+ margin: auto;
|
|
|
+ left: 42%;
|
|
|
+ height: 760px;
|
|
|
+ margin-left: -600px;
|
|
|
}
|
|
|
|
|
|
.divnext {
|
|
|
- position: absolute;
|
|
|
- left: 1150px;
|
|
|
- top: 587px;
|
|
|
- width: 120px;
|
|
|
- height: 120px;
|
|
|
- z-index: 9999;
|
|
|
- border-radius: 60px;
|
|
|
- cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ left: 1150px;
|
|
|
+ top: 587px;
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ z-index: 9999;
|
|
|
+ border-radius: 60px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
|
|
|
.divprev {
|
|
|
- position: absolute;
|
|
|
- left: 1150px;
|
|
|
- top: 36px;
|
|
|
- width: 120px;
|
|
|
- height: 120px;
|
|
|
- z-index: 9999;
|
|
|
- border-radius: 60px;
|
|
|
- cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ left: 1150px;
|
|
|
+ top: 36px;
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ z-index: 9999;
|
|
|
+ border-radius: 60px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
|
|
|
/*j-wx-code Start*/
|
|
|
.j-wx-code {
|
|
|
- width: 335px;
|
|
|
- height: 355px;
|
|
|
- background-color: #fff;
|
|
|
- -webkit-border-radius: 6px;
|
|
|
- -moz-border-radius: 6px;
|
|
|
- border-radius: 6px;
|
|
|
- position: relative;
|
|
|
- /*margin: 100px auto;*/
|
|
|
+ width: 335px;
|
|
|
+ height: 355px;
|
|
|
+ background-color: #fff;
|
|
|
+ -webkit-border-radius: 6px;
|
|
|
+ -moz-border-radius: 6px;
|
|
|
+ border-radius: 6px;
|
|
|
+ position: relative;
|
|
|
+ /*margin: 100px auto;*/
|
|
|
}
|
|
|
|
|
|
.j-wx-code > .code-close {
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- position: absolute;
|
|
|
- right: -20px;
|
|
|
- top: -20px;
|
|
|
- cursor: pointer;
|
|
|
- -webkit-transition: all 1s;
|
|
|
- -o-transition: all 1s;
|
|
|
- -moz-transition: all 1s;
|
|
|
- transition: all 1s;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ position: absolute;
|
|
|
+ right: -20px;
|
|
|
+ top: -20px;
|
|
|
+ cursor: pointer;
|
|
|
+ -webkit-transition: all 1s;
|
|
|
+ -o-transition: all 1s;
|
|
|
+ -moz-transition: all 1s;
|
|
|
+ transition: all 1s;
|
|
|
}
|
|
|
|
|
|
.j-wx-code > .code-close:hover {
|
|
|
- -webkit-transform: scale(1.2);
|
|
|
- -moz-transform: scale(1.2);
|
|
|
- -ms-transform: scale(1.2);
|
|
|
- -o-transform: scale(1.2);
|
|
|
- transform: scale(1.2);
|
|
|
+ -webkit-transform: scale(1.2);
|
|
|
+ -moz-transform: scale(1.2);
|
|
|
+ -ms-transform: scale(1.2);
|
|
|
+ -o-transform: scale(1.2);
|
|
|
+ transform: scale(1.2);
|
|
|
}
|
|
|
|
|
|
.j-wx-code > .code-title {
|
|
|
- height: 82px;
|
|
|
- background: url(/images/j-wx-code-title.png) center center no-repeat;
|
|
|
- -webkit-animation: moveYun 15s infinite linear both;
|
|
|
- -moz-animation: moveYun 15s infinite linear both;
|
|
|
- -o-animation: moveYun 15s infinite linear both;
|
|
|
- animation: moveYun 15s infinite linear both;
|
|
|
+ height: 82px;
|
|
|
+ background: url(/images/j-wx-code-title.png) center center no-repeat;
|
|
|
+ -webkit-animation: moveYun 15s infinite linear both;
|
|
|
+ -moz-animation: moveYun 15s infinite linear both;
|
|
|
+ -o-animation: moveYun 15s infinite linear both;
|
|
|
+ animation: moveYun 15s infinite linear both;
|
|
|
}
|
|
|
|
|
|
.j-wx-code > .code-wxm {
|
|
|
- text-align: center;
|
|
|
- margin-bottom: -6px;
|
|
|
- margin-top: -16px;
|
|
|
-
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: -6px;
|
|
|
+ margin-top: -16px;
|
|
|
}
|
|
|
|
|
|
.j-wx-code > .code-wxm > img {
|
|
|
- width: 200px;
|
|
|
- height: 200px;
|
|
|
- margin-top: -5px;
|
|
|
+ width: 200px;
|
|
|
+ height: 200px;
|
|
|
+ margin-top: -5px;
|
|
|
}
|
|
|
|
|
|
.j-wx-code > .code-text {
|
|
|
- font: 16px "microsoft yahei";
|
|
|
- text-align: center;
|
|
|
- color: #252627;
|
|
|
+ font: 16px "microsoft yahei";
|
|
|
+ text-align: center;
|
|
|
+ color: #252627;
|
|
|
}
|
|
|
|
|
|
.j-wx-code > .code-bottom {
|
|
|
- width: 470px;
|
|
|
- height: 211px;
|
|
|
- position: absolute;
|
|
|
- bottom: -113px;
|
|
|
- left: -73px;
|
|
|
- background: url(/images/j-wx-code-bottom.png) 0 0 no-repeat;
|
|
|
+ width: 470px;
|
|
|
+ height: 211px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -113px;
|
|
|
+ left: -73px;
|
|
|
+ background: url(/images/j-wx-code-bottom.png) 0 0 no-repeat;
|
|
|
}
|
|
|
|
|
|
.j-wx-code > .code-bottom > img {
|
|
|
- position: absolute;
|
|
|
- left: 280px;
|
|
|
- top: 88px;
|
|
|
- -webkit-animation: codeWxMove 10s linear both;
|
|
|
- -moz-animation: codeWxMove 10s linear both;
|
|
|
- -o-animation: codeWxMove 10s linear both;
|
|
|
- animation: codeWxMove 10s linear both;
|
|
|
- -webkit-animation-fill-mode: forwards;
|
|
|
- -moz-animation-fill-mode: forwards;
|
|
|
- -o-animation-fill-mode: forwards;
|
|
|
- animation-fill-mode: forwards
|
|
|
+ position: absolute;
|
|
|
+ left: 280px;
|
|
|
+ top: 88px;
|
|
|
+ -webkit-animation: codeWxMove 10s linear both;
|
|
|
+ -moz-animation: codeWxMove 10s linear both;
|
|
|
+ -o-animation: codeWxMove 10s linear both;
|
|
|
+ animation: codeWxMove 10s linear both;
|
|
|
+ -webkit-animation-fill-mode: forwards;
|
|
|
+ -moz-animation-fill-mode: forwards;
|
|
|
+ -o-animation-fill-mode: forwards;
|
|
|
+ animation-fill-mode: forwards;
|
|
|
}
|
|
|
|
|
|
.modal-content .vip.close {
|
|
|
- position: absolute;
|
|
|
- right: 10px;
|
|
|
- top: 10px;
|
|
|
- color: aliceblue;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: 10px;
|
|
|
+ color: aliceblue;
|
|
|
}
|
|
|
|
|
|
.center-left .ent-search,
|
|
|
.center-left .ent-portrait,
|
|
|
.center-center .ent-search,
|
|
|
.center-center .ent-portrait {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
|
|
|
.arrow-topdown {
|
|
|
- height: 35px;
|
|
|
- width: 20px;
|
|
|
- margin: 0 auto;
|
|
|
- background: url(/images/subscribe/arrow-topdown.png) 0 0 no-repeat;
|
|
|
- background-size: 100%;
|
|
|
+ height: 35px;
|
|
|
+ width: 20px;
|
|
|
+ margin: 0 auto;
|
|
|
+ background: url(/images/subscribe/arrow-topdown.png) 0 0 no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.sub-top-frame {
|
|
|
- width: 902px;
|
|
|
- height: 228px;
|
|
|
- background-size: 100%;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 902px;
|
|
|
+ height: 228px;
|
|
|
+ background-size: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.space_20px {
|
|
|
- width: 100%;
|
|
|
- height: 20px;
|
|
|
+ width: 100%;
|
|
|
+ height: 20px;
|
|
|
}
|
|
|
|
|
|
.space_30px {
|
|
|
- width: 100%;
|
|
|
- height: 30px;
|
|
|
+ width: 100%;
|
|
|
+ height: 30px;
|
|
|
}
|
|
|
|
|
|
.space_40px {
|
|
|
- width: 100%;
|
|
|
- height: 40px;
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
}
|
|
|
|
|
|
.space_60px {
|
|
|
- width: 100%;
|
|
|
- height: 60px;
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
}
|
|
|
|
|
|
.space_80px {
|
|
|
- width: 100%;
|
|
|
- height: 80px;
|
|
|
+ width: 100%;
|
|
|
+ height: 80px;
|
|
|
}
|
|
|
|
|
|
.subpage-button {
|
|
|
- width: 180px;
|
|
|
- height: 46px;
|
|
|
- border-radius: 6px 6px 6px 6px;
|
|
|
- opacity: 1;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 46px;
|
|
|
- text-align: center;
|
|
|
- margin: 0 30px;
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- transition: 0.7s;
|
|
|
+ width: 180px;
|
|
|
+ height: 46px;
|
|
|
+ border-radius: 6px 6px 6px 6px;
|
|
|
+ opacity: 1;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 46px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 30px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ transition: 0.7s;
|
|
|
}
|
|
|
|
|
|
.subpage-button::after {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 180px;
|
|
|
- height: 46px;
|
|
|
- background-image: linear-gradient(
|
|
|
- 0deg,
|
|
|
- rgba(0, 0, 0, 0),
|
|
|
- rgba(255, 255, 255, 0.3),
|
|
|
- rgba(0, 0, 0, 0)
|
|
|
- );
|
|
|
- transform: rotate(-45deg) translate(0, -360px);
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ width: 180px;
|
|
|
+ height: 46px;
|
|
|
+ background-image: linear-gradient(
|
|
|
+ 0deg,
|
|
|
+ rgba(0, 0, 0, 0),
|
|
|
+ rgba(255, 255, 255, 0.3),
|
|
|
+ rgba(0, 0, 0, 0)
|
|
|
+ );
|
|
|
+ transform: rotate(-45deg) translate(0, -360px);
|
|
|
}
|
|
|
.subpage-button:hover::after {
|
|
|
- /* 过渡效果只能再鼠标放上去生效 不然鼠标离开也会有效果 */
|
|
|
- transition: 1s ease-in-out;
|
|
|
- transform: rotate(-45deg) translate(0, 80px);
|
|
|
+ /* 过渡效果只能再鼠标放上去生效 不然鼠标离开也会有效果 */
|
|
|
+ transition: 1s ease-in-out;
|
|
|
+ transform: rotate(-45deg) translate(0, 80px);
|
|
|
}
|
|
|
|
|
|
.subpage-button:hover {
|
|
|
- transform: scale(1.2);
|
|
|
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
|
|
|
+ transform: scale(1.2);
|
|
|
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
|
|
|
}
|
|
|
|
|
|
.subpage-button.gold {
|
|
|
- background: linear-gradient(90deg, #E9B769 6%, #C18845 100%, #EEB879 100%);
|
|
|
- box-shadow: 0px 10px 16px 1px rgba(233, 183, 105, 0.20000000298023224);
|
|
|
+ background: linear-gradient(90deg, #fafbff 0%, #c1befc 100%);
|
|
|
+ box-shadow: 0px 10px 16px 1px rgba(51, 49, 110, 0.20000000298023224);
|
|
|
+ border-radius: 6px 6px 6px 6px;
|
|
|
+ opacity: 1;
|
|
|
+ color: #231b66;
|
|
|
}
|
|
|
|
|
|
.subpage-button.darkblue {
|
|
|
- background: linear-gradient(90deg, #353470 0%, #0F0644 100%);
|
|
|
- box-shadow: 0px 10px 16px 1px rgba(51, 49, 110, 0.20000000298023224);
|
|
|
+ background: linear-gradient(90deg, #f8cd8d 0%, #da8e35 100%);
|
|
|
+ box-shadow: 0px 10px 16px 1px rgba(233, 183, 105, 0.20000000298023224);
|
|
|
+ border-radius: 6px 6px 6px 6px;
|
|
|
+ opacity: 1;
|
|
|
+ color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.split-box--before {
|
|
|
- margin-right: 25px;
|
|
|
+ margin-right: 25px;
|
|
|
}
|
|
|
|
|
|
.split-box--after {
|
|
|
- margin-left: 25px;
|
|
|
+ margin-left: 25px;
|
|
|
}
|
|
|
|
|
|
.split-box--before::after {
|
|
|
- content: "";
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background: #CCAD87;
|
|
|
- transform: rotate(45deg);
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background: #ccad87;
|
|
|
+ transform: rotate(45deg);
|
|
|
}
|
|
|
|
|
|
.split-box--before::before {
|
|
|
- content: "";
|
|
|
- display: inline-block;
|
|
|
- width: 120px;
|
|
|
- height: 1px;
|
|
|
- margin-bottom: 4px;
|
|
|
- background: linear-gradient(90deg, rgba(204, 173, 135, 0), #CCAD87 100%);
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 120px;
|
|
|
+ height: 1px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
|
|
|
}
|
|
|
|
|
|
.split-box--after::before {
|
|
|
- content: "";
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background: #CCAD87;
|
|
|
- transform: rotate(45deg);
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background: #ccad87;
|
|
|
+ transform: rotate(45deg);
|
|
|
}
|
|
|
|
|
|
.split-box--after::after {
|
|
|
- content: "";
|
|
|
- display: inline-block;
|
|
|
- width: 120px;
|
|
|
- height: 1px;
|
|
|
- margin-bottom: 4px;
|
|
|
- background: linear-gradient(90deg, #CCAD87, rgba(204, 173, 135, 0) 100%);
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 120px;
|
|
|
+ height: 1px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ background: linear-gradient(90deg, #ccad87, rgba(204, 173, 135, 0) 100%);
|
|
|
}
|
|
|
|
|
|
.line-flex {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.second-desc {
|
|
|
- font-size: 24px;
|
|
|
- color: #1D1D1D;
|
|
|
- font-family: Microsoft YaHei-Regular, Microsoft YaHei,sans-serif;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #1d1d1d;
|
|
|
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei, sans-serif;
|
|
|
}
|
|
|
|
|
|
.app-scenario {
|
|
|
- height: 2300px;
|
|
|
- background: linear-gradient(180deg, #FFF9F2 0%, #FFFDFA 100%);
|
|
|
- border-radius: 0px 0px 0px 0px;
|
|
|
- opacity: 1;
|
|
|
+ height: 2300px;
|
|
|
+ background: linear-gradient(180deg, #fff9f2 0%, #fffdfa 100%);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ opacity: 1;
|
|
|
+ margin-top: -46px;
|
|
|
}
|
|
|
|
|
|
.top-title {
|
|
|
- height: 48px;
|
|
|
- font-size: 36px;
|
|
|
- font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- color: #1D1D1D;
|
|
|
- line-height: 42px;
|
|
|
- text-align: center;
|
|
|
+ height: 48px;
|
|
|
+ font-size: 36px;
|
|
|
+ font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #1d1d1d;
|
|
|
+ line-height: 42px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.content-block {
|
|
|
- margin: 0 auto;
|
|
|
- width: 1200px;
|
|
|
- height: 512px;
|
|
|
- background: radial-gradient(#FFFCF8 0%, #FFF4E6 100%);
|
|
|
- border-radius: 12px 12px 12px 12px;
|
|
|
- opacity: 1;
|
|
|
- padding: 40px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 1200px;
|
|
|
+ height: 512px;
|
|
|
+ background: radial-gradient(#fffcf8 0%, #fff4e6 100%);
|
|
|
+ border-radius: 12px 12px 12px 12px;
|
|
|
+ opacity: 1;
|
|
|
+ padding: 40px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.content-block > .content-left {
|
|
|
- width: 372px;
|
|
|
+ width: 372px;
|
|
|
}
|
|
|
|
|
|
.content-left > .title {
|
|
|
- width: 168px;
|
|
|
- height: 28px;
|
|
|
- font-size: 18px;
|
|
|
- font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- color: #1D1D1D;
|
|
|
- line-height: 28px;
|
|
|
- position: relative;
|
|
|
+ width: 168px;
|
|
|
+ height: 28px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #1d1d1d;
|
|
|
+ line-height: 28px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.content-left > .title > .font {
|
|
|
- position: relative;
|
|
|
- z-index: 2;
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
}
|
|
|
|
|
|
.content-left > .title::after {
|
|
|
- width: 168px;
|
|
|
- height: 8px;
|
|
|
- content: "";
|
|
|
- display: inline-block;
|
|
|
- background: #FBDEB0;
|
|
|
- margin-bottom: 0px;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
+ width: 168px;
|
|
|
+ height: 8px;
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ background: #fbdeb0;
|
|
|
+ margin-bottom: 0px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
}
|
|
|
|
|
|
.content-left > .content {
|
|
|
- width: 100%;
|
|
|
- font-size: 16px;
|
|
|
- font-family: Microsoft YaHei-Regular, Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- color: #686868;
|
|
|
- line-height: 24px;
|
|
|
- margin: 9px 0 28px 0px;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #686868;
|
|
|
+ line-height: 24px;
|
|
|
+ margin: 9px 0 28px 0px;
|
|
|
}
|
|
|
|
|
|
.content-block > .content-right > img {
|
|
|
- pointer-events: none;
|
|
|
+ pointer-events: none;
|
|
|
}
|
|
|
|
|
|
-.app-bottom{
|
|
|
- height: 504px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- background: #FFF9F2;
|
|
|
+.app-bottom {
|
|
|
+ height: 504px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ background: #fff9f2;
|
|
|
+ margin-top: 80px;
|
|
|
}
|
|
|
|
|
|
-.app-bottom-box{
|
|
|
- position: relative;
|
|
|
- height: 68px;
|
|
|
- background: linear-gradient(91deg, #072551 6%, #5D118B 58%, #05035F 100%);
|
|
|
+.app-bottom-box {
|
|
|
+ position: relative;
|
|
|
+ height: 68px;
|
|
|
+ background: linear-gradient(91deg, #072551 6%, #5d118b 58%, #05035f 100%);
|
|
|
}
|
|
|
|
|
|
.app-bottom-tobuy img {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
.app-bottom-tobuy {
|
|
|
- width: 958px;
|
|
|
- height: 114px;
|
|
|
- margin: 0 auto;
|
|
|
- position: absolute;
|
|
|
- top: -33px;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
-}
|
|
|
-.app-bottom-box map{
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.app-bottom>.top-title{
|
|
|
- height: 48px;
|
|
|
- font-size: 36px;
|
|
|
- font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- color: #1D1D1D;
|
|
|
- line-height: 42px;
|
|
|
-}
|
|
|
-
|
|
|
-.app-bottom>.sub-title{
|
|
|
- margin-top: 32px;
|
|
|
- height: 36px;
|
|
|
- font-size: 24px;
|
|
|
- font-family: Microsoft YaHei-Regular, Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- color: #686868;
|
|
|
- line-height: 36px;
|
|
|
-}
|
|
|
-
|
|
|
-.app-bottom>.content{
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
-}
|
|
|
-.app-bottom>.content>div{
|
|
|
- width: 320px;
|
|
|
- height: 100px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.app-bottom>.content>div>.num{
|
|
|
- font-size: 69px;
|
|
|
- font-weight: 500;
|
|
|
- color: #1d1d1d;
|
|
|
-}
|
|
|
-.app-bottom>.content>div>.num:after{
|
|
|
- content: "万+";
|
|
|
- font-size: 18px;
|
|
|
- font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- color: #1D1D1D;
|
|
|
- line-height: 28px
|
|
|
-}
|
|
|
-.app-bottom>.content>div>.detail{
|
|
|
- height: 32px;
|
|
|
- font-size: 20px;
|
|
|
- font-family: Microsoft YaHei-Regular, Microsoft YaHei,sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- color: #686868;
|
|
|
- line-height: 32px;
|
|
|
-}
|
|
|
-
|
|
|
-@keyframes CfadeInUp{
|
|
|
- from {
|
|
|
- transform: translateY(50px);
|
|
|
- }
|
|
|
- to {
|
|
|
- transform: translateY(0px);
|
|
|
- opacity:1;
|
|
|
- }
|
|
|
-}
|
|
|
-.CfadeInUp{
|
|
|
- opacity: 0;
|
|
|
- animation: 1s ease forwards alternate;
|
|
|
+ width: 958px;
|
|
|
+ height: 114px;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: absolute;
|
|
|
+ top: -33px;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+}
|
|
|
+.app-bottom-box map {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.app-bottom > .top-title {
|
|
|
+ height: 48px;
|
|
|
+ font-size: 36px;
|
|
|
+ font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #1d1d1d;
|
|
|
+ line-height: 42px;
|
|
|
+}
|
|
|
+
|
|
|
+.app-bottom > .sub-title {
|
|
|
+ margin-top: 32px;
|
|
|
+ height: 36px;
|
|
|
+ font-size: 24px;
|
|
|
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #686868;
|
|
|
+ line-height: 36px;
|
|
|
+}
|
|
|
+
|
|
|
+.app-bottom > .content {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+}
|
|
|
+.app-bottom > .content > div {
|
|
|
+ width: 320px;
|
|
|
+ height: 100px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.app-bottom > .content > div > .num {
|
|
|
+ font-size: 69px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #1d1d1d;
|
|
|
+}
|
|
|
+.app-bottom > .content > div > .num:after {
|
|
|
+ content: "万+";
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei-Bold, Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #1d1d1d;
|
|
|
+ line-height: 28px;
|
|
|
+}
|
|
|
+.app-bottom > .content > div > .detail {
|
|
|
+ height: 32px;
|
|
|
+ font-size: 20px;
|
|
|
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #686868;
|
|
|
+ line-height: 32px;
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes CfadeInUp {
|
|
|
+ from {
|
|
|
+ transform: translateY(50px);
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ transform: translateY(0px);
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+}
|
|
|
+.CfadeInUp {
|
|
|
+ opacity: 0;
|
|
|
+ animation: 1s ease forwards alternate;
|
|
|
+}
|
|
|
+.newTxt {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 25%;
|
|
|
+ left: calc(50% - 240px);
|
|
|
+ z-index: 3;
|
|
|
}
|