@charset "utf-8";

/* reset */
body,  h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font: 12px/1 "Helvetica Neue", "Helvetica", "Microsoft YaHei";color: #666;background: url(../img/stripe.png);-webkit-tap-highlight-color: rgba(0,0,0,0);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #666;text-decoration: none;outline: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="submit"], button{border: none;}
textarea{resize: none;}
input::-webkit-search-cancel-button{display: none;}

/* general */
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: "";display: block;clear: both;}
.container{position: relative;width: 93%;margin: 0 auto;}
.transition{transition: all 1s;-webkit-transition: all 1s;}
.responsive{width: 100%;max-width: 100%;}

@media screen
 

/* component */
.white-body{background: #fff;}
.gray-body{background: #fafafa;}

.box-shadow{box-shadow: 1px 1px 3px 1px rgba(0,0,0,.1);}

.btn{width: 75px;line-height: 25px;background: #777;border-radius: 5px;font-size: 14px;color: #fff;text-align: center;}
.btn-submit{background: #b0010f;}

.pagination{padding: 35px 0;text-align: right;}
.pagination span{margin-right: 12px;}
.pagination span:last-child{margin: 0;}
.pagination span em{margin: 0 3px;}
.pagination span a:active{text-decoration: underline;}
.pagination.left{text-align: left;}

.banner{margin: 10px 3.5%;padding: 6px;background: #fff;box-shadow: 1px 1px 3px 1px rgba(0,0,0,.1);}
.banner img{width: 100%;max-width: 100%;}

.border-title{border-bottom: 1px solid #ccc;padding-top: 5px;}
.border-title span{display: inline-block;line-height: 28px;padding: 0 4%;border-bottom: 2px solid #c02549;font-size: 16px;color: #333;}

.crumbs{height: 16px;padding-left: 8px;overflow: hidden;border-left: 2px solid #c02549;}
.crumbs *{float: left;line-height: 16px;font-size: 14px;}
.crumbs em{margin: 0 4px;}

.tab{overflow: hidden;border-bottom: 1px solid #ddd;}
.tab a{width: 42%;line-height: 30px;border-bottom: 2px solid transparent;font-size: 18px;color: #333;text-align: center;}
.tab a:nth-child(1){float: left;}
.tab a:nth-child(2){float: right;}
.tab a.current{border-color: #00aeef;}
.tab.dark-blue a.current{border-color: #0f3d8a;}

.tab-larger{overflow: hidden;background: #2a3662;border-bottom: 1px solid #fff;}
.tab-larger a{position: relative;float: left;line-height: 40px;box-sizing: border-box;border-right: 1px solid #fff;font-size: 14px;color: #fff;text-align: center;}
.tab-larger a:last-child{border-right: none;}
.tab-larger a.current:after{position: absolute;bottom: 0;left: 0;content: "";width: 100%;height: 4px;background: #e18725;}
.tab-larger.four a{width: 25%;height: 40px;overflow: hidden;}
.tab-larger.three a{width: 33.3%;}

.filter{padding: 18px 0;overflow: hidden;}
.filter.fill{background: #fafafa;}
.filter.border{border-bottom: 1px solid #ddd;}
.filter li{position: relative;width: 45%;box-sizing: border-box;border: 1px solid #ccc;}
.filter li.single{width: 100%;}
.filter li select{width: 100%;height: 22px;line-height: 22px;background: #fff url(../img/select-arrow.png) no-repeat right 0;border: none;-webkit-appearance: none;}
.filter li:nth-child(1){float: left;}
.filter li:nth-child(2){float: right;}

.caret a{position: relative;}
.caret a:before{position: absolute;content: "";border: 4px solid transparent;border-left: 7px solid #056db0;top:13px;}
.caret a:active{background: #2b3763;color: #fff;}
.caret a:active:before{border-left-color: #fff;}

.list a{position: relative;display: block;overflow: hidden;}
.list a:nth-child(even){background: #f3f3f3;}
.list a:after{position: absolute;content: "";width: 10px;height: 22px;background: url(../img/icon-arrow-right.png) no-repeat;background-size: contain;}
.list a:active:after{background: url(../img/icon-arrow-right-active.png);background-size: contain;}
.list a img{float: left;width: 56px;margin: 0 4%;}
.list a .text{float: left;max-width: 60%;}
.list a .text h3{height: 22px;line-height: 22px;margin-bottom: 5px;overflow: hidden;font-size: 15px;color: #333;}
.list a .date{background: url(../img/icon-date.png) no-repeat;}
.list a:active h3, .list a:active span{color: #fff;}
.list a:active .date{background: url(../img/icon-date-active.png) no-repeat;}

.form{padding-top: 20px;}
.form ul li{margin-bottom: 8px;overflow: hidden;}
.form ul li:last-child{margin-bottom: 0;text-align: center;}
.form ul li label{float: left;width: 20%;line-height: 24px;min-width: 70px;margin-right: 2%;text-align: right;}
.form ul li label.narrow{width: 16%;min-width: 60px;}
.form ul li input[type="text"],
.form ul li input[type="password"]{float: left;width: 57.5%;line-height: 16px;padding: 3px 0;border: 1px solid #ccc;text-indent: 10px;height: 16px;}
.form ul li input.wide{width: 76%;}
.form ul li input.narrow{width: 28.8%;}
.form ul li select{float: left;width: 26%;height: 24px;border: 1px solid #ccc;}
@media (max-width: 360px){
	.form ul li input.wide{width: 70%;}
	.form ul li input.narrow{width: 24.7%;}
}

@media (max-width: 320px){
	.form ul li input.wide{width: 72.5%;}
	.form ul li input.narrow{width: 24.7%;}
}

/* common */
header{position: relative;height: 40px;background: #515560;border-top: 4px solid #25315b;}
header h1{line-height: 40px;font-size: 18px;color: #fff;text-indent: 26%;}
header .return,
header .home,
header .menu{position: absolute;top: 4px;width: 30px;height: 30px;background-size: contain !important;}
header .return{left: 0;background: url(../img/icon-return.png);}
header .home{left: 0;background: url(../img/icon-home.png);}
header .menu{right: 0;background: url(../img/icon-menu.png);}
header .entry{position: absolute;top: 12px;right: 40px;overflow: hidden;padding-left: 22px;background: url(../img/icon-user.png) no-repeat;background-size: contain;}
header .entry a{float: left;line-height: 16px;color: #fff;}
header .entry em{float: left;height: 14px;margin: 1px 6px;border-right: 1px solid #fff;}


footer{padding-bottom: 50px;}
footer .link{line-height: 20px;padding: 15px 3.5%;overflow: hidden;background: #fff;border-top: 1px solid #a0a0a0;}
footer .link ul li{float: left;margin-right: 11%;padding-right: 22px;background-repeat: no-repeat;background-position: right 0;background-size: contain !important;}
footer .link ul li:nth-child(1){background-image: url(../img/icon-footer-link-1.png);}
footer .link ul li:nth-child(2){background-image: url(../img/icon-footer-link-2.png);}
footer .link ul li:nth-child(3){background-image: url(../img/icon-footer-link-3.png);}
footer .link ul li:nth-child(4){float: right;background-image: url(../img/icon-footer-link-4.png);margin: 0;}
footer .link dl{margin-top: 15px;text-align: center;}
footer .link dl dd{display: inline-block;height: 16px;line-height: 16px;}
footer .link dl dd:nth-child(2){padding: 0 8px;margin: 0 8px;border-left: 1px solid #555;border-right: 1px solid #555;}
footer .copyright{background: #515560 url(../img/icon-copyright.png) no-repeat 6% 20px;background-size: 30px 36px;color: #fff;padding: 12px 0;}
footer .copyright p{line-height: 20px;width: 68%;text-align: center;margin: 0 auto;}
footer .copyright p a{color: #fff;}
footer .copyright p em{margin: 0 5px;}
footer .copyright .version{margin-top: 6px;}
footer .copyright .version a{color: #fff;}
nav{position: fixed;z-index: 100;bottom: 0;left: 0;width: 100%;background: #25315b;}
nav a{float: left;width: 25%;height: 50px;box-sizing: border-box;background-image: url(../img/icon-nav.png);background-repeat: no-repeat;background-size: 80px 200px;border-right: 1px solid #3b497e;}
nav a:nth-child(1){background-position: center 0;}
nav a:nth-child(2){background-position: center -50px;}
nav a:nth-child(3){background-position: center -100px;}
nav a:nth-child(4){background-position: center -150px;border-right: none;}
@media (max-width: 400px){
	footer .link ul li{margin-right: 8%;}
}
@media (max-width: 360px){
	footer .link ul li{margin-right: 8%;}
}
@media (max-width: 320px){
	footer .link ul li{margin-right:5%;}
	footer .copyright{background-position: 9% 55px;}
	footer .copyright p{width: 85%;}
}


#menu-frame{position: fixed;top: 44px;left: 0;z-index: 200;display: none;width: 100%;height: 100%;border: none;}
.overlay-menu{height: 100%;}
.overlay-menu ul{height: 360px;overflow-y: scroll;}
.overlay-menu ul::-webkit-scrollbar{width: 0;}
.overlay-menu ul li a{display: block;line-height: 44px;padding: 0 3.5%;background: #32416f;border-bottom: 1px solid #556187;font-size: 14px;color: #fff;letter-spacing: 1px;}
.overlay-menu ul li .submenu{display: none;}
.overlay-menu ul li .submenu a{display: block;line-height: 34px;padding: 0 3.5%;background: #fff;border-bottom: 1px solid #ccc;font-size: 12px;color: #666;text-indent: 1em;letter-spacing: 1px;}

/* index */
.header-logo .logo{height: 32px;margin: 4px 0 -2px 22.3%;}
.header-logo .menu{top: 5px;right: initial;left: 0;}
.header-logo .entry{right: 0;}

.overlay{position: absolute;top: 0;left: 0;z-index: 100;display: none;width: 100%;background: rgba(0, 0, 0, 0.5);}
.overlay .wrap .close{position: absolute;right: -15px;top: -15px;width: 30px;height: 30px;background: url(../img/icon-close.png) no-repeat;background-size: contain;}


.overlay-login{position: absolute;top: 0;left: 0;z-index: 100;display: none;width: 100%;background: rgba(0, 0, 0, .7);}
.overlay-login .wrap{position: fixed;left: 10%;width: 80%;top: 50%;height: 280px;margin-top: -140px;padding: 16px 8% 10px;box-sizing: border-box;background: #fff;border-top: 2px solid #b0010f;}
.overlay-login .wrap .close{position: absolute;right: -15px;top: -15px;width: 30px;height: 30px;background: url(../img/icon-close.png) no-repeat;background-size: contain;}
.overlay-login .wrap h3{margin-bottom: 8px;font-size: 14px;text-align: right;}
.overlay-login .wrap h2{margin-bottom: 24px;font-size: 20px;color: #333;letter-spacing: 2px;}
.overlay-login .wrap .box{padding-left: 24px;box-sizing: border-box;background-size: 24px 24px !important;margin-bottom: 20px;}
.overlay-login .wrap .box:nth-of-type(1){background: url(../img/icon-username.png) no-repeat;}
.overlay-login .wrap .box:nth-of-type(2){background: url(../img/icon-password.png) no-repeat;}
.overlay-login .wrap .box input{width: 95%;height: 14px;line-height: 14px;padding: 4px 0 4px 5%;border: 1px solid #ccc;}
.overlay-login .wrap label{float: left;color: #333;}
.overlay-login .wrap label + a{float: right;color: #2d39ce;}
.overlay-login .wrap label input[type="checkbox"]{margin-right: 3px;vertical-align: -2px;}
.overlay-login .wrap button{width: 100%;line-height: 30px;margin: 25px 0 10px;background: #b0010f;font-weight: bold;font-size: 18px;color: #fff;}
.overlay-login .wrap span{float: right;}
.overlay-login .wrap span a:active{text-decoration: underline;}


.overlay-login1{position: absolute;top: 0;left: 0;z-index: 100;display: none;width: 100%;background: rgba(0, 0, 0, .7);}
.overlay-login1 .wrap{position: fixed;left: 10%;width: 80%;top: 50%;height: 280px;margin-top: -140px;padding: 16px 8% 10px;box-sizing: border-box;background: #fff;border-top: 2px solid #b0010f;}
.overlay-login1 .wrap .close{position: absolute;right: -15px;top: -15px;width: 30px;height: 30px;background: url(../img/icon-close.png) no-repeat;background-size: contain;}
.overlay-login1 .wrap h3{margin-bottom: 8px;font-size: 14px;text-align: right;}
.overlay-login1 .wrap h2{margin-bottom: 24px;font-size: 20px;color: #333;letter-spacing: 2px;}
.overlay-login1 .wrap .box{padding-left: 24px;box-sizing: border-box;background-size: 24px 24px !important;margin-bottom: 20px;}
.overlay-login1 .wrap .box:nth-of-type(1){background: url(../img/icon-username.png) no-repeat;}
.overlay-login1 .wrap .box:nth-of-type(2){background: url(../img/icon-password.png) no-repeat;}
.overlay-login1 .wrap .box input{width: 95%;height: 14px;line-height: 14px;padding: 4px 0 4px 5%;border: 1px solid #ccc;}
.overlay-login1 .wrap label{float: left;color: #333;}
.overlay-login1 .wrap label + a{float: right;color: #2d39ce;}
.overlay-login1 .wrap label input[type="checkbox"]{margin-right: 3px;vertical-align: -2px;}
.overlay-login1 .wrap button{width: 100%;line-height: 30px;margin: 25px 0 10px;background: #b0010f;font-weight: bold;font-size: 18px;color: #fff;}
.overlay-login1 .wrap span{float: right;}
.overlay-login1 .wrap span a:active{text-decoration: underline;}

.overlay-login2{position: absolute;top: 0;left: 0;z-index: 100;display: none;width: 100%;background: rgba(0, 0, 0, .7);}
.overlay-login2 .wrap{position: fixed;left: 10%;width: 80%;top: 50%;height: 280px;margin-top: -140px;padding: 16px 8% 10px;box-sizing: border-box;background: #fff;border-top: 2px solid #b0010f;}
.overlay-login2 .wrap .close{position: absolute;right: -15px;top: -15px;width: 30px;height: 30px;background: url(../img/icon-close.png) no-repeat;background-size: contain;}
.overlay-login2 .wrap h3{margin-bottom: 8px;font-size: 14px;text-align: right;}
.overlay-login2 .wrap h2{margin-bottom: 24px;font-size: 20px;color: #333;letter-spacing: 2px;}
.overlay-login2 .wrap .box{padding-left: 24px;box-sizing: border-box;background-size: 24px 24px !important;margin-bottom: 20px;}
.overlay-login2 .wrap .box:nth-of-type(1){background: url(../img/icon-username.png) no-repeat;}
.overlay-login2 .wrap .box:nth-of-type(2){background: url(../img/icon-password.png) no-repeat;}
.overlay-login2 .wrap .box input{width: 95%;height: 14px;line-height: 14px;padding: 4px 0 4px 5%;border: 1px solid #ccc;}
.overlay-login2 .wrap label{float: left;color: #333;}
.overlay-login2 .wrap label + a{float: right;color: #2d39ce;}
.overlay-login2 .wrap label input[type="checkbox"]{margin-right: 3px;vertical-align: -2px;}
.overlay-login2 .wrap button{width: 100%;line-height: 30px;margin: 25px 0 10px;background: #b0010f;font-weight: bold;font-size: 18px;color: #fff;}
.overlay-login2 .wrap span{float: right;}
.overlay-login2 .wrap span a:active{text-decoration: underline;}

/* activity */

.overlay-activity .wrap{position: fixed;top: 30%;left: 5%;width: 90%;height: 189px;margin-top: -90px;background: #eee;}
.overlay-activity .wrap .top{padding: 10px 5%;overflow: hidden;background: #1f84e9;}
.overlay-activity .wrap .top .logo{float: left;width: 90px;height: 21px;margin: 4px 0;background: url(../img/logo-blue.png) no-repeat;background-size: contain;}
.overlay-activity .wrap .top .title{float: left;width: 75px;height: 24px;margin-left: 15%;background: url(../img/activity-arrangement.png) no-repeat;background-size: contain;}
.overlay-activity .wrap .top .date{float: right;line-height: 18px;margin-top: 10px;color: #fff;}
.overlay-activity .wrap a{position: relative;display: block;line-height: 35px;padding-left: 8%;}
.overlay-activity .wrap a:nth-child(odd){background: #d9ecff;}
.overlay-activity .wrap a:before{position: absolute;top: 14px;left: 4%;content: "";width: 6px;height: 6px;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}


@media (max-width: 360px) {
	.overlay-activity .wrap .top .title{margin-left: 10%;}
}

@media (max-width: 320px) {
	.overlay-activity .wrap .top .title{margin-left: 5%;}
}


.search{height: 200px;background: url(../img/bg-search.png) no-repeat;background-size: cover;}
.search ul{padding: 50px 18% 0;box-sizing: border-box;border-bottom: 5px solid #00aeef;}
.search ul li{float: left;width: 33%;line-height: 24px;border-radius: 3px 3px 0 0;font-size: 13px;color: #fff;text-align: center;letter-spacing: 1px;}
.search ul li.current{background: #00aeef;}
.search-box{height: 70px;padding: 20px 6% 0;background: url(../img/bg-search-box.png) no-repeat;background-size: cover;}
.search-box input{line-height: 20px;background: #f0f0f0;border: 1px solid #ddd;text-indent: 5%;}
.search-box button{width: 17%;line-height: 22px;background: #00aeef url(../img/icon-search.png) no-repeat 90% 4px;background-size: 14px 14px;color: #fff;text-align: left;text-indent: 10%;}

.category ul{padding: 15px 5% 0;background-color: #fff;}
.category ul li{float: left;width: 22%;margin-right: 4%;}
.category ul li:nth-child(4n){margin-right: 0;}
.category ul li a{display: block;}
.category ul li a img{width: 100%;max-width: 100%;border-radius: 50%;}
.category ul li span{display: block;line-height: 34px;font-size: 12px;color: #333;text-align: center;letter-spacing: .5px;}

.activity{padding: 18px 0;background: #d2d5e0;}
.activity .container{border: 1px solid #c4c7d2;border-radius: 3px;}
.activity .title{position: relative;padding: 12px 7.5%;overflow: hidden;background: #e9eaf0;border-bottom: 1px solid #c4c7d2;}
.activity .title h2{float: left;line-height: 18px;margin-right: 30%;font-size: 18px;color: #505776;}
.activity .title span{float: left;line-height: 18px;font-size: 16px;}
.activity .title span strong{font-weight: normal;color: #505776;}
.activity .title span em{font-size: 14px;color: #888;}
.activity .title a{position: absolute;top: 16px;content: "";width: 10px;height: 10px;border-bottom: 1px solid #9fa4bb;}
.activity .title a.prev{right: 12.5%;border-left: 1px solid #9fa4bb;transform: rotate(45deg);}
.activity .title a.next{right: 7.5%;border-right: 1px solid #9fa4bb;transform: rotate(-45deg);}
.activity .title a:active,
.activity .title a.highlight{border-color: #505776;}

.activity .calendar{padding: 0 5% 18px;background: #fff;}
.activity .calendar ul li{float: left;width: 14.2%;text-align: center;}
.activity .calendar ul.week li{line-height: 45px;font-size: 15px;color: #91d9ff;}
.activity .calendar ul.day li a{position: relative;display: inline-block;width: 32px;line-height: 32px;margin-bottom: 6px;border: 1px solid #ddd;border-radius: 2px;font-size: 16px;text-align: center;}
.activity .calendar ul.day li a.out{border-color: #f3f3f3;color: #f3f3f3;}
.activity .calendar ul.day li a.today{background: #ff8262;border-color: #ff8262;color: #fff;}
.activity .calendar ul.day li a i{position: absolute;top: -5px;right: -8px;z-index: 10;width: 16px;height: 16px;line-height: 16px;border-radius: 50%;font-size: 12px;color: #fff;text-align: center;}
.activity .calendar ul.day li a.past i{background: #808080;}
.activity .calendar ul.day li a.today i{background: #d80000;}
.activity .calendar ul.day li a.future i{background: #00aeef;}

.index-info{padding: 18px 0;background: #fff;}
.index-info .list a{padding: 10px 3.5%;}
.index-info .list a:after{top: 20px;right: 5%;}
.index-info .list a:active{background: #00aeef;}
.index-info .list a h3{line-height: 20px;margin-bottom: 4px;font-size: 14px;}
.index-info .list a span{line-height: 15px;background-size: 15px 15px !important;font-size: 13px;color: #999;}
.index-info .list a .date{float: left;padding-left: 20px;}
.index-info .list a .top{float: left;padding-right: 20px;background: url(../img/icon-top.png) no-repeat right 0;margin-left: 10%;}
.index-info .list a:active .top{background: url(../img/icon-top-active.png) no-repeat right 0;}
.index-info .list a:active *{color: #fff;}

/* resource */
.list-resource{overflow: hidden;margin-top: 20px;}
.list-resource a{float: left;width: 32.8%;box-sizing: border-box;margin: 0 0.8% 15px 0;}
.list-resource a:nth-child(3n){margin-right: 0;}
.list-resource a img{border: 1px solid #dcdcdc;padding: 5px 23%;box-sizing: border-box;}
.list-resource a span{display: block;width: 90%;border-radius: 3px;line-height: 26px;margin: 6px auto 0;background: #e5e5e5;height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-resource a:active img{border-color: #666;}

.resource-holding ul{padding: 25px 7.5%;overflow: hidden;background: #fff;}
.resource-holding ul li{margin-bottom: 30px;}
.resource-holding ul li:last-child{margin: 0;}
.resource-holding ul li h2{margin-bottom: 15px;font-size: 13px;}
.resource-holding ul li .name{display: inline-block;line-height: 22px;margin: 0 1em 0 2em;font-weight: bold;font-size: 14px;color: #b22222;}
.resource-holding ul li .location{display: inline-block;line-height: 22px;padding-left: 20px;background: url(../img/icon-location.png) no-repeat;background-size: 15px 21px;}
.resource-holding ul li .open-time{display: block;line-height: 27px;margin: 16px 0 0 2em;background: url(../img/icon-open-time.png) no-repeat;background-size: 33px 27px;text-indent: 36px;font-size: 13px;}

.resource-contribute{margin: 20px auto;padding: 15px 10px;box-sizing: border-box;background: #fff;}
.resource-contribute h2{font-size: 16px;color: #333;}
.resource-contribute p{line-height: 20px;margin-top: 18px;text-indent: 2em;}

/* general */
.list-general{border-top: 1px solid #ddd;}
.list-general a{padding: 20px 12.5%;background: #fafafa;}
.list-general a .text{line-height: 24px;max-width: 100%;overflow: hidden;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
.list-general a:before{top: 28px;left: 7.8%;}
.list-general a:after{top: 21px;right: 4.5%;}
.list-general a:active{background: #2b3763;color: #fff;}

.general-intro{margin: 15px auto;padding: 8px 10px;box-sizing: border-box;background: #fff;}
.general-intro .title{text-align: center;}
.general-intro .title h2{position: relative;display: inline-block;line-height: 30px;padding: 0 10px;font-size: 16px;color: #25315b;}
.general-intro .title h2:before,
.general-intro .title h2:after{position: absolute;content: "";width: 20px;height: 18px;}
.general-intro .title h2:before{bottom: 0;left: 0;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
.general-intro .title h2:after{top: 0;right: 0;border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
.general-intro img{display: block;max-width: 250px;margin: 10px auto;padding: 4px 5px;border: 1px solid #ddd;}
.general-intro p{line-height: 22px;color: #333;text-indent: 2em;}

.general-station{margin: 15px auto;padding: 8px 10px;box-sizing: border-box;background: #fff;}
.general-station p{line-height: 20px;margin-bottom: 12px;font-size: 13px;color: #333;text-indent: 2em;}
.general-station p.align{text-indent: 0;}
.general-station p strong{font-weight: bold;font-size: 14px;color: #b63131;}

.general-organization{margin: 15px auto;padding: 15px 10px;box-sizing: border-box;background: #fff;}
.general-organization h2{margin-bottom: 12px;font-size: 16px;color: #333;}
.general-organization .info span{line-height: 20px;margin-right: 20px;}
.general-organization strong{display: block;line-height: 20px;margin-top: 15px;font-size: 14px;color: #333;}
.general-organization p{line-height: 20px;text-indent: 2em;}

/* service */
.service-time{padding: 10px 0;overflow: hidden;}
.service-time span{float: left;line-height: 24px;}
.service-time .filter{float: left;width: 80%;padding: 0;}

.service-address{padding-bottom: 75px;}
.service-address h2{line-height: 30px;padding-top: 14px;font-weight: bold;font-size: 16px;color: #444;}
.service-address table{width: 100%;border: 1px solid #ddd;}
.service-address table td{width: 25%;height: 30px;line-height: 20px;border: 1px solid #ddd;color: #666;text-align: center;}
.service-address img{max-width: 100%} 


.service-traffic{position: relative;margin: 20px 0;background: #fff;}
.service-traffic a{position: absolute;font-size: 14px;color: #333;}
.service-traffic a.anchor-1{padding-left: 12px;top: 50px;left: 43%;}
.service-traffic a.anchor-2{padding-bottom: 5px;top: 72px;left: 25%;}
.service-traffic a.anchor-3{padding-left: 8px;top: 93px;left: 45%;}
.service-traffic a.anchor-4{padding-top: 8px;top: 115px;left: 42.3%;}
.service-traffic a em{position: absolute;width: 4px;height: 3px;background: #ccc;}
.service-traffic a.active em{background: #e60012;}
.service-traffic a.anchor-1 em{top: 5px;left: 0;}
.service-traffic a.anchor-2 em{right: 0;bottom: 0;}
.service-traffic a.anchor-3 em{top: 5px;left: 0;}
.service-traffic a.anchor-4 em{top: 0;left: 0;}
.service-traffic .map{padding: 0 4.3% 18px;margin-top: -2px;}

.service-notice ul{padding: 20px 0;}
.service-notice ul li{position: relative;display: table;width: 100%;width: 100%;height: 78px;margin-bottom: 10px;padding: 0 5% 0 36%;box-sizing: border-box;background: #fff;border: 1px solid #ccc;}
.service-notice ul li:last-child{margin: 0;}
.service-notice ul li:before{position: absolute;top: 12px;left: 15%;content: "";width: 48px;height: 48px;background-color: #035cac;background-image: url(../img/icon-notice.png);background-repeat: no-repeat;background-size: 190px 95px;border-radius: 50%;}
.service-notice ul li:nth-child(1):before{background-position: 0 0;}
.service-notice ul li:nth-child(2):before{background-position: -48px 0;}
.service-notice ul li:nth-child(3):before{background-position: -95px 0;}
.service-notice ul li:nth-child(4):before{background-position: -144px 0;}
.service-notice ul li:nth-child(5):before{background-position: 0 -48px;}
.service-notice ul li:nth-child(6):before{background-position: -48px -48px;}
.service-notice ul li:nth-child(7):before{background-position: -95px -48px;}
.service-notice ul li:nth-child(8):before{background-position: -144px -48px;}
.service-notice ul li p{display: table-cell;line-height: 18px;vertical-align: middle;font-size: 14px;}

.more-notice{border-top: 1px solid #ddd;background: #fff;}
.more-notice a{padding: 0 12.5%;}
.more-notice a h3{line-height: 62px;margin-bottom: 4px;font-size: 16px;color: #333;}
.more-notice a:before{top: 19px;left: 7.8%;}
.more-notice a:after{top: 21px;right: 5%;}
.more-notice a:active{background: #035cac;color: #fff;}

.service-wifi ul{padding: 20px 0;}
.service-wifi ul li{position: relative;display: table;width: 100%;width: 100%;height: 78px;margin-bottom: 10px;padding: 0 16% 0 36%;box-sizing: border-box;background: #fff;border: 1px solid #ccc;}
.service-wifi ul li:last-child{margin: 0;}
.service-wifi ul li:before{position: absolute;top: 12px;left: 15%;content: "";width: 48px;height: 48px;background-color: #035cac;background-image: url(../img/icon-wifi.png);background-repeat: no-repeat;background-size: 190px 95px;border-radius: 50%;}
.service-wifi ul li:nth-child(1):before{background-position: 0 0;}
.service-wifi ul li:nth-child(2):before{background-position: -48px 0;}
.service-wifi ul li:nth-child(3):before{background-position: -95px 0;}
.service-wifi ul li:nth-child(4):before{background-position: -144px 0;}
.service-wifi ul li:nth-child(5):before{background-position: 0 -48px;}
.service-wifi ul li:nth-child(6):before{background-position: -48px -48px;}
.service-wifi ul li:nth-child(7):before{background-position: -95px -48px;}
.service-wifi ul li:nth-child(8):before{background-position: -144px -48px;}
.service-wifi ul li p{display: table-cell;line-height: 18px;vertical-align: middle;font-size: 14px;}

.service-wifi .instruction{position: relative;width: 77%;margin: 0 auto;}
.service-wifi .instruction dl{position: absolute;width: 100%;top: 0;left: 0;box-sizing: border-box;padding: 38px 0 0 20px;}
.service-wifi .instruction dl dd a{line-height: 24px;}

@media (max-width: 360px){
	.service-notice ul li p{font-size: inherit;}
	.service-wifi ul li p{font-size: inherit;}
	.service-wifi .instruction dl{padding: 26px 0 0 17px;}
}

@media (max-width: 320px){
	.service-wifi .instruction dl{padding: 18px 0 0 17px;}
}

.service-list-resource{line-height: 20px;padding: 10px 0;font-size: 13px;}
.service-list-resource em{display: inline-block;height: 20px;margin: 0 3px;padding: 0 5px;background: #c39b48;color: #fff;}
.service-list-resource img{width: 100%;min-width: 100%;margin: 14px 0 22px;}

.service-clipping{margin: 18px 0;padding-top: 18px;border-top: 1px solid #ddd;}
.service-clipping ul{background: #fff;}
.service-clipping ul li img{float: left;width: 50%;}
.service-clipping ul li .text{float: left;width: 40%;margin: 0 5%;text-align: center;}
.service-clipping ul li:nth-child(even) img{float: right;}
.service-clipping ul li:nth-child(even) .text{float: left;}

.service-clipping ul li .text h2{line-height: 30px;margin-top: 5px;font-size: 15px;color: #333;}
.service-clipping ul li .text p{line-height: 18px;color: #999;}
.service-clipping ul li .text a{display: block;line-height: 23px;max-width: 100px;margin: 10px auto 0;border: 1px solid #5d5757;border-radius: 2px;color: #333;text-align: center;}
@media (max-width: 360px){
	.service-clipping ul li .text p{font-size: 10px;line-height: 15px;}
}

.service-clipping-list{padding: 10px 0;}
.service-clipping-list .list{border-top: 1px solid #ccc;}
.service-clipping-list .list a{padding: 10px 0;}
.service-clipping-list .list a .date{background-size: 16px 16px !important;line-height: 16px;padding-left: 20px;}
.service-clipping-list .list a:nth-child(even){background: #e5e5e5;}
.service-clipping-list .list a:after{top: 20px;right: 5%;}
.service-clipping-list .list a:active{background: #25315b;}

.service-clipping-detail .wrap{margin: 10px 3.5% 20px;padding: 0 2.5% 20px;background: #fff;}
.service-clipping-detail .wrap h3{line-height: 50px;font-size: 16px;color: #333;}
.service-clipping-detail .wrap h4{line-height: 16px;}
.service-clipping-detail .wrap img{width: 148px;margin: 20px 0 15px;}
.service-clipping-detail .wrap p{line-height: 20px;text-indent: 2em;}

.service-literature{padding: 28px 0 55px;}
.service-literature ul li:last-child{margin-top: 26px;}
.service-literature ul li em{float: left;margin-left: 10px;font: 14px/25px "Microsoft YaHei";color: #f00;}
.service-literature ul li:last-child input:nth-child(2){margin: 0 15px;}

.service-mobile dl p{line-height: 20px;}
.service-mobile dl h3{font-weight: bold;font-size: 16px;letter-spacing: 1px;}
.service-mobile dl dt h3{line-height: 45px;color: #b78c3b;}
.service-mobile dl dt img{width: 100%;max-width: 100%;margin: 20px 0;}
.service-mobile dl dd{padding-top: 28px;border-top: 1px solid #ccc;overflow: hidden;}
.service-mobile dl dd .icon{float: left;width: 62px;}
.service-mobile dl dd .text{float: right;width: 72%;}
.service-mobile dl dd .text h3{line-height: 26px;margin-bottom: 38px;}
.service-mobile dl dd .text img{width: 102px;margin: 17px 0 28px;}

.service-form-consult{padding: 36px 0 34px;}
.service-form-consult ul li{margin-bottom: 6px;overflow: hidden;}
.service-form-consult ul li:last-child{margin-top: 44px;}
.service-form-consult ul li textarea{float: left;width: 76%;padding: 0 1%;height: 100px;border: 1px solid #ccc;line-height: 20px;box-sizing: border-box;}
.service-form-consult ul li .btn-submit{margin-right: 25px;}
@media (max-width: 320px){
	.service-form-consult ul li textarea{width: 73%;}
}
@media (max-width: 360px){
	.service-form-consult ul li textarea{width: 70%;}
}

.question-category{margin-top: 12px;overflow: hidden;}
.question-category li{float: left;width: 16.6%;margin: 0 4.25% 15px 0;}
.question-category li:nth-child(5n){margin-right: 0;}
.question-category li a{display: block;line-height: 24px;background: #b5b5b5;border-radius: 12px;text-align: center;color: #fff;}
.question-category li a:active,
.question-category li.current a{background: #ba0606;}

.question-list a{padding: 0 12.5%;}
.question-list a h3{line-height: 62px;margin-bottom: 4px;font-size: 16px;color: #333;}
.question-list a:before{top: 19px;left: 7.8%;}
.question-list a:after{top: 21px;right: 5%;}
.question-list a:active{background: #2b3763;color: #fff;}
.question-detail h2{height: 48px;line-height: 48px;margin-top: 18px;overflow: hidden;background: #b78b3b;font-weight: bold;font-size: 15px;color: #fff;text-indent: 5%;}
.question-detail p{line-height: 24px;margin: 12px 0 42px;padding: 15px 5% 30px;background: #fff;font-size: 14px;}

/* information */
.information-list-1 a{padding: 15px 0 15px 3%;background: #fff;}
.information-list-1 a:before{top: 21px;left: 9.3%;}
.information-list-1 a:after{top: 25px;right: 5%;}
.information-list-1 a:active{background: #00aeef;}
.information-list-1 a .text{max-width: 80%;}
.information-list-1 a .text span{line-height: 15px;background-size: 15px 15px !important;font-size: 13px;color: #999;}
.information-list-1 a .text .date{float: left;padding-left: 20px;margin-left: 5px;}
.information-list-1 a .text .top{float: right;padding-right: 20px;background: url(../img/icon-top.png) no-repeat right 0;}
.information-list-1 a:active{background: #2a3662;}
.information-list-1 a:active .text *{color: #fff;}
.information-list-1 a:active .text span.top{background: url(../img/icon-top-active.png) no-repeat right 0;}

.information-list-2 a{padding: 12px 12.5%;background: #fff;}
.information-list-2 a h3{line-height: 20px;margin-bottom: 4px;font-size: 16px;color: #333;}
.information-list-2 a .date{line-height: 16px;padding-left: 20px;background-size: 16px 16px !important;color: #888;}
.information-list-2 a:before{top: 19px;left: 7.8%;}
.information-list-2 a:after{top: 21px;right: 5%;}
.information-list-2 a:active{background: #2b3763;color: #fff;}

.article .wrap{margin: 15px 0;padding: 10px 2.5% 20px;background: #fff;}
.article .wrap h3{line-height: 50px;font-size: 16px;color: #333;}
.article .wrap h4{line-height: 18px;}
.article .wrap p{line-height: 20px;overflow: hidden;text-indent: 2em;}
.article .wrap p.figure{padding: 20px 0;}
.article .wrap p img,
.article .wrap img{max-width: 100% !important;height: auto !important;}
 

.information-detail{padding: 20px 0;}
.information-detail dl{padding-bottom: 12px;}
.information-detail dl dt{position: relative;height: 24px;margin-bottom: 12px;border-bottom: 1px solid #ccc;}
.information-detail dl dt span{position: absolute;top: 0;left: 0;width: 70px;line-height: 25px;background: #354270;border-radius: 5px 5px 0 0;font-size: 13px;color: #fff;text-align: center;}
.information-detail dl dt:after{position: absolute;top: 8px;left: 70px;content: "";width: 7px;height: 16px;background: url(../img/shadow.png);background-size: contain;}
.information-detail dl dd{line-height: 25px;font-size: 13px;color: #333;}

/* 个人空间 */
.personal-report-loss{padding-top: 15px;}
.personal-report-loss ul li:last-child{margin-top: 20px;}
.personal-report-loss ul li .btn-submit{margin-right: 25px;}
.personal-report-loss p{line-height: 18px;margin: 20px 0 15px;}

.personal-billling-query .remaining{display: block;margin-bottom: 8px;}
.personal-billling-query .remaining em{color: #f00;}
.personal-billling-query .date-picker{margin-bottom: 20px;overflow: hidden;}
.personal-billling-query .date-picker label{float: left;line-height: 22px;}
.personal-billling-query .date-picker input{float: left;width: 26%;height: 20px;line-height: 20px;margin-right: 8px;background: #fff url(../img/icon-datepicker.png) no-repeat 97% 2px;background-size: 13px 15px;border: 1px solid #ccc;text-indent: 5px;}
.personal-billling-query .date-picker .button{float: left;line-height: 20px;margin-top: 8px;padding: 0 5px;background: #b78b3b;border: 1px solid #9b7732;color: #fff;text-align: center;}

.personal-history-borrow{width: 100%;margin: 10px 0 20px;}
.personal-history-borrow td{border: 1px solid #ddd;line-height: 30px;text-align: center;font-size: 14px;color: #333;}
.personal-history-borrow tr td:nth-child(1){width: 23%;}
.personal-history-borrow tr td:nth-child(2){width: 42%;}
.personal-history-borrow tr td:nth-child(3){width: 35%;}
.personal-history-borrow tr td a{display: inline-block;padding: 4px 6px;background: #e5e5e5;border-radius: 3px;border: 1px solid #bbb;margin-left: 5px;line-height: 14px;font-size: 12px;}
@media (max-width: 360px) {
	.personal-history-borrow td{font-size: 12px;}
}


.personal-cetificate-deposit{margin: 50px 0 130px;background: #fff;border: 1px solid #ccc;border-bottom: none;text-align: center;}
.personal-cetificate-deposit p{line-height: 25px;border-bottom: 1px solid #ccc;}

.personal-lock-account ul li:last-child{margin: 35px 0;}
.personal-lock-account ul li .btn-submit{margin-right: 25px;}

.personal-modify-info{padding: 30px 0 15px;}
.personal-modify-info ul li label em{margin-right: 3px;vertical-align: -3px;font-size: 14px;color: #f00;}
.personal-modify-info ul li label.gender{width: 15%;min-width: inherit;text-align: inherit;}
.personal-modify-info ul li label input[type="radio"]{margin-right: 12px;vertical-align: -2px;}
.personal-modify-info ul li select.narrow{width: 18.3%;margin-right: 2.8%;}
.personal-modify-info ul li:last-child{margin-top: 40px;}
.personal-modify-info ul li .btn-submit{margin-right: 30px;}

.personal-modify-password ul li:last-child{margin: 25px 0;}
.personal-modify-password p{line-height: 18px;margin-bottom: 40px;}

/* 个性推荐 */
.personalized-recommend a{padding: 10px 0;background: #fff;}
.personalized-recommend a .text h3{height: 42px;line-height: 42px;margin: 0;}
.personalized-recommend a:after{top: 20px;right: 5%;}
.personalized-recommend a:active{background: #4c4c4c;}

/* 我的预约 */
.reservation-activity{padding-top: 34px;}
.reservation-booklist .bookilist-search{margin-bottom: 20px;overflow: hidden;}
.reservation-booklist .bookilist-search select{float: left;width: 18%;height: 22px;margin-right: 2%;border: 1px solid #ccc;}
.reservation-booklist .bookilist-search input{float: left;width: 28%;line-height: 16px;margin-right: 5%;padding: 2px 0;text-indent: 10px;}
.reservation-booklist .bookilist-search a{float: left;line-height: 20px;padding: 0 5px;background: #b78b3b;border: 1px solid #9b7732;color: #fff;text-align: center;}
.reservation-booklist ul li label{width: auto;min-width: inherit;}

/* 引导页 */
.guide{padding-bottom: 32px;background: url(../img/guide.png) no-repeat;background-size: cover;}
.guide .title{width: 100%;min-width: 100%;margin-top: 10px;}
.guide dl{margin-bottom: 5px;overflow: hidden;}
.guide dl dt{position: relative;line-height: 35px;margin-bottom: 12px;border-bottom: 1px solid #d2d2d2;font-size: 20px;color: #fff;text-indent: 6.5%;}
.guide dl dt:before{position: absolute;top: 12px;left: 0;content: "";padding: 4px;border: 2px solid #fff;border-radius: 50%;}
.guide dl dt em{margin-left: 8px;font-size: 12px;text-transform: uppercase;}
.guide dl dd{float: left;width: 31.6%;margin-right: 2.6%;margin-bottom: 5px;}
.guide dl dd:nth-of-type(3n){margin-right: 0;}
.guide dl dd a{display: block;line-height: 33px;background: rgba(150, 150, 150, .5);font-size: 14px;color: #fff;text-align: center;}
.guide dl dd a:active{background: #d50000;}