@charset "utf-8";
html {
	overflow-y: auto;
}
body,input {
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

figure,ul {
	margin: 0;
	padding: 0
}
figure,img {
	border: none
}
body {
	margin: 0;
	/* min-width: 1260px; */
}
ul {
	list-style: none
}
a {
	text-decoration: none
}
h1,h2,h3,h4,h5,p {
	margin: 0
}
* {
	box-sizing: border-box;
	outline: 0
}
/*主要内容*/
.compressContent {
	position:relative;
	width: 1030px;
	margin: 16px auto 0;
	background:#2b2d37;
	border-radius:4px;
}

/*Processing List*/
.processingListItem {
	width  : 740px;
	height : 36px;
	margin : 9px auto 0;
	background: #f0f0f0;
	border: 1px solid #ddd;
	border-radius: 100px;
	position : relative;
}

.processingListItem .name {
	position : absolute;
	left : 18px;
	top  : 0px;
    max-width:100px;/*max-width : 70px;*/
    height:36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
	font-size: 16px;
	line-height:36px;
	color: #666;
	letter-spacing: 0px;
}

.processingListItem .size {
	position : absolute;
	right : 542px;/*right : 574px;*/
	top   : 0px;
	height:36px;
	font-size: 14px;
	line-height:36px;
	color: #1076FF;
	letter-spacing: 0px;
	text-align:right;
}

.processingListItem .finishedSize {
	position : absolute;
	left : 564px;/*left : 536px;*/
	top  : 7px;
	font-size: 14px;
	color: #1076FF;
	letter-spacing: 0px;
	cursor:pointer;
}

.processingListItem .seeButton {
	position : absolute;
	left : 660px;
	top  : 10px;
	width : 22px;
	height : 15px;
}

.processingListItem .downloadButton {
	position : absolute;
	left : 688px;
	top  : -1px;
	height:36px;
	line-height:36px;
	font-size: 16px;
	color: #666;
	letter-spacing: 0px;
	background:none;
	border:0;
}
.processingListItem .downloadButton:hover{
	color:#000;
}

.processingListItem .ProgressbarBack {
	position : absolute;
	left : 204px;/*left : 176px;*/
	top  : 3px;
	width		: 350px;
	height		: 30px;
	background: #FFFFFF;
	/*border: 1px solid #BCBCBC;*/
	border-radius: 100px;
	box-sizing:border-box;
}

.processingListItem .progressBarTitle {
	position : absolute;
	left : 340px;
	top  : 5px;
	font-size: 18px;
	color: #fffcfc;
	letter-spacing: 1.44px;
	text-align:center;
}
.finish{display: none;}
.processingListItem .progressBarTitle span{color: #fff;}
.processingListItem .progressBarTitle span i{
	position:absolute;
	right:-30px;
	top:-1;
	width:24px;
	height:100%;
	background:url(/public/static/img/gif/complete.png) no-repeat center;
	background-size:24px 21px;
}

.processingListItem .failReason {
	position : absolute;
	right : 19px;
	top  : 5px;
	font-size: 16px;
	color: #40444F;
	letter-spacing: 0px;
	text-align:right;
}

.processingListItem .samplePic {
	position : absolute;
	left     : 620px;
	bottom   : 35.5px;
	display  : none;
    max-width : 100px;
    max-height: 100px;
}

/* Save And Share Content */
#shareHint {
	font-size		: 20px;
	color			: #999;
	letter-spacing	: 1.59px;
	text-align 		: left;	
}

.ShareFriendText {
	opacity			: 0.65;
	font-size		: 18px;
	color			: #f0f0f0;
	letter-spacing	: 1.44px;	
}

.downloadWrap{
	display:none;
	position:relative;
	margin:25px auto 25px;
	width:1030px;
	height:50px;
	text-align:center;
}
.downloadWrap #downloadPicBtn{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-260px;
	width: 520px;
	height: 50px;
	background:#F13453;
	border-radius:2px;
	border:none;
	color:#fff;
	font-size:22px;
	line-height:50px;
	letter-spacing:0px;
	cursor:pointer;
	display: none;
}
.downloadWrap #upgradeToVIP{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-260px;
	width: 520px;
	height: 50px;
	background:#F13453;
	border-radius:2px;
	border:none;
	color:#fff;
	font-size:22px;
	line-height:50px;
	letter-spacing:0px;
	cursor:pointer;
	display: none;
}
.downloadWrap .freemember-button-area {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-371px;
	width: 741px;
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.downloadWrap .freemember-button-area #freememberDownload,
.downloadWrap .freemember-button-area #removewatermark {
	width: 359px;
	height: 50px;
	border-radius:2px;
	border:none;
	color:#fff;
	font-size:22px;
	line-height:50px;
	letter-spacing:0px;
	cursor:pointer;
}
.downloadWrap .freemember-button-area #freememberDownload {
	background: #0544FF;
	margin-right: 23px;
}
.downloadWrap .freemember-button-area #removewatermark {
	background: #F43454;
}
.downloadWrap .savefail{
	display:none;
	position:absolute;
	left:50%;
	top:50px;
	width:360px;
	margin-left:-180px;
	height:32px;
	line-height:32px;
	text-align: left;
	font-size:12px;
	text-indent:30px;
	color:#fff;
	background:url(/images/tool/err.png) no-repeat 10px center;
}
.downloadWrap .savefail.active{
	display:block;
}
#downloadPicLabel {
	font-size: 36px;
	color: #fff;
	letter-spacing: 0px;
}

