.total{
	     	margin-top: 44px;
	     	top:0;
	     	right:0;
	     	left:0;
	     	position: fixed;
	     	z-index:10;
	     	background: #efeff4
	     }
	     .ly-h-title{
			display: flex;
			position: absolute;
			vertical-align: middle;
			width:100%;
			background:#efeff4
		}
		.ly-h-title>div{
			flex:1;
			font-size:0.8rem;
		}
		.ly-h-title .title-item{
	
			line-height:2rem;
			text-align: center;
			margin: auto;
			width: max-content;
			width:-webkit-max-content;
			width:-moz-max-content;
			width:-o-max-content;
			width:-ms-max-content;
		}
		.ly-h-line{

			width:80%;
			height:2px;
			background: #e83934;
			margin: auto;
			margin-bottom:0.3rem 
		}
		.red{
			color: #ea3c38;
		}
		.hide{
			display: none
		}
		.show{
			display: block;
		}
		.mui-pull-caption{
			font-weight:500;
			font-size:0.75rem;
		}
		.mui-spinner{
			width:1.1rem;
			height:1.1rem;
		}
		   .mui-icon-pulldown {  
              font-size:1.2rem;
            }  
         .green{
         	background:#396 !important
         }
         .toOther{
         	  background-image: linear-gradient(97deg, #ff7f80 0%, #ff2f5d 100%) !important;
         	  border-radius:1rem !important;
         	  font-size:0.75rem !important;
         	  padding: 0.0rem !important;
         	  padding-top:0.1rem !important;
         	  padding-bottom:0.1rem !important;
         	  padding-right:0.4rem !important;
         	  padding-left:0.4rem !important;
     		  line-height:inherit !important; 
     		  width: 4.55rem !important;
         }
          .smaller{
         	font-size:0.4rem;
         	color:#adadad;
         }
         .small{
         	font-size:0.75rem;
         	color:#adadad;
         }

		[v-cloak] {
    		display: none;
		 }
		 * { touch-action: pan-y; } 
		 .mui-content{
		 	background:#efeff4;
		 }

		 	.share{
			position: fixed;
			z-index:1000;
			background:rgba(0,0,0,.3);
			top:0;
			bottom:0;
			right:0;
			left:0;
			display:none;
		}
		.share-btn{
			background: #fff;
			height: 8rem !important;
			position: absolute;
			bottom:-1rem;
			right:0;
			height:0;
			border-radius:1rem;
			display: flex;
			vertical-align: middle;
			align-items: center;
			font-size:0.7rem;
			line-height:1.5rem;
			color:#696969;
			text-align: center;
		}
		.share-btn>div{
			flex:1;
			margin-top:-0.5rem;
			justify-content: flex-start;
		}
		.share-btn img{
			width:20%;
		}
		.hidearea{
			position: absolute;
			top:0;
			right:0;
			left: 0;
			bottom:7rem;
		}