.wrapper {
    font-size: 18px;
    background: #fff;
    min-height: 100%;
    padding: 10px 13px 0 13px;
	display: flex;
	flex-direction: column;
	padding-bottom: 100px;
    select{
        -webkit-appearance: none;
    }
    .title{
        display: flex;
        justify-content: space-between;
        font-weight: bold;
        align-items: center;
        font-size: 20px;
        div {
            display: flex;
            align-items: center;
            .line{
                width: 5px;
                height: 18px;
                display: inline-block;
                background: #C81B1E;
                margin-right: 5px;
            }
        }
    }
    .content{
		flex-grow: 1;
        position: relative;
		text-align: center;
        .tips{
			text-align: center;
			color: #d88686;
			background-color: #ffd9d9;
			font-size: 13px;
			padding: 5px 0;
			font-weight: bold; 
			margin: 0 4px;
		}
		.videoBox{
			width: 280px;
			height: 280px;
			background-color: #999999;
			border-radius: 100% !important;
			margin:0 auto;
			text-align: center;
			margin-top: 10px;
			overflow: hidden !important;
			-webkit-backface-visibility: hidden;  //兼容ios
			-webkit-transform: translate3d(0, 0, 0);
			position: relative;
			.my-video{
			  position:absolute;
			  left:0;
			  top:0;
			  width:100%;
			  height:100%;
			  align-items:center;
			  // object-fit: fill; //视频铺满  仅android可以
			  object-fit: cover;  //视频铺满 android ios 都可以
			}
			/* 隐藏video 所有控件 */
			.show-video::-webkit-media-controls-enclosure{ 
			    display: none !important;
			}
		}
		.timeBox{
			display: inline-block;
			padding: 4px 20px;
			border: #999999 1.5px solid;
			margin: 10px 0;
			font-size: 18px;
			color: #1b1b1b;
			border-radius: 3px;
		}
		.buttonBox{
			.startVideo{
				button{
					border: 0px;
					background-color: #24a0ed;
					color: #fff;
					font-size: 18px;
					padding: 10px 90px;
					font-weight: bold; 
					border-radius: 20px;
				}
			}
			.anewVideo{
				button{
					border: 1px solid #eeeeee;
					background-color: #fafafa;
					font-size: 18px;
					padding: 8px 90px;
					font-weight: bold; 
					border-radius: 20px;
				}
			}
		}
		.initBox{
			display: flex;
			justify-content: center;
			.startVideo{
				button{
					border: 0px;
					background-color: #24a0ed;
					color: #fff;
					font-size: 18px;
					padding: 10px 40px;
					font-weight: bold; 
					border-radius: 20px;
					margin-right: 20px;
				}
			}
			.anewVideo{
				button{
					border: 1px solid #eeeeee;
					background-color: #fafafa;
					font-size: 18px;
					padding: 8px 40px;
					font-weight: bold; 
					border-radius: 20px;
				}
			}
		}
		.textBox{
			.textTitle{
				font-weight: bold;
				margin:10px 0 5px 0;
				font-size: 18px;
			}
			.textContent{
				font-size: 16px;
				text-align: left;
				color: #092CAB;
			}
		}
	}
	
}
 .loadingBoxHide{
	 display: none;
 }
 .loadingBox {
 	z-index: 9999;
     position: fixed;  
     width: 100%;  /* 设置加载框的宽度 */  
     height: 100%; /* 设置加载框的高度 */  
     border: 1px solid #ccc; /* 设置边框 */  
     background-color: rgba(242, 242, 242, 0.5); /* 设置背景颜色 */  
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
 }  
 .lds-text{
	 color: #000;
	 font-size: 16px;
	 margin-top: 10px;
	 font-weight: bold;
 }
 .lds-dual-ring {  
    display: block;  
    width: 44px;  
    height: 44px;  
    margin: 1px;  
    border-radius: 50%;  
    border: 5px solid #000;  
    border-color: #000 transparent #000 transparent;  
    animation: lds-dual-ring 1.2s linear infinite;  
 }  
   
 @keyframes lds-dual-ring {  
     0% {  
         transform: rotate(0deg);  
     }  
     100% {  
         transform: rotate(360deg);  
     }  
 }   