@import url('style.css?v20200113');
/* 头部 */
	#header {
		background: #f8f8f8;
		border-bottom: 1px solid #dddddd;
		font-size: 14px;
	}
	#header .box {
		height: 40px;
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
	}
	#header .item {
		display: flex;
		align-items: center;
	}
	#header .nav li{
		padding: 0 10px;
		border-left: 1px solid #ddd;
	}
	#header .nav li:first-of-type{
		padding-left: 0;
		border-left: none;
	}
	#header .usernav {
		padding-right: 25px;
		position: relative;
		height: 40px;
		line-height: 40px;
	}
	#header .usernav > a {
		color: #1E78BE;
	}
	#header .usernav::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 10px;
		left: 0;
		bottom: -12px;
	}
	#header .usernav .href {
		position: absolute;
		border: 1px solid #ddd;
		width: 100px;
		left: 50%;
		transform: translate(-50%, 0);
		top: 40px;
		background: #fff;
		font-size: 12px;
		z-index: 10000;
		box-shadow: 0 0 10px #f8f8f8;
		display: none;
	}
	#header .usernav:hover > div,
	#header .usernav > div:hover{
		display: block;
	}
	#header .usernav .href:before{
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		border-top : 1px solid #ddd;
		border-bottom : 1px solid #fff;
		border-left : 1px solid #ddd;
		border-right : 1px solid #fff;
		transform: rotate(45deg);
		background: #fff;
		top: -6.5px;
		left: 45px;
		border-bottom-right-radius: 20px;
	}
	#header .usernav .href > div {
		padding: 5px 0;
	}
	#header .usernav .href > div:first-of-type {
		border-bottom: 1px solid #ddd;
	}
	#header .usernav .href > div > a {
		display: block;
		height: 26px;
		line-height: 26px;
		text-align: center;
	}
	#header .usernav .href > div > a:hover{
		background: #f8f8f8;
	}
	#header .usernav > span {
		border-top: 7px solid #666666;
		border-left: 7px solid #f8f8f8;
		border-right: 7px solid #f8f8f8;
		border-bottom: 7px solid #f8f8f8;
		position: absolute;
		top: 16px;
		right: 0;
		transition: all .2s;
		-webkit-transition: all .2s;
	}
	#header .usernav:hover > span,
	#header .usernav > div:hover + span {
		border-top: 7px solid #f8f8f8;
		border-bottom: 7px solid #666666;
		top: 10px;
	}
	#header .message {
		font-size: 16px;
		margin-left: 15px;
		cursor: pointer;
	}
	#header .loginBut {
		line-height: 40px;
		font-size: 16px;
		width: 100px;
		color: #fff;
		text-align: center;
		background-color: #456fff;
		background-image: -webkit-linear-gradient(left, #418eff, #4566ff);
		background-image: -o-linear-gradient(left, #418eff, #4566ff);
		background-image: linear-gradient(to right, #418eff, #4566ff);
	}
	#header .loginBut:hover{
		background: #4566ff;
	}
/* 头部 */

/* 二维码 */
	#twoCode {
		display: none;
	}
	#twoCode .box {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: #fff;
		padding: 100px 150px;
		display: flex;
		flex-direction: column;
		box-shadow: 0 0 10px #f1f3f4;
	}
	#twoCode .del {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 50px;
		height: 100px;
		line-height: 100px;
		width: 100px;
		text-align: center;
		color: #ccc;
		cursor: pointer;
	}
	#twoCode .cont {
		display: flex;
		width: 320px;
		margin: 5px 0;
	}
	#twoCode img {
		width: 140px;
		height: 140px;
	}
	#twoCode .text {
		display: flex;
		flex-direction: column;
	}
	#twoCode .text span:first-of-type {
		margin: 25px 0;
		font-size: 22px;
		color: #0074E8;
	}
	#twoCode .text span {
		font-size: 16px;
		margin-bottom: 15px;
	}
/* 二维码 */

