wxmp-salarycalculators_g/page/home/index.wxss

.bg-scroll-view {
  width: 100%;
  height: 100%;
}
.attent{
  width:750rpx;
  height: 168rpx;
  /* position:fixed;
  bottom:0; */
  overflow: hidden;
}
.collectedTips{
  width:330rpx;
  position:fixed;
  right:-190px;
  top: 10px;
  height:auto;
  z-index:999;
  color:#FFF;
  border-radius:10rpx;
  font-size:30rpx;
  padding:10rpx;
  background:#333333;
  text-align: center;
}
.collectedTips::after{
  content:"";
  position:absolute;
  top:-6px;
  left:220rpx;
  border-bottom:6px solid #333333;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
}
.tips-icon{
  position: absolute;
  right: 8rpx;
  top: 100rpx;
}
.banner-tips {
  width: 100%;
  height: 224rpx;
  margin-top: -224rpx;
  display: flex;
}

.banner-tips>text {
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #FFFFFF;
  line-height: 48rpx;
  width: 624rpx;
  margin: 30rpx auto 0;
}

.tab {
  display: flex;
  width: 100%;
  height: 100rpx;
  background: #4FC16B;
  margin-top: -16rpx;
}

.choose-tab {
  font-family: PingFangSC-Semibold;
  font-size: 34rpx;
  color: #FFFFFF;
  text-align: center;
  margin-top: 20rpx;
  width: 50%;
}

.unchoose-tab {
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #FFFFFF;
  text-align: center;
  line-height: 100rpx;
  width: 50%;
}

.tab+view {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 5rpx;
  margin-top: -5rpx;
}

.tab+view>view {
  width: 48rpx;
  height: 5rpx;
  background: #FFFFFF;
  border-radius: 2.5rpx;
  margin: -15rpx auto 0;
}

.item-bg {
  width: 690rpx;
  background-color: white;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 30px 0 rgba(205,205,205,0.50);
  border-radius: 20px;
  margin: -66rpx 30rpx 0;
}

.item-bg>view:nth-last-child(3)>view {
  width: 88rpx;
  height: 48rpx;
  border: 2rpx solid #FF801A;
  border-radius: 8rpx;
  font-family: PingFangSC-Regular;
  font-size: 26rpx;
  color: #FF801A;
  text-align: center;
  line-height: 48rpx;
  margin: auto 30rpx auto 36rpx;
}
.item-bg>view:nth-last-child(3)>text:nth-child(2) {
  font-family: PingFangSC-Regular;
  font-size: 34rpx;
  color: #888888;
  line-height: 100rpx;
  margin-left: auto;
}

.picker-view,
.item-bg>view:nth-child(5),
.item-bg>view:nth-child(13) {
  width: 690rpx;
  height: 100rpx;
}

.picker-view,
.item-bg>view:nth-last-child(3) {
  display: flex;
  background-color: white;
  border-radius: 10px;
}

.input-view>text,
.switch-view>text,
.picker-view>text:first-child,
.item-bg>view:nth-child(5)>text:first-child,
.item-bg>view:nth-child(13)>text:first-child {
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #333333;
  line-height: 100rpx;
  margin-left: 30rpx;
  /* width: 210rpx; */
}

/* picker */

picker {
  margin-left: auto;
}

.picker-content-view {
  height: 100rpx;
  /* min-width: 370rpx; */
  display: flex;
}

.picker-content-view>text:nth-last-child(2) {
  font-family: PingFangSC-Regular;
  font-size: 34rpx;
  color: #888888;
  line-height: 100rpx;
  margin: 0 0 0 auto;
}

.picker-content-view>image {
  width: 16rpx;
  height: 28rpx;
  margin: auto 30rpx auto 24rpx;
}

.switch-view>view,
.picker-view>view {
  height: 100rpx;
  display: flex;
  margin-left: 6rpx;
}

.switch-view>view>image,
.picker-view>view>image{
  width: 32rpx;
  height: 32rpx;
  margin: auto 30rpx auto auto;
}

/* input */

.item-bg>view:nth-child(5) {
  display: flex;
}

.placeholder {
  font-family: PingFangSC-Regular;
  font-size: 34rpx;
  color: #BFBFBF;
  line-height: 100rpx;
}

input {
  width: 480rpx;
  height: 100rpx;
  font-family: PingFangSC-Regular;
  font-size: 34rpx;
  color: #888888;
  line-height: 100rpx;
  text-align: right;
  margin: auto 30rpx auto auto;
}

.line {
  height: 1px;
  background-color: rgba(238, 238, 238, 0.5);
  margin-left: 30rpx;
  margin-right: 30rpx;
}

.all-line {
  height: 0.7px;
  background-color: #EBEBEB;
}

.button-view>button {
  width: 626rpx;
  height: 90rpx;
  border-radius: 44px;
  background: #03C29D;
  box-shadow: 0 0 20px 0 rgba(34, 155, 131, 0.50);
  font-size: 36rpx;
  color: #FFFFFF;
  line-height: 90rpx;
  text-align: center;
  margin: 48rpx auto;
}

.input-view,
.switch-view {
  width: 100%;
  height: 100rpx;
  display: flex;
  background-color: white;
}


.switch-view>switch {
  margin: auto 30rpx auto auto;
}


/* tips-view */
.tips-view {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.68);
  display: flex;
  z-index: 1000;
}

.tips-view>view {
  width: 560rpx;
  border-radius: 16rpx;
  margin: auto auto;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.tips-view>view>text:first-child {
  font-family: PingFangSC-Regular;
  font-size: 36rpx;
  font-weight: 700;
  color: #222222;
  text-align: center;
  line-height: 50rpx;
  margin: 60rpx auto 0;
}

.tips-view>view>view:nth-child(2) {
  display: flex;
  flex-direction: column;
  margin: 20rpx 42rpx 48rpx;
}

.tips-view>view>view:nth-child(2)>text {
  font-family: PingFangSC-Regular;
  font-size: 30rpx;
  color: #888888;
  line-height: 44rpx;
  margin-bottom: 20rpx;
}

.tips-view>view>view:nth-child(3) {
  width: 100%;
  /* height: 0.7px; */
  background-color: #E5E5E5;
}

.tips-view>view>view:nth-child(4) {
  width: 510rpx;
  height: 88rpx;
  line-height: 88rpx;
  font-family: PingFangSC-Regular;
  font-size: 34rpx;
  color: #FFF;
  background: #03C29D;
  border-radius: 44px;
  text-align: center;
  margin: 0 auto 40rpx;
}
.banner-bottom{
  width: 750rpx;
  margin: 30rpx;
}
.banner-bottom>image{
  width: 690rpx;
  height: 160rpx;
  border-radius: 4px;
}