body{
	margin: 0;
	min-width: 1260px;
	background: #000;
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,p{
	margin: 0;
}
a{
	text-decoration: none;
}
*{
	box-sizing: border-box;
}
.clearfix:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}
/*下面样式开始*/

/*头部开始*/
.nav{
	width: 1200px;
	height: 80px;
	margin: 0 auto;
}
.nav .logo{
	width: 140px;
	height: 44px;
	float: left;
	background: pink;
	margin-top: 17px;
	background: url(/images/img/img-home-page/logo.png) no-repeat center;
	background-size: 100%;
}
.nav .words{
	float: left;
	font-size: 26px;
	color: #fff;
	line-height: 80px;
	margin-left: 86px;
}
.nav .data{
	float: right;
	margin-right: 10px;
	line-height: 80px;
}
.nav .data .icon{
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 26px;
	border-radius: 50%;
}
.nav .data .icon img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.nav .data .hr{
	width: 3px;
	height: 13px;
	float: left;
	background: #fff;
	margin-top: 34px;
	margin-left: 24px;
}
.nav .data .set{
	float: left;
	color: #fff;
	font-size: 14px;
	margin-left: 24px;
}
.nav .data .set1:hover{
	color: #15CAFA;
}
/*头部结束*/

/*大框开始*/
.content{
	width: 1200px;
	margin: 0 auto;
}
/*大框结束*/

/*左边开始*/
.content .left{
	float: left;
	width: 200px;
	height: 288px;
	background: #1b1b1b;
}
.content .left .state{
	width: 100%;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	display: block;
}
.content .left .state:nth-child(1){
	color: #696969;
	background: url(/images/gifupload/a2.png) no-repeat 26px 16px;
	text-indent: 10px;
}
.content .left .state:nth-child(2){
	background: #15CAFA;
}
.content .left .state:nth-child(5){
	color: #696969;
	background: url(/images/gifupload/a4.png) no-repeat 38px 14px;
}
.content .left .state:nth-child(2){
	cursor: pointer;
}
.content .left .state:nth-child(3){
	cursor: pointer;
}
.content .left .state:nth-child(4){
	cursor: pointer;
}
.content .left .state:nth-child(6){
	cursor: pointer;
}
.content .left .state:nth-child(3):hover{
	color: #15CAFA;
}
.content .left .state:nth-child(4):hover{
	color: #15CAFA;
}
.content .left .state:nth-child(6):hover{
	color: #15CAFA;
}
/*左边开始*/

/*右边开始*/
.content .right{
	float: right;
	width: 970px;
	position: relative;
}
.content .right .search{
	width: 100%;
	height: 50px;
	display: none;
}
.content .right .search .input{
	width: 854px;
	height: 100%;
	float: left;
	background: #fff;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.content .right .search .input input{
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
	padding-left: 50px;
	font-size: 14px;
	color: #858585;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.content .right .search .button{
	width: 116px;
	height: 100%;
	float: left;
	background: #15CAFA;
	text-align: center;
	line-height: 50px;
	font-size: 17px;
	color:#fff;
	cursor: pointer;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.content .right .tab{
	width: 100%;
	height: 70px;
	display: none;
}
.content .right .tab .prompt{
	float: left;
	line-height: 70px;
	font-size: 15px;
	color: #15CAFA;
}
.content .right .tab .tabb{
	float: left;
	height: 30px;
	line-height: 30px;
}
.content .right .tab .tabb .tabb1{
	float: left;
	height: 30px;
	padding: 0 16px;
	background: #373737;
	margin-left: 20px;
	margin-top: 20px;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
}
.content .right #container{
	width: 100%;
	height: 500px;
}
.content .right #container .item{
	width: 300px;
	background: #15CAFA;
	float: left;
	position: absolute;
}
.content .right #container .item img{
	width: 100%;
	height: 100%;
}
.content .right #container .item .edit{
	width: 70px;
	height: 30px;
	position: absolute;
	right: 0;
	font-size: 15px;
	color: #090909;
	line-height: 30px;
	text-indent: 35px;
	background: rgba(140,140,140,0.4) url(/images/gifupload/a3.png) no-repeat 10px center;
	cursor: pointer;
}
.content .right #container .item .shaow{
	width: 100%;
	height: 28px;
	position: absolute;
	bottom: 0;
	background: rgba(58,58,58,0.4);
	overflow: hidden;
}
.content .right #container .item .shaow .R{
	margin-left: 20px;
	color: #fff;
	font-size: 15px;
	line-height: 28px;
}
.content .right #container .item .shaow .R:nth-child(1){
	margin-left: 8px;
}
.content .right .No{
	width: 222px;
	height: 131px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	margin-top: 115px;
	display: none;
}
.content .right .No .NO1{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background: url(/images/gifupload/a14.png) no-repeat center;
	cursor: pointer;
}
.content .right .No .NO2{
	display: block;
	color: #fff;
	margin-top: 18px;
	letter-spacing: 1px;
}
.content .right .No .NO2:hover{
	color: #15CAFA;
}
/*右边结束*/

