/*===========通用=============*/
html, body { padding: 0; margin: 0 auto; }
body { overflow: auto; }
body, a, textarea, input { font-family:Microsoft YaHei,"宋体", Verdana, Geneva, sans-serif; font-size: 12px; line-height: 22px; color: #333; }
div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, hr, blockquote { padding: 0; margin: 0; }
a { color: #03ADDD; text-decoration: none; }
a:hover { color: #005580; text-decoration: none; outline: 0; cursor: pointer; }
a:active, a:focus, div:focus { outline: none; }
li { list-style: none; }
img, iframe { border: 0; display: block; }
table { border-collapse: collapse; border-spacing: 0; }
input { outline: none; }
input[type=text], textarea { border: 1px solid #ddd; padding: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
input[type=text]:focus, textarea:focus { border-color: #FFF; -webkit-box-shadow: inset -1px -1px -1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset -1px -1px -1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset -1px -1px -1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); background: #FFFFF0; border: 1px solid #61AEEB \9; outline: none; }
input[type=radio] { vertical-align: -2px;  *vertical-align:-1px; }
label,a{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.clear { clear: both; }
/*隐藏元素*/
.hide { display: none; }
/*表格防止内容过多变形*/
.table { white-space: nowrap; border-collapse: collapse; }
/*下拉框，输入框居中*/
select, input { vertical-align: middle; }
/*截取字符串长度,并以...代替*/
.substr { white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
/*浮动*/
.fl { float: left; }
.fr { float: right; }
.oh { overflow: hidden; }
/*边距*/
.m0 { margin: 0; }
.mb0 { margin-bottom: 0; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.my5 { margin: 5px 0; }
.mx5 { margin: 0 5px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.my10 { margin: 10px 0; }
.mx10 { margin: 0 10px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.my20 { margin: 20px 0; }
.mx20 { margin: 0 20px; }
/*间距*/
.p0 { padding: 0; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.py5 { padding: 5px 0; }
.px5 { padding: 0 5px; }
.p10 { padding: 10px; }
.py10 { padding: 10px 0; }
.px10 { padding: 0 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.p10-20 { padding: 10px 20px; }
.p20 { padding: 20px; }
.py20 { padding: 20px 0; }
.px20 { padding: 0 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
/*字体大小*/
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font26 { font-size: 26px; }
.font30 { font-size: 30px; }
.font34 { font-size: 34px; }
.font42 { font-size: 42px; }
.font48 { font-size: 48px; }
/*粗体*/
.b { font-weight: bold; }
/*字体颜色*/
.color_cyan { color: #64B3B6; }
.color_red { color: #CB0000; }
.color_green { color: #009799; }
.color_black { color: #000; }
.color_blue { color: #03ADDD; }
.color_orange { color: #DF783E; }
.color_brown { color: #DCB097; }
.color_444 { color: #444; }
.color_555 { color: #555; }
.color_666 { color: #666; }
.color_777 { color: #777; }
.color_888 { color: #888; }
.color_999 { color: #999; }
.color_fff { color: #FFF; }
/*背景色*/
.bg_blue { background-color: #35AFB3;}
.bg_green { background-color: #5A9D40; }
.bg_purple { background-color: #D40E87; }
.bg_orange { background-color: #FF7231; }
.bg_brown { background-color: #DCB097; }
/*对齐*/
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.ti { text-indent: 2em; }
::-webkit-scrollbar-track-piece{
    background-color:transparent;/*滚动条的背景颜色*/
    -webkit-border-radius:0;/*滚动条的圆角宽度*/
}
::-webkit-scrollbar{
    width:6px;/*滚动条的宽度*/
    height:6px;/*滚动条的高度*/
}
::-webkit-scrollbar-thumb{/*垂直滚动条的样式*/
    height:6px;
    background-color:rgba(0,0,0,0.2);
    -webkit-border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{/*滚动条的hover样式*/
    height:6px;
    background-color:rgba(0,0,0,0.4);
    -webkit-border-radius:10px;
}


/*===========style=============*/
.loading{ position:absolute;top:50%;left:50%; margin: -59px 0 0 -59px;z-index:999; background: url("../img/load_logo.png") no-repeat center;}
.loading span{ background: url("../img/loading.png") no-repeat center;width:118px;height:118px; display:block;animation:rotate360 1s .2s infinite linear both; -webkit-animation:rotate360 1s .2s infinite linear both;}
.main{display: none;}
.header{ position: absolute;top:0;left:0;right:0;z-index:2;}
.btn-menu{background: url("../img/menu.png") no-repeat center;width:22px;height:22px;display:inline-block; padding:20px;}
.menu{ position: absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:#009B9D; }
.menu .btn-close{background: url("../img/close.png") no-repeat center;width:22px;height:22px;display:inline-block; padding:20px;}
.menu ul{position: absolute;top:50%;left:0;right:0;margin-top: -130px;}
.menu li{margin-bottom:30px;}
.menu li a{color:#FFF;font-size:18px;text-align: center;display: block;}
.menu li a.active{color:#FFEA77;}
.menu-con{text-align: center; position: absolute;right:0;left:0;bottom: 50px;}
.menu-con img{margin: 0 auto 10px;}
.menu-con span{color:#FFF;border-top:1px solid #FFF; display: inline-block;padding: 2px 5px;font-size: 14px;}

#fullpage .slide{background-size:cover;}
.bg1{background:url("../img/bg1.jpg") no-repeat center #657FAF;}
.bg2{background:url("../img/bg2.jpg") no-repeat center #F8707B;}
.bg3{background:url("../img/bg3.jpg") no-repeat center #b7e9de;}
.bg4{background:url("../img/bg4.jpg") no-repeat center #FFBA85;}
.bg5{background:url("../img/bg5.jpg") no-repeat center #99C6D9;}

.app-bg{background-color: #B989AD;}
.logo{text-align: center;color:#FFF;font-size: 18px;padding-top: 80px;}
.logo img{width:27px;height:27px;padding:2px;border:1px solid #FFF;border-radius:6px;display: inline-block; margin-right: 10px;vertical-align:-10px;}
.app-con table{width:100%;margin: 20px 0;}
.app-con th{text-align: right;color:#FFF;font-weight: normal;padding:10px;}
.app-con td{text-align: left;color:#00615F;font-weight: normal;padding:10px;font-size: 16px;}
.app-bg1{background: url("../img/app_bg.jpg") no-repeat center top;background-size:auto 100%;padding:30px 0 30px 0; }
.code{width:160px;height:160px;margin: 0 auto 50px;padding:2px;background-color: #FFF;}
.btn-download{display: inline-block;padding:10px 20px;border: 1px solid #FFF;}
.btn-download span{background: url("../img/ios.png") left no-repeat;padding-left:50px;display: inline-block;color:#FFF;font-size: 14px;}

.about-bg{background-color:#DBAF97; }
.btn-map{display: inline-block;padding:10px 20px;border: 1px solid #FFF;}
.btn-map span{background:url("../img/map.png") no-repeat left;padding-left: 20px;font-size: 16px;color:#FFF;display: inline-block;}

.join-bg{background-color: #7BC7D5;}
.btn{display: inline-block;padding:10px 20px;border: 1px solid #FFF;font-size: 16px;color:#FFF;}
.join-list>li{margin-bottom: 20px;}
.join-list>li>a{color:#439FB1;font-size: 16px;}

@keyframes rotate360
{
    0%  {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
}

@-webkit-keyframes rotate360
{
    0%  {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
}