/**
 * Swiper 3.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: December 13, 2016
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/*swiper*/
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ line-height: 100px; overflow:hidden; }
.swiper-pagination-bullet{ height: 12px; width: 50px; border-radius: 0; vertical-align: bottom; background: none; position: relative; }
.swiper-pagination-bullet:after{ content:  " "; background: #fff; display: block; position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; transform: scaleY(.5); -webkit-transform: scaleY(.5); transform-origin: bottom; -webkit-transform-origin: bottom; transition: all .4s ease; -webkit-transition: all .4s ease; }
.swiper-pagination-bullet.black:after{ background: #333; }
.swiper-button-next, .swiper-button-prev{ opacity: .1; transition: all .4s ease; -webkit-transition: all .4s ease; width: 200px; height: 100%; top: 0; }
.swiper-button-next{ background-position: 140px center; }
.swiper-button-prev{ background-position: 30px center; }
.swiper-button-next:hover, .swiper-button-prev:hover{ opacity: 1 }
.swiper-pagination{ position: absolute; bottom: 10px; width: 100%; left: 0; }
.swiper-pagination span{ margin: 0 10px; overflow:hidden; line-height: 200px; }
.swiper-pagination.on span{ background: #666; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 4%; }
@media (max-width: 414px){
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 3%; }
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ transition: all .4s ease; -webkit-transition: all .4s ease; }
.swiper-pagination-bullet:hover{ transform: scaleY(1); -webkit-transform: scaleY(1); }
.swiper-pagination-white .swiper-pagination-bullet{ background: no-repeat; }
.swiper-pagination-white .swiper-pagination-bullet-active{ transform: scaleY(1); -webkit-transform: scaleY(1); background: none; }
.swiper-pagination-white .swiper-pagination-bullet-active:after{ opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); }
.swiper-pagination-white .swiper-pagination-bullet:hover:after{  opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover{ opacity: 1;  }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{ background-repeat: no-repeat; }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{ background-repeat: no-repeat; }



.banner-con-new{
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
	color: #fff;
	width: 600px;
	margin-left: -600px;
}
.banner-con-title.yellow{
	color: #cfa972;
}
.banner-con-title.worldcup:after{
	content: " ";
	display: block;
	padding-top: 32%;
}
.banner-con-p span.small{
	font-size: 80%;
	display: inline-block;
	vertical-align: middle;
	margin-top: -7px;
}
.banner-prise-old{
	font-size: 60%;
	text-decoration: line-through;
	margin-left: 20px;
	opacity: .8;
}
.swiper-slide-black .banner-con-new{
	color: #fff;
}
.banner-con-title{
	font-weight: bold;
	margin-bottom: .6em;
	font-size: 100%;
}
.banner-con-p{
	font-size: 80%;
}
.banner-con-btn{
	margin-top: .7em;
}
.banner-btn-new{
	display: inline-block;
	min-width: 88px;
	box-sizing: border-box;
	height: 34px;
	line-height: 32px;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
}
.banner-btn-new.long{
	padding: 0 15px;
}
.banner-btn-new.white{
	color: #fff;
	background: #09090921;
}
.banner-btn-new.white:hover{
	background: rgba(255,255,255,.8);
}
.banner-btn-new.blue{
	color: #fff;
	background: #0096ff;
}
.banner-btn-new.blue:hover{
	color: #fff;
	background: #007acf;
}
.banner-btn-new.border-blue{
	color: #0096ff;
	border: 1px solid #0096ff;
}
.banner-btn-new.border-blue:hover{
	color: #fff;
	background: #007acf;
	border: 1px solid #007acf;
}
.banner-btn-new.yellow{
	color: #fff;
	background: #cfa972;
}
.banner-btn-new.yellow:hover{
	color: #fff;
	background: #b28850;
}
.banner-btn-new.black{
	color: #fff;
	background: #09090921;
}
.banner-btn-new.black:hover{
	color: #fff;
	background: #333;
}
.banner-con-remind{
	color:#73d0fe;
	font-size:12px;
	margin-top: 5px;
	line-height: 20px;
}
.banner-con-remind span{
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
}
@media (max-width: 5800px){
	.banner-con-new{
		width: 740px;
		margin-left: -740px;
		font-size: 48px;
	}
	.swiper-slide-20180920 .banner-con-new{
		margin-left: -900px;
	}
}
@media (max-width: 2048px){
	.banner-con-new{
		font-size: 36px;
		width: 600px;
		margin-left: -600px;
	}
	.swiper-slide-20180920 .banner-con-new{
		margin-left: -800px;
	}
}
@media (max-width: 2047px){
	.banner-con-new{
		font-size: 36px;
	}
	.swiper-slide-20180920 .banner-con-new{
		margin-left: -700px;
	}
}
@media (max-width: 1440px){
	.banner-con-new{
		font-size: 30px;
	}
	.banner-con-title.worldcup{
		width: 320px;
	}
}
@media (max-width: 1280px){
	.banner-con-new{
		font-size: 30px;
	}
	.swiper-slide-20180920 .banner-con-new{
		margin-left: -650px;
	}
}
@media (max-width: 1024px){
	.banner-con-new{
		width: 50%;
		margin-left: -50%;
		font-size: 24px;
	}
	.swiper-slide-20180920 .banner-con-new{
		margin-left: auto;
	}
}
@media (max-width: 768px){
	.banner-con-new{
		left: 0;
		width: 100%;
		top: 10%;
		margin-left: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		font-size: 30px;
	}
	.banner-con-new.hk{
		top: 15%;
	}
	.banner-btn-new{
		display: none;
	}
	.banner-prise-old{
		font-size: 100%;
	}
}
@media (max-width:520px){
	.banner-con-new{
		font-size: 24px;
	}
	.banner-con-title.worldcup{
		width: 200px;
	}
}
@media (max-width:414px){
	.banner-con-new{
		font-size: 18px;
	}
}
@media (max-width:375px){
}
@media (max-width:360px){
}
@media (max-width:320px){
	.banner-con-title.worldcup{
		width: 180px;
	}
}


	.swiper-slide-666{
		background: url(/baner/qiyedingzhijiu.jpg) no-repeat top center; background-size:cover;
	}
	.swiper-slide-888{
		background: url(/baner/sirendingzhijiu.jpg) no-repeat top center; background-size:cover;
	}
/*reset*/
html{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
*{ margin: 0; padding: 0; }
body{ font-family: "PINGFANG SC","Microsoft Yahei",sans-serif; font-size: 14px; line-height: 1.4; color: #333; -webkit-font-smoothing: antialiased; }
ul,ol{ list-style-type: none; }
a{ text-decoration: none; transition: all .2s ease; -webkit-transition: all .2s ease;}
a:hover {text-decoration:none;}
img{ display: block; border: none; }
table{ width: 100%; border-collapse:collapse; border-spacing:0; }
input{ outline: none; }
h1, h2, h3, h4, h5, h6{ font-weight: ; }
video{ display:block;}

.clear:after,.container:after,.cj-list:after,.menu:after,.fs-list:after,.goodness:after,.article-about:after,.pro-repair:after,.pro-list:after,.explain:after,.footer-menu:after,.pro-info-in:after,.question:after,.process:after,.contact-box:after,.head-pro-list a:after,.article-tab ul:after{ content: " "; clear: both; display: block; }
.container.position-static{ position: static; }
.container{ width: 1200px; margin: 0 auto; position: relative; }
.document{ min-width:1200px; position: relative; background: #fff; }
.document-absolute{ width: 100%; position: absolute; z-index: 10; background: none; }
.document-en{ z-index: 2 }
.toggle-pc{ display: block; }
.logined span.toggle-pc{ display: inline-block; }
.toggle-phone{ display: none; }
.logined span.toggle-phone{ display: none; }
@media (max-width: 767px){
	.toggle-pc{ display: none; }
	.logined span.toggle-pc{ display: none; }
	.toggle-phone{ display: block; }
	.logined span.toggle-phone{ display: inline-block; }
}

/*head*/
.header{ height: 46px; position: relative; z-index: 2; background: rgba(26,26,26,.9); transition: all .2s ease; -webkit-transition: all .2s ease; }
.header:hover{ z-index: 11; }
.document-absolute .header{ background: none; }
.document-hover .header,.document-hover .user-more{ background: rgba(0,0,0,.8); }
.menu-more{ position: absolute; left: 15px; top: 14px; width: 25px; height: 19px; display: none; }
.menu-more:before{ content: " "; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 1px; background: #fff; transform-origin: left center; -webkit-transform-origin: left center; transition: all .2s linear; -webkit-transition: all .2s linear; }
.menu-more:after{ content: " "; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 1px; background: #fff; transform-origin: left center; -webkit-transform-origin: left center; transition: all .2s linear; -webkit-transition: all .2s linear; }
.menu-more-line{ opacity: 1; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; height: 1px; background: #fff; transition: all .2s linear; -webkit-transition: all .2s linear; }

.menu-more.menu-more-off:before{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.menu-more.menu-more-off:after{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.menu-more.menu-more-off .menu-more-line{
	opacity: 0;
}

/*.logo{ width: 54px; height: 36px; float: left; position: relative; left: 0; top: 5px; margin-top: 0; background: url(/images/onecloud/logo.png) center no-repeat; background-size: auto 80%; }*/
.logo.icon{ color: #fff; font-size: 28px; width: 46px; height: 46px; float: left; background: none; line-height: 46px; text-indent: 0; margin-top: auto; font-weight: normal; position: relative; }
.logo a {display:block; height: 100%; width: 100%; position: absolute; left: 0; top: 0;}
.logo:hover:before{ color: #999; }
.document.black .logo:before{ color: #333; }
.document-hover.black .logo:before{ color: #fff; }
.document-hover.black .logo:hover:before{ color: #999; }
.menu{ float: right; }
.menu > li{ float: left; height: 46px; margin-left:10px; font-size: 14px; }
.menu > li > a{display:inline-block; color: #fff; font-size: 14px; line-height: 46px; padding: 0 30px; }
.menu > li > a:hover,.menu > li.on > a{ color: #999; }
.menu > li > a.import{ color: #ee402b; }
.document.black .menu > li > a{ color: #333; }
.document.black .menu > li > a:hover,.document.black .menu > li.on > a{ color: #0096FF; }
.document.document-hover .menu > li > a{ color: #fff; }
.document.document-hover .menu > li > a:hover,.document.black .menu > li.on > a{ color: #999; }
.user{ float: right; margin-left: 10px; position: relative; }
.logined{ padding: 10px 0 11px 0; margin: 0 5px; font-size: 14px; float: left; white-space:nowrap;}
.logined-link{ color: #fff;}
.logined-link:hover{ color: #999; }
.logined-person{ float: right; height: 46px; line-height: 46px; font-size: 12px; margin-left: 20px; }
.person-username{ color: #fff; }
.person-username:hover{ color: #999; }
.person-line{ color: #fff; margin-left: 10px; }
/*.user-icon{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/images/onecloud/icon-user.png) center no-repeat; background-size: 100% auto; }*/
.user-icon{ display: inline-block; vertical-align: middle; color: #fff; }
.user-icon.icon{ font-size: 24px; line-height: 1; }
.icon-me{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(/images/onecloud/icon-me.png) center no-repeat; background-size: cover; }

@media(max-width: 767px){
	.icon-me{ width: 24px; height: 24px; }
	.user-icon.icon{ font-size: 14px; position: relative; padding-left: 26px; }
	.user-icon.icon.icon-yonghu:before{ font-size: 24px; position: absolute; left: 0; top: 50%; margin-top: -13px; }
	.logined{
		padding: 11px 0;
	}
}
.document.black .user-icon.icon{ color: #333; }
.document.document-hover .user-icon.icon{ color: #fff; }
.logined span{ font-size: 12px; color: #fff; height: 24px; line-height: 24px; vertical-align: middle; display: inline-block; max-width: 100px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/*.icon-arrow{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/images/onecloud/arrow.png) no-repeat center; }*/
.icon-arrow.icon{ font-size: 12px; color: #fff; display: inline-block; vertical-align: middle; margin-left: 5px; }
.document.black .icon-arrow.icon{ color: #333; }
.document.document-hover .icon-arrow.icon{ color: #fff; }
.user-more{ opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin:top; -webkit-transform-origin:top; position: absolute; top: 46px; right: 0; width: 120px; background: rgba(0,0,0,.8); transition:all .2s linear; -webkit-transition:all .2s linear;  }
.document-absolute .user-more{ background: rgba(0,0,0,.8); }
.user-more.menu-on{ opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
.user-link{ padding: 0 10px; text-align: center; opacity: 0; transition: all .2s .2s linear; -webkit-transition: all .2s .2s linear; }
.user-link a{ color: #fff; }
.user-link a:hover{ color: #999; }
.user-more.menu-on .user-link{ opacity: 1; }
.user-link a{ display: block; padding: 10px 0; border-bottom: 1px solid #444; color: #fff; font-size: 14px; }
.user-link a:hover{ color: #999; text-decoration:none; }
.user-link a.disabled {color:#666;}
.user-link a.disabled:hover {color:#666; text-decoration:none; cursor:default;}
.user-link:last-child a{ border: none; }

.head-pro-box{ position: absolute; background: rgba(0,0,0,.8); z-index: 10; height: 0; overflow:hidden; left: 0; right: 0; top: 46px; transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: top; -webkit-transform-origin: top; transition: all .2s ease; -webkit-transition: all .2s ease; }
.menu li:hover .head-pro-box{ display: block; opacity: 1; height: auto; transform: scaleY(1); -webkit-transform: scaleY(1); }

.back-to-top{ position:fixed; _position:absolute; right:2%; bottom:10%; width:50px; height:50px; background:url(../../images/onecloud/backtotop.png) no-repeat; filter:alpha(opacity=40); opacity:.4; text-indent:-300%; overflow:hidden; display:none; z-index:100;}
.back-to-top:hover{ filter:alpha(opacity=80); opacity:.8;}


.head-pro-list{ width: 25%; float: left; opacity: 0; transition: all .2s 0s ease; -webkit-transition: all .2s 0s ease; padding: 30px 0; }
/*@media (max-width: 768px){
	.head-pro-list:last-child{ display: none; }
}*/
.menu > li:hover .head-pro-box .head-pro-list{ opacity: 1; transition-delay: .2s; -webkit-transition-delay: .2s; }
.head-pro-list a{ display: block; width: 160px; margin: 0 auto; text-align: center; }
.head-pro-title{ font-size: 16px; color: #fff; margin-bottom: 5px; line-height: 1.4; }
.head-pro-list p{ color: #999999; line-height: 1.4; font-size: 14px; }
.head-pro-list p.red{ color: #e20000 }
.head-pro-list p.white{ color: #fff }
.icon-pro1,.icon-pro2,.icon-pro3,.icon-pro4{ display: inline-block; width: 160px; height: 100px; margin-bottom: 10px; transition: all .2s ease; -webkit-transition: all .2s ease; }

.head-pro-list a:hover .icon-pro1,.head-pro-list a:hover .icon-pro2,.head-pro-list a:hover .icon-pro3,.head-pro-list a:hover .icon-pro4{ background-position:0 -100px ; }
@media (max-width: 1280px){
	.head-pro-list a{ width: 128px; }
	.icon-pro1,.icon-pro2,.icon-pro3,.icon-pro4{ width: 128px; height: 80px; }
	.head-pro-title{ font-size: 14px; }
	.head-pro-list a:hover .icon-pro1,.head-pro-list a:hover .icon-pro2,.head-pro-list a:hover .icon-pro3,.head-pro-list a:hover .icon-pro4{ background-position:0 -80px ; }
}

/*head-end*/

.explain{ width: auto; max-width: 1200px; margin: 0 auto; margin-top: 40px; border-bottom: 1px solid #eee; }
.explain-list{ text-align: center; width: 33.3333%; float: left; padding: 30px 0; position: relative; }
.explain-list span{ display: inline-block; vertical-align: middle; font-size: 18px; color: #666; margin-left: 7px; }
.explain-list i.icon{ font-size: 30px; line-height: 1; color: #888; display: inline-block; vertical-align: middle; margin-top: -3px; }
.icon-7{ display: inline-block; vertical-align: middle; width: 34px; height: 34px; background: url(/images/onecloud/icon-7.png) center no-repeat; background-size: 100% auto; }
.icon-15{ display: inline-block; vertical-align: middle; width: 34px; height: 34px; background: url(/images/onecloud/icon-15.png) center no-repeat; background-size: 100% auto; }
.icon-365{ display: inline-block; vertical-align: middle; width: 34px; height: 34px; background: url(/images/onecloud/icon-365.png) center no-repeat; background-size: 100% auto; }
.explain-list .line{ height: 30px; width: 1px; background: #dddddd; position: absolute; right: 0; top: 50%; margin-top: -15px; }
@media (max-width: 1280px){
	.explain{ width: 1000px; }
}
@media (max-width: 1024px){
	.explain{ width: 768px; }
}

.common-footer-bg{ background: #fff; line-height: 1.4; color: #333; position: relative; z-index: 1; }
.common-footer-bg:hover{ z-index: 3; }
.footer-box{ background: #fff; position: relative; line-height: 1.6; }
.footer{ padding: 100px 0 50px 0; position: relative; z-index: 2; color: #333; width: auto; max-width: 1200px; margin: 0 auto; border-bottom: 1px solid #ddd; }
.footer-menu-list{ float: left; width: 200px; line-height: 1.6; }
.footer-menu-list dt{ font-size: 12px; color: #333; margin-bottom: 14px; font-weight: bold; position: relative; font-weight: normal; }
.footer-menu-list dd{ font-size: 14px; }
.footer-menu-list dt i{ font-style: normal; width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -10px; transition: all .2s ease; -webkit-transition: all .2s ease; display: none; }
.footer-menu-list.on dt i{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.footer-menu-list dd{ margin-bottom: 6px; display: block; }
.footer-menu-list dd:last-child{ margin-bottom: 0; }
.footer-menu-list dd a{ color: #999; font-size: 12px; position: relative; }
.footer-menu-list dd a:hover{ color: #0096ff }
.footer-ewm{ z-index: 3; width: 140px; height: 140px; position: absolute; left: 90px; top: -60px; display: none; }
.footer-menu-list dd a:hover .footer-ewm{ display: block;}
.oneCloudEWM{ position: absolute; right: 0; top: 0px; text-align: center; font-size: 12px; color: #999; line-height: 1.6; }
.icon-oneCloudEWM{ display: inline-block; width: 100px; height: 100px; margin-bottom: 5px; }
@media (max-width: 1280px){
	.footer{ width: auto; padding-top: 50px; }
	.footer-menu-list{ width: 160px; }
}
@media (max-width: 1024px){
	.footer-menu-list{ width: 120px; }
}
@media (max-width: 768px){
	.contact:after{ content: " "; display: block; clear: both; }
	.oneCloudEWM{ display: none; }
	.footer{ padding: 20px 16px 35px 16px; border: none; }
	.footer:after{
		content: " ";
		display: block;
		position: absolute;
		bottom: 0;
		left: 16px;
		right: 16px;
		height: 1px;
		background: #e8e8e8;
		transform: scaleY(.5);
		-webkit-transform: scaleY(.5);
	}
}

.contact{ position: absolute; width: 110px; height: 120px; right: 0; top: 100px; text-align: right; }
.contact-tel{ font-size: 30px; font-weight: normal; position: absolute; right: 0; width: 300px; top: 0px; line-height: 1.6; }
.contact-tel.contact-tel-gloable{ right: 0; }
.contact-tel small{ display: block; font-size: 16px; color: #666; margin-bottom: 14px; }
.contact-tel span{ display: block; line-height: 1; margin-bottom: 10px; font-size: 30px; font-family: PingFangSC-Medium; }
.contact-tel-qq{ display: block; float: right; color: #fff; height: 40px; line-height: 40px; border-radius: 40px; background: #0096FF; width: 140px; text-align: center; font-size: 14px; }
.contact-tel-qq:hover{ opacity: .9; }
.icon-contact-footer{ display: inline-block; vertical-align: middle; transition: all .2s ease; -webkit-transition: all .2s ease; width: 20px; height: 20px; background: url(/images/onecloud/icon-kf.png) no-repeat center; background-size: cover; margin-top: -3px; margin-right: -3px;}
.contact-service-offline .contact-tel-qq{ color:#666; background: linear-gradient(#fcfcfc,#f5f5f5); border-color:#dcdcdc;}
.contact-service-offline .icon-contact-footer{ color: #0096ff; background: url(/images/onecloud/icon-headset.png) no-repeat center; background-size: cover; }
.contact-service{ position:relative; display:inline-block; vertical-align:top;}
.contact-service:after{ display:table; clear:both; content:"";}
.contact-service-tip{ position:absolute; right:0; top:-40px; padding:10px 20px; height:0; font-size:12px; white-space:nowrap; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,.2); border:1px solid #dcdcdc; border-radius:4px; opacity:0;}
.contact-service-tip:before,.contact-service-tip:after{ position:absolute; right:40px; bottom:-19px; width:0; height:0; content:""; line-height:0; border-width:10px; border-style:solid dashed dashed;}
.contact-service-tip:before{ border-color:#dcdcdc transparent transparent;}
.contact-service-tip:after{ bottom:-18px; border-color:#fff transparent transparent;}
.contact-service-offline:hover .contact-service-tip{ height:auto; opacity:1; top:-50px; -webkit-transition:top .3s,opacity .3s; transition:top .3s,opacity .3s;}
@media (max-width: 1280px){
	.contact{ top: 50px; }
}
@media (max-width: 768px){
	.contact{ position: relative; width: 100%; height: auto; top: auto; padding: 0; box-sizing: border-box; text-align: left; }
	.contact-tel{ position: relative; width: auto; left: 0; right: 0; font-size: 24px; top: 15px; }
	.contact-tel span{ font-size: 20px; }
	.contact-tel small{ font-size: 12px; }
	.contact-service{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
}
.dial-tel1,.dial-tel2{ display: inline-block; vertical-align: middle; font-size: 14px; margin-left: 5px; padding: 2px 5px; border-radius: 3px; }
.dial-tel1{ border: 1px solid #efefef; background: #fff; color: #666; }
.dial-tel1:hover{ background: #efefef; }
.dial-tel2{ border: 1px solid #ff0000; background: #ff0000; color: #fff; }
.dial-tel2:hover{ background: #b5090f; border-color: #b5090f }
.copyright{ padding: 20px 0 100px 0; width: auto; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.copyright:hover{ z-index: 3; }
.copyright p, .copyright p a{ font-size: 12px; color: #999; }
.copyright p{ position: relative; z-index: 7; }
.copyright p b{ display: inline-block; font-weight: normal; }
.copyright p a{ color: #999; padding: 0 11px 0 10px; display: inline-block; vertical-align: middle; position: relative; }
.copyright p b a img{
	width: 18px; height: 25px;
	display: inline-block;
}
.copyright p b a:first-child{ margin-left: 10px; }
.copyright p a:hover{ color: #0096ff; }
.copyright p a:after{ content: " "; display: block; width: 1px; height: 11px; position: absolute; left: 0; top: 50%; margin-top: -5px; background: #ccc; }
.br-mobile{ display: inline; }
@media (max-width: 768px){
	.br-mobile{ display: block; }
	.copyright{ padding-bottom: 50px; padding: 16px 16px 60px 16px; }
	.copyright p b{ margin-top: 5px; }
	.copyright p b a:first-child{ margin-left: 0; padding-left: 0; }
	.copyright p b a:first-child:after{ display: none; }
}
@media (max-width: 414px){
	.footer-br{ display: block; }
	.copyright p{ text-align: left; }
}
.share{ position: absolute; right: 0; top: 10px; }
.icon-wx{ display: inline-block; width: 23px; height: 23px; background: url(/images/onecloud/link.png) no-repeat 0 0; margin-left: 8px; }
.icon-wb{ display: inline-block; width: 23px; height: 23px; background: url(/images/onecloud/link.png) no-repeat -34px 0; margin-left: 8px; }

.page-404{ text-align: center; }
.page-404 img{ max-width: 100%; display: inline-block; }
.page-404 p{ font-size: 24px; }

.page-pop{ position: fixed; z-index: 10000; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); }
.page-download{ position: absolute; width: 900px; background: #fff; left: 50%; margin-left: -450px; top: 100px; padding: 100px 0; }
.down-list{ text-align: center; width: 750px; margin: 0 auto; }
.down-list li{  width: 32%; display: inline-block; text-align: center; }
.down-list li a{ width: 96px; height:96px; display: block; margin: 0 auto; background:url(/images/onecloud/download-ie.png) no-repeat 0 0; }
.down-list li a.browser-chrome {background-image: url(/images/onecloud/download-chrome.png)}
.down-list li a.browser-ff {background-image: url(/images/onecloud/download-ff.png)}
.down-list li a img{ display: inline-block; }
.page-pop .title-box{ text-align: center; margin-bottom: 100px; }
.page-pop .title-box h1{ font-size: 48px; margin-bottom: 10px; }
.page-pop .title-box p{ font-size: 16px; color: #666; width: 700px; margin: 0 auto }

.new-pages{ margin-top: 50px; }
.new-pages-list{ text-align: center; }
.new-pages-list li{ display: inline-block; margin-left: 5px; }
.new-pages-list li a{ display: block; padding: 5px 12px; border: 1px solid #ccc; }
.new-pages-list li:hover a{ background: #ccc; }
.new-pages-list li.on a{ color: #fff; background: #3366cc; border-color: #3366cc }
.new-pages-list li span{ font-size: 20px; }

.select-pop{ position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); }
.select-region{ position: absolute; left: 50%; top: 50%; width: 560px; background: #fff; }
.select-header{ position: relative; height: 26px; line-height: 26px; padding: 14px 20px; background: #f5f5f5; font-size: 18px; }
.select-close{ position: absolute; right: 20px; top: 50%; opacity: .6; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; width: 40px; height: 40px; cursor: pointer; background: url(/images/onecloud/select-close.png) center no-repeat; background-size: cover; }
.select-close:hover{ opacity: 1; }
.select-content{ padding: 40px 60px; }
.select-content h1{ text-align: center; font-weight: bold; font-size: 32px; }
.select-choose{ margin-top: 30px; }
.select-list{ width: 132px; height: 40px; float: left; background: #eee; text-align: center; line-height: 40px; margin: 0 20px 20px 0; }
.select-list a{ display: block; color: #666; }
.select-list a:hover, .select-list a.on{ color: #fff; background: #0096ff; }
.select-pop{ opacity: 0; }
.select-pop.show{ animation: selectShow .6s both; -webkit-animation: selectShow .6s both; }
.select-region{ opacity: 0; transform: translate(-50%,-60%); -webkit-transform: translate(-50%,-60%); }
.select-pop.show .select-region{ animation: selectShow2 .4s .4s both; -webkit-animation: selectShow2 .4s .4s both; }
@keyframes selectShow{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
@-webkit-keyframes selectShow{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

@keyframes selectShow2{
	0%{ opacity: 0; transform: translate(-50%,-70%); }
	100%{ opacity: 1; transform: translate(-50%,-50%); }
}
@-webkit-keyframes selectShow2{
	0%{ opacity: 0; -webkit-transform: translate(-50%,-70%); }
	100%{ opacity: 1; -webkit-transform: translate(-50%,-50%); }
}

@media (max-width: 640px){
	.select-region{ width: 90%; }
	.select-header{ font-size: 14px; height: 24px; line-height: 24px; }
	.select-close{ width: 32px; height: 32px; right: 15px; }
	.select-content{ padding: 20px; }
	.select-content h1{ font-size: 18px; }
}

.flag-tab{ position: absolute; z-index: 10; right: 0; bottom: 80px; width: 126px; border-radius: 8px; transition: all .2s linear; -webkit-transition: all .2s linear; box-shadow: 0 2px 4px rgba(0,0,0,0); }
.flag-tab:hover{ box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.flag-list{ display: none; position: relative; line-height: 32px; font-size: 12px; transition: all .2s linear; -webkit-transition: all .2s linear; }
.flag-tab:hover .flag-list{ display: block; }
.flag-list:last-child{ border-radius: 0 0 8px 8px; }
.flag-list:first-child{ border-radius: 8px 8px 0 0; }
.flag-list.on{ display: block; background: none; }
.flag-tab:hover .flag-list{ background: #fff; }
.flag-tab:hover .flag-list.on,.flag-tab .flag-list:hover{ background: #f5f5f5; }
.flag-list > a{ display: block; height: 100%; color: #666; height: 32px; padding: 10px 20px 10px 44px; box-sizing: initial; }
.icon-flag{ position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; width: 21px; height: 21px; border-radius: 50%; }
.icon-flag-arrow{ display: block; opacity: 0; position: absolute; right: 5px; top: 50%; margin-top: -3px; width: 8px; height: 8px; background: url(/images/onecloud/flag-arrow.png) center no-repeat; background-size: cover; }
.flag-list.on .icon-flag-arrow{ opacity: 1; }

@media (max-width: 768px){
	.flag-tab{ bottom: 0; right: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 8; }
}

.language-pop{ position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.4); z-index:1001;}
.language-wp{ position:absolute; left:50%; top:50%; margin:-160px 0 0 -375px; width:750px; background-color:#fff;}
.language-tit{ height:70px; line-height:70px; font-weight:normal; font-size:16px; text-indent:20px; color:#666; background-color:#f3f4f5;}
.language-listbox{ padding:30px;}
.language-list{ margin:0 auto; width:90%; font-size:14px;}
.language-list:after{ display:table; content:""; clear:both;}
.language-list li{ float:left; padding:5px 0; width:33%;}
.language-list img{ display:inline-block; vertical-align:middle; margin-right:10px; width:36px;}
.language-list a{ display:block; padding:15px 0 15px 20px; height:36px; color:#666;}
.language-list a:hover{ background-color:#f3f4f5;}
.language-close{ position:absolute; right:0; top:0; width:70px; height:70px; background:url(/images/onecloud/national/close.png) no-repeat; background-size: cover; text-indent:-500%; overflow:hidden; -webkit-transition:none;}
.language-close:hover{ background-position:0 -70px;}
@media (max-width: 768px){
	.language-wp{ width: 90%; margin: 0; transform: translate(-50%,-60%); -webkit-transform: translate(-50%,-60%); }
	.language-tit{ height: 50px; line-height: 50px; font-size: 14px; }
	.language-close{ height: 50px; width: 50px; }
	.language-listbox{ padding: 10px; }
	.language-list img{ width: 20px; margin-top: -3px; }
	.language-list a{ height: auto; font-size: 12px; padding-left: 10px; }
}
@media (max-width: 320px){
	.language-list{ width: auto; }
}

.header-shopping{
	float: right;
	position: relative;
	margin-left: 10px;
}
.header-link-shopping{
	display: block;
	color:#fff;
	height: 20px;
	padding: 12px 0 14px 0;
	box-sizing: content-box;
	font-size:12px;
	width:120px;
	text-align:center;
	background: #3A3A3A;
	transition: inherit;
	-webkit-transition: inherit;
}
.header-shopping:hover .header-link-shopping{
	background: #fff;
	color: #0096FF;
}
.header-shopping:hover .icon-shopping{
	background: url(/images/onecloud/icon-cart-hover.png) no-repeat center; background-size: cover;
}
.header-shopping-in,.header-shopping-num{
	display: inline-block;
	vertical-align: middle;
}
.header-shopping-in{
	margin: 0 3px;
}
.header-shopping-num{
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #0096FF;
	border-radius: 10px;
	font-size: 12px;
	padding: 0 7px;
	font-style: normal;
}
.header-shopping-ul{
	display: none;
	position: absolute;
	background: #fff;
	width: 310px;
	top:46px;
	right:0;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
}
@media(max-width: 767px){
	.header-shopping-ul{
		right: -8px;
	}
}
.header-shopping:hover .header-shopping-ul{
	display: block;
}
.header-shopping-empty{
	padding: 30px 10px;
	text-align: center;
}
.header-shopping-list{
	padding: 20px 0 10px 0;
}
.header-shopping-remind{
	text-align: center;
	margin-bottom: 10px;
	padding: 20px 0;
}
.header-shopping-table{
	display: table;
	width: 100%;
	font-size: 12px;
}
.header-shopping-row{
	display: table-row;
}
.header-shopping-cell{
	display: table-cell;
	vertical-align: top;
	padding: 10px;
	text-align: left;
}
.header-shopping-cell:last-child{
	text-align: right;
}
.header-shopping-cell:first-child{
	width: 60px;
}
.header-shopping-cell.nopad{
	padding-top: 0;
}
.header-shopping-cell a{
	color: #333;
}
.header-shopping-cell a:hover{
	color: #0096FF;
}
.header-shopping-product{
	width: 60px;
}
.icon-shopping-del{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(/images/onecloud/select-close.png) no-repeat center; background-size: cover;
	cursor: pointer;
	opacity: 0;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.ver-middle{
	display: inline-block;
	vertical-align: middle;
}
.header-shopping-row:hover .icon-shopping-del{
	opacity: 1;
}
.header-shopping-result{
	position: relative;
	background: #F6F6F6;
	padding: 20px 15px;
}
.header-shopping-info{
	font-size: 12px;
}
.header-shopping-info-num{
	color: #0096FF;
	margin-top: 2px;
}
.header-shopping-info-num b{
	font-size: 24px;
	font-weight: normal;
	margin-left: 5px;
}
.btn-shopping{
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -20px;
	display: inline-block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: #0096FF;
	border-radius: 3px;
}
.btn-shopping:hover{
	opacity: .9;
	color: #fff;
}


@media(max-width: 767px){
	.header-shopping{
		margin-left: 10px;
	}
	.header-link-shopping{
		width: auto;
		background: none;
		padding-right: 10px;
	}
	.header-shopping:hover .header-shopping-ul{
		display: none;
	}
	.header-shopping:hover .header-link-shopping{
		background: none;
		color: #fff;
	}
	.header-shopping:hover .icon-shopping{
		background: url(/images/onecloud/icon-cart.png) no-repeat center; background-size: cover;
	}
	.header-shopping-in{
		display: none;
	}
	.header-shopping-num{
		position: absolute;
		height: 14px;
		min-width: 14px;
		text-align: center;
		box-sizing: border-box;
		line-height: 15px;
		padding: 0 4px;
		font-size: 10px;
		right: 3px;
		top: 8px;
	}
	.user-icon.on{
		background: url(/images/onecloud/icon-me-hover.png) no-repeat center; background-size: cover;
	}
}


/*iconfont*/


@font-face {font-family: "iconfont";
  src:url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('../../font/oneCloud/iconfont.ttf?t=1505371210847') format('truetype'),
  url('../../font/oneCloud/iconfont.svg?t=1505371210847#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tianwuliyou:before { content: "\e602"; }

.icon-tianbaotuihuan:before { content: "\e603"; }

.icon-yinianbaoxiu:before { content: "\e605"; }

.icon-yonghu:before { content: "\e606"; }

.icon-down-arrow:before { content: "\e607"; }

.icon-zhuanqianbaologo:before { content: "\e608"; }

.icon-shopping{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(/images/onecloud/icon-cart.png) no-repeat center; background-size: cover;
}
@media(max-width: 767px){
	.icon-shopping{
		width: 24px;
		height: 24px;
	}
}


/*.head-pro-box .container{ width: 700px; }
.head-pro-list{ width: 50%; }*/

/*
	iphone5 = 320
	iphone6 = 375
	iphone6p = 414
	phone<767
	ipad/ipad mini = 768
	ipad Pro = 1024
	calc(100vh - 48px)
*/


@media (max-width: 1280px) { 
	.document{ width: auto; min-width: auto; }
	.document-absolute{ width: 100%; }
	.container{ width: 96%; }
	.menu > li{ margin-left: 10px; }
	.menu > li > a{ padding: 0 18px; }
}


@media (max-width: 768px) {   /*phone*/
	.logo:before,.menu-more,.user-icon,.icon-arrow{ transition: all .2s .4s linear; -webkit-transition: all .2s .4s linear; }
	.document.menu-on .logo:before,.document.menu-on .menu-more,.document.menu-on .user-icon,.icon-arrow{ transition: all .2s linear; -webkit-transition: all .2s linear; }
	.document{ min-width: 0; transition: .1s .3s all linear; -webkit-transition: .2s .3s all linear; }
	.document-absolute{ width: 100%; }
	.document.menu-on{ background: rgba(0,0,0,.8); transition: .1s all linear; -webkit-transition: .1s all linear; }
	.head-pro-box .container{ width: auto; }
	.explain{ width: 100%; margin-top: 0px; }
	.explain-list span{ font-size: 14px; display: block; margin-top: 10px; }
	.menu-more{ display: block; background-size: 60%; }
	.document.black .menu-more{ background: url(/images/onecloud/menu-more-black.png) no-repeat center; background-size: 60%; }
	.logo{ background-size: 80% auto; float: none; position: absolute; }
	.document.black .logo:before{ color: #333; }
	.document.menu-on .logo:before{ color: #fff; }
	.menu{ position: absolute; z-index: 99; top: 46px; overflow: auto; background: rgba(0,0,0,.8); left: 0; right: 0; padding: 20px 0; border-top: 1px solid #444;
	transform: scaleY(0) translateZ(0); transform-origin: top; -webkit-transform: scaleY(0) translateZ(0); -webkit-transform-origin: top; transition: all .4s linear; -webkit-transition: all .4s linear; }
	.menu.menu-on{ display:block; transform: scaleY(1) translateZ(0); transform-origin: top; -webkit-transform: scaleY(1) translateZ(0); -webkit-transform-origin: top; }
	.menu > li{ position: relative; float: none; margin: 0 35px; height: auto; opacity: 0; transition: all .2s 0s ease; -webkit-transition: all .2s 0s ease; }
	.menu > li:after{
		content: " ";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 1px;
		background: #444;
		transform: scaleY(.5);
		-webkit-transform: scaleY(.5);
	}
	.menu > li > a{ display: block; line-height: 1; padding: 25px 0; }
	.menu > li:last-child:after{ display: none; }
	.document.black .menu > li > a{ color: #fff; }
	.document.black .menu > li > a:hover,.document.black .menu > li.on > a{ color: #999; }
	.menu.menu-on > li{ opacity: 1; transition: all .2s .4s ease; -webkit-transition: all .2s .4s ease; }
	.menu .menu-idc {display:none;}
	.head-pro-box{ display: block; background: none; transform: none; position: static; padding: 10px 0; height: auto; transform: scaleY(1); -webkit-transform: scaleY(1); }
	.head-pro-list{ opacity: 1; padding: 0; }
	.icon-pro1, .icon-pro2, .icon-pro3, .icon-pro4{ display: none; }
	.head-pro-list{ float: none; width: auto; }
	.head-pro-list a{ width: auto; text-align: left; padding: 10px 0; }
	.head-pro-list a h2{ float: left; }
	.head-pro-list a p{ float: right; }
	.head-pro-title{ font-weight: normal; font-size: 14px; }
	.logo{ left: 50%; margin-left: -23px; }
	.logined span{ font-size: 12px; }
	.document.menu-on .user-icon.icon{ color: #fff; }
	.document.menu-on .icon-arrow.icon{ color: #fff; }
	
	.footer-menu-list{ float: none; width: auto; margin-bottom: 10px; }
	.footer-menu-list dt{ font-size: 14px; padding: 10px 0; margin-bottom: 8px; }
	.footer-menu-list dt:after{
		content: " ";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: #e8e8e8;
		transform: scaleY(.5);
		-webkit-transform: scaleY(.5);
	}
	.footer-menu-list dd a{ display: block; padding: 10px; }
	.dial-tel1{ margin-left: 0; }
	.footer-menu-list dd{ display: none; }
	.footer-menu-list dt i{ display: inline-block; }
	.footer-menu-list.on dd{ display: block; }
	.footer-menu-list.on dt{ border: none; }
	.footer-ewm{ position: static; }
	.share{ display: none; }

	.page-404 p{ font-size: 16px; }

	.head-menu-region {display:none;}

	.lang-in .menu-more,
	.lang-jp .menu-more,
	.lang-us .menu-more,
	.lang-uk .menu-more {display:none;}
}
.index-top-photo{
	position: relative;
	background: url(/images/onecloud/adv/index-t-p1.png) #e23234 no-repeat center;
	background-size: auto 100%;
	height: 0px;
	overflow: hidden;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.index-top-photo.on{
	height: 80px;
}
.index-top-photo a{
	position: absolute;
	z-index: 2;
	display: block;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
}
.icon-indexClose{
	position: absolute;
	z-index: 3;
	left: 50%;
	margin-left: 550px;
	top: 10px;
	width: 18px;
	height: 18px;
	background:url(/images/onecloud/top-close.png) no-repeat center;
	background-size: cover;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	cursor: pointer;
}
.icon-indexClose:hover{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
@media(max-width: 767px){
	.index-top-photo{
		display: none;
	}
}

/* xuanjie20180709 */
.cooperate{ position:relative; margin:50px 0 -20px; font-size:12px; line-height:28px; }
.cooperate-unit a{ margin-left:20px; color:#999;}
.cooperate-unit a:hover{ color:#0096ff;}
.cooperate-ect{ position:absolute; right:0; top:0; }
.cooperate-ect .chatfont{ display: inline-block; vertical-align: middle; font-size:20px; color:#fff; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; background: #999;}
.cooperate-sina,.cooperate-wx{ position:relative; display:inline-block; vertical-align:middle; margin-left:20px;}
.cooperate-wx-img{ display:none; position:absolute; right:-1px; bottom:32px;}
.cooperate-wx-img img{ width:210px; height:210px;}
.cooperate-wx:hover .cooperate-wx-img{ display:block;}
@font-face {font-family: "chatfont";
  src: url('../../font/oneCloud/chat/iconfont.eot?t=1492509950873');
  src: url('../../font/oneCloud/chat/iconfont.eot?t=1492509950873#iefix') format('embedded-opentype'),
  url('../../font/oneCloud/chat/iconfont.woff?t=1492509950873') format('woff'),
  url('../../font/oneCloud/chat/iconfont.ttf?t=1492509950873') format('truetype'),
  url('../../font/oneCloud/chat/iconfont.svg?t=1492509950873#iconfont') format('svg');
}
.chatfont{ font-family:"chatfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.chat-weixin,.chat-weibo{ transition: all .2s ease; -webkit-transition: all .2s ease; }
.cooperate-ect .chat-weixin:hover{ background: #41B035; }
.cooperate-ect .chat-weibo:hover{ background: #EA5D5C; }
.cooperate-ect .chat-weixin:before{content:"\e612";}
.cooperate-ect .chat-weibo:before{content:"\e613";}
.cooperate-ect a:hover .chat-weixin:before,
.cooperate-ect a:active .chat-weixin:before{ color:#fff;}
.cooperate-ect a:hover .chat-weibo:before,
.cooperate-ect a:active .chat-weibo:before{ color:#fff;}
@media (max-width: 768px) {
	.cooperate{
		padding-top: 15px;
		margin-top: 44px;
	}
	.cooperate:after{
		content: " ";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 1px;
		background: #e8e8e8;
		transform: scaleY(.5);
		-webkit-transform: scaleY(.5);
	}
	.cooperate-ect{ top: 14px; }
	.cooperate-unit a{ margin-left:10px;}
}
@media (max-width: 374px) {
	.cooperate-sina,.cooperate-wx{ margin-left: 10px; }
}
@media (max-width: 359px) {
	.cooperate-ect{ top: 12px; }
	.cooperate-ect .chatfont{ width: 24px; height: 24px; font-size: 14px; line-height: 24px; }
	.cooperate-sina,.cooperate-wx{ margin-left: 2px }
}

/*²à±ßÀ¸*/
.sidebar-page{
	position: fixed;
	z-index: 999;
	width: 70px;
	right: 10px;
	bottom: 100px;
	line-height: 1.6;
}
@media(max-width: 1023px){
	.sidebar-page{
		display: none;
	}
}
.sidebar-page-list{
	background: #fff;
	border: 1px solid #eee;
	font-size: 12px;
	text-align: center;
}
.sidebar-page-list-up{
	position: relative;
	margin-top: 10px;
	opacity: 0;
	transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
}
.sidebar-page-list-up:after{
	content: " ";
	display: block;
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.sidebar-page.on .sidebar-page-list-up{
	opacity: 1;
}
.sidebar-page.on .sidebar-page-list-up:after{
	display: none;
}
.sidebar-page-list > a{
	display: block;
	padding: 10px 0;
	color: #666;
}
.sidebar-page-list > a:hover{
	color: #0096ff;
}
.icon-sidebar{
	display: inline-block;
	width: 32px;
	height: 32px;
}
.icon-kf{
	background: url(/images/onecloud/icon-sidebar.png) no-repeat;
	background-position: 0 0;
	background-size: 32px auto;
}
.sidebar-page-list > a:hover .icon-kf{
	background: url(/images/onecloud/icon-sidebar-hover.png) no-repeat;
	background-position: 0 0;
	background-size: 32px auto;
}
.icon-shop{
	background: url(/images/onecloud/icon-sidebar.png) no-repeat;
	background-position: 0 -32px;
	background-size: 32px auto;
}
.sidebar-page-list > a:hover .icon-shop{
	background: url(/images/onecloud/icon-sidebar-hover.png) no-repeat;
	background-position: 0 -32px;
	background-size: 32px auto;
}
.icon-up{
	background: url(/images/onecloud/icon-sidebar.png) no-repeat;
	background-position: 0 -64px;
	background-size: 32px auto;
}
.sidebar-page-list > a:hover .icon-up{
	background: url(/images/onecloud/icon-sidebar-hover.png) no-repeat;
	background-position: 0 -64px;
	background-size: 32px auto;
}
.icon-download-sidebar{
	background: url(/images/onecloud/icon-sidebar.png) no-repeat;
	background-position: 0 -96px;
	background-size: 32px auto;
}
.sidebar-page-list > a:hover .icon-download-sidebar{
	background: url(/images/onecloud/icon-sidebar-hover.png) no-repeat;
	background-position: 0 -96px;
	background-size: 32px auto;
}

.tips-mobile{
	display: none;
	position: absolute;
	left: 58%;
	top: 0;
	width: 46px;
	height: 46px;
	background: url(/images/onecloud/tips618-mobile.gif) no-repeat center;
	background-size: 100%;
}
.tips-mobile a{
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
@media(max-width: 767px){
	.tips-mobile.show{
		display: block;
	}
}
.logo{
	overflow: hidden;
}
.logo a.tips-618-coin{
	position: absolute;
	z-index: 3;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/images/onecloud/tab-goldcoin.png) no-repeat 0 0;
	background-size: 100% auto;
	animation: tips-618-coin 2s both linear infinite;
}
@keyframes tips-618-coin{
	0%{background-position: 0 -116px;}
	100%{background-position: 0 116px;}
}
@-webkit-keyframes tips-618-coin{
	0%{background-position: 0 -116px;}
	100%{background-position: 0 116px;}
}