@charset "UTF-8";
/**
 * 
 * @authors yu (1049225462@qq.com)
 * @date    2017-02-24 14:08:00
 * @version 0.1
 */

/* reset */
html{
	-webkit-text-size-adjust:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	font-family:Helvetica,Tahoma,Arial;
	font-size:10px;
}

/*@media only screen and (min-width: 640px){
	html{ font-size:12px; }
}

@media only screen and (min-width: 960px){
	html{ font-size:14px; }
}*/


body{
	font-size:1.2rem;
}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,input,textarea,th,td{
	margin:0;
	padding:0;
	font-weight:normal;
}
a,button,input,textarea,select{
	background:none;
	-webkit-tap-highlight-color:rgba(255,0,0,0);
	outline:none;
	-webkit-appearance:none;
}
em,i{
	font-style:normal
}
li{
	list-style:none
}
a{
	text-decoration:none;
}
img{
	border:none;
	vertical-align:top;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
textarea{
	resize:none;
	overflow:auto;
}
/* end reset */

/* public */
.pf{
	position:fixed;
}
.pr{
	position:relative;
}
.pa{
	position:absolute;
}
.top0{
	top:0;
}
.right0{
	right:0;
}
.bottom0{
	bottom:0;
}
.left0{
	left:0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
}
.clear:after{
	content:' ';
	display:block;
}
.dl{
	display:block;
}
.di{
	display:inline-block;
}
.dn{
	display:none;
}
.ho{
	height:auto;
	overflow:hidden;
}
.ml1{
	margin-left:1rem;
}
.mt1{
	margin-top:1rem;
}
.mr1{
	margin-right:1rem;
}
.mb1{
	margin-bottom:1rem;
}
.bxw1,
.bxw2,
.bxw3,
.bxw4,
.bxw5,
.bxw6,
.bxw7,
.bxw8,
.bxw9,
.bxw10,
.bxw11,
.bxw12{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.bxw1{
	width:8.33%;
}
.bxw2{
	width:16.66%;
}
.bxw3{
	width:25%;
}
.bxw4{
	width:33.33%;
}
.bxw5{
	width:41.66%;
}
.bxw6{
	width:50%;
}
.bxw7{
	width:58.33%;
}
.bxw8{
	width:66.66%;
}
.bxw9{
	width:75%;
}
.bxw10{
	width:83.33%;
}
.bxw11{
	width:91.66%;
}
.bxw12{
	width:100%;
}
.h6{
	font-size:1.2rem;
}
.h5{
	font-size:1.3rem;
}
.h4{
	font-size:1.4rem;
}
.h3{
	font-size:1.5rem;
}
.h2{
	font-size:1.6rem;
}
.h1{
	font-size:1.7rem;
}
.tc{
	text-align:center;
}
.tr{
	text-align:right;
}
.tEllipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.cp{
	cursor:pointer;
}

.z1{
	z-index:1;
}
.z2{
	z-index:2;
}
.z3{
	z-index:3;
}
.z4{
	z-index:4;
}
.z5{
	z-index:5;
}
.z6{
	z-index:6;
}
.z7{
	z-index:7;
}

.z80{
	z-index:80;
}
.z81{
	z-index:81;
}
.z82{
	z-index:82;
}
.z90{
	z-index:90;
}
.z95{
	z-index:95;
}
.z100{
	z-index:100;
}


.icon-backRoom{
    position: fixed;
    top:2.5%;
    left:1.5%;
    width:8.5%;
    display: inline-block;
}	

/*
-------------------------------------------
loading begin
-------------------------------------------
*/
.loadingMask{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .5;
}
.loadingMainBox{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5rem;
    height: 5rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
}
.loadingMain {
    position: relative;
    width:100%;
    height: 100%;
}
.loadingEmt1 > div, .loadingEmt2 > div {
  width:30%;
  height:30%;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.loadingMain .loadingMainEmt {
  position: absolute;
  width: 100%;
  height: 100%;
}
.loadingEmt1 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.loadingEmt2 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.loadingMainEmt-circle2 { top: 0; right: 0; }
.loadingMainEmt-circle3 { right: 0; bottom: 0; }
.loadingMainEmt-circle4 { left: 0; bottom: 0; }
.loadingEmt1 .loadingMainEmt-circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
  background-color: #fefefe;
}
.loadingEmt2 .loadingMainEmt-circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
  background-color: #fdfdfd;
}
.loadingEmt1 .loadingMainEmt-circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background-color: #fcfcfc;
}
.loadingEmt2 .loadingMainEmt-circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
  background-color: #fafafa;
}
.loadingEmt1 .loadingMainEmt-circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
  background-color: #eee;
}
.loadingEmt2 .loadingMainEmt-circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
  background-color: #ededed;
}
.loadingEmt1 .loadingMainEmt-circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
  background-color: #ececec;
}
.loadingEmt2 .loadingMainEmt-circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
  background-color: #eaeaea;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*
-------------------------------------------
loading end
-------------------------------------------
*/


/* end public */