/* css clear */
header, footer, section, aside, article, nav, dialog, figure {display: block;}/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, section, legend, textarea, p, blockquote, th, td, input, select, textarea, button {margin: 0;padding: 0}
fieldset, img {border: 0 none}
dl, ul, ol, menu, li {list-style: none}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
button {border: 0 none;background-color: transparent;cursor: pointer}
body {font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; overflow:auto; overflow-x:hidden; font-size: 14px; background:#f5f5f5; line-height:1.5em; color:#333;}
a {color: #333;text-decoration: none;}
a:active, a:hover {text-decoration: none}
address, caption, cite, code, dfn, em, var, i {font-style: normal;font-weight: normal}
img {border: 0;max-width: 100%;}
:focus {outline:none}
input, textarea {-webkit-appearance: none;-webkit-border-radius:0;border:0;font-size: 14px;}
textarea::-webkit-input-placeholder {color:#aaa;}
textarea:focus::-webkit-input-placeholder {color:#eee;}
a, button, input {-webkit-tap-highlight-color: rgba(255, 0, 0, 0);}
.clear,.clear20,.clear30,.clear40,.clear50{clear: both;width:100%;overflow:hidden;font-size:1px;height:10px;padding:0;margin:0;float:none; visibility: hidden;}
.clear20{height: 20px;}
.clear30{height: 30px;}
.clear40{height: 40px;}
.clear50{height: 50px;}
.text-color-red{color: #ad3c3a;}
.text-color-blue{color: #1E9FFF;}
.text-color-green{color: #5FB878;}
.text-color-gary {color: #c2c2c2;}
.text-color-orange {color: #F7B824;}

.width-50px {width: 50px!important;}
.width-100px {width: 100px!important;}
.width-150px {width: 150px!important;}
.width-200px {width: 200px!important;}
.width-300px {width: 300px!important;}
.width-400px {width: 400px!important;}
.width-500px {width: 500px!important;}
.width-600px {width: 600px!important;}

.toolbar-warp{width: 100%; height: 50px; background: #201f1e; color: #fff;}
.toolbar-warp .toolbar{width: 1000px; height: 50px; line-height: 50px; margin: 0 auto;}
.toolbar-warp .toolbar .left{width: 500px; height: 50px; float: left;}
.toolbar-warp .toolbar .right{width: 500px; height: 50px; text-align: right; float: right;}
.toolbar-warp .toolbar .right a{color: #fff; margin-left: 20px;}
.toolbar-warp .toolbar .right a:hover{color: #459df5;}

.header{width: 100%; height: 200px; background: #0a318a; text-align: center;}
.header img{display: block; margin: 0 auto;}

.nav-warp{width: 100%; height: 50px; background: #459df5;}
.nav-warp ul{width: 1064px; height: 50px; margin: 0 auto;}
.nav-warp li{float: left; height: 50px; background: url("../images/nav-line.jpg") no-repeat right center;}
.nav-warp li:last-child{background: none;}
.nav-warp li a{display: block; height: 50px; line-height: 50px; padding: 0 30px; color: #fff; font-size: 16px;}
.nav-warp li a.active,
.nav-warp li a:hover{color: #0a318a;}

.breadcrumb-warp{width: 100%; background:#fff;}
.breadcrumb{width: 1000px; height: 50px; line-height: 50px; margin: 0 auto; color: #999;}
.breadcrumb a{color: #999;}
.breadcrumb a:hover{color: #459df5;}

.pagination-box{background: #fff;  padding:0 0 30px 0; overflow: hidden;}
.pagination{width: 100%; clear: both;  white-space: nowrap;  text-align: center; overflow: hidden;  box-sizing: border-box;}
.pagination li{display: inline-block;}.pagination a{display: inline-block; height: 26px; line-height: 20px; border:1px solid #459df5; padding: 3px 12px; box-sizing: border-box; background: #fff; margin: 0 2px;}.pagination li.active a{border:1px solid #459df5; background: #459df5; color: #fff; box-sizing: border-box;}
.pagination span{ display: inline-block; height: 26px; line-height: 20px;padding: 3px 10px; border:1px solid #459df5; background: #459df5; color: #fff; margin: 0 2px;  box-sizing: border-box;}

.empyt-notice{width: 90%; margin: 0 auto; color: #E73C31; padding:20px; text-align: center; border-radius: 6px; font-size: 22px;}

.footer-warp{width: 100%; height: 80px; line-height: 80px; background: #201f1e; color: #fff;}
.footer-warp .footer{width: 1000px; margin: 0 auto;}
.footer-warp .footer a{color: #fff;}
.footer-warp .footer .left{width: 500px; float: left;}
.footer-warp .footer .right{width: 500px; float: right; text-align: right;}

.subscribe-calendar{text-align: center; padding: 20px; overflow: hidden;}
.subscribe-calendar table{width: 100%; border-left: 1px solid #E6E6E6;}
.subscribe-calendar th{padding:20px 10px; background: #E6E6E6;}
.subscribe-calendar td{padding:20px 10px; width: 137px; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; cursor: pointer;}
.subscribe-calendar td.no-subscribe{background: #E73C31; color: #fff;}
.subscribe-calendar td.no-selected{background: #F5F5F5; cursor: not-allowed}
.subscribe-calendar td.selected{background: #5FB878; color: #fff;}
.table-header{width: 100%; padding: 10px 0; display: flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden;}
.table-header .prev{ text-align: right;}
.table-header .today{text-align: center; font-size: 18px; font-weight: bold;}
.table-header .next{text-align: left;}

.subscribe-calendar-time,.subscribe-calendar-btn{width: 100%; padding-top: 20px; overflow: hidden;}
.subscribe-calendar-time label{padding-right: 10px;}
.subscribe-calendar-timer{display: none; width: 100%; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #f5f5f5;}
.subscribe-calendar-timer .title{width: 100%; text-align: center; padding: 10px 0 5px 0; overflow: hidden;}
.subscribe-calendar-timer .li{display: none; width: 100%; text-align: center; padding: 5px 0; overflow: hidden; color: red;}

.subscribe-calendar-btn{padding-bottom: 50px;}
.subscribe-calendar-btn a{display: inline-block; padding: 15px 40px; background:#607fc4; color: #fff; border-radius: 5px;}
.subscribe-calendar-btn a:hover{background: #ce8900;}