.nav li {
	float: left;
	text-align: center;
	display: block;
	width: 194px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #b5d5ee;
	background: #43a9e4;
	border-radius: 2px;
	font-size: 15px;
	transition: color .5s,background-color .5s
}

.add {
	background: #fff;
	margin-bottom: 10px;
	border-radius: 2px
}

.add,.add_name {
	width: 100%;
	overflow: hidden
}

.add_name {
	height: 40px;
	background: #F2F2F2
}

.add_name p {
	font-size: 22px;
	font-weight: 700;
	color: #fff
}

.add li,.add_name p {
	line-height: 40px;
	margin-left: 20px
}

.add li {
	padding: 0 10px;
	float: left;
	display: block;
	width: 100%;
	height: 40px
}

.add li b {
	width: 1pc;
	height: 1pc;
	font-weight: 400;
	background: #2cbafc;
	color: #fff;
	padding: 1px 3px;
	margin-left: 4px;
	font-size: 14px;
	border-radius: 2px
}

.add .orange {
	background: #f76e25
}

.add .pink {
	background: #fd6ea3
}

.add .red {
	background: #e47653
}

.add .green {
	background: #23be9b
}

.add .yellow {
	background: #fcc800
}

.add .gray {
	background: #788daa
}

.add .orange {
	background: #f76e25
}

.add .black {
	background: #333
}

.clear {
	clear: both;
	height: 0
}

#shoulu .form {
	padding: 20px;
	background: #fff;
	color: #000
}

#shoulu .line {
	padding: 10px
}

#shoulu .line label {
	display: block;
	font-size: 1.125rem
}

#shoulu .line input,#shoulu .line select {
	display: inline-block;
	box-sizing: border-box;
	margin: 8px 0;
	padding: 9pt 20px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #ccc
}

#shoulu .line select option {
	background: #FFF
}

#shoulu .line button {
	margin: 8px 0;
	padding: 14px 20px;
	width: 100%;
	border: none;
	border-radius: 4px;
	background: #43a9e4;
	color: #fff;
	cursor: pointer
}

#shoulu .line button:hover {
	background: #436e90;
	color: #fff
}

@media screen and (max-width:960px) {
	.nav li {
		width: 20%;
		margin-right: -2px
	}

	.add li,.nav li {
		height: 35px;
		line-height: 35px
	}

	.add li {
		width: 100%;
		margin-right: -1px
	}

	.add_name {
		height: 35px
	}

	.add_name p {
		font-size: 21px;
		line-height: 35px
	}
}

@media screen and (max-width:800px) {
	.add li,.nav li {
		font-size: 15px;
		height: 30px;
		line-height: 30px
	}

	.add_name {
		height: 30px
	}

	.add_name p {
		font-size: 20px;
		line-height: 30px
	}
}

@media screen and (max-width:640px) {
	.nav li {
		width: 20%
	}

	.add li,.nav li {
		font-size: 11px;
		height: 30px;
		line-height: 30px
	}

	.add li {
		width: 100%
	}

	.add_name {
		height: 30px
	}

	.add_name p {
		font-size: 17px;
		line-height: 30px
	}

	.add li b {
		width: 1pc;
		height: 1pc;
		font-weight: 400;
		color: #fff;
		padding: 2px 3px;
		margin-left: 4px;
		font-size: 11px;
		border-radius: 2px
	}

	#shoulu>a>li {
		height: 100%;
		width: auto;
		margin-right: 20px;
	}
}
.tijiao{ }
.tijiao .name{ height:40px; width:100%; line-height:40px; color:#fff; text-align:left; margin:0 auto 10px; font-size:20px; font-weight:bolder; text-indent:10PX;}
.tijiao .name i{ color:#fff;}
.tijiao .list{ width:100%; min-height:40px; clear:both; margin-bottom:10px;}
.tijiao .add_name{ display:block; width:80px; height:40px; line-height:40px; float:left;margin:0 10px; text-align:center; font-size:15px;color:#000;border-radius:10px}
.tijiao .add_name i{ color:#fff;}
.tijiao .add_name span{ color:#F00; font-weight:900;}
.tijiao .add_info{ width:calc(100% - 110px); float:left; position:relative;}
.tijiao .add_info input{ display:block; width:100%; height:40px; line-height:36px; border:2px solid #fff; border-radius:8px; text-indent:10px; box-sizing:border-box; transition:0.3s; background:#FAFAFA;}
.tijiao .add_info select{ display:block; width:100%; height:40px; line-height:36px; border:2px solid #fff; border-radius:8px; text-indent:10px; box-sizing: border-box; transition:0.3s; background:#FAFAFA;}
.tijiao .add_info textarea{ display:block; width:100%; height:100px; line-height:36px; border:2px solid #fff; border-radius:8px; text-indent:10px; box-sizing:border-box; transition:0.3s; background:#FAFAFA;}
.tijiao .add_info input:hover,.add_info select:hover,.add_info textarea:hover{ border-color:#222; background:#FFF;}
.tijiao .add_info .upload{ position:absolute; right:0; top:0; height:40px; line-height:36px; width:60px; margin-left:10px; text-align:center; border-radius:0 6px 6px 0; cursor:pointer; border:2px solid #fff;}
.tijiao .add_info .submit{ width:100%; height:40px; line-height:36px; border-radius:8px; cursor:pointer; background:#ffb000; color:#FFF; transition:0.3s;}
.tijiao .add_info .submit:hover{ background:#ffc800;}
.result .words{  width:100%; line-height:40px; color:#fff; margin:10px auto; font-size:22px; font-weight:bolder; text-align:center;}
.result .tips { line-height:1.5;color:#fff}
.result .url-view {margin-top:20px;padding:20px;background:#fff5f5;color:#666;border:2px solid  #ff00ff;border-radius:6px;position:relative;}
.result .url-view .copy {position:absolute;top:0;right:0;display:inline-block;padding:20px;cursor:pointer;color:#ff0062;cursor:pointer;}
.result .url-view .copy[data-copyed="1"] {color:#666;}
.result .url-view .copy[data-copyed="0"]:active {opacity:0.6;}
.result .reload {color:#ff0062;margin-left:20px;}
.result .reload:active {opacity:0.6;}
.jieguo{margin:0 10px 10px;}

.right{ width:740px; margin:20px auto;}
.add_list{ padding:20px 30px 20px 90px; margin-bottom:5px; border-radius:8px; background:#FFF; position:relative;}
.add_list:hover{ background:#FAFAFA;}
.add_logo{ width:50px; height:50px; border-radius:25px; background-color:#F00; background-position:center center; background-size:50px 50px; position:absolute; left:20px; top:20px; background-image:url(../images/icon_6.png);}
.add_list_info{ height:24px; line-height:24px;}
.add_list_info h5{ float:left; width:120px; text-align:left;}
.add_list_info i{ float:left; width:80px;}
.add_list_info span{ float:right; padding:4px 10px; border-radius:13px; color:#FFF; font-size:13px; line-height:16px;}
.add_list_message{ padding:2px 10px 5px 0; line-height:24px; color:#999; font-size:13px;}
.add_list_reply{ padding:10px 12px; background:#fdf8f8; border-radius:5PX; border:1PX solid #FF8080; font-size:13px; margin-top:8px;}
.button_top{ width:40px; height:40px; line-height:40px; position:fixed; top:80%; left:50%; margin-left:400px; text-align:center; background:#444; color:#FFF; cursor:pointer; transition:0.2s; border-radius:20px;}
.button_top:hover{ background:#ffb000;}
.button_top i{ line-height:40px;}