@charset "utf-8";
/* CSS Document */

.apply-wrap .month-select { position: relative; text-align: center; padding: 15px 0; margin: 0 auto; border-top:1px solid #5496ff; width:100%; background:#fafafa; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.apply-wrap .month-select .center-wrap {width: 260px; position: relative; text-align: center; margin:0 auto;}
.apply-wrap .month-select .center-wrap h3 {font-size: 2rem; font-weight: 600; color: #173058;}
.apply-wrap .month-select .center-wrap button {position: absolute; padding: 5px; cursor: pointer; top:-5px; width:40px; height:40px; background:#fff; border:1px solid #dee3eb; border-radius: 50%;}
.apply-wrap .month-select .center-wrap button.left {left:0;}
.apply-wrap .month-select .center-wrap button.left img {position: relative; right: 1px; top:1px}
.apply-wrap .month-select .center-wrap button.right {right:0;}
.apply-wrap .month-select .center-wrap button.right img {position: relative; left: 1px; top:1px}
.apply-wrap .month-select .center-wrap button img { width: 10px; opacity: .7;}
.apply-wrap .month-select .center-wrap button:hover img { opacity: 1;}

.apply-wrap .filter-wrap { position: relative; text-align: center;}
.apply-wrap .filter-wrap ul {display: inline-block; }
.apply-wrap .filter-wrap ul li {font-size: 1.3rem; font-weight: 500; float: left; line-height: 35px;}
.apply-wrap .filter-wrap ul li a {display: block; width: 100%; height: 100%; padding: 0 20px; border-bottom:1px solid #dee3eb; -webkit-transition: border .2s, color .2s;-moz-transition: border .2s, color .2s;-ms-transition: border .2s, color .2s;-o-transition: border .2s, color .2s;transition: border .2s, color .2s;}
.apply-wrap .filter-wrap ul li:hover a,
.apply-wrap .filter-wrap ul li.select a { border-bottom: 2px solid #5496ff; color: #5496ff;}

.apply-list-wrap {width: 100%;}
.apply-list-wrap .list .box { margin-top:20px;}
.apply-list-wrap .list .box .head {position: relative; } 
.apply-list-wrap .list .box .head a {display: block; width: 100%; height: 100%; position: relative; padding:15px; padding-left: 120px; background:#e9f1f0; font-size: 1.5rem; font-weight: 600; color: #0b2b5f; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.apply-list-wrap .list .box .head a span {position: absolute; top:0; left: 0; background: #5496ff; color: #fff; font-weight: 500; cursor: auto; line-height: 55px; width: 100px; text-align: center;}
.apply-list-wrap .list .box .head a:hover {text-decoration: underline;}
.apply-list-wrap .list .box .head a:hover span {text-decoration: none;}
.apply-list-wrap .list .box .cont {padding:10px 20px 20px; border:1px solid #dee3eb; border-top: 0; position: relative;}
.apply-list-wrap .list .box .cont .row p:after {content: ''; display: block; clear: both;}
.apply-list-wrap .list .box .cont .row p {display: inline-block; margin-right: 25px; font-size: 1.3rem; color:#666; margin-top: 10px; }
.apply-list-wrap .list .box .cont .row p > span {float: left;}
.apply-list-wrap .list .box .cont .row p .tit {display: inline-block; line-height: 23px; min-width:58px; background: #e9f1f0; color: #556886; text-align: center; border-radius: 3px; font-size: 1.25rem; margin-right: 5px;}
.apply-list-wrap .list .box .cont .row p .txt .tt { color: #d23e12; }
.apply-list-wrap .list .box .cont .btn-wrap { position: absolute; bottom:20px; right: 20px;}

.apply-list-wrap .list .box.disabled { pointer-events: none;}
.apply-list-wrap .list .box.disabled .head a  {background:#f1f1f1; color: #777;}
.apply-list-wrap .list .box.disabled .head a span {background:#aaa;}
.apply-list-wrap .list .box.disabled .cont .row p .tit {background: #efefef;}
.apply-list-wrap .list .box.disabled .cont .row p .tit,
.apply-list-wrap .list .box.disabled .cont .row p .txt,
.apply-list-wrap .list .box.disabled .cont .row p .txt .tt {color: #999;}
.apply-list-wrap .list .box.disabled .cont .btn-wrap button { background: #bbb }

.apply-list-wrap .list .box.none .head a {cursor: default;}
.apply-list-wrap .list .box.none .cont {text-align: center; padding:70px 20px; font-size: 1.4rem; font-weight: 500; color: #797979;}


@media all and (max-width: 750px) {
	.apply-list-wrap .list .box .cont {padding-bottom: 60px;}
	.apply-list-wrap .list .box .cont .btn-wrap {width: 100%; bottom: 0; right: 0;}
	.apply-list-wrap .list .box .cont .btn-wrap button {width: 100%;}
	.apply-list-wrap .list .box .cont .row p {width: 100%; }
	.apply-list-wrap .list .box .cont .row p .txt {width: calc(100% - 70px); word-break: keep-all;}
	.apply-list-wrap .list .box .head a {font-size: 1.4rem; padding-left: 90px;}
	.apply-list-wrap .list .box .head a span {width: 80px;}
}
@media all and (max-width: 640px) {
	.apply-wrap .month-select {padding:20px 0;}
	.apply-wrap .month-select button {top:24px;}
}
@media all and (max-width:425px) {
	.apply-wrap .month-select {width:100%; float: none;}
	.apply-list-wrap .list .box .cont {padding:5px 10px 50px;}
}