/* 消息css */
	#message {
		position: fixed;
		bottom: 0;
		top: 41px;
		right: -380px;
		width: 360px;
		background: #fff;
		z-index: 999;
		border-left: 1px solid #e1e1e1;
	}
	#message > .top {
		border-bottom: 1px solid #e1e1e1;
		display: flex;
		align-items: center;
		height: 61px;
		padding: 0 15px 0 20px;
		overflow: hidden;
	}
	#message > .top > span:first-of-type{
		font-size: 18px;
		margin-right: auto;
	}
	#message > .top > a {
		color: #0074E8;
		font-size: 12px;
	}
	#message > .top > span:last-of-type{
		font-size: 22px;
		line-height: 16px;
		height: 20px;
		width: 20px;
		text-align: center;
		margin-left: 20px;
		color: #888;
		cursor: pointer;
	}
	#message > .top > span:last-of-type:hover{
		color: #222;
	}
	#message .data {
		position: absolute;
		bottom: 0;
		top: 60px;
		left: 0;
		right: 0;
		overflow: auto;
	}
	#message .item {
		padding: 0 20px;
		cursor: pointer;
	}
	#message .item:hover{
		background: #F1F3F4;
	}
	#message .item:first-of-type > .top {
		border-top: 1px solid #fff;
	}
	#message .item:hover + .item > .top,
	#message .item:hover > .top {
		border-top: 1px solid #fff;
	}
	#message .item > .top {
		display: flex;
		justify-content: space-between;
		font-size: 12px;
		padding-top: 15px;
		color: #888;
		border-top: 1px solid #e1e1e1;
	}
	#message .oper {
		color: #006eff;
		display: none;
	}
	#message .bottom {
		color: #000;
		padding: 5px 0 10px 0;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#message .bottom:hover{
		text-decoration: underline;
	}
	#message .item:hover .time {
		display: none;
	}
	#message .item:hover .oper {
		display: block;
	}
/* 消息css */

/* 搜索 */
	#search .box {
		display: flex;
		justify-content: space-around;
		align-items: flex-end;
		padding: 40px 20px;
		max-width: 1200px;
		margin: 0 auto;
	}
	#search .box > .logo {
		height: 0;
		width: 180px;
		padding-top: 55px;
		background: url('../img/logo.png') no-repeat 0 0;
		background-size: 180px;
		overflow: hidden;
	}
	#search .box input[type=text] {
		height: 40px;
		width: 600px;
		font-size: 16px;
		text-indent: 1em;
		border: 1px solid #456fff;
		box-sizing: border-box;
	}
	#search .box button {
		float: right;
		height: 40px;
		width: 100px;
		color: #fff;
		background-color: #418eff;
		background-image: -webkit-linear-gradient(left, #418eff, #4566ff);
		background-image: -o-linear-gradient(left, #418eff, #4566ff);
		background-image: linear-gradient(to right, #418eff, #4566ff);
		font-size: 24px;
		border: 1px solid #418eff;
		box-sizing: border-box;
	}
/* 搜索 */

/* 导航 */
	#nav {
		border-top: 2px solid #418eff;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 20px;
	}
	#nav > ul {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
		display: flex;
		justify-content: space-between;
	}
	#nav li {
		border-left: 1px solid #dddddd;
		font-size: 20px;
		flex: 1;
		height: 60px;
		line-height: 60px;
		text-align: center;
	}
	#nav li:last-of-type{
		border-right: 1px solid #dddddd;
	}
/* 导航 */

/* 底部 */
	#bottom .top {
		background-color: #DDEEF3;
	}
	#bottom .top .box {
		max-width: 1200px;
		margin: 0 auto;
		padding: 20px;
		display: flex;
		font-size: 14px;
	}
	#bottom .top .box .infor {
		display: flex;
		flex-direction: column;
		padding-right: 100px;
	}
	#bottom .top .box .infor p {
		display: flex;
		align-items: center;
		height: 30px;
	}
	#bottom .top .box .infor > img {
		width: 140px;
		margin-bottom: 20px;
	}
	#bottom .top .box .infor p > img {
		width: 20px;
		margin-right: 10px;
	}
	#bottom .top .box .data {
		display: flex;
		flex-direction: column;
	}
	#bottom .top .box .data .lists {
		display: flex;
		padding: 20px 0;
	}
	#bottom .top .box .data .lists a {
		padding: 2px 10px;
		border-left: 1px solid #ddd;
	}
	#bottom .top .box .data .lists a:first-of-type{
		padding-left: 0;
		border-left: none;
	}
	#bottom .top .box .data .connection {
		display: flex;
		margin: auto 0;
	}
	#bottom .top .box .data .connection img {
		width: 60px;
		height: 60px;
		margin-right: 20px;
	}
	#bottom .top .box .data img {
		display: block;
	}
	#bottom .bottom {
		text-align: center;
		background: #C3E2E1;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
