.box_sizing {
|
box-sizing: border-box;
|
}
|
.clickactive{
|
background-color: #ffe6c9 !important;
|
}
|
|
.line{
|
height: 85rpx;
|
line-height: 85rpx;
|
padding: 0 30rpx;
|
background-color: #FFFFFF;
|
border-bottom:1px solid #E4E4E4;
|
}
|
.idindex{
|
width: 35rpx;
|
height: 35rpx;
|
background-color: #f18202;
|
color: #fff;
|
text-align: center;
|
line-height:35rpx;
|
border-radius: 50%;
|
/* margin-right: 10rpx; */
|
}
|
|
.little_card{
|
color: #f69e02;
|
border: 1px solid #f69e02;
|
margin: 55rpx 30rpx;
|
padding: 25rpx;
|
box-sizing: border-box;
|
border-radius: 10rpx;
|
}
|
|
.active{
|
background:linear-gradient(to right,#fdd800,#f28b02) ;
|
color: #fff;
|
border: none;
|
}
|
.bg-f18202{
|
background-color: #f18202 !important;
|
color: #fff;
|
}
|
.bg-ffe6c9{
|
background-color: #ffe6c9;
|
border: 1px solid #f18202;
|
color: #f18202;
|
}
|
.bd-ffe6c9{
|
border: 1px solid #f18202;
|
}
|
.height {
|
height: 100%;
|
}
|
|
.height75 {
|
height: 75%;
|
}
|
|
.height70 {
|
height: 70%;
|
}
|
|
.height50 {
|
height: 50%;
|
}
|
|
.height30 {
|
height: 30%;
|
}
|
|
.height10 {
|
height: 10%;
|
}
|
|
.height160rpx {
|
height: 160rpx;
|
}
|
.height140rpx {
|
height: 140rpx;
|
}
|
.height100rpx {
|
height: 100rpx;
|
}
|
|
.height84rpx {
|
height: 84rpx;
|
}
|
|
.height80rpx {
|
height: 80rpx;
|
}
|
|
.height74rpx {
|
height: 74rpx;
|
}
|
|
.height64rpx {
|
height: 64rpx;
|
}
|
|
.height56rpx {
|
height: 56rpx;
|
}
|
|
.height300rpx {
|
height: 400rpx;
|
}
|
|
.height_calc315 {
|
height: calc(100vh - 700rpx);
|
}
|
.height_calc215 {
|
height: calc(100vh - 580rpx);
|
}
|
.height_calc550rpx {
|
height: calc(100vh - 560rpx);
|
}
|
.height_calc510rpx{
|
height: calc(100vh - 510rpx);
|
}
|
.height_calc497 {
|
height: calc(100vh - 340rpx);
|
}
|
|
.height_calc175 {
|
height: calc(100vh - 400rpx);
|
}
|
|
.height_calc220 {
|
height: calc(100vh - 440rpx);
|
}
|
|
.width {
|
width: 100%;
|
}
|
|
.width99 {
|
width: 99%;
|
}
|
|
.width96 {
|
width: 96%;
|
}
|
.width95 {
|
width: 95%;
|
}
|
.width94 {
|
width: 94%;
|
}
|
|
.width90 {
|
width: 90%;
|
}
|
|
.width80 {
|
width: 80%;
|
}
|
|
.width70 {
|
width: 70%;
|
}
|
.width67{
|
width: 67%;
|
}
|
.width60 {
|
width: 60%;
|
}
|
|
.width50 {
|
width: 50%;
|
}
|
|
.width49 {
|
width: 49%;
|
}
|
.width45 {
|
width: 45%;
|
}
|
.width40 {
|
width: 40%;
|
}
|
|
.width31 {
|
width: 31%;
|
}
|
.width33 {
|
width: 33%;
|
}
|
.width30 {
|
width: 30%;
|
}
|
|
.width25 {
|
width: 25%;
|
}
|
|
.width23 {
|
width: 23%;
|
}
|
|
.width19 {
|
width: 19%;
|
}
|
|
.width10 {
|
width: 10%;
|
}
|
|
.width56rpx {
|
width: 56rpx;
|
}
|
|
.width80rpx {
|
width: 80rpx;
|
}
|
|
.width130rpx {
|
width: 130rpx;
|
}
|
|
.width150rpx {
|
width: 150rpx;
|
}
|
|
.width200rpx {
|
width: 200rpx;
|
}
|
.width320rpx{
|
width: 320rpx;
|
}
|
.margin_auto {
|
margin: auto;
|
}
|
.margin_0_25rpx{
|
margin: 0 25rpx;
|
}
|
.margin_top1 {
|
margin-top: 1%;
|
}
|
|
.margin_top5 {
|
margin-top: 5%;
|
}
|
|
.margin_top4rpx {
|
margin-top: 4rpx;
|
}
|
|
.margin_top10rpx {
|
margin-top: 10rpx;
|
}
|
|
.margin_top20rpx {
|
margin-top: 20rpx;
|
}
|
|
.margin_top30rpx {
|
margin-top: 30rpx;
|
}
|
|
.margin_top40rpx {
|
margin-top:40rpx;
|
}
|
.margin_top140rpx{
|
margin-top: 140rpx;
|
}
|
.margin_left10rpx {
|
margin-left: 10rpx;
|
}
|
|
.margin_left30rpx {
|
margin-left: 30rpx;
|
}
|
|
.margin_right10rpx {
|
margin-right: 10rpx;
|
}
|
|
.margin_right30rpx {
|
margin-right: 30rpx;
|
}
|
|
.margin_bottom10rpx {
|
margin-bottom: 10rpx;
|
}
|
|
.margin_bottom25rpx {
|
margin-bottom: 25rpx;
|
}
|
|
.margin_bottom30rpx {
|
margin-bottom: 30rpx;
|
}
|
.margin_bottom4rpx {
|
margin-bottom: 4rpx;
|
}
|
|
.margin_bottom50rpx {
|
margin-bottom: 50rpx;
|
}
|
.margin_bottom18{
|
margin-bottom: 18%;
|
}
|
.margin_bottom13{
|
margin-bottom: 13%;
|
}
|
.padding_top12rpx{
|
padding-top: 12rpx;
|
}
|
.padding_right10rpx {
|
padding-right: 10rpx;
|
}
|
.padding_right30rpx {
|
padding-right: 30rpx;
|
}
|
|
.padding_left10rpx {
|
padding-left: 10rpx;
|
}
|
.padding_left25rpx{
|
padding-left: 25rpx;
|
}
|
.padding_left30rpx {
|
padding-left: 30rpx;
|
}
|
.padding_left80rpx {
|
padding-left: 80rpx;
|
}
|
.padding_left67rpx {
|
padding-left: 67rpx;
|
}
|
.padding_left45rpx{
|
padding-left: 45rpx;
|
}
|
.padding5_0{
|
padding: 5rpx 0;
|
}
|
.padding_up_down25 {
|
padding: 25rpx 0;
|
}
|
.padding_up_down20 {
|
padding: 20rpx 0;
|
}
|
|
.padding_bottom {
|
padding-bottom: 8rpx;
|
}
|
.padding_bottom18 {
|
padding-bottom: 18rpx;
|
}
|
.padding10 {
|
padding: 10rpx;
|
}
|
|
.padding0_8 {
|
padding: 0 8rpx;
|
}
|
|
.padding5_10 {
|
padding: 5rpx 10rpx;
|
}
|
.padding15 {
|
padding: 15rpx;
|
}
|
|
.padding {
|
padding: 25rpx;
|
}
|
|
.padding40_0 {
|
padding: 15rpx 0;
|
}
|
.padding20_0 {
|
padding: 40rpx 0;
|
}
|
|
.padding_surround {
|
padding: 20rpx 0 10rpx 20rpx;
|
}
|
|
.padding_surround2 {
|
padding: 10rpx 15rpx;
|
}
|
|
.relative {
|
position: relative;
|
}
|
|
.absolute {
|
position: absolute;
|
}
|
|
.fixed {
|
position: fixed;
|
}
|
.top0{
|
top: 0;
|
}
|
.top10rpx {
|
top: 10rpx;
|
}
|
|
.top50 {
|
top: 50%;
|
}
|
|
.top90rpx {
|
top: 80rpx;
|
}
|
.top25rpx{
|
top: 25rpx;
|
}
|
.right20rpx {
|
right: 20rpx;
|
}
|
.right100rpx {
|
right: 100rpx;
|
}
|
.right10rpx {
|
right: 10rpx;
|
}
|
|
.right {
|
right: 0;
|
}
|
|
|
.left50 {
|
left: 50%;
|
}
|
.left {
|
left: 80%;
|
}
|
.bottom0 {
|
bottom: 0;
|
}
|
.bottom25 {
|
bottom: 25rpx;
|
}
|
.bottom110 {
|
bottom: 110rpx;
|
}
|
.bottom140 {
|
bottom: 140rpx;
|
}
|
.bottom148{
|
bottom: 148rpx;
|
}
|
.transformY {
|
transform: translateY(-50%);
|
}
|
|
.transformX {
|
transform: translateX(-50%);
|
}
|
|
.transform {
|
transform: translate(-50%, -50%);
|
}
|
|
.transformtopleft {
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
}
|
|
.transition {
|
transition: all 0.2s;
|
}
|
|
.transition_rotate180 {
|
transform: rotate(-180deg);
|
transition: all 0.3s;
|
}
|
|
.transition_rotate0 {
|
transform: rotate(0deg);
|
transition: all 0.3s;
|
}
|
|
.fixed {
|
position: fixed;
|
}
|
|
.flex {
|
display: flex;
|
}
|
|
.flex-sub {
|
flex: 1;
|
}
|
|
.flex-auto {
|
flex: auto;
|
}
|
|
.flex-direction {
|
flex-direction: column;
|
}
|
|
.flex-column-reverse {
|
flex-direction: column-reverse;
|
}
|
|
.flex-wrap {
|
flex-wrap: wrap;
|
}
|
|
.align-start {
|
align-items: flex-start;
|
}
|
|
.align-baseline {
|
align-items: baseline;
|
}
|
|
.align-end {
|
align-items: flex-end;
|
}
|
|
.align-center {
|
align-items: center;
|
}
|
|
.justify-start {
|
justify-content: flex-start;
|
}
|
|
.justify-end {
|
justify-content: flex-end;
|
}
|
|
.justify-center {
|
justify-content: center;
|
}
|
|
.justify-between {
|
justify-content: space-between;
|
}
|
|
.justify-around {
|
justify-content: space-around;
|
}
|
|
.color_666666 {
|
color: #666666;
|
}
|
|
.color_333333 {
|
color: #333333;
|
}
|
.color_217ebe{
|
color: #217ebe;
|
}
|
.color_1989FA {
|
color: #1989FA;
|
}
|
|
.color_F2F2F2 {
|
color: #F2F2F2 !important;
|
}
|
|
.color_8799a3 {
|
color: #8799a3;
|
}
|
|
.color_E4E4E4 {
|
color: #E4E4E4;
|
}
|
|
.color_1cbbb4 {
|
color: #1cbbb4;
|
}
|
.color_f18202{
|
color:#f18202
|
}
|
.fontSize24rpx {
|
font-size: 24rpx;
|
}
|
|
.fontSize28rpx {
|
font-size: 28rpx;
|
}
|
|
.fontSize30rpx {
|
font-size: 30rpx;
|
}
|
.fontSize32rpx {
|
font-size: 32rpx;
|
}
|
|
.fontSize36rpx {
|
font-size: 36rpx;
|
}
|
|
.fontSize38rpx {
|
font-size: 38rpx;
|
}
|
|
.fontSize43rpx {
|
font-size: 43rpx;
|
}
|
|
.fontSize42rpx {
|
font-size: 48rpx;
|
}
|
|
.fontSize56rpx {
|
font-size: 56rpx;
|
}
|
|
.fontSize60rpx {
|
font-size: 60rpx;
|
}
|
.fontSize80rpx {
|
font-size: 80rpx;
|
}
|
|
.font_weight_bold {
|
font-weight: bold;
|
}
|
|
.box_shadow {
|
box-shadow: 0 0 4px #666666;
|
}
|
|
.border {
|
border: 2rpx solid #E4E4E4;
|
}
|
.borderE4 {
|
border: 4rpx solid #E4E4E4;
|
}
|
.border000{
|
border: 1px solid #000000;
|
}
|
.border_facd91{
|
border: 3px solid #facd91;
|
box-sizing: border-box;
|
}
|
.border_top {
|
border-top: 2rpx solid #E4E4E4;
|
}
|
|
.border_buttom {
|
border-bottom: 2rpx solid #E4E4E4;
|
}
|
|
.border_left {
|
border-left: 2rpx solid #E4E4E4;
|
}
|
|
.border_right {
|
border-right: 2rpx solid #E4E4E4;
|
}
|
|
.border_top_F2F2F2 {
|
border-top: 2rpx solid #F2F2F2;
|
}
|
.border_top12_F2F2F2{
|
border-top: 12rpx solid #F2F2F2;
|
}
|
.border_1989FA{
|
border: 4rpx solid #f69e02;
|
border-radius: 8rpx;
|
}
|
.border_left_1989FA {
|
border-left: 8rpx solid #f69e02;
|
/* border-right: 8rpx solid #f69e02; */
|
}
|
|
.border_bottom_F2F2F2 {
|
border-bottom: 6rpx solid #F2F2F2;
|
}
|
.border_bottom_FFF {
|
border-bottom: 6rpx solid #FFF;
|
}
|
.border_bottom12_F2F2F2 {
|
border-bottom: 12rpx solid #F2F2F2;
|
}
|
.border_bottom2_F2F2F2 {
|
border-bottom: 2rpx solid #F2F2F2;
|
}
|
|
.border_bottom_fff {
|
border-bottom: 2rpx solid #fff;
|
}
|
|
.border_bottom_1989FA {
|
border-bottom: 6rpx solid #1989FA;
|
}
|
.border_bottom_f18202 {
|
border-bottom: 3rpx solid #f18202;
|
}
|
.border_bottom2_1989FA {
|
border-bottom: 2rpx solid #1989FA;
|
}
|
|
.border_bottom_345 {
|
border-bottom: 2rpx solid #aaaaaa;
|
}
|
|
.border_bottom_f69e02 {
|
border-bottom: 2rpx solid #f69e02;
|
}
|
.border_radius {
|
border-radius: 6rpx;
|
}
|
.border_radius10 {
|
border-radius: 10rpx;
|
}
|
|
.border_radius50 {
|
border-radius: 50%;
|
}
|
|
.background_fff {
|
background-color: #fff;
|
}
|
.background_ddd{
|
background-color: #dddddd;
|
}
|
.background_1989FA {
|
background-color: #1989FA;
|
}
|
.background_217ebe{
|
background-color: #217ebe;
|
}
|
.background_rgba000 {
|
background:rgba(0,0,0,0.5);
|
|
}
|
.background_rgb129{
|
background: rgba(0, 129, 255,0.1);
|
}
|
.background_coverno {
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
}
|
|
.outline {
|
outline: 1px solid;
|
}
|
|
.overflow_hidden {
|
overflow: hidden;
|
}
|
|
.overflow_auto {
|
overflow: auto;
|
}
|
.text-80{
|
color: #808080;
|
}
|
.text_align_center {
|
text-align: center;
|
}
|
|
.text_overflow {
|
overflow: hidden;
|
white-space: nowrap;
|
text-overflow: ellipsis;
|
}
|
.text_shadow10rpx{
|
text-shadow: 10rpx 10rpx 10rpx;
|
}
|
.opacity_0 {
|
opacity: 0;
|
}
|
|
.opacity_1 {
|
opacity: 1;
|
}
|
.line_height90{
|
line-height: 90rpx;
|
}
|
.title-wrap{
|
width: 100vw;
|
}
|
