/* 谷歌浏览器隐藏滚动条**/
/* ::-webkit-scrollbar{
     display:none;
 } */

.conversion{
	background: #FFFFFF;
	text-align: center;
	height: 400px;
}
.uploadImgs-on{
	width: 75rem;
	height: 400px;
	position: absolute;
	z-index: 5;
	top: 25.5rem;    
}
.uploadImgs-on .uploadImgs {
	position: absolute;
	z-index: 2;
	right: 0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.uploadImgs-fg{
	width: 75rem;
	height: 400px;
	position: absolute;
	z-index: 20;
	top: 25.5rem;
	cursor: pointer;
	display: none;
}
.conversion-form{
	display: inline-block;
}


.conversion-text-img{
	width: 200px;
	height: 200px;
	margin-top: 2.5rem;
	position: relative;
	/* left: 42.8%; */
	top: 27px;
	margin: 0 auto;    
}
.conversion-text-img .uploadImgs {
	position: absolute;
	z-index: 100;
	right: 0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.conversion-img{
	width: 175px;
	height: 175px;      
}
.conversion-text{
	font-size: 17px;
	color: #549dc9;
}
.conversion-button{
	width: 170px;
	height: 55px;
	border-radius: 0.75rem;
	margin: 0px auto;
	background-color: #549dc9;
	cursor: pointer;
	position: relative;
	top: 86px;
	z-index: 8;          
}

			  
.conversion-button .uploadImg {
	    position: absolute;
		z-index: 10;
	    right: 0;
	    top:0;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	    cursor: pointer;
}
.conversion-buttonx .downloadlink{
	position: absolute;
	z-index: 99;
	right: 0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;	  
}	  
		          
.conversion-button span{
	font-size: 18px;
	color: #FFFFFF;
	position: absolute;
	top: 13px;
	left: 14px;              
}
.conversion-button img{
	width: 32px;
	height: 30px;
	position: relative;
	top: 12px;
	left: 59px;        
}
.conversion-span{
	color: #5454bb;
	font-size: 1.65rem;
	position: absolute;
	z-index: 99;
	left: 46.2%;
	top: 90%;
	cursor: pointer;
	text-decoration: underline;
	border:none;
	background-color: #f8fafd;
}

.conversion-buttoncx{
	display: inline-block;
	width: 160px;
	height: 55px;
	border-radius: 0.75rem;
	margin: 0px auto;
	background-color: #ffffff;
	cursor: pointer;
	position: relative;
	right: 4%;
	top: 29px;
	z-index: 8;
	box-shadow: 0px 5px 17px 1px rgba(104, 124, 161, 0.3);				
}
.conversion-buttoncx span{
	font-size: 18px;
	color: #549dc9;
	position: absolute;
	top: 13px;
	left: 28px;            
}
.conversion-buttoncx img{
	width: 30px;
	height: 30px;
	position: relative;
	top: 11px;
	left: 34px;            
}

.conversion-addfile{
	width: 82%;
	height: 70px;
	font-size: 18px;
	color: #549dc9;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	top: 1rem;
}
.conversion-addfile-span1{
	position: absolute;
	left: 4%;
	top: 15%;    
}
.conversion-addfile-div1{
	display: inline-block;
	position: absolute;
	left: 38%;
}
.conversion-addfile-div1 img{
	width: 37px;
	height: 32px;
	position: relative;
	top: 6px;
	margin-right: 6px;
}
.conversion-addfile-div2{
	display: inline-block;
	position: absolute;
	left: 42%;
	bottom: 43%;
}
.conversion-addfile-div2sc{
	display: inline-block;
	position: absolute;
	left: 42%;
	/* top: 0; */
	bottom: 43%;    
}
.conversion-addfile-div2sc-span{
	position: relative;
	top: 5px;
	left: 1px;
}

.conversion-addfile-div2-span{
	 position: relative;
	 left: 1px;
	 top: 10px;
}

.conversion-addfile-div2-img{
	width: 34px;
	height: 34px;
	position: relative;
	top: 7px;
	margin-right: 4px;
}
.conversion-addfile-div2-imgsc{
	width: 34px;
	height: 34px;
	position: relative;
	top: 2px;
	margin-right: 9px;       
}
.conversion-addfile-div2-div{
	display: inline-block;
	width: 200px;
	height: 16px;
	background-color: #FFFFFF;
	border: 1px solid #549dc9;
	position: relative;
}
.conversion-addfile-div2-progresssc{
	width: 41%;
	height: 12px;
	background-color: #549dc9;
	margin-top: 1.8px;        
}
.conversion-addfile-div2-progress{
	width: 0%;
	height: 12px;
	background-color: #549dc9;
	margin-top: 1.8px;    
}
.conversion-addfile-div2-div span{
	position: absolute;
	right: -52px;
	top: -4px;
	color: #549dc9;
}

.conversion-addfile-line{
	width: 100%;
	height: 1px;
	position: relative;
	top: 22px;
	background-color: #e2e2e2;
}
.conversion-addfile-delete{
	display: inline-block;
	position: relative;
	left: 36%;
	top: 12px;
}
.conversion-addfile-delete-imgz{
	width: 34px;
	height: 32px;
	position: absolute;
	top: -11px;
	right: 15px;    
	cursor: pointer;    
}
.conversion-addfile-delete-imgd{
	width: 27px;
	height: 27px;
	cursor: pointer;   
}
.conversion-addfile-delete-ts{
	position: relative;
	left: -5%;
}
.conversion-addfile-delete-ts img{
	width: 33px;
	height: 33px;
	position: relative;
	left: -5px;
}
.conversion-addfile-delete-ts span{
	color: #549dc9;
	font-size: 16px;
}
.conversion-buttonz{
	width: 14.25rem;
	height: 4.5rem;
	border-radius: 0.75rem;
	margin: 0 auto;
	background-color: #549dc9;
	cursor: pointer;
	position: absolute;
	left: 43.2%;
	top: 75%;
		
}
.conversion-buttonz{
	width: 14.25rem;
	height: 4.5rem;
	border-radius: 0.75rem;
	margin: 0 auto;
	background-color: #549dc9;
	cursor: pointer;
	position: absolute;
	left: 43.2%;
	top: 75%;
		
}
.conversion-buttonz-input{
	display: inline-block;
	width: 160px;
	height: 55px;
	border-radius: 0.75rem;
	margin: 0px auto;
	background-color: #549dc9;
	cursor: pointer;
	position: relative;
	left: 4%;
	top: 26px;
	z-index: 8;
	box-shadow: 0px 5px 17px 2px rgba(0, 0, 0, 0.3);                
}
.conversion-buttonz-input span{
	font-size: 18px;
	color: #FFFFFF;
	position: absolute;
	top: 13px;
	left: 28px;          
}
.conversion-buttonz-input img{
	width: 29px;
	height: 27px;
	position: relative;
	top: 12px;
	left: 43px;            
}


.conversion-buttonz-img{
	width: 2.4rem;
	height: 2.4rem;
	margin: 0 auto;
	cursor: pointer;
	position: relative;
	left: 3%;
	top: 81%; 
	pointer-events: none;    
}
.conversion-buttonx{
	display: inline-block;
	width: 160px;
	height: 55px;
	border-radius: 0.75rem;
	margin: 0px auto;
	background-color: #549dc9;
	cursor: pointer;
	position: relative;
	left: 4%;
	top: 26px;
	z-index: 8;
	box-shadow: 0px 5px 17px 2px rgba(0, 0, 0, 0.3);					
}
.conversion-buttonx span{
	font-size: 18px;
	color: #FFFFFF;
	position: absolute;
	top: 13px;
	left: 20px;            
}
.conversion-buttonx img{
	width: 26px;
	height: 26px;
	position: relative;
	top: 12px;
	left: 50px;        
}
.conversion-addfile-prompt{
	float: left;
	margin-top: 2.5625rem;
	margin-left: 11%;
	font-size: 1.25rem;
	color: #606069;
}
/* #conversion-btnConvert{
	height: 300px;

} */
#conversion-btnConvert1{
	height: 280px;
	overflow-y: auto;
}


.ykj-prompt{
	width: 29rem;
	height: 21.5rem;
	border-radius: 0.8125rem;
	box-shadow: 0.1px 0.1px 2px #888888;
	background-color: #fff;
	font-size: 20px;
	position: absolute;
	z-index: 99;
	top: 36%;
	left: 37.5%;
	display: none;    
}
.ykj-prompt-title{
   line-height: 44px;
   padding: 0px 18px;
   color: #FFFFFF;
   background-color: #549dc9;
   font-size: 1.35rem;
   border-radius: 0.8125rem 0.8125rem 0 0;    	
}
.ykj-prompt-img{
	width: 1.35rem;
	height: 1.35rem;
	float: right;
	margin-top: 13px;
	cursor: pointer;    
}
.ykj-prompt-content{
	background-color: #fff; 
	padding:12% 0px ; 
	text-align:center; 
	color: #3e3e3e;
	font-size: 1.35rem;
}
.ykj-prompt-determine{
	text-align: center; 
	background-color: #fff;
	border-radius:0 0 0.8125rem 0.8125rem;
	margin-left: 0%;
}
.ykj-prompt-determine-input{
	border: 1px solid#549dc9;
	color: #FFFFFF;
	background-color: #549dc9;
	width: 4.9375rem;
	height: 2.5375rem;
	cursor: pointer;
	border-radius: 7px;
	font-size: 1.35rem;
	line-height: 2.5rem;
}

.isIe{
	width: 31%;
	height: 400px;
	position: relative;
	left: 32%;
	   
}
.isIe img{
	width: 100%;
	height: 64%;
	margin-top: 4%;
}
.isIe div{
	margin-top: 5%;
	text-align: center;
	font-size: 1.6rem;
	color: #549dc9;
}

.title-zchz {
    padding: 2px;
    background-color: #549dc9;
    border-radius: 20px;
    cursor: pointer;
	position: relative;
	top: 6px;
}
	
.content {
	display: inline-block;
    width: 35px;
 }
.content > div {
	margin-left: 5px;
    width: 4px;
    height: 4px;
    background-color: #549dc9;
    border-radius: 50%;
    display: inline-block;
    animation: action 1.5s infinite ease-in-out;
    animation-fill-mode: both;
}
.content .point1 {
    animation-delay: -0.3s;
}
.content .point2 {
    animation-delay: -0.1s;
}
#content-sc{
	position: relative;
	top:7px;
}
#content-zh{
	position: relative;
	top:13px;
}
#content-xz{
	position: relative;
	top:11px;
}
             
@keyframes action {
      0%, 80%, 100% {
            transform: scale(0);
        }
        40% {
            transform: scale(1.0);
        }
    } 
				
	
.conversion-addfile-divxz{
	display: inline-block;
	position: absolute;
	left: 42%;
	bottom: 43%;
}
.conversion-addfile-div2xz-span{
	position: relative;
	top: 6px;
	left: 1px;
}