@charset "utf-8";
/* CSS Document */
.camp-type{ margin-top:10px !important;}
.camp-param{margin-top: 10px;margin-bottom: 10px;}
.camp-param span{ margin-right:20px; font-size: 14px;line-height: 30px;color: #999;}
.camp-price{ margin-bottom:20px;}

.camp-list{position:absolute; }
.camp-list-box{ position:relative; padding-bottom:10px;border-bottom:1px solid #eee; margin-bottom:10px;}
.camp-list-arrow{ position:absolute; width:30px; height:30px;top:50%; margin-top:-20px;cursor: pointer; display:none;}
.arrow-prev{ left:-30px; background:url(campleft.png) no-repeat center left;background-size: 20px;}
.arrow-next{ right:-30px; background:url(campright.png) no-repeat center right;background-size: 20px;}
.camp-list-con{ overflow:hidden;position: relative;height: 72px;}
/*.camp-list{ padding-bottom:10px;border-bottom:1px solid #eee; margin-bottom:10px;}*/
.camp-list li{ /*width:16.66%;*/ float:left; cursor:pointer;}
.camp-list .camp-list_item{ border:1px solid #eee; margin-right:10px; padding:10px; border-radius:5px;  font-size:14px; color:#888;}
.camp-list .camp-list_item p{line-height:25px; height:50px; overflow:hidden;}
.camp-list .camp-list_item .lock-p{background:url(common_icon_lock.png) no-repeat left center; margin-right:2px; display:inline-block; width:18px; height:18px;    vertical-align: middle;}
.camp-list li.curr .camp-list_item{ border:1px solid #3c81f9; color:#3c81f9;}

#camp-directory{ margin-top:30px;}
.camp-directory_item-info{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.camp-directory_item-left{ width:80%;}
.camp-directory_item-img{ width:25%;overflow:hidden;height: 130px;}
.camp-directory_item-img img{ display:block; width:100%; min-height:100%;}
.camp-directory_item-con{ width:75%; padding-left:20px; box-sizing:border-box;}
.camp-directory_item-title{ font-size:16px; font-weight:normal; margin-bottom:20px;}
.camp-directory_item-title a{vertical-align: middle;}
.camp-directory_item-title span{ font-size:12px; display:inline-block; height:20px; line-height:20px; padding:0 10px; border-radius:20px; background:#ff5b5b;color:#fff; margin-left:5px; vertical-align:middle;}
.camp-directory_item-con p{ line-height:30px; font-size:14px; color:#888;}
.camp-directory_item-con p span{ margin-right:30px;}

.camp-directory_item-right{ width:20%; text-align:right;}
.camp-directory_item-price{ font-size:20px;color: #e91c35; line-height:30px; margin-top:20px; margin-bottom:10px;min-height: 30px;}
.camp-directory_item-price span{ width:114px; text-align:center; display:inline-block;}
.camp-directory_buy-btn{background: #f59121;display: inline-block; line-height:32px; height:32px; color:#fff; width:114px; text-align:center;border:none; border-radius:32px; font-size:14px;}
.camp-directory_buy-btn:hover{ color:#fff;}

.directory_item-type{ display:inline-block; padding:0 5px; font-size:12px; margin-right:10px; line-height:16px; height:18px; border-radius:3px; border:1px solid #bcc3cc; color:#bcc3cc; box-sizing:border-box;}
.camp-tips{ font-size:12px;}
.red-font{color:#e91c35;}
.keshi::before {left: 20px;}
.keshi .learn-state{left: 10px;}
.keshi .keshi-url{padding: 0 15px 0 35px;cursor: pointer;}
.keshi .keshi-duration{padding-left:0; background:none;}
.keshi:hover .keshi-url {padding-right: 15px;}
.try-it{ font-size:12px;margin-left: 10px !important;}
.start-time{font-weight: normal;font-size: 12px;height: 42px;}

.lock-it{ background:url(common_icon_lock.png) no-repeat center; display:inline-block; width:20px; height:20px;margin-top: 11px;}


.camp-nobuy-tips{display:none;background: rgba(0, 0, 0, 0.5);color: #fff;position: fixed;left: 50%;top: 30%;line-height: 30px;padding: 10px 20px;border-radius: 5px;font-size: 14px;z-index: 1000;margin-top: -25px;margin-left: -102px;letter-spacing: 1px; width:204px; text-align:center;}

.camp_time-p{font-size: 14px;line-height: 30px;color: #999;}
.buy-tips{color: #bbb;line-height: 30px; margin-top:10px;}