|
@@ -1,608 +1,619 @@
|
|
|
@charset "UTF-8";
|
|
|
.main {
|
|
|
- width: 100%;
|
|
|
- overflow: scroll;
|
|
|
+ width: 100%;
|
|
|
+ overflow: scroll;
|
|
|
}
|
|
|
|
|
|
.main::-webkit-scrollbar {
|
|
|
- display: none;
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
.layout_top-bottom {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-between;
|
|
|
- height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
.layout_top-bottom .layou_top {
|
|
|
- flex: 1;
|
|
|
- overflow: scroll;
|
|
|
+ flex: 1;
|
|
|
+ overflow: scroll;
|
|
|
}
|
|
|
|
|
|
.bottom_button {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- height: .94rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ height: .94rem;
|
|
|
}
|
|
|
|
|
|
.bottom_button .left_btn,
|
|
|
.bottom_button .right_btn {
|
|
|
- flex: 1;
|
|
|
- height: 100%;
|
|
|
- font-size: .34rem;
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ font-size: .34rem;
|
|
|
}
|
|
|
|
|
|
.bottom_button .left_btn {
|
|
|
- color: #2cb7ca;
|
|
|
- background-color: #fff;
|
|
|
- border-top: 1px solid #e0e0e0;
|
|
|
+ color: #2cb7ca;
|
|
|
+ background-color: #fff;
|
|
|
+ border-top: 1px solid #e0e0e0;
|
|
|
}
|
|
|
|
|
|
.bottom_button .right_btn {
|
|
|
- color: #fff;
|
|
|
- background-color: #2cb7ca;
|
|
|
- border-top: 1px solid #2cb7ca;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #2cb7ca;
|
|
|
+ border-top: 1px solid #2cb7ca;
|
|
|
}
|
|
|
|
|
|
.bottom_button button[disabled] {
|
|
|
- opacity: .5;
|
|
|
+ opacity: .5;
|
|
|
}
|
|
|
|
|
|
.public_btn {
|
|
|
- width: 100%;
|
|
|
- height: .94rem;
|
|
|
- line-height: .94rem;
|
|
|
- text-align: center;
|
|
|
- background: #2CB7CA;
|
|
|
- color: #fff;
|
|
|
- border-radius: 0.06rem;
|
|
|
- font-size: .34rem;
|
|
|
+ width: 100%;
|
|
|
+ height: .94rem;
|
|
|
+ line-height: .94rem;
|
|
|
+ text-align: center;
|
|
|
+ background: #2CB7CA;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 0.06rem;
|
|
|
+ font-size: .34rem;
|
|
|
}
|
|
|
|
|
|
.tips_btn {
|
|
|
- display: flex;
|
|
|
- position: relative;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ display: flex;
|
|
|
+ position: relative;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.tips_btn .tips_discount {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.tips_btn .tips_discount .tips_d_money {
|
|
|
- display: none;
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: -.2rem;
|
|
|
- padding: 0 .4rem;
|
|
|
- height: .64rem;
|
|
|
- line-height: .64rem;
|
|
|
- color: #2CB7CA;
|
|
|
- font-size: .32rem;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: .32rem;
|
|
|
- transform: translate(-50%, -100%);
|
|
|
- box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: -.2rem;
|
|
|
+ padding: 0 .4rem;
|
|
|
+ height: .64rem;
|
|
|
+ line-height: .64rem;
|
|
|
+ color: #2CB7CA;
|
|
|
+ font-size: .32rem;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: .32rem;
|
|
|
+ transform: translate(-50%, -100%);
|
|
|
+ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
|
}
|
|
|
|
|
|
.tips_btn .tips_discount .tips_d_text {
|
|
|
- display: none;
|
|
|
- height: .72rem;
|
|
|
- line-height: .72rem;
|
|
|
- color: #fff;
|
|
|
- font-size: .28rem;
|
|
|
- text-align: center;
|
|
|
- background-color: #FFB901;
|
|
|
+ display: none;
|
|
|
+ height: .72rem;
|
|
|
+ line-height: .72rem;
|
|
|
+ color: #fff;
|
|
|
+ font-size: .28rem;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #FFB901;
|
|
|
}
|
|
|
|
|
|
.tips_btn .btns {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- width: 100%;
|
|
|
- height: .94rem;
|
|
|
- line-height: .94rem;
|
|
|
- color: #fff;
|
|
|
- font-size: .34rem;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+ height: .94rem;
|
|
|
+ line-height: .94rem;
|
|
|
+ color: #fff;
|
|
|
+ font-size: .34rem;
|
|
|
}
|
|
|
|
|
|
.tips_btn .btns .save-btn,
|
|
|
.tips_btn .btns .reset-btn {
|
|
|
- flex: 1;
|
|
|
- width: 50%;
|
|
|
- text-align: center;
|
|
|
- height: 100%;
|
|
|
- font-size: .34rem;
|
|
|
+ flex: 1;
|
|
|
+ width: 50%;
|
|
|
+ text-align: center;
|
|
|
+ height: 100%;
|
|
|
+ font-size: .34rem;
|
|
|
}
|
|
|
|
|
|
.tips_btn .btns .reset-btn {
|
|
|
- background: #fff;
|
|
|
- color: #2cb7ca;
|
|
|
- border-top: 1px solid #e0e0e0;
|
|
|
+ background: #fff;
|
|
|
+ color: #2cb7ca;
|
|
|
+ border-top: 1px solid #e0e0e0;
|
|
|
}
|
|
|
|
|
|
.tips_btn .btns .save-btn {
|
|
|
- background: #2cb7ca;
|
|
|
- color: #fff;
|
|
|
- border-top: 1px solid #2cb7ca;
|
|
|
+ background: #2cb7ca;
|
|
|
+ color: #fff;
|
|
|
+ border-top: 1px solid #2cb7ca;
|
|
|
}
|
|
|
|
|
|
.tips_btn .btns button[disabled] {
|
|
|
- opacity: .5;
|
|
|
+ opacity: .5;
|
|
|
}
|
|
|
|
|
|
.jy_icon {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
.jy_icon.decrease:before,
|
|
|
.jy_icon.increase:before,
|
|
|
.jy_icon.increase:after {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- content: '';
|
|
|
- width: 0.4rem;
|
|
|
- height: 0.04rem;
|
|
|
- background-color: #686868;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ content: '';
|
|
|
+ width: 0.4rem;
|
|
|
+ height: 0.04rem;
|
|
|
+ background-color: #686868;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
}
|
|
|
|
|
|
.jy_icon.increase:after {
|
|
|
- transform: translate(-50%, -50%) rotate(90deg);
|
|
|
+ transform: translate(-50%, -50%) rotate(90deg);
|
|
|
}
|
|
|
|
|
|
/*禁止长按复制 加给body*/
|
|
|
.no-touch {
|
|
|
- -webkit-touch-callout: none;
|
|
|
- -webkit-user-select: none;
|
|
|
- -khtml-user-select: none;
|
|
|
- -moz-user-select: none;
|
|
|
- -ms-user-select: none;
|
|
|
- user-select: none;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -khtml-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
}
|
|
|
|
|
|
/* 弹性盒子布局 */
|
|
|
.flex_alginC {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.flex_alginC_justB {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.flex_alginC_justC {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
|
|
|
.flex_column {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
}
|
|
|
|
|
|
.flex_column_alignC {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
/* 自定义弹窗*/
|
|
|
@-webkit-keyframes c {
|
|
|
- 0% {
|
|
|
- opacity: 0;
|
|
|
- }
|
|
|
- to {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
+ 0% {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
@keyframes c {
|
|
|
- 0% {
|
|
|
- opacity: 0;
|
|
|
- }
|
|
|
- to {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
+ 0% {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-animate-fade-in {
|
|
|
- -webkit-animation: c ease 0s forwards;
|
|
|
- animation: c ease 0s forwards;
|
|
|
+ -webkit-animation: c ease 0s forwards;
|
|
|
+ animation: c ease 0s forwards;
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes d {
|
|
|
- 0% {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
- to {
|
|
|
- opacity: 0;
|
|
|
- }
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
@keyframes d {
|
|
|
- 0% {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
- to {
|
|
|
- opacity: 0;
|
|
|
- }
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-animate-fade-out {
|
|
|
- -webkit-animation: d ease 0s forwards;
|
|
|
- animation: d ease 0s forwards;
|
|
|
+ -webkit-animation: d ease 0s forwards;
|
|
|
+ animation: d ease 0s forwards;
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-dialog__hd {
|
|
|
- background: #F5F4F9;
|
|
|
- padding: .17rem 0;
|
|
|
- color: #000;
|
|
|
- font-size: .34rem;
|
|
|
- text-align: center;
|
|
|
+ background: #F5F4F9;
|
|
|
+ padding: .17rem 0;
|
|
|
+ color: #000;
|
|
|
+ font-size: .34rem;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-dialog__bd {
|
|
|
- padding: .37rem 0;
|
|
|
- color: #1D1D1D;
|
|
|
- font-size: .32rem;
|
|
|
- text-align: center;
|
|
|
+ padding: .37rem 0;
|
|
|
+ color: #1D1D1D;
|
|
|
+ font-size: .32rem;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-dialog__ft:after {
|
|
|
- border: 0;
|
|
|
+ border: 0;
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-dialog__btn:after {
|
|
|
- border: 0;
|
|
|
+ border: 0;
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-dialog__ft {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- padding-bottom: .38rem;
|
|
|
- box-sizing: border-box;
|
|
|
- text-align: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding-bottom: .38rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-dialog__btn {
|
|
|
- display: block;
|
|
|
- width: 1.72rem;
|
|
|
- height: .72rem;
|
|
|
- line-height: .72rem;
|
|
|
- color: #fff;
|
|
|
- padding: 0;
|
|
|
- flex: none;
|
|
|
- text-align: center;
|
|
|
- border-radius: 3px;
|
|
|
+ display: block;
|
|
|
+ width: 1.72rem;
|
|
|
+ height: .72rem;
|
|
|
+ line-height: .72rem;
|
|
|
+ color: #fff;
|
|
|
+ padding: 0;
|
|
|
+ flex: none;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 3px;
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-dialog__btn_primary {
|
|
|
- background-color: #2CB7CA;
|
|
|
- margin-right: 1rem;
|
|
|
+ background-color: #2CB7CA;
|
|
|
+ margin-right: 1rem;
|
|
|
}
|
|
|
|
|
|
.custom-dialog .weui-dialog__btn_default {
|
|
|
- background-color: #BFBFC3;
|
|
|
+ background-color: #BFBFC3;
|
|
|
}
|
|
|
|
|
|
/* 自定义switch按钮 */
|
|
|
.custom-switch {
|
|
|
- position: relative;
|
|
|
- width: 52px;
|
|
|
- height: 32px;
|
|
|
- border: 1px solid #dfdfdf;
|
|
|
- outline: 0;
|
|
|
- border-radius: 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #dfdfdf;
|
|
|
- -webkit-transition: background-color .1s,border .1s;
|
|
|
- transition: background-color .1s,border .1s;
|
|
|
- -webkit-appearance: none;
|
|
|
+ position: relative;
|
|
|
+ width: 52px;
|
|
|
+ height: 32px;
|
|
|
+ border: 1px solid #dfdfdf;
|
|
|
+ outline: 0;
|
|
|
+ border-radius: 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #dfdfdf;
|
|
|
+ -webkit-transition: background-color .1s, border .1s;
|
|
|
+ transition: background-color .1s, border .1s;
|
|
|
+ -webkit-appearance: none;
|
|
|
}
|
|
|
|
|
|
.custom-switch:before {
|
|
|
- content: " ";
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 50px;
|
|
|
- height: 30px;
|
|
|
- border-radius: 15px;
|
|
|
- background-color: #fdfdfd;
|
|
|
- -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
|
- transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
|
- transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
|
- transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
|
+ content: " ";
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 50px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 15px;
|
|
|
+ background-color: #fdfdfd;
|
|
|
+ -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
|
+ transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
|
+ transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
|
+ transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
|
}
|
|
|
|
|
|
.custom-switch:after {
|
|
|
- content: " ";
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- border-radius: 15px;
|
|
|
- background-color: #fff;
|
|
|
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
|
- -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
|
- transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
|
- transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
|
- transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
|
+ content: " ";
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 15px;
|
|
|
+ background-color: #fff;
|
|
|
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
|
+ -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
|
+ transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
|
+ transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
|
+ transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
|
}
|
|
|
|
|
|
.custom-switch.checked {
|
|
|
- border-color: #04be02;
|
|
|
- background-color: #04be02;
|
|
|
+ border-color: #04be02;
|
|
|
+ background-color: #04be02;
|
|
|
}
|
|
|
|
|
|
.custom-switch.checked:before {
|
|
|
- transform: scale(0);
|
|
|
+ transform: scale(0);
|
|
|
}
|
|
|
|
|
|
.custom-switch.checked:after {
|
|
|
- transform: translateX(20px);
|
|
|
+ transform: translateX(20px);
|
|
|
}
|
|
|
|
|
|
.custom-toast .weui-toast {
|
|
|
- font-size: .3rem;
|
|
|
- padding: 0.2rem;
|
|
|
- width: auto;
|
|
|
- max-width: 6rem;
|
|
|
- min-height: 0;
|
|
|
- height: auto;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- margin-left: 0;
|
|
|
- margin-top: -0.47rem;
|
|
|
- transform: translateX(-50%) translateY(-50%);
|
|
|
+ font-size: .3rem;
|
|
|
+ padding: 0.2rem;
|
|
|
+ width: auto;
|
|
|
+ max-width: 6rem;
|
|
|
+ min-height: 0;
|
|
|
+ height: auto;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: 0;
|
|
|
+ margin-top: -0.47rem;
|
|
|
+ transform: translateX(-50%) translateY(-50%);
|
|
|
}
|
|
|
|
|
|
.custom-toast .weui-icon_toast {
|
|
|
- display: none;
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
.custom-toast .weui-toast__content {
|
|
|
- margin: 0;
|
|
|
+ margin: 0;
|
|
|
}
|
|
|
|
|
|
.jymobile-tab-triangle {
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.jymobile-tab-triangle:after {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- right: 0;
|
|
|
- width: 0;
|
|
|
- height: 0;
|
|
|
- font-size: 0;
|
|
|
- line-height: 0;
|
|
|
- border-style: solid;
|
|
|
- border-width: .1rem;
|
|
|
- border-color: #aaa transparent transparent transparent;
|
|
|
- transform: translate(140%, -30%);
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ right: 0;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ font-size: 0;
|
|
|
+ line-height: 0;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: .1rem;
|
|
|
+ border-color: #aaa transparent transparent transparent;
|
|
|
+ transform: translate(140%, -30%);
|
|
|
}
|
|
|
|
|
|
.jymobile-tab-triangle.active:after {
|
|
|
- border-color: transparent transparent #2cb7ca transparent;
|
|
|
- transform: translate(140%, -70%);
|
|
|
+ border-color: transparent transparent #2cb7ca transparent;
|
|
|
+ transform: translate(140%, -70%);
|
|
|
}
|
|
|
|
|
|
.jymobile-tab-triangle.current {
|
|
|
- color: #2cb7ca;
|
|
|
+ color: #2cb7ca;
|
|
|
}
|
|
|
|
|
|
.jymobile-tab-triangle.current:after {
|
|
|
- border-color: #2cb7ca transparent transparent transparent;
|
|
|
+ border-color: #2cb7ca transparent transparent transparent;
|
|
|
}
|
|
|
|
|
|
#choose_area {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- flex-direction: column;
|
|
|
- overflow: hidden;
|
|
|
- height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-direction: column;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
#choose_area .form {
|
|
|
- flex: 1;
|
|
|
- overflow-y: scroll;
|
|
|
+ flex: 1;
|
|
|
+ overflow-y: scroll;
|
|
|
}
|
|
|
|
|
|
#choose_area .optional_count, #choose_area .all_area {
|
|
|
- height: .88rem;
|
|
|
- line-height: .88rem;
|
|
|
- padding: 0 .3rem;
|
|
|
- font-size: .3rem;
|
|
|
- color: #1d1d1d;
|
|
|
+ height: .88rem;
|
|
|
+ line-height: .88rem;
|
|
|
+ padding: 0 .3rem;
|
|
|
+ font-size: .3rem;
|
|
|
+ color: #1d1d1d;
|
|
|
}
|
|
|
|
|
|
#choose_area .optional_count em, #choose_area .all_area em {
|
|
|
- color: #2cb7ca;
|
|
|
+ color: #2cb7ca;
|
|
|
}
|
|
|
|
|
|
#choose_area .result {
|
|
|
- position: relative;
|
|
|
- padding: .2rem .3rem;
|
|
|
- font-size: .26rem;
|
|
|
- text-align: justify;
|
|
|
+ position: relative;
|
|
|
+ padding: .2rem .3rem;
|
|
|
+ font-size: .26rem;
|
|
|
+ text-align: justify;
|
|
|
}
|
|
|
|
|
|
#choose_area .result .result_text {
|
|
|
- position: relative;
|
|
|
- min-height: 19px;
|
|
|
+ position: relative;
|
|
|
+ min-height: 19px;
|
|
|
}
|
|
|
|
|
|
#choose_area .result .line_two {
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- line-clamp: 2;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
}
|
|
|
|
|
|
#choose_area .result .detail, #choose_area .result .packup {
|
|
|
- display: inline-block;
|
|
|
- width: 1.5rem;
|
|
|
- padding-right: 0.1rem;
|
|
|
- text-align: right;
|
|
|
- color: #2cb7ca;
|
|
|
- font-size: .26rem;
|
|
|
- z-index: 999;
|
|
|
+ display: inline-block;
|
|
|
+ width: 1.5rem;
|
|
|
+ padding-right: 0.1rem;
|
|
|
+ text-align: right;
|
|
|
+ color: #2cb7ca;
|
|
|
+ font-size: .26rem;
|
|
|
+ z-index: 999;
|
|
|
}
|
|
|
|
|
|
#choose_area .result .detail {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- background: linear-gradient(90deg, rgba(245, 244, 249, 0) 0%, rgba(245, 244, 249, 0.96) 36%, #f5f4f9 100%);
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ background: linear-gradient(90deg, rgba(245, 244, 249, 0) 0%, rgba(245, 244, 249, 0.96) 36%, #f5f4f9 100%);
|
|
|
}
|
|
|
|
|
|
#choose_area .result .packup {
|
|
|
- position: absolute;
|
|
|
- right: 0.3rem;
|
|
|
- bottom: 0;
|
|
|
- margin-top: .1rem;
|
|
|
+ position: absolute;
|
|
|
+ right: 0.3rem;
|
|
|
+ bottom: 0;
|
|
|
+ margin-top: .1rem;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box {
|
|
|
- padding-bottom: .94rem;
|
|
|
+ padding-bottom: .94rem;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- color: #1d1d1d;
|
|
|
- background: #fff;
|
|
|
- font-size: .3rem;
|
|
|
- padding: .2rem .5rem;
|
|
|
- border-bottom: 1px solid #e0e0e0;
|
|
|
- box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #1d1d1d;
|
|
|
+ background: #fff;
|
|
|
+ font-size: .3rem;
|
|
|
+ padding: .2rem .5rem;
|
|
|
+ border-bottom: 1px solid #e0e0e0;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab .province {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab .province .checkbox {
|
|
|
- width: .4rem;
|
|
|
- height: .4rem;
|
|
|
- border: 1px solid #ddd;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: .2rem;
|
|
|
- -webkit-appearance: none;
|
|
|
- background: #fff;
|
|
|
+ width: .4rem;
|
|
|
+ height: .4rem;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: .2rem;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab .province .checkbox:checked {
|
|
|
- border: 0;
|
|
|
- background: url(/jyapp/vipsubscribe/image/xuanzhong.png) no-repeat center center;
|
|
|
- background-size: 100% 100%;
|
|
|
+ border: 0;
|
|
|
+ background: url(/jyapp/vipsubscribe/image/xuanzhong.png) no-repeat center center;
|
|
|
+ background-size: 100% 100%;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab .province .checkbox[disabled] {
|
|
|
- border: 0;
|
|
|
- background: url(/jyapp/vipsubscribe/image/active_disabled.png) no-repeat center center;
|
|
|
- background-size: 100% 100%;
|
|
|
+ border: 0;
|
|
|
+ background: url(/jyapp/vipsubscribe/image/active_disabled.png) no-repeat center center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ opacity: 1;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab .province .checkbox.half {
|
|
|
- border: 0 !important;
|
|
|
- background: url(/jyapp/vipsubscribe/image/banxuan.png) no-repeat center center !important;
|
|
|
- background-size: cover !important;
|
|
|
+ border: 0 !important;
|
|
|
+ background: url(/jyapp/vipsubscribe/image/banxuan.png) no-repeat center center !important;
|
|
|
+ background-size: cover !important;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab .province .checkbox.half[disabled] {
|
|
|
- border: 0 !important;
|
|
|
- background: url(/jyapp/vipsubscribe/image/banxuan.png) no-repeat center center !important;
|
|
|
- background-size: cover !important;
|
|
|
+ border: 0 !important;
|
|
|
+ background: url(/jyapp/vipsubscribe/image/banxuan.png) no-repeat center center !important;
|
|
|
+ background-size: cover !important;
|
|
|
+ opacity: 1 !important;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab .optional {
|
|
|
- color: #2CB7CA;
|
|
|
- font-size: 0.28rem;
|
|
|
- margin-left: -2.8rem;
|
|
|
+ color: #2CB7CA;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ margin-left: -2.8rem;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box label::after {
|
|
|
- font-size: 14px;
|
|
|
- float: right;
|
|
|
- margin-right: 15px;
|
|
|
+ font-size: 14px;
|
|
|
+ float: right;
|
|
|
+ margin-right: 15px;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab_content {
|
|
|
- display: none;
|
|
|
- font-size: .28rem;
|
|
|
- padding: .1rem .3rem;
|
|
|
- text-align: center;
|
|
|
+ display: none;
|
|
|
+ font-size: .28rem;
|
|
|
+ padding: .1rem .3rem;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab_content .city {
|
|
|
- float: left;
|
|
|
- padding: .1rem .2rem;
|
|
|
- background: #fff;
|
|
|
- margin: .1rem 0 .1rem .1rem;
|
|
|
- border-radius: 0.04rem;
|
|
|
- font-size: .28rem;
|
|
|
+ float: left;
|
|
|
+ padding: .1rem .2rem;
|
|
|
+ background: #fff;
|
|
|
+ margin: .1rem 0 .1rem .1rem;
|
|
|
+ border-radius: 0.04rem;
|
|
|
+ font-size: .28rem;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab_content .active {
|
|
|
- background: #2cb7ca;
|
|
|
- color: #fff;
|
|
|
+ background: #2cb7ca;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab_content .active[disabled] {
|
|
|
- background: #BFBFC3;
|
|
|
- color: #fff;
|
|
|
+ background: #BFBFC3;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .tab_content .city[disabled] {
|
|
|
- background: #BFBFC3;
|
|
|
- color: #fff;
|
|
|
+ background: #BFBFC3;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
#choose_area .select-area-box .index {
|
|
|
- padding: .3rem .3rem .1rem .3rem;
|
|
|
- font-size: .32rem;
|
|
|
+ padding: .3rem .3rem .1rem .3rem;
|
|
|
+ font-size: .32rem;
|
|
|
}
|
|
|
|
|
|
#choose_area .slide {
|
|
|
- background: transparent;
|
|
|
- position: fixed;
|
|
|
- right: 0;
|
|
|
- top: 50%;
|
|
|
- height: 8.5rem;
|
|
|
- width: .4rem;
|
|
|
- font-size: .26rem;
|
|
|
- text-align: center;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- padding: .1rem 0;
|
|
|
- align-items: center;
|
|
|
- margin-top: -4.25rem;
|
|
|
- z-index: 9999;
|
|
|
+ background: transparent;
|
|
|
+ position: fixed;
|
|
|
+ right: 0;
|
|
|
+ top: 50%;
|
|
|
+ height: 8.5rem;
|
|
|
+ width: .4rem;
|
|
|
+ font-size: .26rem;
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ padding: .1rem 0;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: -4.25rem;
|
|
|
+ z-index: 9999;
|
|
|
}
|
|
|
|
|
|
#choose_area .slide a {
|
|
|
- margin-bottom: .1rem;
|
|
|
+ margin-bottom: .1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.icon.iconfont {
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
+
|
|
|
+.icon.iconfont.up {
|
|
|
+ display: inline-block;
|
|
|
+ transform: rotate(-180deg);
|
|
|
+}
|