/* 淡色调 */

body{

    background-image: linear-gradient(#16162E, #3D1747,#16162E);

    min-height: 100vh;

}

.mui-content{

    border:none;

    background:none !important;

    padding-bottom:30px;

    padding-top:10px;

}

.mui-bar{

    background:#16162E;

    color:#fff;

    box-shadow: none;

}

.mui-title,.mui-bar .mui-icon{

    color:#fff !important;

}

.dblue{

	color: #82a0e6;

}

/* 主题色 */

.blue{

	color: #1551dc;

}

/* 主题背景色 */

.bg-blue1{

	background-color: #1551dc;

}

/* 主题边框色 */

.border-blue{

	border: 2px solid #1551dc !important;

}

.ml10{

	margin-left: 10px;

}

.ml15{

	margin-left: 15px;

}

.ml20{

	margin-left: 20px;

}

.red{

	color: #D52020;

}

.f40{

	font-size: 40px;

}

.f30{

	font-size: 30px;

}

.f28{

	font-size: 28px;

}

.f25{

	font-size: 25px;

}

.f20{

	font-size: 20px;

}

.f18{

	font-size: 18px;

}

.f16{

	font-size: 16px;

}

.f14{

	font-size: 14px;

}

.f12{

	font-size: 12px;

}

.fw{

	font-weight: 600;

}

.c0{

	color: #fff;

}

.c3{

	color: #333;

}

.c6{

	color: #666;

}

.c9{

	color: #999;

}

.flex-fl{

	display: flex;

	align-items: center;

}

.flex-bw{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.mt5{

	margin-top: 5px;

}

.mt10{

	margin-top: 10px;

}

.mt15{

	margin-top: 15px;

}

.mt20{

	margin-top: 20px;

}

.mt25{

	margin-top: 25px;

}

.mt30{

	margin-top: 30px;

}

.pr{

	position: relative;

}

.po{

	position: absolute;

}

.openBtn, .blueBtn{

	width: 94%;

	border-radius: 50px;

	line-height: 50px;

	text-align: center;

	color: #fff;

	margin: 0 auto;

}

.text-line{

	text-decoration: line-through;

}

.text-center {

  text-align: center

}

.over-text{

  overflow: hidden; 

  text-overflow: ellipsis;

  white-space: nowrap; 

}





.mc{

    color:#9E44E1;

}

.border-line{

    border-bottom: 8px solid #ce6ea8;

    width: 130px;

    margin-top: -7px;

}

.input-box{

    border:1px solid #fff;

    border-radius: 50px;

    height: 50px;

    margin-top:15px;

    padding: 0 25px;

}

.p-input{

    padding: 0 10px !important;

    border:none;

    background: transparent !important;

    height: 50px !important;

    line-height: 1rem !important;

    margin-bottom: 0 !important;
    font-size: 15px;

}

input::placeholder {

    color: #fff;
    font-size: 15px;

}

.input-icon{

    width: 20px;

}

.p-btn{

    height: 50px;

    /* line-height: 50px; */

    width: 100%;

    border-radius: 50px;

    background-image: linear-gradient(to left, #0DD0F6, #B34DFF,#E27BB2);

    text-align: center;

    border: none;

    color: #fff;

    font-size: 16px;

}

.countTag{

    background-color: #9E44E1;

    color: #fff;

    border-radius: 20px;

    width: 20px;

    height: 20px;

    min-width: 20px;

    line-height: 20px;

    text-align: center;

    margin-right: 8px;

}

.jbBg{

    background-image: linear-gradient(to right, #ac56e4,#e384c0);

    border-radius: 5px 5px 10px 10px;

    padding: 15px;

}

.hide{

    display:none;

}

a,a:active{

	color:#fff;

}

.mui-progressbar{

    height: 15px;

    border-radius: 15px;

}

.mui-progressbar span{

    background-image: linear-gradient(to right, #ac56e4,#e384c0);

}

.s-input{

	width: 40%;

}

.mui-input-group{

    background: transparent;

}

input[type='date']{

    position: relative;

    /* width: 40% !important; */

}

input[type='date']::-webkit-calendar-picker-indicator {

    position: absolute;

    right: 0;

    padding-left: calc(100% - 40px);

    padding-right: 10px;

}



.s-input{

    margin-inline: auto;

    resize: none;

    cursor: pointer;

    color: #fff;

    text-align: center;

  }

  

  input[type="date"]::-webkit-calendar-picker-indicator {

    cursor: pointer;

    border-radius: 4px;

    filter: invert(1) sepia(100%) saturate(100000%) hue-rotate(170deg);

  }

.nodata img{

    width: 140px;

    margin-bottom: 20px;

    margin-top: 70px;

}