*{
	-webkit-tap-highlight-color: transparent;
}
/* 弹窗 */
.BasicPop {
	width: 100vw;height: 100vh;opacity: 0;
	position: fixed;top: 0;left: 0;z-index: 1999;line-height: 1.5;
	display: flex;justify-content: center;align-items: center;
	animation-name: PopOpacity1;
	animation-duration: 200ms;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
    --BasicPopBg:rgba(0,0,0,.5);
}

@keyframes PopOpacity1{
	100%{
		opacity: 1;
	}
}
.BasicPop_close{
	opacity: 1;
	animation-name: PopOpacity0;
	animation-duration: 100ms;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
@keyframes PopOpacity0{
	100%{
		opacity: 1;
	}
}

.BasicPop * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* 弹窗打开动画 */
@keyframes PopUpOpenAnimation {
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
.BasicPop .PopUp_open_Animation{
	opacity: 0;
	transform: scale(0.2);
	animation-name: PopUpOpenAnimation;
	animation-duration: 300ms;
	animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
	animation-fill-mode: forwards;
}
/* 弹窗关闭动画 */
@keyframes PopUpCloseAnimation {
	100%{ opacity: 0; transform: scale(0.2);}
}
.BasicPop .PopUp_close_Animation{
	opacity: 1;
	transform: scale(1);
	animation-name: PopUpCloseAnimation;
	animation-duration: 300ms;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

.BasicPopTxt {
	width: auto;height: auto;
	--BasicPopBg: rgba(17,17,17,.7);
	--BtnBorderCoolor:#cbcbcb; 
	--PopTxtColor: #fff;
	--BtnColor: rgba(0,0,0,1);
	--BtnActColor: #e0dddd;
	border-radius: 5px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.02);
	letter-spacing: 1px;
	display: flex;flex-direction: column;justify-content: center;
	overflow: hidden;
	max-width: 80vw;
}
.BasicPopTxt > div{
    background: var(--BasicPopBg);
	color: var(--PopTxtColor);
	overflow: hidden;
	height: auto;float: left;
}
.BasicPopTxt > div:nth-child(1){
	white-space: pre-wrap;
    word-wrap: normal;
    text-align: center;
	padding: 1vmin 2vmin;
}
.BasicPopTxt > div:nth-child(1),
.BasicPopTxt > div:nth-child(1) *{
	font-size: 1.8vmax;
}
.BasicPop.PopShow{
    background: var(--BasicPopBg);
}
.BasicPop.PopShow .BasicPopTxt{
    background: #fff;
    border-radius: 2px;
}
.BasicPop.PopShow .BasicPopTxt > div{
    background: transparent !important;
    color: #000;
    font-size: 0.48rem;
    line-height: 1.5;
    padding: .3rem .6rem;
    opacity: 0.5;
    text-align: center;
}
.BasicPop.PopShow .BasicPopTxt > .Pop_title{
    opacity: 1;
    padding-bottom: 0.1rem;
    font-size: 0.5rem;
}
.BasicPop.PopShow .BasicPopTxt > div:last-child{
    opacity: 1;
    padding: 0;
	display: flex;
    justify-content: space-between;
    align-items: center;
    height:auto;
    border-top:1px solid var(--BtnBorderCoolor);
}
.BasicPop.PopShow .BasicPopTxt button {
    flex: 1;
    outline: none;
    user-select: none;
    border: none;
	padding: 8px 20px;
    font-size: 0.46rem;
	letter-spacing: 2px;
	cursor: pointer;
    transition: background-color linear 200ms,color linear 100ms;
	color: var(--BtnColor);
    background: #fff !important;
}
.BasicPop.PopShow .BasicPopTxt button:hover,.BasicPopTxt button:active{
    opacity: 0.8;
}
.BasicPop.PopShow .BasicPopTxt button:active{
	color: var(--BasicPopBg);
}
.BasicPop.PopShow .BasicPopTxt button:nth-child(2) {
	border-left: 1px solid var(--BtnBorderCoolor);
}


.BasicPop.loadmini{
	background-color: var(--BasicPopBg);
}
.BasicPopTxt .loadmini{
    background: transparent !important;
}
.BasicPopTxt .loadingBox{
	width: auto;
    height: auto;
    margin: 1vmin 0;
	transform: scale(0.8);
    float: left;
}
@keyframes slide-loading {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
    50%{
        opacity: 0.3;
		-webkit-transform: scale(2);
		transform: scale(2);
    }
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.BasicPopTxt .loading-dot{
    --loadingWH:4vmin;
    width: var(--loadingWH);
    height: var(--loadingWH);
    background: #3ac;
    border-radius: 100%;
    display: inline-block;
    animation: slide-loading 1s infinite;
    margin-left: 0.2vmin;
}
.BasicPopTxt .loading-dot:nth-child(1){
    animation-delay: .1s;
    background: #32aacc;
}
.BasicPopTxt .loading-dot:nth-child(2){
    animation-delay: .2s;
    background: #64aacc;
}
.BasicPopTxt .loading-dot:nth-child(3){
    animation-delay: .3s;
    background: #96aacc;
}
.BasicPopTxt .loading-dot:nth-child(4){
    animation-delay: .4s;
    background: #f9ae3d;
}
.BasicPopTxt .loading-dot:nth-child(5){
    animation-delay: .5s;
    background: #f9d39b;
}
/* end */
/*自定义全局样式*/
.col-all-1,
.col-all-2,
.col-all-3,
.col-all-4,
.col-all-5,
.col-all-6,
.col-all-7,
.col-all-8,
.col-all-9,
.col-all-10,
.col-all-11,
.col-all-12 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-all-12 {
	width: 100%;
}

.col-all-11 {
	width: 91.66666667%;
}

.col-all-10 {
	width: 83.33333333%;
}

.col-all-9 {
	width: 75%;
}

.col-all-8 {
	width: 66.66666667%;
}

.col-all-7 {
	width: 58.33333333%;
}

.col-all-6 {
	width: 50%;
}

.col-all-5 {
	width: 41.66666667%;
}

.col-all-4 {
	width: 33.33333333%;
}

.col-all-3 {
	width: 25%;
}

.col-all-2 {
	width: 16.66666667%;
}

.col-all-1 {
	width: 8.33333333%;
}

.col-all-offset-12 {
	margin-left: 100%;
}

.col-all-offset-11 {
	margin-left: 91.66666667%;
}

.col-all-offset-10 {
	margin-left: 83.33333333%;
}

.col-all-offset-9 {
	margin-left: 75%;
}

.col-all-offset-8 {
	margin-left: 66.66666667%;
}

.col-all-offset-7 {
	margin-left: 58.33333333%;
}

.col-all-offset-6 {
	margin-left: 50%;
}

.col-all-offset-5 {
	margin-left: 41.66666667%;
}

.col-all-offset-4 {
	margin-left: 33.33333333%;
}

.col-all-offset-3 {
	margin-left: 25%;
}

.col-all-offset-2 {
	margin-left: 16.66666667%;
}

.col-all-offset-1 {
	margin-left: 8.33333333%;
}

.col-all-offset-0 {
	margin-left: 0%;
}

/* END */
::-webkit-scrollbar {
	display: none;
}

/*ios 加载不出图片*/
img[src=''],
img:not([src]) {
	opacity: 0;
}
img{
	border:none;
}