/*body*/
body{
	background:#f2f1f0;
	line-height:18px;
	color:#333;
	margin:0 auto;
	overflow-x:hidden;
	font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
	font-size:12px;
	min-width:280px;
}
body,td,th{
	/*-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;
	user-select:none;*/
}
[v-cloak]{display:none !important;}
img{border:0px}
/*a*/
a:link{
	color:#0099ff;
	text-decoration:none
}
a:visited{
	color:#0099ff;
	text-decoration:none
}
a:hover{
	text-decoration:none;
}
a:active{
	text-decoration:none;
}

/*font color*/
.black{
	color:#000000
}
.white{
	color:#ffffff
}
.red{
	color:#f00
}
.yellow{
	color:#fff000
}
.sky{
	color:#089af7
}
.blue{
	color:#00f;
}
.green{
	color:#009933;
}
.orange{
	color:#f70
}
.gray{
	color:#959595;
}
/*
*/
.flt-l{
	float:left
}
.flt-r{
	float:right
}
.cursor{cursor:pointer}
/*
*/
.tal-c{
	text-align:center;
}
/*
*/
.lh20{ line-height:20px}
.lh18{ line-height:18px}
.lh24{ line-height:24px}
.lh32{ line-height:32px}
/*
*/
.mrr4{margin-right:4px}
.mrt4{margin-top:4px}
.mrt8{margin-top:8px}
.mrt10{margin-top:10px}
.mrt12{margin-top:12px}
.mrt16{margin-top:16px}
.mrt24{margin-top:24px}
.mrt32{margin-top:32px}
.mrt40{margin-top:40px}


.mrb4{margin-bottom:4px}
.mrb8{margin-bottom:8px}
.mrb10{margin-bottom:10px}
.mrb12{margin-bottom:12px}
.mrb16{margin-bottom:16px}
.mrb24{margin-bottom:24px}

/*
	font size
*/
.f10{font-size:10px}
.f10b{font-size:10px;font-weight:bold}

.f12{font-size:12px}
.f12b{font-size:12px;font-weight:bold}

.f13{font-size:13px}
.f13b{font-size:13px;font-weight:bold}

.f14{font-size:14px}
.f14b{font-size:14px;font-weight:bold}

.f15{font-size:15px}
.f15b{font-size:15px;font-weight:bold}

.f16{font-size:16px}
.f16b{font-size:16px;font-weight:bold}

.f17{font-size:17px}
.f17b{font-size:17px;font-weight:bold}


.f18{font-size:18px}
.f18b{font-size:18px;font-weight:bold}


.f20{font-size:20px}
.f20b{font-size:20px;font-weight:bold}

.f24{font-size:24px}
.f24b{font-size:24px;font-weight:bold}

.f28{font-size:28px}
.f28b{font-size:28px;font-weight:bold}

.f32{font-size:32px}
.f32b{font-size:32px;font-weight:bold}

.f40{font-size:40px}
.f40b{font-size:40px;font-weight:bold}

.f48{font-size:48px}
.f48b{font-size:48px;font-weight:bold}

