body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{font:14px/1 -apple-system,Helvetica,Helvetica Neue,PingFang SC,Heiti SC,sans-serif}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:20px}h5,.h5{font-size:18px}h6,.h6{font-size:16px}small,.small{font-size:12px}i{font-style:normal}u,ins{text-decoration:none}h1,h2,h3,h4,h5,h6,b{font-weight:normal}.i{font-style:italic}.u{text-decorateion:underline}.b{font-weight:bold}.del{text-decorateion:line-through}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}ul,ol{list-style:none}a{text-decoration:none;outline:none;color:inherit}abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}q:before,q:after{content:''}button,input,textarea,select{outline:none;font-size:100%}legend{color:#000}fieldset,img{border:none}table{table-layout:fixed;border-collapse:collapse;border-spacing:0}hr{border-width:0 0 .015rem;border-style:solid}.android hr{border-bottom-width: 1px;}button,a{cursor:pointer}.a{cursor:pointer}img{max-width:100%;max-height:100%}textarea{resize:none}
input, select, a, div, textarea {
    border-radius: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}

html {
	max-width: 640px;
	margin: 0 auto;
    font-size: 13.3333333333333vw;
	background: #F5F5F5;
}

body {
	min-height: 100vh;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    overflow-x: hidden;
}
body:before {
	content: '';
	display: block;
	height: 1px;
	margin-top: -1px;
}


/* public */
.page-top {
	display: none;
	position: fixed;
	right: .24rem;
	bottom: 1.9rem;
	width: .72rem;
	height: .72rem;
	border-radius: 100%;
	font-size: .32rem;
	color: #fff;
	background: rgba(0,0,0,.8);
}
.page-top div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.scroll-list-load {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	font-size: .24rem;
	color: #666;
}
.scroll-list-load .tf {
    margin-right: .16rem;
    font-size: .32rem;
}
/* end public */

/* popup */
.tk-shade {
	display: none;
	z-index: 100;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
}

    /* alert */
    .tk-alert-box {
        z-index: 999;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0);
    }
    .tk-alert {
        z-index: 999;
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        min-width: 2rem;
        padding: .1rem .2rem;
        border-radius: .06rem;
        font-size: .26rem;
        color: #fff;
        text-align: center;
        wortk-wrap: break-word;
        background: rgba(0, 0, 0, .8);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .tk-alert-box .tk-alert {
        position: absolute;
    }
    .tk-alert.z-success {
        color: #0edc5b;
    }
    .tk-alert.z-error {
        color: #f55;
    }
    .tk-alert .tf {
        padding-top: .2rem;
        font-size: .8rem;
    }
    .tk-alert p {
        padding: .15rem 0;
        line-height: .4rem;
        font-size: .26rem;
    }
    /* end alert */

    /* dialog */
    .tk-dialog {
        position: fixed;
        bottom: -100vh;
        left: 0;
        right: 0;
        border-radius: .2rem .2rem 0 0;
        background: #fff;
        transition: bottom .4s ease;
    }
    .tk-dialog.z-show {
        bottom: 0;
    }
    .tk-dialog .dialog-close {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	z-index: 1;
        position: absolute;
        right: 0;
        top: 0;
        width: 1rem;
        height: 1rem;
        font-size: .4rem;
        color: #000;
    }
    .tk-dialog .dialog-hd {
        height: 1rem;
        line-height: 1rem;
    }
    .tk-dialog .dialog-hd p {
        font-size: .32rem;
        font-weight: bold;
        text-align: center;
        color: #000;
    }
    .tk-dialog .dialog-bd {
        position: relative;
        min-height: 30vh;
        max-height: 80vh;
    }
    /* end dialog */

	/* loading */
	.tk-loading-box {
        display: none;
		z-index: 999;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0);
	}
	.tk-loading {
        display: flex;
        justify-content: center;
        align-items: center;
		position: absolute;
		left: 50%;
		top: 50%;
		width: .9rem;
		height: .9rem;
		border-radius: 4px;
		margin-left: -.45rem;
		margin-top: -.45rem;
		line-height: .9rem;
		font-size: .4rem;
		color: #fff;
		text-align: center;
		background: rgba(0,0,0,8);
    }
	/* end loading */

    /* code */
	.tk-qrcode {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: space-between;
		position: fixed;
		left: 50%;
		top: 50%;
		width: 5.4rem;
		height: 5.96rem;
		box-sizing: border-box;
		padding: .4rem 0 .3rem;
		border-radius: .2rem;
		margin-left: -2.7rem;
		margin-top: -2.98rem;
		overflow: hidden;
		background: #fff;
	}
	.tk-qrcode h1 {
		padding: 0 .56rem;
		min-height: .4rem;
		line-height: .4rem;
		font-size: .32rem;
		font-weight: bold;
		text-align: center;
		color: #000;
	}
	.tk-qrcode .code {
		width: 3rem;
		height: 3rem;
	}
	.tk-qrcode p {
		margin-bottom: .2rem;
		font-size: .28rem;
		color: #666;
	}
	.tk-qrcode .tips {
		width: 4.7rem;
	}
    /* end code */

    /* login */
    .m-login {
    	box-sizing: border-box;
        position: fixed;
        left: 50%;
        top: 50%;
        width: 5.9rem;
        height: 5.78rem;
        border-radius: .16rem;
        padding: 0 .4rem;
		margin-left: -2.95rem;
		margin-top: -2.9rem;
        background: #fff;
    }

    .login-title {
    	margin-bottom: .5rem;
        line-height: .44rem;
        font-size: .32rem;
        font-weight: bold;
        color: #A376FF;
    }

	.login-form {
		width: 100%;
	}
    .login-form-item {
        height: .84rem;
        border-bottom: 1px solid #D4D4D5;
    }
    .login-form-item:nth-child(n+2) {
    	margin-top: .12rem;
    }
    .login-form-item input {
        height: 100%;
        border: none;
    }
    .login-form-item button {
        width: 1.5rem;
        height: .6rem;
        border: none;
        font-size: .26rem;
        color: #B591FF;
        background: none;
    }

    .login-resolve {
        width: 100%;
        height: .88rem;
        border: none;
        border-radius: .44rem;
        margin-top: .78rem;
        font-size: .32rem;
        color: #fff;
        background: #A376FF;
    }
    /* end login */

    /* scope */
    .m-scope {
    	box-sizing: border-box;
        position: fixed;
        left: 50%;
        top: 50%;
        width: 5.9rem;
        height: 4rem;
        border-radius: .16rem;
		margin-left: -2.95rem;
		margin-top: -2rem;
        background: #fff;
    }
    
    .m-scope p {
    	font-size: .28rem;
    }
    
    .scope-resolve {
		width: 4.28rem;
		height: .88rem;
		border: none;
		border-radius: .1rem;
    	margin-top: 0.5rem;
		font-size: .32rem;
		font-weight: bold;
		color: #fff;
		background: #07C160;
    }
    /* end login */

    /* app-code */
    .m-app-code {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: fixed;
        align-items: center;
        left: 50%;
        top: 50%;
        width: 5.6rem;
        height: 5.5rem;
        border-radius: .12rem;
        margin: -2.75rem 0 0 -2.8rem;
        overflow: hidden;
        background: #fff;
    }
    .m-app-code img {
        width: 3rem;
        height: 3rem;
    }
    .m-app-code p {
        margin-top: .4rem;
        font-size: .3rem;
        color: #000;
    }
    /* end app-code */

.d-anim {
    -webkit-animation: bounceIn .4s;
    animation: bounceIn .4s;
}
@-webkit-keyframes bounceIn {
    0% {
        opacity:0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        opacity:1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity:0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
/* end popup */

/* function */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
/* end function */