@charset "utf-8";
@media only screen and (min-width: 320px) {
html{ font-size: 50px;}
}
@media only screen and (min-width: 360px) {
html{ font-size: 56.25px;}
}
@media only screen and (min-width: 375px) {
html{ font-size: 58.59px;}
}
@media only screen and (min-width: 400px) {
html{ font-size: 62.5px;}
}
@media only screen and (min-width: 414px) {
html{ font-size: 64.68px;}
}
@media only screen and (min-width: 640px) {
html{ font-size: 100px;}
}
@media only screen and (min-width: 780px) {
html{ font-size: 120px;}
}
@font-face {
  font-family: 'iconfont';  /* project id 887578 */
  src: url('//at.alicdn.com/t/font_887578_m624n4aarw.eot');
  src: url('//at.alicdn.com/t/font_887578_m624n4aarw.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_887578_m624n4aarw.woff') format('woff'),
  url('//at.alicdn.com/t/font_887578_m624n4aarw.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_887578_m624n4aarw.svg#iconfont') format('svg');
}
@media screen and (min-width: 992px) {
/*电脑*/
body{font-size:13px;font-family:"微软雅黑";color:#444;padding-bottom:0;background-color:#666;margin:0;background-repeat:no-repeat;background-position:center center}
ul{margin:0;padding:0}
a{color:#444;text-decoration:none}
a:hover{color:#333;text-decoration:underline}
p{margin:0}
#domeshow{width:100%;position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;background-image:url(../images/dome-bg.png);background-size:auto 100%;background-repeat:no-repeat;background-position:center center}
#domeshow{padding-top:50px;box-sizing:border-box}
#domeshow #head{background-color:rgba(35,47,62,.9);height:50px;width:100%;position:fixed;z-index:2;left:0;top:0;right:0;padding-left:180px;box-sizing:border-box;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)}
#domeshow #head .logo{height:30px;position:absolute;left:10px;top:10px}
#domeshow #head .logo img{height:30px}
#domeshow #head .tab{position:absolute;height:40px;left:200px;top:0}
#domeshow #head .tab ul{display:table}
#domeshow #head .tab ul li{text-align:center;vertical-align:middle;display:table-cell;padding-right:20px;padding-left:20px;color:#FFF;height:50px;font-size:12px;cursor:pointer}
#domeshow #head .tab ul li.cur{background-color:#728ddc}
#domeshow #head .tab ul li.pc2:before,#domeshow #head .tab ul li.pc:before{content:"\e66b";font-family:iconfont;font-size:22px;display:block}
#domeshow #head .tab ul li.phone:before{content:"\e613";font-family:iconfont;font-size:18px;display:block}
#domeshow #head .tab ul li.pad:before{content:"\e604";font-family:iconfont;font-size:20px;display:block}
#domeshow #head .right{float:right;height:50px;color:#FFF;line-height:50px}
#domeshow #head .right a{font-size:14px;line-height:34px;color:#FFF;background-color:#F60;display:inline-block;height:34px;margin-right:15px;padding-right:12px;padding-left:12px;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#domeshow #head .right span{font-size:14px;height:34px;line-height:34px;vertical-align:middle;display:inline-block;margin-right:20px}
#domeshow #head .right span strong{color:#F90}
#domeshow #head .right a.btn2{background-color:#48C185}
#domeshow #box{width:100%;z-index:1;box-sizing:border-box;height:100%;text-align:center;clear:both;float:none;overflow:auto;position:relative}
#domeshow #box.wh2{width:358px;height:747px;position:absolute;overflow:hidden;box-sizing:border-box;margin-top:50px;margin-bottom:50px;margin-left:-300px;background-image:url(../images/phone.png);padding-top:40px;padding-right:5px;padding-bottom:20px;padding-left:0;box-sizing:border-box;left:50%;right:50%}
#domeshow #box.wh2{animation:wh2 3s;-moz-animation:wh2 3s;-webkit-animation:wh2 3s;-o-animation:wh2 3s}
@keyframes wh2{0%{margin-left:-179px}
70%{margin-left:-179px}
100%{margin-left:-300px}
}
#domeshow #box.wh3{height:1122px;position:static;overflow:hidden;box-sizing:border-box;margin-top:-98px;margin-bottom:100px;width:754px;margin-right:auto;margin-left:auto;transform:scale(.7);background-image:url(../images/pad.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;padding-top:32px;padding-right:2px;padding-bottom:80px;padding-left:1px}
#domeshow #box.wh4{width:1160px;height:800px;overflow:hidden;margin-right:auto;margin-left:auto}
#domeshow #box #client{min-width:1440px;height:100%;width:100%;float:none;-o-transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-ms-transition:all .1s;transition:all .1s;z-index:2;position:absolute}
#domeshow #box iframe{width:100%;height:100%;overflow:auto;background-color:#FFF;margin:0;padding:0;float:left}
#domeshow #box #client.b1{min-width:1440px;height:100%}
#domeshow #box #client.b2{width:375px;height:667px;min-width:375px;margin-right:auto;margin-left:auto;background-color:#999}
#domeshow #box #client.b3{width:768px;height:1024px;min-width:768px;margin-right:auto;margin-left:auto}
#domeshow #box #client.b4{height:700px;width:1180px;min-width:1180px;margin-right:auto;margin-left:auto;margin-top:50px;margin-bottom:50px}
#domeshow.d2 .phone-tips{opacity:1;display:block}
#domeshow.d2 .phone-tips{animation:phone 3s;-moz-animation:phone 3s;-webkit-animation:phone 3s;-o-animation:phone 3s}
@keyframes phone{0%{opacity:0;margin-left:-300px}
70%{opacity:0;margin-left:-300px}
100%{opacity:1;margin-left:0}
}
#domeshow .phone-tips{opacity:0;height:10px;width:200px;margin-top:-5px;margin-left:0;position:absolute;left:50%;top:50%;right:50%;bottom:50%;z-index:0;border-bottom-width:2px;border-bottom-style:dashed;border-bottom-color:#FFF;display:none}
#domeshow .phone-tips .qrcode{background-color:#FFF;padding:8px;height:120px;width:120px;position:absolute;top:-60px;right:-120px}
#domeshow .phone-tips .qrcode span{display:block;height:56px;width:140px;position:absolute;bottom:-65px;left:0;font-size:12px;line-height:22px;color:#FFF;text-align:center}
#domeshow .phone-tips .qrcode img{height:120px;width:120px}
#touchbox{ display:none;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/*IPAD、移动端大屏、平板*/
#domeshow{ display:none;}
}


@media screen and (max-width: 767px) {
/*手机端*/
#domeshow{ display:none;}

}
#touchbox .m-head{
	background-color:rgba(35,47,62,.9);
	position: fixed;
	z-index: 2;
	height: .7rem;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	box-sizing:border-box;
	-moz-box-shadow:0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
	box-shadow:0 0 10px rgba(0,0,0,.4);
	font-size: .22rem;
	line-height:.7rem;
	color: #FFFFFF;
	padding-left:.7rem;
	padding-right:.1rem;
}#touchbox .m-head a.link {
	color: #FFFFFF;
	background-color: #F60;
	white-space: nowrap;
	display: inline-block;
	margin-left: .1rem;
	height: .5rem;
	line-height:.5rem;
	text-decoration: none;
	float: right;
	margin-top: .1rem;
	padding-right: .14rem;
	padding-left: .14rem;
	box-sizing:border-box;
	-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}
#touchbox .m-head strong {
    color: #F90;
}
#touchbox .m-head a.btn2{background-color:#48C185;}
#touchbox .m-head span {
	display: block;
	position: absolute;
	width: .5rem;
	height:.5rem;
	left: .1rem;
	top: .1rem;
}
#touchbox .m-head span a {
	display: block;
	width: .5rem;
	height:.5rem;
	text-align: center;
	line-height:.5rem;
}
#touchbox .m-head span a:before{
	content:"\e610";
	font-family:iconfont;
	font-size:16px;
	color: #FFFFFF;
}
#touchbox .box {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding-top:.7rem;
	box-sizing:border-box;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#touchbox .box iframe{
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}