.f64{font-size:64px}
.f64b{font-size:64px;font-weight:bold}
table{
	padding:0px;
	background:#fff;
	box-sizing:border-box;
	border:1px solid #e0e0e0;
	background:#f3f2f1;
	font-size:13px;
	border-radius:12px;
	overflow: hidden;
	color:#333;
	z-index:1200;
	table-layout:fixed;
	word-wrap:break-word;
	word-break:break-all;
}
.table-bn{
	border-bottom:0px;
}
td{
	border-radius:1px;
	font-size:12px;
	padding:6px 10px;
	box-sizing:border-box;
}
input:-webkit-autofill{
	-webkit-box-shadow:0 0 0px 1000px #fff inset;
}
textarea{
	outline:none;
}
.eo{
	border:1px solid #ddd;
	font-size:16px;
	padding:15px 10px;
	outline:none;
	border-radius:1px;
}
.edit-bottom-line{
	outline:none;
	border:0px;
	border-bottom:1px solid #959595;
	font-size:16px;
	padding:8px 0px;
	text-align:center;
	background:transparent;
}
.edit-big{
	outline:none;
	border:0px;
	border:1px solid #a5a5a5;
	font-size:15px;
	padding:7px 10px;
}
.edit-search{
	outline:none;
	border:0px;
	font-size:14px;
	margin-top:4px;
	border-radius:50px;
	text-align:center;
	padding:12px;
	background:#f2f1f0;
}
.edit-none,
.edit-edit{
	outline:none;
	border:1px solid #e0e0e0;
	font-size:14px;
	padding:5px 1px;
	text-align:center;
	background:transparent;
}
.edit-none{
	border:0px;
}
.button,
.button-small,
.button-solid-small,
.button-solid{
	padding:9px 20px;
	outline:none;
	background:transparent;
	cursor:pointer;
	color:#000;
	font-size:13px;
	border:1px solid #000;
	height:20px;
	text-align: center;
	line-height:20px;
	border-radius:32px;
}
.button-small,
.button-solid-small{
	padding:3px 12px;
	font-size:12px;
}
.button-solid,
.button-solid-small{
	border:1px solid #000;
	color:#ffffff;
	background:#000;
}
select{
	height:28px;
	padding:5px 1px;
	outline:none;
    border:0px solid #ddd;
	background:transparent;
}
.select-none{
	height:28px;
	padding:5px 2px;
	outline:none;
	float:left;
	background:transparent;
}
.button-gray{
	outline:none;
	padding:6px 14px;
	background:#f0f0f0;
	cursor:pointer;
	color: #515151;
	font-size:14px;
	height:20px;
	line-height:20px;
	border-radius:30px;
	border:0px;
}
.button-none{
	padding:6px 14px;
	outline:none;
	background:transparent;
	cursor:pointer;
	color: #959595;
	font-size:14px;
	height:20px;
	line-height:20px;
	border-radius:30px;
}
.btn-seach{
	cursor:pointer;
	text-align:center;
	height:21px;
	padding:4px 6px;
	line-height:21px;
	position:absolute;
	left:0px;
	top:0px;
	width:22px;
	border:1px solid #959595;
	background:#fafafa;
}
/*
*/
.page{
	display:flex;
    flex-direction:row;
	width:100%;
	max-width:2400px;
	margin: 0 auto;
	height:100%;
	box-sizing:border-box;
}
.content{
	width:100%;
	height:100%;
	box-sizing:border-box;
	position:relative;
	flex:1;
	overflow: hidden;
	display:flex;
	padding:20px 40px 5px 40px;
    flex-direction:column;
	background:#f2f1f0;
}
.content-title{
	background:transparent;
	min-height:32px;
	height:auto;
	padding:0px;
	position:relative;
	z-index:1001;
	width:100%;
	box-sizing:border-box;
}
.title-column,
.title-column-row{
	min-height:32px;
	height:auto;
	padding:0;
	position:relative;
	z-index:1001;
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}
.title-column-row{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
}
.backgo{
	position:relative;
	float:left;
	height:24px;
	width:34px;
	margin:-7px 4px 0 0;
	text-align:center;
	line-height:32px;
	padding:7px 0px;
	cursor:pointer
}
.backgo img{
	width:20px;
	height:20px;
}
.title-name{
	font-size:20px;
	position:relative;
	line-height:20px;
	padding-left:5px;
	flex:1;
}
.content-content{
	height:100%;
	width:100%;
	padding-top:15px;
	position:relative;
	box-sizing:border-box;
	overflow-y:auto;
	overflow-x:hidden;
	flex:1;
    display:flex;
    flex-direction:column;
}
.container{
	width:100%;
	position:relative;
	box-sizing:border-box;
	overflow-x:hidden;
    overflow-y:auto;
	flex:1;
	padding:0px;
	z-index:1001;
}
.container::-webkit-scrollbar,
.content-content::-webkit-scrollbar{
    width:1.5px;
    height:1.5px;
	border-radius:12px;
}
.container::-webkit-scrollbar-thumb,
.content-content::-webkit-scrollbar-thumb{
    -webkit-box-shadow:inset 0 0 1.5px #666;
    background:#666;
	border-radius:12px;
}
.menu,
.menu1{
	width:20%;
	max-width:270px;
	min-width:200px;
	position:relative;
	box-sizing:border-box;
	z-index:2001;
	display:flex;
	overflow:hidden;
	padding:0px;
	background:#fff;
    flex-direction:column;
	box-shadow:0px 1px 12px #e5e5e5;
	padding:0px;
}
.menu1{
	width:110px;
	max-width:110px;
	min-width:110px;
}
.menu1 .st-name span{
	font-size:12px;
	padding:4px 8px;
	line-height:22px;
}
.menu1 .user-frame{
	width:68px;
	height:68px;
}
.menu-panel{
	width:100%;
	position:relative;
	height:100%;
	box-sizing:border-box;
	overflow:hidden;
	flex:1;
	display:flex;
	flex-direction:column;
	padding:0px;
	margin-top: 24px;
}
.menu-it{
	min-height:24px;
	height:auto;
	overflow:hidden;
	position:relative;
	padding:0;
	margin:0 auto;
	width:240px;
}
.menu1 .menu-it{
	width:85%;
}
.menu1 .menu-panel{
	margin-top:16px;
}
.menu-updown0,
.menu-updown1{
	position:absolute;
	top:4px;
	right:0px;
	height:26px;
	width:26px;
	border-radius:32px;
	padding:3px;
	border:1px solid #f5f5f5;
	cursor:pointer;
}
.menu-updown1{
	background:#eee;
	border:1px solid #eee;
}
.it,
.it-sel{
	cursor:pointer;
	height:40px;;
	line-height:40px;
	padding-left:72px;
	box-sizing:border-box;
	overflow:hidden;
	color:#333;
	border-radius:52px;
	font-size:15px;
	position:relative;
	margin:0px auto;
	width:100%;
}
.it-sel{
	background:linear-gradient(to right,#fff1e9,#fff1e9,#fff);
	font-weight:600;
}
.menu1 .it,
.menu1 .it-sel{
	height:48px;
	line-height:48px;
}
.menu1 .it-sel{
	background:#fff1e9;
}
.it img,
.it-sel img{
	position:absolute;
	top:9px;
	left:40px;
	width:20px;
	height:20px;
}
.it img{
	border-radius:0px;
}
.menu1 .it img,
.menu1 .it-sel img{
	left:32px;
	top:11px;
}
.it-dot-nums{
	position:absolute;
	height:18px;
	line-height:18px;
	min-width:12px;
	text-align:center;
	width:auto;
	right:24px;
	top:12px;
	font-size:8px;
	background:#f30;
	color:#fff;
	padding:0px 3px;
	border-radius:60px;
	font-weight:300;
	animation-name:scaledraw;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-duration:1.5s;
}
.opara-it .it-dot-nums{
	right:0px;
	top:0px;
}
@keyframes scaledraw{
	0% {transform:scale(0.8)}
	25%{transform:scale(1)}
	50%{transform:scale(0.8)}
	75%{transform:scale(1)}
}
.it-sub,
.it-sub-sel{
	cursor:pointer;
	height:28px;
	line-height:28px;
	padding-left:42px;
	width:202px;
	margin-left:30px;
	border-radius:48px;
	overflow:hidden;
	box-sizing:border-box;
	color:#333;
	font-size:14px;
	position:relative;
	overflow:hidden;
}
.it-sub-sel{
	background:linear-gradient(to right,#fff1e9,#fff1e9,#fff);
	font-weight:600;
}
.it-sub-sel .it-dot-nums,
.it-sub .it-dot-nums{
	top:8px;
}
.menu1 .it-sub,
.menu1 .it-sub-sel{
	padding-left:0px;
	text-align: center;
	height:32px;
	line-height:32px;
	margin-left:0px;
	width:100%;
	font-size:13px;
}
.menu1 .it-sub-sel{
	background:#fff1e9;
}
.it-flag{
	position:absolute;
	top:20px;
	right:8px;
	width:12px;
	height:12px;
}
.user-name{
	color:#666;
	height:22px;
	line-height:20px;
	font-size:13px;
	text-align:center;
	padding:1px;
	margin:0 auto;
	width:60%;
}
.st-name{
	height:40px;
	text-align:center;
	padding:1px;
	border-bottom:1px solid #e5e5e5;
	width:100%;
	cursor:pointer;
	position:relative;
}
.st-name span{
	color:#fff;
	background:#000;
	font-size:13px;
	line-height:24px;
	border-radius:52px;
	padding:5px 12px;
}
.user-auth{
	color:#fff;
	height:22px;
	line-height:22px;
	border-radius:20px;
	font-size:13px;
	text-align:center;
	position:absolute;
	left:10%;
	top:28px;

	padding:3px;
	margin:0 auto;
	width:80%;
	display:none;
}
.user-auth img{
	float:left;
	margin:0px 8px;
	width:16px;
	height:16px;
	background:#666;
	border:9px solid #666;
	border-radius:20px;
	cursor:pointer;
}
.user-panel{
	text-align:center;
	padding-top:10px;
}
.user-frame{
	height:88px;
	width:88px;
	overflow:hidden;
	position:relative;
	margin:0px auto;
}
.user-frame img{
	width:100%;
	border-radius:60px;
	cursor:pointer;
}
/*
	page
*/
.pagetion{
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
	min-height:40px;
	height:auto;
	z-index:2002;
	flex:1;
}
.pg-li,
.pg-active{
	list-style:none;
	height:34px;
	line-height:34px;
	font-size:13px;
	background:#fff;
	float:left;
	text-align:center;
	width:34px;
	margin-left:3px;
	cursor:pointer;
	color:#666;
	border-radius:28px;
}
.pg-active{
	background:#333;
	color:#fff;
}
.page-count{
	line-height:30px;
	color:#666;
	flex:1;
	text-align:right;
	font-size:14px;
}
/*
*/
.mask-bk{
	width:100%;
	height:100%;
	position:fixed;
	background:#333;
	opacity:0.5;
	z-index:4001;
	top:0px;
	left:0px;
}
.td-button,
.td-button1{
	padding:5px 10px;
	line-height:26px;
	border-radius:3px;
	background:#ffa10e;
	font-size:13px;
	color:#fff;
	cursor:pointer;
}
.td-button1{
	background:#089af7;
	padding:1px 6px;
	font-size:12px;
}
.ch-panel{
	position:relative;
	height:auto;
	min-height:30px;
	padding:12px 8px;
	overflow:auto;
	box-sizing:border-box;
	background:#fff;
	border-radius:5px;
}
.ch,
.ch-sel{
	padding:6px 12px;
	background:#eee;
	margin:4px;
	border-radius:6px;
	cursor:pointer;
	font-size:15px;
	position:relative;
	float:left;
}
.ch-sel{
	background:#ff9933;
	color:#fff;
	font-weight:500;
}

.ch-rad,
.ch-rad-small,
.ch-rad-sel{
	padding:6px;
	margin:0 8px 8px 0;
	
	font-size:14px;
	position:relative;
	float:left;
	text-align:center;
}
.ch-rad-small{
	padding:4px;
	margin:0 5px 5px 0;
	font-size:12px;
}
.ch-rad img,
.ch-rad-small img,
.ch-rad-sel img{
	height:24px;
	height:24px;
	
	border:1px solid #ccc;
	padding:8px;
	border-radius:40px;
	cursor:pointer;
}
.ch-rad-small img{
	height:20px;
	height:20px;
}
.ch-rad-sel img{
	background:#ccc;
}
.tab-panel{
	position:relative;
	height:auto;
	min-height:44px;
	overflow:auto;
	width:100%;
	box-sizing:border-box;
}
.tab,
.tab-sel{
	padding:10px 18px;
	margin:0;
	cursor:pointer;
	font-size:16px;
	position:relative;
	display:inline-block;
	border-bottom:1.5px solid transparent;
	color:#333;
}
.tab-sel{
	color:#f70;
	border-bottom:1.5px solid #f70;
}

.opara-panel{
	height:40px;
	min-width:120px;
	padding-top:4px;
	width:auto;
	float:left;
	position:relative;
}
.opara-it,
.opara-it-small,
.opara-it-none{
	width:36px;
	height:36px;
	position:relative;
	text-align:center;
	margin:0 auto;
}
.opara-panel .opara-it,
.opara-panel .opara-it-small{
	float:right;
}
.opara-it img,
.opara-it-none img{
	width:23px;
	height:23px;
	background:#eee;
	padding:8px;
	border-radius:80px;
	cursor:pointer;
}
.opara-it-small img{
	width:22px;
	height:22px;
	background:#eee;
	border-radius:80px;
	padding:7px;
	cursor:pointer;
}
.opara-it-none img{
	border:1px solid #ddd;
	background:transparent;
	padding:7px;
}

.ip-search{
	text-align:center;
	position:relative;
	min-width:250px;
	width:auto;
	margin:0 auto;
	box-sizing:border-box;
}
.ip-search input{
	border-radius:60px;
	width:100%;
	outline:none;
	text-align:center;
	border:1px solid #eee;
	font-size:15px;
	height:24px;
	padding:9px;
	background:#fff;
}

.date-panel{
	position:relative;
	min-height:36px;
	height:auto;
	overflow:hidden;
	min-width:300px;
	width:auto;
	display:flex;
	flex-direction:row;
	align-items:flex-start;
}
.day-info{
	flex:1;
}
.inp-date{
	border:0px solid #f0f0f0;
	border-radius:35px;
	background:#fff;
	padding:12px;
	outline:none;
	width:128px;
}
.arrow-solid-left,
.arrow-solid-right{
	position:relative;
    width:0;
    height:0;
	margin-top:6px;
	border-top:12px solid transparent;
	border-bottom:11px solid transparent;
	cursor:pointer;
	padding:0px;
}
.arrow-solid-left{
    border-right:12px solid #666;
	margin-right:12px;
}
.arrow-solid-right{
    border-left:12px solid #666;
	margin-left:12px;
}
.title-sign{
	padding:0 3px;
	background:#bbb;
	margin:0 5px 0 2px;
	font-size:10px;
}
.menu-info{
	display:flex;
    flex-direction:row;
    align-items:flex-start;
	position:relative;
	border-radius:120px;
	width:80%;
	margin:10px auto;
	min-height:20px;
	padding:10px 30px;
	box-sizing:border-box;
	overflow:hidden;
	height:auto;
	background:#f2f1f0;
	text-align:center;
}
.menu-info-i{
	position:relative;
	flex:1;
	width:100%;
	padding:6px 0;
	box-sizing:border-box;
	height:38px;
	cursor:pointer;
	text-align:center;
}
.menu-info-i img{
	width:22px;
	height:22px;
	border:0px solid #dfc6a3;
	padding:2px;
	border-radius:0px;
	margin:0px auto;
}
.menu1 .menu-info{
	padding:2px 10px;
	width:80%;
}
.view-panel{
	display:flex;
    flex-direction:row;
    align-items:flex-start;
	position:relative;
	border-radius:52px;
	width:110px;
	margin:0px auto 10px auto;
	min-height:32px;
	height:auto;
	padding:0px;
	box-sizing:border-box;
	overflow:hidden;
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
	box-shadow:0px 0px 3px #e0e0e0;
}
.view0,
.view1{
	position:relative;
	flex:1;
	width:100%;
	padding:0;
	box-sizing:border-box;
	background:#fff;
	height:38px;
	padding-top:9px;
	cursor:pointer;
	text-align:center;
}
.view1{
	background:#ffa10e;
}
.view0 img,
.view1 img{
	width:20px;
	height:20px;
}
.gather{
	position:absolute;
	z-index: 3001;
	width:20px;
	left:-2px;
	top:49%;
	height: 80px;
	line-height:78px;
	text-align:center;
	font-size:14px;
	font-weight:200;
	color: #959595;
	border-radius: 0 12px 12px 0;
	background: #fff;
	box-shadow: 1px 1px 5px #d0d0d0;
	cursor: pointer;
}