* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
    border:0px;
}

html {
	-ms-touch-action: none;
}
body {
-webkit-user-select: none;-webkit-text-size-adjust: none;
background-repeat:no-repeat;background-size:cover;    
font-family:  "Microsoft YaHei","Arial","黑体","宋体",sans-serif; font-size: 13px;line-height: 1.5;
}
body,ul,li {padding: 0;margin: 0;border: 0;}


table{border-collapse: collapse; }


a {	text-decoration:none;color: #000;}
a.cblack:visited{color:Black;}
a.cwhite:visited{color:White;}
ul{    list-style:none;    }


.clear{clear:both;}
.us-none{user-select:none;}
.f-l{float:left;}
.f-r{float:right;}

/*******背景相关*********/
.bc-bk-rgba
{background-color: rgba(0,0,0,0.5);  }
.bc-wh-rgba
{background-color: rgba(255,255,255,0.2);  }
.bc-bk
 {background-color:#000;}  
.bc-gy-1
 {background-color:#EBEBEB;}  
.bc-gy-2
 {background-color:#D4D4D4;}
.bc-wh
 {background-color:White;}  
.bc-red
{background-color: #DA1410;}
.bc-blue
{background-color: #58A2E5;}
/*******背景相关*********/


.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-l{text-align:left;}

.m-auto{margin:auto;}
/*******垂直居中*********/
 .ba-c {-webkit-box-align:center; -moz-box-align:center;  }

/******宽度高度*******/
.wh-full{ width:100%;height:100%;    }
.w-full{width:100%; }
.w-pct-80{width:80%;}
.w-pct-70{width:70%;}
.w-pct-60{width:60%;}
.w-pct-50{width:50%;}
.w-pct-30{width:30%;}
.w-pct-20{width:20%;}
.w-pct-10{width:10%;}
.w-pct-0{width:0%;}
.w-20{width:20px;}
.w-40{width:40px;}
.w-50{width:50px;}
.w-100{width:100px;}
.w-150{width:150px;}
.w-200{width:200px;}
.h-auto{ height:auto  !important;}
.h-full{height:100%;}
.h-pct-80{height:80%;}
.h-pct-70{height:70%;}
.h-pct-60{height:60%;}
.h-pct-20{height:20%;}
.h-100{height:100px;}
.h-150{height:150px;}
.h-200{height:200px;}
.h-40{    height:40px;}
.h-50{    height:50px;}
.h-30{    height:30px;}
.h-20{    height:20px;    }
.lh-20{    line-height:20px;    }
.lh-22{    line-height:22px;    }
.lh-25{    line-height:25px;    }
.lh-30{    line-height:30px;    }
.lh-40{    line-height:40px;    }
.lh-50{    line-height:50px;    }
.p-3{padding: 3px; }
.p-5{padding: 5px; }
.p-10{padding: 10px;    }
.p-20{padding: 20px;    }
.p-pct-10{padding: 10%;}
.p-pct-15{padding: 15%;}
.p-pct-20{padding: 20%;    }
.pt-10{ padding-top:10px;}
.pt-20{ padding-top:20px;}
.pt-pct-10{ padding-top:10%;}
.pt-pct-20{ padding-top:20%;}
.pl-5{ padding-left:5px;    }
.pl-10{ padding-left:10px;    }
.pl-20{ padding-left:20px;    }
.pl-pct-15{padding-left:15%; }
.pr-5{    padding-right:5px;    }
.pr-10{ padding-right:10px;    }
.pr-20{ padding-right:20px;    }
.pr-pct-15{padding-right:15%; }
.pb-10{  padding-bottom:10px;    }
.pb-20{  padding-bottom:20px;    }
.m-5{margin:5px;}
.m-10{margin:10px;    }
.m-15{margin:15px;    }
.m-20{margin:20px;    }
.m-40{margin:40px;    }
.m-pct-5 {margin-top: 5%;}     
.m-pct-10 {margin-top: 10%;}      
.ml-10{margin-left:10px; }
.ml-15{margin-left:15px; }
.ml-pct-10{margin-left:10%; }
.ml-pct-15{margin-left:15%; }
.ml-pct-20{margin-left:20%; }
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-pct-10{margin-right:10%;}
.mb-5{margin-bottom:5px;    }
.mb-10{margin-bottom:10px;    }
.mb-20{margin-bottom:20px;    }
.mb-40{margin-bottom:40px;    }
.mt-10{margin-top:10px;        }
.mt-20{margin-top:20px;        }
.mt-pct-10{margin-top:10%;        }
.mt-pct-20{margin-top:20%;        }

/********定位**********/
.p-r{position:relative;}
.p-a{position:absolute;}
.p-f{position:fixed;}
.p-l-0{left:0px;}
.p-l-5{left:5px;}
.p-l-10{left:10px;}
.p-b-0{bottom:0px;}
.p-b-5{bottom:5px;}
.p-b-10{bottom:10px;}
.p-b-pct-10{bottom:10%;}
.p-b-pct-5{bottom:5%;}
.p-r-0{right:0px;}
.p-r-5{right:5px;}
.p-r-10{right:10px;}
.p-t-0{top:0px;}
/********定位**********/



/********文字相关**********/
.ti-2{text-indent:2em}
.fs-16{font-size:16px;}
.fs-17{font-size:17px;}
.fs-15{font-size:15px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.c-wh{color:White;} 
.c-bk{color:Black;} 
.c-yl{color:#E6BA1C;    }
.c-gy{color:#989BA0;}  
.c-bu{color:#2C71B7;}  
 .fw-bold{font-weight:bold;}
 /********文字相关**********/   
 
.ts-1{color: #000;text-shadow: 0px 1px 0px #C3D5BB;}
.ts-2{color: #3576B9;    text-shadow: 1px 0px 2px #2058AF;}
.ts-3{color: #F59356;    text-shadow: 1px 0px 2px #2058AF;}
.ts-4{color: #EA4543;    text-shadow: 1px 0px 2px #C3D5BB;}


 /********立体阴影**********/   
.bs-10{box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);}
.bs-3{box-shadow: 5px 5px 3px rgba(43,121,199, 0.5);}

 /********立体阴影**********/  




/********圆角**********/   
 .bradius-5 {
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}
 .bradius-10 {
    -moz-border-radius: 10px;     
    -webkit-border-radius: 10px;  
    border-radius:10px; }
 .bradius-15 {
    -moz-border-radius: 15px;     
    -webkit-border-radius: 15px;   
    border-radius:15px;  }
 .bradius-3 {
    -moz-border-radius: 3px;    
    -webkit-border-radius: 3px;   
    border-radius:3px;  }
  .bradius-100 {
    -moz-border-radius: 100px;    
    -webkit-border-radius: 100px;   
    border-radius:100px;  }
/********圆角**********/  

/********弹性盒子**********/
.d-box {
    display: -moz-box !important;
    display: -webkit-box !important;
    display: box !important;
}
.bf-1{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
.bf-3{-moz-box-flex: 3;-webkit-box-flex: 3;box-flex: 3;}
.bf-4{-moz-box-flex: 4;-webkit-box-flex: 4;box-flex: 4;}
/********弹性盒子**********/ 
/****************/
.d-none{display:none;}
.d-block{display:block;}
.d-iblock{display:inline-block;}        
/****************/
.o-hide{overflow: hidden;}
/****************/




/****************/
.b-gy-1{border:1px solid #E7E7E7; }
.b-ye-2{border:2px solid #D9A84A;} 
.b-bu-2{border:2px solid #2EAFF7;} 
.bb-gy-1{border-bottom:1px solid #E7E7E7; }
.br-wh-1{border-right:1px solid #fff; }
/****************/





.dot li
{
    background-image:url(../images/dot.png);
    background-repeat:no-repeat;
    background-size:auto 25%;
    background-position:8px center;
    padding-left:18px;
    }
    
    
.refresh {
    width: 40px;
    height: 40px;
    background-color: #123962;
    opacity: 0.8;
    position: fixed;
    right: 10px;
    top: 100px;
    z-index: 1000;
}
.refresh a {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url('../images/refresh.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 80%;
}
/*******按钮*******/
.button {
    display: inline-block;
    position: relative;
    margin: 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255, .22); 
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); 
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.default
{
    padding: 0 20px;
    font: bold 12px/25px Arial, sans-serif; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;   
    }
.two{
    padding: 5px 20px;
    font: bold 18px/25px Arial, sans-serif; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    }
.green {
    color: #3e5706; 
    background: #a5cd4e; /* Old browsers */
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}
.red {
    color: #403605;
    background: #FFC923;
    background: -moz-linear-gradient(top, #FFC923 0%, #FA0308 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC923), color-stop(100%,#FA0308));
    background: -webkit-linear-gradient(top, #FFC923 0%,#FA0308 100%);
    background: -o-linear-gradient(top, #FFC923 0%,#FA0308 100%);
    background: -ms-linear-gradient(top, #FFC923 0%,#FA0308 100%);
    background: linear-gradient(top, #FFC923 0%,#FA0308 100%);
}

 
/* Blue Color */
 
.blue {
    color: #19667d; 
    background: #70c9e3; /* Old browsers */
    background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
    background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
}
 
/* Gray Color */
 
.gray {
    color: #515151; 
    background: #d3d3d3; /* Old browsers */
    background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */
    background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* W3C */
}

.yellow {
    color:#403605;
    background: #FFC923; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFC923 0%, #988111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC923), color-stop(100%,#988111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFC923 0%,#988111 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFC923 0%,#988111 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFC923 0%,#988111 100%); /* IE10+ */
    background: linear-gradient(top,  #FFC923 0%,#988111 100%); /* W3C */
}
.orange{
    color: #515151;
    background: #F2AA71;
    background: -moz-linear-gradient(top, #F2AA71 0%, #FF6B38 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2AA71), color-stop(100%,#FF6B38));
    background: -webkit-linear-gradient(top, #F2AA71 0%,#FF6B38 100%);
    background: -o-linear-gradient(top, #F2AA71 0%,#FF6B38 100%);
    background: -ms-linear-gradient(top, #F2AA71 0%,#FF6B38 100%);
    background: linear-gradient(top, #F2AA71 0%,#FF6B38 100%);
    }
.big {
    padding: 10px 40px;
    height: 55px;
    text-transform: uppercase;
    font: bold 20px/22px Arial, sans-serif;
} 
.big span {
    display: block;
    text-transform: none;
    font: italic normal 12px/18px Georgia, sans-serif;
    text-shadow: 1px 1px 1px rgba(255,255,255, .12);
}
.button:hover {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
}
.button:active {
    -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
    -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
    box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
}



/********上拉下拉刷新*********/
#pullDown,#pullUp {  
    height: 40px;  
    line-height: 40px;  

    font-weight: bold;  
    font-size: 14px;  
    color: #000;  
}  
  
#pullDown .pullDownIcon,#pullUp .pullUpIcon {  
    display: block;  
    float: left;  
    width: 40px;  
    height: 40px;  
    background: url(img/pull-icon@2x.png) 0 0 no-repeat;  
    -webkit-background-size: 40px 80px;  
    background-size: 40px 80px;  
    -webkit-transition-property: -webkit-transform;  
    -webkit-transition-duration: 250ms;  
}  
  
#pullDown .pullDownIcon {  
    -webkit-transform: rotate(0deg) translateZ(0);  
}  
  
#pullUp .pullUpIcon {  
    -webkit-transform: rotate(-180deg) translateZ(0);  
}  
  
#pullDown.flip .pullDownIcon {  
    -webkit-transform: rotate(-180deg) translateZ(0);  
}  
  
#pullUp.flip .pullUpIcon {  
    -webkit-transform: rotate(0deg) translateZ(0);  
}  
  
#pullDown.loading .pullDownIcon,#pullUp.loading .pullUpIcon {  
    background-position: 0 100%;  
    -webkit-transform: rotate(0deg) translateZ(0);  
    -webkit-transition-duration: 0ms;  
    -webkit-animation-name: loading;  
    -webkit-animation-duration: 2s;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-timing-function: linear;  
}  
  
.-webkit-keyframes loading {  
    from {   
        -webkit-transform:rotate(0deg)translateZ(0);  
    }  
  
    .to {  
        -webkit-transform: rotate(360deg) translateZ(0);  
    }  
}  



#wrapper
{position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;width: 100%;overflow: hidden;}







.refresh 
{
    width: 40px;
    height: 40px;
    background-color: #123962;
    opacity: 0.8;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 100;
}
.refresh a {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url('../manage/images/refresh.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 80%;
}