/* 底部 */

/* 分页公共头部 */
	.public-page-header {
		width: 1000px;
		height: 100px;
		border-bottom: 2px solid #1E90FF;
		display: flex;
		align-items: flex-end;
		padding-bottom: 10px;
		margin: 0 auto;
	}
	.public-page-header a {
		width: 175px;
	}
	.public-page-header img {
		width: 100%;
		display: block;
	}
	.public-page-title {
		text-align: center;
		line-height: 50px;
		font-size: 24px;
		padding: 0 20px;
		border-left: 1px solid #ccc;
		color: #0074E8;
		margin-left: 24px;
		height: 50px;
	}
	.public-page-prompt {
		text-align: center;
		line-height: 50px;
		font-size: 20px; 
		padding: 0 20px;
		height: 50px;
		margin-left: auto;
	}
/* 分页公共头部 */

/* 手机验证 */
	#ver .box {
		width: 340px;
	}
	#ver .title {
		justify-content: space-between;
		margin-bottom: 10px;
	}
	#ver .title span {
		font-size: 16px;
		cursor: pointer;
	}
	#ver .item {
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#ver .item input {
		height: 40px;
		width: 200px;
		border: 1px solid #ccc;
		text-indent: 40px;
		font-size: 14px;
	}
	#ver .item input:focus {
		border: 1px solid #1E90FF;
	}
	#ver .item input[name=iphone] {
		background: url('../img/user.png') 10px no-repeat;
	}
	#ver .item input[name=password] {
		background: url('../img/locked.png') 10px no-repeat;
	}
	#ver .item span {
		width: 100px;
		height: 30px;
	}
/* 手机验证 */

/* 提交成功页面 */
	.success {
		width: 1000px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.success img {
		width: 250px;
		height: 250px;
		margin: 20px;
		opacity: 0.6;
	}
	.success p {
		font-size: 30px;
		margin: 10px;
	}
	.success span {
		font-size: 14px;
		margin: 10px;
	}
	.success a {
		font-size: 14px;
		color: #0074E8;
	}
/* 提交成功页面 */

/* 签到 */
	#check {
		margin-top: 20px;
		box-sizing: border-box;
		width: 300px;
		padding: 10px;
		background: rgba(30,144,255,.7);
	}
	#check .top {
		justify-content: space-between;
		color: #fff;
		height: 30px;
		font-size: 14px;
		padding: 0 20px;
	}
	#check .check-write {
		font-size: 18px;
	}
	#check .check-week {
		justify-content: space-between;
		padding: 5px 0;
	}
	#check .check-week li {
		flex: 1;
		text-align: center;
		color: #fff;
	}
	#check .check-list {
		display: flex;
		flex-wrap: wrap;
	}
	#check .check-list li{
		position: relative;
	    width: 40px;
	    height: 40px;
	    background: #fff;
	    border-radius: 5px;
	    border-top: 1px solid #1E90FF;
	    border-left: 1px solid #1E90FF;
	    box-sizing: border-box;
	    text-align: center;
	    line-height: 40px;
	    font-size: 16px;
	    cursor: pointer;
	    user-select: none;
	}
	#check .check-list .check-b {
		background: #fff url(../img/check_icon.png) no-repeat center center;
		background-size: 30px 30px;
	}
/* 签到 */