.autoPadding {
	width : 10px;
	height : 60px;
}

.ShareSaveButton {
	position : absolute;
	top		 : 57px;
	width    : 100px;
	height   : 25px;
	border   : 0;
	background : none;
}

/* For Submit Region Animation */
@keyframes smallerSubmitRegionAnim {
	from {transform : scale(   1,    1); top:0px;}
	to   {transform : scale(0.7, 0.7); top:-40px;}
}
@keyframes ListUp {
	from {top:0px;}
	to   {top:-66px;}
}


/* 使用攻略 样式 */
.compress-QA-container {
    position: relative;
    margin: 20px auto 166px;
	width: 1030px;
	border-radius:4px;
	background:rgb(43,45,55);
	zoom: 1;
}
.compress-QA-container .QA-tips {
	position: relative;
	margin-top: 16px;
	width: 100%;
	height: 32px;
	display: inline-block;

	font-size: 16px;
	font-family: PingFangSC;
	font-weight: 400;
	color:rgba(231,228,228,1);
	line-height: 32px;
	text-indent: 114px;
}
.compress-QA-container .QA-tips::before {
	content: "";
	position: absolute;
	top: 0px;
    left: 73px;
	width: 34px;
	height: 32px;
	background: url(/images/tool/compress-QA.png) no-repeat;
	background-size: 34px 32px;
}
.compress-QA-container .QA-list-area {
	position: relative;
	margin: 16px auto 30px;
	width: 884px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
.compress-QA-container .QA-list-area .QA-item {
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: auto;
	height: 55px;
	background:rgba(108,106,250,1);
	border-radius: 54px;
	cursor: pointer;

	font-size: 14px;
	font-family: PingFangSC;
	font-weight: 500;
	color:rgba(255,255,255,1);
	line-height: 55px;
	text-align: center;
}
.compress-QA-container .QA-list-area .QA-item:nth-child(2n + 1) {
	background:rgba(5,68,255,0.3);
}	
.compress-QA-container .QA-list-area .QA-item:nth-child(2n) {
	background:rgba(108,106,250,0.3);
}
.compress-QA-container .QA-list-area .QA-item-content {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px 20px;
	width: 362px;
	height: auto;
	background:rgba(108,106,250,1);
	border-radius: 25px;
	box-sizing: border-box;
	z-index: 1;
	display: none;

	font-size: 12px;
	font-family: PingFangSC;
	font-weight: 400;
	color:rgba(255,255,255,1);
	line-height: 16px;
}
.compress-QA-container .QA-list-area .QA-item-content a {
	color: rgba(255, 205, 0, 1);
}