@charset "utf-8"; /* CSS Document */
.camp-type { margin-top:10px !important; } 
.camp-param { margin-bottom: 15px; } 
.camp-param span { margin-right:20px; font-size: 14px; line-height: 16px; 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 li { 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 #f5c921;  color: #222; font-weight: bold; } 

#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: #ffd500; display: inline-block; line-height:32px; height:32px; color:#333; width:114px; text-align:center; border:none; border-radius:32px; font-size:14px; } 
.camp-directory_buy-btn:hover { background:#ffe366;color:#333; } 

.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; }