/* 上传图片 */
	.upload-img > div {
		width: 624px;
	}
	.upload-img .top {
		height: 40px;
		display: flex;
		padding: 0 20px;
		align-items: center;
	}
	.upload-img .top label {
		width: 60px;
	    height: 26px;
	    line-height: 26px;
	    text-align: center;
	    font-size: 12px;
	    background: #1E90FF;
	    border-radius: 2px;
	    margin-right: 20px;
	    color: #fff;
	    cursor: pointer;
	}
	.upload-img .top span {
		font-size: 14px;
		border-left: 1px solid #ccc;
		padding: 0 15px;
	}
	.upload-img ul {
		margin-left: 20px;
		display: flex;
		flex-wrap: wrap;
		overflow-y: auto;
		overflow-x: hidden;
		height: 300px;
	}
	.upload-img ul .do:after {
		content: '上传中';
		position: absolute;
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 2px;
		background: rgba(0,0,0,.5);
		text-align: center;
		line-height: 100px;
		color: #fff;
		font-size: 14px;
	}
	.upload-img ul li {
		border: 1px solid #ddd;
		width: 100px;
		height: 100px;
		padding: 2px;
		margin: 0 10px 10px 0;
		position: relative;
		cursor: pointer;
	}
	.upload-img ul li:hover{
		border: 1px solid #1E90FF;
	}
	.upload-img ul .check:before {
		content: '';
		position: absolute;
		top: -20px;
		left: -20px;
		background: #1E90FF;
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 14px;
		text-align: center;
		transform: rotate(45deg);
	}
	.upload-img ul .check:after{
		content: '\e603';
		position: absolute;
		top: 0px;
		left: 2px;
		color: #fff;
	}

	.upload-img ul .check {
		overflow: hidden;
		border: 1px solid #1E90FF;
	}


	.upload-img ul li .up-load {
		position: absolute;
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 2px;
		background: rgba(0,0,0,.5);
		text-align: center;
		color: #fff;
		flex-direction: column;
	}
	.upload-img ul li .up-load p {
		line-height: 26px;
	}
	.upload-img ul li .up-load p:last-of-type{
		color: #1E90FF;
		cursor: pointer;
	}
	.upload-img ul li img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.upload-img ul li .del-img {
		position: absolute;
		right: 2px;
		top: 2px;
		width: 16px;
		height: 16px;
		background: rgba(0,0,0,.3);
		color: #fff;
		line-height: 16px;
		text-align: center;
		font-size: 12px;
		display: none;
	}
	.upload-img ul li .del-img:hover,
	.upload-img ul li .oper:hover + .del-img {
		display: block;
	}
	.upload-img ul .upload-prompt {
		width: 100%;
		height: 100%;
		margin-left: -10px;
	    flex-direction: column;
	}
	.upload-img ul .upload-prompt > span {
		width: 40px;
	    height: 40px;
	    border-radius: 50%;
	    background: #1E90FF;
	    color: #fff;
	    font-size: 20px;
	    line-height: 40px;
	    text-align: center;
	    position: relative;
	}
	.upload-img ul .upload-prompt > span:before {
		position: absolute;
	    content: '';
	    border-top: 10px solid #1E90FF;
	    border-left: 10px solid #fff;
	    border-right: 10px solid #fff;
	    border-bottom: 10px solid #fff;
	    bottom: -23px;
	}
	.upload-img ul .upload-prompt > p {
		font-size: 14px;
	    margin: 20px 0;
	}

	.upload-img .up-sub {
		height: 60px;
	}
	.upload-img .up-sub div {
		background: #1E90FF;
		border: 1px solid #1E90FF;
		margin: 0 20px;
		width: 80px;
		height: 30px;
	}
/* 上传图片 */

/* 分页样式 */
	.page {
		height: 60px;
		display: flex;
		align-items: center;
		font-size: 14px;
	}
	.page > p {
		display: flex;
		align-items: center;
	}
	.page .total {
		padding: 0 5px;
	}
	.page > p:last-of-type{
		margin-left: auto;
	}
	.page > p > img {
		width: 14px;
		height: 14px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 5px;
		cursor: pointer;
	}
	.page > p > img:last-of-type{
		border-right: 1px solid #ccc;
	}
	.page > p > input {
		border: 1px solid #ccc;
		width: 70px;
		height: 24px;
		text-align: center;
	}
	.page > p > label {
		padding: 0 10px;
		background: #f1f3f4;
		height: 24px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		line-height: 24px;
	}
	.page > p > select {
		margin-right: 20px;
		text-indent: 10px;
		width: 60px;
		border: none;
	}
/* 分页样式 */