@charset "utf-8";
body,div,h1,h2,h3,h4,h5,a,img,b,strong,span,var,em,ol,ul,dt,dd,dl,li,p,table,tr,th,td,button,input,header,footer,nav,select,option{margin:0;padding:0;outline: 0;-webkit-touch-callout: none;-webkit-user-select:text;-moz-user-select:text;}
html{font-size: 16px;}
@font-face{
	font-family:'thin';
	src:url(../font/myriad-set-pro_extrathin.woff);
}
@font-face{
	font-family:'Bold';
	src:url(../font/myriad-set-pro_semibold.woff);
}
body{width:100%; overflow-x:hidden; word-break: break-word; font-family: 'thin','.PingFang SC',"Microsoft YaHei",微软雅黑,'Helvetica Neue',Helvetica,Verdana,Arial,sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
ul,ol,li{list-style:none;}
em,i{font-style:normal;}
fieldset,img{border:none;}
input,img{vertical-align:middle;}
span{display: inline-block;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
a {background: transparent;cursor:pointer;}
a:active,a:hover {outline: none;text-decoration:none;}
a:link,a:visited,ins {text-decoration: none;}
button,input,select,textarea {font-size: 100%;-webkit-appearance:none;}
.clear{clear:both;height:0px;overflow:hidden;}
.hidden{display: none;}
.container{padding: 0;}
.row{padding: 0;}

@media all and (max-width:1200px){
	html{font-size: 18px;}
	body{font-size: 18px;}
}
@media all and (max-width:395px){
	html{font-size: 16px;}
	body{font-size: 16px;}
}
@media all and (max-width:360px){
	html{font-size: 15px;}
	body{font-size: 15px;}
}
@media all and (max-width:330px){
	html{font-size: 14px;}
	body{font-size: 14px;}
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
}
.header .main{
	position: relative;
	background: #ffffff;
	height: 3.125rem;
}
.header .main-middle{
	position: relative;
	text-align: center;
	height: 3.125rem;
}
.header .logo{
	height: 1rem;
	position: relative;
	margin: 1.0625rem auto 0;
}
.header .icon{
	position: absolute;
	left: 0rem;
	top: 0rem;
	padding: 1.09375rem 1.25rem;
}
.header .icon img{
	height: 0.9375rem;
}
.headerList{
	display: none;
	width: 100%;
	line-height: 3.0625rem;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 3.125rem;
	z-index: 999;
}
.headerList .info{
	color: #333333;
	padding-left: 1.1875rem;
	border-bottom: 1px solid rgba(209,224,230,0.5);
}
.headerList .info2{
	background: #fafbfb;
	border-bottom: none;
}
.headerList .info3{
	background: #fafbfb;
	padding-top: 0.5625rem;
	padding-bottom: 0.5625rem;
	border-bottom: 1px solid rgba(209,224,230,0.5);
}
.headerList .info3 img{
	width: 4.125rem;
	margin-right: 1.875rem;
}
.contentAll{
	margin-top: 3.125rem;
}
.footer{
	padding-top: 0.3rem;
	background: #f2f4f6;
}
.footer .main{
	background: #ffffff;
}
.footer .part{
	position: relative;
	line-height: 2.5rem;
	background: #ffffff;
	color: #666666;
	font-size: 0.9375rem;
	padding-left: 1.25rem;
	border-bottom: 1px solid #f2f4f6;
}
.footer .info1 span{
	display: block;
}
.footer .info1 img{
	position: absolute;
	top: 1.0625rem;
	right: 1.375rem;
	width: 0.75rem;
}
.footer .infoList{
	position: relative;
	display: none;
	background: #fafbfb;

}
.footer .infoList .part{
	background: #fafbfb;
}
.footer .infoList .part span{
	color: #333333;
	padding-right: 5px;
}
.footer .part3{
	position: relative;
	font-size: 0.625rem;
	line-height: 1.25rem;
	color: #626262;
	background: #f2f4f6;
	padding: 0.75rem 1.25rem;
}
.footer .part3-info2 span{
	display: inline-block;
	margin: 0 1rem;
}
.footer .part3-p{
	height: 1.25rem;
}
.footer .version{
	z-index: 100;
	position: absolute;
	top: 0px;
	right: 0rem;
	display: inline-block;
	/*width: 80px;*/
	height: 20px;
	overflow: hidden;
	-webkit-transition: 1s 0s all ease;
	-o-transition: 1s 0s all ease;
	-moz-transition: 1s 0s all ease;
	transition: 1s 0s all ease;
}
.version-main{
	display:none;
	z-index: 999;
	position: absolute;
	top:-125px;
	right: 0;
	background: #fff;
	display: inline-block;
	width: 106px;
	/*height: 90px;*/
	padding: 10px 10px;
	-webkit-box-shadow:0 0 40px rgba(0,0,0,0.25); 
	-moz-box-shadow:0 0 40px rgba(0,0,0,0.25); 
	box-shadow:0 0 40px rgba(0,0,0,0.25);
	border-radius: 3px;
/*	overflow: hidden;*/
	-webkit-transition: 1s 0s all ease;
	-o-transition: 1s 0s all ease;
	-moz-transition: 1s 0s all ease;
	transition: 1s 0s all ease;
}
.version-main .version-li{
	display: block;
	height: 20px;
	/*padding-right: 10px;*/
	margin-bottom: 5px;
	color: #333;
}
.footer .version-main .version-li img{
	height: 14px;
	margin: 3px 0;
}
.footer .version-main .version-li span{
	line-height: 20px;
	margin: 0 0 0 10px;
	font-size: 0.625rem;
}
.footer .version .version-li{
	display: inline-block;
	height: 20px;
	padding-right: 10px;
}
.footer .version .version-li img{
	height: 14px;
	margin: 3px 0;
}
.footer .version .version-li span{
	line-height: 20px;
	margin: 0 0 0 10px;
	font-size: 0.625rem;
}
.footer .version-icon{
	position: absolute;
	right: -0.5rem;
	bottom: 0.5rem;
	width: 0.5rem;
}
.footer .version-upIcon{
	position: absolute;
	right: 0rem;
	bottom: 0.4rem;
	width: 0.5rem;
}
.footer .version-upIcon img{
	width: 100%;
}
.gotoTop{
	display: none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 900;
	width: 50px;
	height: 50px;
	background: url("https://cdn2.picooc.com/web/res/www/en/image/public/gotoTop1.png") no-repeat;
	background-size: 100% 100%;
}
.gotoTop:hover{
	cursor: pointer;
	background: url("https://cdn2.picooc.com/web/res/www/en/image/public/gotoTop2.png") no-repeat;
	background-size: 100% 100%;
}
/*错误提示弹框*/
.errorAlert{
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
	font-size: 1rem;
	padding: 0 25px;
	background: rgba(0,0,0,0.7);
	z-index: 999;
}
.error-main{
	display:block;
	position: absolute;
	top:50%;
	color: #6d747e;
	background: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 84%;
	left: 8%;
}
.error-main-t{
	padding: 30px 25px;
}
.error-main-t span{
	color:#cf9979; 
}
.error-main-btn{
	line-height: 2.8125rem;
	border-top: 1px solid rgba(0,0,0,0.1);
	text-align: center;
}
.error-main-btn1{
	color: #1daffa;
}

.saveImg-ceng{
	display: none;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}
.saveImg{
	position: absolute;
	bottom: 0;
	background-color: #e9e8ed;
	width:100%;
    text-align: center;
}
.saveImg-item{
	display: block;
	padding: 1rem 0;
	font-size:1.125rem;
	color: #666;
	/*font-weight: 700;*/
	background-color: #fbfaff;
}
.saveImg-item:first-of-type{
	margin-bottom: .375rem;
}

/*loading动画*/
.loading-load{
	display: block;
	position: absolute;
	top: 60px;
	left: 18%;
	font-size: 1.0625rem;
	width: 64%;
	color: #ffffff;
	text-align: center;
	padding: 1.875rem 0;
	margin-top: -2.5rem;
	/*background: #fff;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	z-index: 10;
}
.loading-point{
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #cf9979;
	opacity: 0.5;
	margin: 0 6px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}
.loading-point-active{
	background: #cf9979;
	opacity: 1;
}