ssj_curator/app.wxss

/**app.wxss**/
page {
  font-size: 32rpx;
  line-height: 32rpx;
  color: #000000;
  background: #Fff;
  box-sizing: border-box;
}
text,
view {
  word-break: break-all;
  box-sizing: border-box;
  font-family:PingFang SC;
}    
image,
text {
  display: inline-block;
  vertical-align: middle;
}
button,
button::after {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  transition: all .3s;
}
.container {
  position: relative;
}
.wrapper {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
} 
.input-placeholder,
.textarea-placeholder {
  color: #bfbfbf;
  font-size: 30rpx;
}
.pb {
  padding-bottom: 98rpx;
}
.scroll-view {
  display: flex;
  padding-top: 20rpx;
}
.scroll-view-item {
  margin-right: 24rpx;
  position: relative;
}
.scroll-view-image {
  width: 212rpx;
  height: 212rpx;
  /* border: 1rpx solid #CCCCCC; */
  border-radius: 10rpx;
} 
.tag-words{
  width: 100%;
  height:52rpx;
  line-height: 52rpx;
  text-align: center;
  background:rgba(0,0,0,0.8);
  color: #FFFFFF;
  font-size: 20rpx;
  position: absolute;
  bottom: 0;
  z-index:1000;
  border-radius: 0 0 20rpx 20rpx;
}

.login{
  text-align: center;
  color: #373737;
  font-size: 26rpx;
  margin-top: 30%;
}
.login-img{
  width: 305rpx;
  height: 331rpx;
  /* margin-bottom: 109rpx; */
}
.login-text{
  margin: 80rpx 0;
}
.login-btn{
   width:346rpx;
  height:96rpx;
  line-height: 96rpx;
  background:rgba(255,100,101,1);
  border-radius:48rpx;
  cursor: pointer;
  margin: auto;
  color: #FFFFFF;
  font-size: 30rpx;
  text-align: center;
}
/* 头部设置 */
.nav{
  font-size: 30rpx;
  font-family: PingFang SC;
  /* font-weight: bold; */
  text-align: center;
  position: relative;
  /* height: 128rpx;
  line-height: 128rpx;
  top: 19rpx; */
}
.nav-img{
  width: 60rpx;
  height: 60rpx;
  position: absolute;
  bottom: 0;
  left: 24rpx;
  margin: auto 0;
  border-radius: 50%;
}
.nav-text{
  /* padding-top: 5%; */
  /* margin: auto 0; */
}
/* 弹幕 */
.showModel{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  overflow: hidden;
  z-index: 1000;
  color: #fff;
}
.model{
  z-index: 10000;
  position: fixed;
  top: 30%;
  margin: 0 60rpx;
  background: #fff;
  border-radius:30rpx;
  text-align: center;
  width: 84%;
}
.model-class{
  z-index: 10000;
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
}
.rename{
  color: #393939;
  padding: 50rpx;
}
.rename-name{
  font-size: 36rpx;
  line-height: 70rpx;
  margin-bottom: 50rpx;
}
.rename-input{
  height:86rpx;
  line-height: 86rpx;
  background:rgba(245,245,245,1);
  border-radius:10rpx;
  position: relative;
}
.rename-input-items{
  width: 80%;
  text-align: left;
  margin-left: 10rpx;
  height:86rpx;
  line-height: 86rpx;
}
.rename-input-img{
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  top: 25rpx;
  right: 21rpx;
  z-index: 10000
}
.rename-footer{
  display: flex;
  justify-content: space-around;
  color: #8489A3;
  font-size: 34rpx;
  margin-top: 123rpx;
}
.rename-footer-sure{
  color: #FF6465;
}
/* 班级列表 */
.li-content{
  padding: 0;
}
.li-content-items{
  padding: 45rpx;
  position: relative;
}
.li-content-items-img{
  width: 48rpx;
  height: 36rpx;
  position: relative;
  bottom: 23rpx;
}
.li-content-items-class{
  display: inline-block;
  color: #7C819D;
  font-size: 24rpx;
  margin: 0 30rpx;
  /* text-align: center; */
}
.li-content-items-class-num{
  color: #121212;
  font-size: 30rpx;
  margin-bottom: 12rpx;
  font-weight: 600;
}
.li-content-items-right{
  position: absolute;
  top: 50rpx;
  right: 38rpx;
}
.li-content-items-right-img{
  width: 60rpx;
  height: 60rpx;
  margin: auto 0
}
.li-footer{
  position: fixed;
  bottom: 0;
  height:120rpx;
  line-height: 120rpx;
  color: #393939;
  font-size: 28rpx;
  background:rgba(245,245,245,1);
  width: 100%;
}
.li-footer-img{
  width: 44rpx;
  height: 44rpx;
  /* transform: rotate(45deg); */
  margin-left: 50rpx;
  margin-right: 15rpx;
}
/* 底部按钮 */
.li-class-grade{
  display: flex;
  justify-content: space-between;
  padding: 0 24rpx;
  font-size: 28rpx;
  color: #393939;
  position: fixed;
  bottom: 0;
  height:120rpx;
  background:rgba(245,245,245,1);
  line-height: 120rpx;
  width: 100%;
}
.li-class-grade-green{
  width:180rpx;
  height:74rpx;
  background:#58C760;
  border-radius:37rpx;
  text-align: center;
  line-height: 74rpx;
  color: #fff;
  margin: auto 0;
}
.li-class-grade-btn{
  width:180rpx;
  height:74rpx;
  background:rgba(255,100,101,1);
  border-radius:37rpx;
  text-align: center;
  line-height: 74rpx;
  color: #fff;
  margin: auto 0;
}
.li-class-grade-img{
  width: 37rpx;
  height: 34rpx;
  margin-left: 25rpx;
  margin-right: 18rpx;
}
.li-order{
  margin-bottom: 120rpx;
}
/* 字母导航 */
.list-shortcut {
  position: fixed;
  z-index: 30;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  padding: 20px 0;
  border-radius: 10px;
  text-align: center;
  /* background: rgba(0,0,0,.3); */
  font-family: Helvetica;
}
.list-shortcut-num{
  display: block;
  padding: 3px;
  line-height: 1;
  color: #4667F6;
  font-size: 22rpx;
}
.list-current{
  color: #ffcd32 !important;
}
.list-letter {
  height: 50rpx;
  line-height: 50rpx;
  padding-left: 40rpx;
  font-size:26rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(83,83,87,1);
  background: #F1F3FA;
  margin: auto 0;
}
.close-serve{
  width:138rpx;
  height:40rpx;
  background:rgba(242,242,250,1);
  border-radius:20rpx;
  text-align: center;
  line-height: 40rpx;
  font-size:22rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(170,170,170,1);
  display: inline-block;
}
.close_active{
  /* background:rgba(241,241,241,0.5); */
  opacity: 0.5;
}
.close_color{
  color: #AAAAAA !important;
}