diff --git a/style/css/index.css b/style/css/index.css index 86647a8..8d8e2cd 100644 --- a/style/css/index.css +++ b/style/css/index.css @@ -1254,6 +1254,28 @@ li .select_icon, .pay_every .pay_icon{ transition: all .5s ease; color: #8C919D; } +.normal_recommend_title >span::before{ + content: ''; + width: 20px; + height: 20px; + display: inline-block; + box-sizing: border-box; + vertical-align: middle; + margin-right: 6px; + background: url(../img/title_icon_normal.svg) no-repeat !important; + background-size: 20px; +} +.recommend_title >span::before{ + content: ''; + width: 20px; + height: 20px; + display: inline-block; + box-sizing: border-box; + vertical-align: middle; + margin-right: 6px; + background: url(../img/title_icon.svg) no-repeat !important; + background-size: 20px; +} .recommend_title{ background: #FFF5ED; color: #FF7800; @@ -1519,7 +1541,7 @@ li .select_icon, .pay_every .pay_icon{ background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); border: 7px solid #DDE1FC; } -.checkbox_wrap { +.checkbox_wrap , .checkbox_wrap p{ margin-top: 12px; font-size: 12px; line-height: 18px; @@ -2090,3 +2112,166 @@ footer a{ } /* 报告下载end */ +/* 五彩斑斓支付框 start*/ +.pay_complete_modal{ + position: fixed; + width: 1058px; + height: 640px; + left: 50%; + top: 20%; + z-index: 999; + transform: translateX(-50%); + border-radius: 16px; + font-family: Microsoft YaHei UI; + display: flex; + /* padding: 28px 36px 36px; */ +} +.pay_complete_modal .pay_com_left{ + width: 268px; + height: 640px; + background: rgba(255, 255, 255, 0.7); + border-radius: 16px 0 0 16px; + display: flex; + flex-direction: column; + align-items: center; +} +.pay_com_right{ + flex: 1; + display: flex; + flex-direction: column; +} +.pay_com_left .left_logo{ + font-size: 22px; + font-weight: bold; + margin-top: 30px; + margin-bottom: 20px; + width: 210px; +} +.pay_com_left .left_logo::before{ + content: ''; + width:32px; + height:32px; + display: inline-block; + box-sizing: border-box; + vertical-align: middle; + background-size:32px; +} +.pay_com_left .left_ai{ + background: url(../img/colorAll-ai.svg) no-repeat; + background-size: 210px 82px; + height: 82px; + color: #3D3D3D; + width: 190px; + line-height: 22px; + padding: 14px 0px 0px 20px; + position: relative; +} +.left_ai .left_ai_img{ + width: 68px; + height: 86px; + position: absolute; + right: 0; + top: 26px; +} +.left_line{ + width: 204px; + height: 1px; + margin:40px 0; + /* margin-top: auto; */ +} +.left_ai_listMes{ +} +.left_ai_listMes .listMes_item{ + margin-bottom: 32px; +} +.listMes_item b{ + display: block; + font-size: 15px; + color: #323232; +} +.listMes_item p{ + font-size: 12px; + color: #323232; + width: 203px; + line-height: 17px; + margin-top: 9px; +} +.listMes_item b::before{ + content: ''; + width:18px; + height:18px; + display: inline-block; + box-sizing: border-box; + vertical-align: middle; + background-size:18px; + margin-right: 12px; +} +.pay_com_right .right_title{ + display: flex; + align-items: center; + padding: 26px 36px; + justify-content: flex-end; + font-size: 15px; + font-weight: bold; + color: #131A6A; +} +.pay_com_right .right_title img{ + margin-left: 10px; +} +.pay_com_right .right_main{ + flex: 1; + padding: 36px 36px 0; + background-color: #fff; + border-radius: 0 0 16px 0; +} +/* purple start */ +.purpleColor{ + background: url(../img/purple_back.png) no-repeat; + background-size: 100% 100%; +} +.purpleColor .left_logo{ + background: linear-gradient(90deg, #AD65F5 13%, #5159F9 74%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + text-fill-color: transparent; + font-family: Alimama ShuHeiTi; +} +/* colorAll-ai.svg */ +.purpleColor .left_logo::before{ + background: url(../img/purple_logo.svg) no-repeat !important; +} +.purpleColor .left_ai_img{ + background: url(../img/purple_ai.svg) no-repeat !important; +} +.purpleColor .left_line{ + background: url(../img/purple_line.svg) no-repeat !important; +} +.purpleColor .listMes_item b::before{ + background: url(../img/purple_left.svg) no-repeat !important; +} +.purpleColor .right_title{ + color: #131A6A; +} +/* purple end */ +/* blue start */ +.blueColor{ + background: url(../img/blue_back.png); +} +.blueColor .right_title{ + color: #0A2D4D; +} +.blueColor .left_logo{ + background: linear-gradient(90deg, #4689FA 8%, #606CF4 75%); +} +/* blue end */ +/* orange start */ +.orangeColor{ + background: url(../img/blue_back.png); +} +.orangeColor .right_title{ + color: #7E5335; +} +/* orange end */ +/* 五彩斑斓支付框 end*/ + diff --git a/style/img/againPay_back.png b/style/img/againPay_back.png new file mode 100644 index 0000000..77056ee Binary files /dev/null and b/style/img/againPay_back.png differ diff --git a/style/img/blue_ai.svg b/style/img/blue_ai.svg new file mode 100644 index 0000000..30af354 --- /dev/null +++ b/style/img/blue_ai.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/blue_back.png b/style/img/blue_back.png new file mode 100644 index 0000000..6a11967 Binary files /dev/null and b/style/img/blue_back.png differ diff --git a/style/img/blue_left.svg b/style/img/blue_left.svg new file mode 100644 index 0000000..ec20240 --- /dev/null +++ b/style/img/blue_left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/blue_line.svg b/style/img/blue_line.svg new file mode 100644 index 0000000..6ad79c1 --- /dev/null +++ b/style/img/blue_line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/blue_logo.svg b/style/img/blue_logo.svg new file mode 100644 index 0000000..8afb235 --- /dev/null +++ b/style/img/blue_logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/colorAll-ai.svg b/style/img/colorAll-ai.svg new file mode 100644 index 0000000..df8b470 --- /dev/null +++ b/style/img/colorAll-ai.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/orange_ai.svg b/style/img/orange_ai.svg new file mode 100644 index 0000000..8eb7187 --- /dev/null +++ b/style/img/orange_ai.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/orange_back.png b/style/img/orange_back.png new file mode 100644 index 0000000..2173373 Binary files /dev/null and b/style/img/orange_back.png differ diff --git a/style/img/orange_left.svg b/style/img/orange_left.svg new file mode 100644 index 0000000..91938d8 --- /dev/null +++ b/style/img/orange_left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/orange_line.svg b/style/img/orange_line.svg new file mode 100644 index 0000000..0fd2737 --- /dev/null +++ b/style/img/orange_line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/orange_logo.svg b/style/img/orange_logo.svg new file mode 100644 index 0000000..1d94817 --- /dev/null +++ b/style/img/orange_logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/purple_ai.svg b/style/img/purple_ai.svg new file mode 100644 index 0000000..3833b62 --- /dev/null +++ b/style/img/purple_ai.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/purple_back.png b/style/img/purple_back.png new file mode 100644 index 0000000..aceb708 Binary files /dev/null and b/style/img/purple_back.png differ diff --git a/style/img/purple_left.svg b/style/img/purple_left.svg new file mode 100644 index 0000000..bc624c0 --- /dev/null +++ b/style/img/purple_left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/purple_line.svg b/style/img/purple_line.svg new file mode 100644 index 0000000..ce5632e --- /dev/null +++ b/style/img/purple_line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/purple_logo.svg b/style/img/purple_logo.svg new file mode 100644 index 0000000..fc7f837 --- /dev/null +++ b/style/img/purple_logo.svg @@ -0,0 +1 @@ + \ No newline at end of file