197 lines
3.3 KiB
Plaintext
197 lines
3.3 KiB
Plaintext
.right-container-title-nav {
|
|
// margin-top: 40rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 60rpx;
|
|
position: relative;
|
|
font-size: 28rpx;
|
|
|
|
.new-weight {
|
|
margin-left: 30rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.right-icons {
|
|
position: absolute;
|
|
right: 40rpx;
|
|
top: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 60rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.right-icons-img {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-left: 20rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.right-icons-img-back {
|
|
width: 38rpx;
|
|
height: 38rpx;
|
|
margin-left: 60rpx;
|
|
margin-right: 3rpx;
|
|
}
|
|
}
|
|
|
|
.buttons-father {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
height: 3.3vw;
|
|
margin-top: 1.1vw;
|
|
position: relative;
|
|
margin-bottom: 0.7vw;
|
|
// background-color: blue;
|
|
|
|
.center-font{
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
color: #555555;
|
|
font-size: 29rpx;
|
|
font-weight: 800;
|
|
display: flex;
|
|
align-items: center;
|
|
.center-font-imge{
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
}
|
|
|
|
.flexend{
|
|
justify-content: flex-end !important;
|
|
padding-right: 1.4vw;
|
|
}
|
|
.boxtwo{
|
|
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
// background-color: red;
|
|
|
|
}
|
|
|
|
.qlthbtn{
|
|
width: 8.5vw;
|
|
height: 3.3vw;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
border-radius: 1.65vw;
|
|
border: 2rpx solid #D9DADC;
|
|
font-weight: 400;
|
|
font-size: 1.4vw;
|
|
color: #222;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
// box-shadow: 0.5rpx 3rpx 3rpx #dadee1;
|
|
margin: 0 0 0 0.5vw;
|
|
color: #555555;
|
|
position: relative;
|
|
.qlthbtn-red{
|
|
position: absolute;
|
|
right: -0vw;
|
|
top: -0vw;
|
|
width: 1vw;
|
|
height: 1vw;
|
|
background-color: rgba(255, 78, 78, 1);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
image {
|
|
width: 1.5vw;
|
|
height: 1.5vw;
|
|
margin: 0.1vw 0.3vw 0 0;
|
|
}
|
|
}
|
|
|
|
.scr {
|
|
border-radius: 1.65vw;
|
|
font-weight: 400;
|
|
font-size: 1.4vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 6.5vw;
|
|
height: 3.3vw;
|
|
margin: 0 0 0 0.7vw;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
border: 1px solid #D9DADC;
|
|
color: #555555;
|
|
box-shadow: 0.5rpx 3rpx 3rpx #dadee1;
|
|
}
|
|
|
|
.shx {
|
|
border-radius: 1.65vw;
|
|
font-weight: 400;
|
|
font-size: 1.4vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 7vw;
|
|
height: 3.3vw;
|
|
margin: 0 0 0 0.7vw;
|
|
background: rgba(255, 255, 255, 1);
|
|
border: 1px solid #D9DADC;
|
|
color: #555555;
|
|
|
|
image {
|
|
width: 1.6vw;
|
|
height: 1.6vw;
|
|
margin: 0 0.5vw 0 0;
|
|
}
|
|
|
|
.shx-font {
|
|
font-size: 1.4vw;
|
|
// font-size: 1.4vw;
|
|
// margin-left: -5rpx;
|
|
}
|
|
}
|
|
}
|
|
.ipt {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 17.5vw;
|
|
border-radius: 1.65vw;
|
|
height: 3.3vw;
|
|
background: #FFFFFF;
|
|
border: 1px solid #D2D2D2;
|
|
|
|
image {
|
|
width: 2.2vw;
|
|
height: 2.2vw;
|
|
margin: 0 0.5vw;
|
|
}
|
|
|
|
input {
|
|
// width: 15vw;
|
|
height: 3.3vw;
|
|
font-size: 1.4vw;
|
|
padding-left: 1.6vw;
|
|
|
|
}
|
|
}
|
|
.shr {
|
|
display: none;
|
|
}
|
|
|
|
.scr:active .sh {
|
|
display: none;
|
|
}
|
|
|
|
.shx:active .shr {
|
|
display: inline-block;
|
|
}
|
|
|
|
.shx:active .sh {
|
|
display: none;
|
|
}
|
|
|
|
.shx:active {
|
|
color: #1083F8;
|
|
background: linear-gradient(-45deg, rgba(223, 244, 252, 1), rgba(204, 228, 249, 0.43));
|
|
border: 1px solid #1083F8;
|
|
} |