/*操作开始*/
/*.content .right .operation{
	width: 100%;
	height: 552px;
	background: #373737;
	position: absolute;
	z-index: 1;
	display: none;
}
.content .right .operation .none{
	width: 33px;
	height: 33px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	background:  #891818 url(/images/gifupload/a8.png) no-repeat center;
	background-size: 20px;
}
.content .right .operation .top{
	width: 100%;
	height: 475px;
	background: #1b1b1b;
}
.content .right .operation .top .op_left{
	width: 480px;
	height: 475px;
	float: left;
	margin-left: 140px;
}
.content .right .operation .top .op_left .gif{
	width: 480px;
	height: 280px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.content .right .operation .top .op_left .gif img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.content .right .operation .top .op_left .box{
	width: 480px;
	height: 64px;
	background: orange;
}
.content .right .operation .top .op_left .box .in{
	float: left;
	width: 416px;
	height: 100%;
	background: #292929;
}
.content .right .operation .top .op_left .box .in input{
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
	padding-left: 34px;
	background: #292929;
	color: #fff;
	font-size: 15px;
}
.content .right .operation .top .op_left .box .add{
	float:right;
	width: 64px;
	height: 100%;
	background: #15CAFA url(/images/gifupload/a5.png) no-repeat center;
	cursor: pointer;
}
.content .right .operation .top .op_left .label{
	width: 480px;
	height: 30px;
	margin-top: 20px;
}
.content .right .operation .top .op_left .label .la{
	padding: 0 35px 0 10px;
	background: #373737;
	height: 30px;
	float: left;
	line-height: 30px;
	border-radius: 6px;
	margin-right: 20px;
	color:#fff;
	font-size: 15px;
	position: relative;
}
.content .right .operation .top .op_left .label .la .can{
	position: absolute;
	right: 11px;
	top: 8px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: url(/images/gifupload/a7.png) no-repeat center;
}
.content .right .operation .top .op_right{
	width: 145px;
	height: 475px;
	margin-left: 60px;
	float: left;
}
.content .right .operation .top .op_right .to{
	width: 100%;
	height: 50px;
	border-radius: 6px;
	background: #292929;
	margin-top: 34px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.content .right .operation .top .op_right .to:nth-child(1){
	margin-top: 60px;
}
.content .right .operation .top .op_right .to:nth-child(1):hover{
	background-image: linear-gradient(-136deg, #A3D7DD 0%, #B0A2DB 100%);
}
.content .right .operation .top .op_right .to:nth-child(2):hover{
	background-image: linear-gradient(-135deg, #86CD6D 0%, #60C4AF 100%);
}
.content .right .operation .top .op_right .to:nth-child(3):hover{
	background-image: linear-gradient(-135deg, #E86874 0%, #E58A4D 100%);
}
.content .right .operation .top .op_right .can2{
	margin-top: 80px;
	font-size: 18px;
	color: #fff;
	padding-left: 28px;
	background: url(/images/gifupload/a6.png) no-repeat left center;
} 
.content .right .operation .bottom .dele,.preser{
	float: left;
	height: 50px;
	padding: 0 18px;
	background: #15CAFA;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	border-radius: 6px;
	float: right;
	margin-right: 30px;
	margin-top: 15px;
	cursor: pointer;
}*/
/*操作结束*/