main{   background:linear-gradient( 75deg, #f8f7f9 0%, #F6F7FE 100%); border: solid 1px rgba(255,255,255,.0);}
/* member center*/
.heading-inner{  position: relative;  }
 .container{padding:0px;} 
.container-member{ display: flex;  flex-wrap: wrap; margin:0px auto auto auto;}
aside{ display: flex; flex:0 0 100%; padding:0px;   }
.member-wrap{display: flex; flex:0 0 100%; flex-wrap: wrap; margin:0px auto; padding: 10px;} 


@media (min-width: 768px) and (max-width: 979px) {
.container-member{ display: flex;  flex-wrap: wrap; margin:65px auto auto auto;}

}

 /*-------cart step  elements----*/
div.tab-bar .btn{ color: #fff; width: 100%;  text-align: center;margin: 0px auto; padding: 10px; }
div.tab-bar {position: relative;  width: 100%; display: block; margin: auto; background: linear-gradient( 45deg, #ffad01 20%, #ffd101 100%); z-index:1;   }
ul.tab { position: absolute;left: 0; right: 0; margin: 0; padding: 0;   display: none;  list-style: none; z-index:0; background:#feb001;}
ul.tab li {width: 100%; padding: 10px 20px;   border-bottom: 1px solid #fff; }
ul.tab a {padding: 10px 20px; text-decoration: none; color: #fff; }
ul.tab a:hover { color: #fff;   }
@media (min-width:769px) {
.container-member{  margin:auto;}
.member-wrap{display: flex; flex:0 0 80%; flex-wrap: wrap; margin:0px auto; padding: 10px 30px; } 
aside{  flex:0 0 20%; padding:20px 0px; background: linear-gradient(to right, #f8f7f9, white);box-shadow: 7px 0 8px #e9ebee;  }
div.tab-bar .btn{ display: none!important;  }
div.tab-bar { margin:10px auto; transition: background-color 220ms ease-in, box-shadow 80ms ease-in; background: transparent; box-shadow: none; border: none;z-index:1;  }
ul.tab { width: 100%;display: flex;  flex-wrap: wrap; align-items: center; justify-content: flex-start;  position: relative;  padding-top:0; z-index:0; background:none;    }
ul.tab a {color:#000; }
ul.tab li {  width: 100%;    margin:2px 0px;  }
ul.tab li:hover{ color:#8c8070;  background-color: #ffc000;}
ul.tab li.current{ background-color:#f8f7f9; border-right:3px solid #f79d11;}	
ul.tab li.current a{color:#f79d11;}			
}

/* member forget password*/
.password-form { width: 100%;  margin:5% auto; /*background-image: linear-gradient( 135deg, #fff 10%, #fbd14b 100%);*/ }
.password-form ul { display: flex;  flex-wrap: wrap; margin:0px auto; padding:15px; background:#fff;  border-top:5px solid #f79d11;  border-radius:4px 4px 0px 0px;  box-shadow:0px 5px 6px rgba(0,0,0,.1); }
.password-form ul li { display: flex;  flex-wrap: wrap;flex: 0 0 100%; justify-content: flex-start; align-items: center; margin:0px 5px; padding:0px 15px 5px 15px; }  
.password-form ul li span { display: flex;   font-size: 0.875rem; line-height:2rem; }  
.password-form ul li span.group-label { flex: 0 0 100%; font-weight: 700;  }
.password-form ul li span.edit-booking-content{flex: 0 0 100%; font-weight: 400; color:#4f5a60; }
.password-form ul li span i{display: inline-flex;  }
.password-form ul li a{ color:#ffa726;  }  
.password-form ul li span.box-3 { flex: 0 0 30%;  }
.password-form ul li span.box-7 { flex: 0 0 68%;  }
.password-form ul.submit-btn {  background:none; border-top:none; border-radius: 0px;  box-shadow:none;  }
@media (min-width:768px) {
 .password-form { width: 50%; }
}
.center-info { width: 80%; margin:10% auto; display: block; text-align: center; }
.center-info h2 { font-size: 26px; display: block; width: 100%; margin: 30px 0; text-align: center; font-weight: 400 }
.center-info p { font-size: 15px; display: block; text-align: center; width: 100%; margin: 30px 0; line-height: 26px; font-weight: 400}
.center-info p.info-more { font-size: 14px; display: block; text-align: center; width: 100%; margin: 30px 0; line-height: 26px; }
.center-info p strong { font-weight: bold; color: #C9163A; margin: 0 0 0 10px; }
.border { height: 2px; overflow: hidden; display: block; color: #aeb8bd; background-color: #aeb8bd; width: 100%; clear: both; }
 
/**----member order-history -----------**/
.form-medium { width: 100%;  margin:1% auto;  }
.form-medium ul { display: flex;  flex-wrap: wrap; margin:20px auto; padding:15px; background:#fff;  border-top:5px solid #f79d11;  border-radius:4px 4px 0px 0px;   }
.form-medium ul li { display: flex;  flex-wrap: wrap;flex: 0 0 100%; justify-content: flex-start; align-items: center; margin:0px 5px; padding:0px 15px 5px 15px; }  
.form-medium ul li span { display: flex;   font-size: 0.875rem; line-height:2rem; }  
.form-medium ul li span.group-label { flex: 0 0 100%; font-weight: 700;  }
.form-medium ul li span.edit-booking-content{flex: 0 0 100%; font-weight: 400; color:#4f5a60; }
.form-medium ul li span i{display: inline-flex;  }
.form-medium ul li a{ color:#ffa726;  }  
.form-medium ul li span.box-3 { flex: 0 0 30%;  }
.form-medium ul li span.box-7 { flex: 0 0 68%;  }

 @media (min-width:768px) {
.form-medium ul { display: flex; flex-wrap: wrap;  margin:20px auto; padding:15px; background:#fff; box-shadow: 0 4px 10px 0 #bec2c9;}
.form-medium ul li { display: flex; flex: 0 0 46%; margin:10px; padding:0px 15px 15px 15px; }  
.form-medium ul li span.group-label { flex: 0 0 35%;   }
.form-medium ul li span.edit-booking-content{flex: 0 0 65%; }
}

 /**---search-filters -----------**/
.search-filters{ width: 100%; max-width:380px; margin: 0;   }
.search-filters form{ width: 100%;  margin: 0; display: flex; flex-wrap: wrap;  flex-direction: column;}
.search-option{ display: flex; flex-wrap: wrap; flex: 0 0 100%; margin:10px 0px;  }
.search-option select{width:30%; height: 40px;  margin: auto 3px;  }
.search-submit{ display: flex; flex-wrap: wrap; flex-direction: row; flex: 0 0 100%; margin:10px auto;   }
.search-submit a.btn { width:25%; min-width:100px; margin:auto 5px; }
@media ( min-width : 768px ){
.search-filters{ width: 100%; max-width:100%;margin: 0; display: flex; flex-wrap: wrap; flex-direction: row;  }
.search-filters form{ width: 100%; margin: 0; display: flex; flex-wrap: wrap;  flex-direction: row;}
.search-option{   flex: 0 0 50%; margin:10px 0px;  }
.search-submit{   flex: 0 0 50%; margin:10px 0px;  }
}
/**----member order-history -----------**/
.order-history-list { max-width:720px; width:100%;  margin:5% auto; overflow-x: scroll; }
.order-history-list ul { display: flex;  flex-wrap:nowrap;  margin:5px auto; padding:0px;  border-radius:4px 4px 0px 0px; }
.order-history-list ul.field{ margin:0px auto;}
.order-history-list ul.field li{ border-top:3px solid #f79d11; }
.order-history-list ul li {  display: flex; flex: 0 0 31.333%;  justify-content: center; align-items: center; margin:0px; padding:10px 15px; border-bottom:1px solid #ece2c1; background: #fff; } 
.order-history-list ul.field li span.group-label {display: block;}
.order-history-list ul li span { display: flex;  flex-direction: column; justify-content:center; font-size: 0.875rem; line-height:1.25rem; word-break: break-all; }  
.order-history-list ul li span.group-label { display: none;font-weight: 700;  }
.order-history-list ul li span.edit-booking-content{ font-weight: 700;   }
.order-history-list ul li span i{ display: inline-flex; width:28px;height: 28px;  }
.order-history-list ul li a{ color:#ffa726;  }  
.order-history-list .icon-edit { height: 20px; width: 20px; background-size: 14px 14px;}
.order-history-list .btn-submit{width:100%; }
@media ( min-width : 769px ){
.order-history-list {width:100%; max-width: 100%; margin:5% auto; overflow-x: scroll; }
.order-history-list ul li {  display: flex; flex: 0 0 15%;  justify-content: center; align-items: center; margin:0px; padding:10px 15px; border-bottom:1px solid #ece2c1; background: #fff; } 

}
/**----order-bill -----------**/
.order-bill {  width:100%;  margin:5% auto; background: #fff; border-top:3px solid #f79d11;box-shadow: 0 4px 10px 0 #bec2c9;border-radius:8px;}
.order-bill ul { display:flex; flex-wrap:wrap;  flex-direction: row;  width:100%; margin:0px auto; padding:0px; }
.order-bill ul.field{ margin:0px auto; border-bottom:3px solid #ece2c1; }
.order-bill ul.field li{ border-right:none}

.order-bill ul li { display: flex;  flex: 0 0 25%; justify-content: center; align-items: center; margin:0px; padding:10px 15px; border-bottom:1px solid #ece2c1; border-right:1px solid #ece2c1;  } 
.order-bill ul li span { display: flex;  font-size: 0.875rem; line-height:2rem;  word-break: break-all;}  
.order-bill ul li span.group-label { font-weight: 700;  }
.order-bill ul li span.edit-booking-content{ font-weight: 700;  justify-content: center;  }
.order-bill ul li span i{ display: inline-flex; width:28px;height: 28px;  }
.order-bill ul li a{ color:#ffa726;  }  
.order-bill ul.summary li.total{flex: 0 0 50%;  display: flex; justify-content: flex-end; color:#a70f0c; border-right:1px solid #ece2c1;  }
.order-bill ul.summary li{border-bottom: none;}



/**----member order-view  -----------**/
.order-history-view { width: 100%;  margin:1% auto;  }
.order-history-view h3{ width: 100%; font-size:0.9rem; font-weight: 700; color:#fff;  margin:0 auto; padding:5px 10px;  background:linear-gradient( 75deg, #f79d11 0%, #ffcc00 100%);   border-radius:8px 8px 0px 0px   }
.order-history-view ul { display: flex; flex-wrap: wrap;  margin:0px auto; padding:5px; background:#fff;}
.order-history-view ul li { display: flex; flex: 0 0 100%; justify-content: flex-start; align-items:flex-start; margin:0px 5px; padding:0px 15px 5px 15px; }  
.order-history-view ul li span { display: flex; font-size: 0.875rem; line-height:1.5rem; }  
.order-history-view ul li span.group-label { flex: 0 0 30%; font-weight: 700;  }
.order-history-view ul li span.edit-booking-content{flex: 0 0 70%; font-weight: 400; color:#4f5a60; }
.order-history-view ul li span i{display: inline-flex;  }
.order-history-view ul li a{ color:#ffa726;  }  
.order-history-view ul li.note{ flex:0 0 100%;   }  
.order-history-view ul li.note textarea{min-height:100px; }
.edit-booking-infos{display: flex; justify-content: flex-end;  width: 100%;  }
.edit-booking-infos a{ display: flex;   margin:10px 0px; }
 @media (min-width:768px) {
.order-history-view h3{ padding:10px 15px;font-size:1rem; }
.order-history-view ul { display: flex; flex-wrap: wrap; margin-bottom:20px;  padding:15px; background:#fff; box-shadow: 0 4px 10px 0 #bec2c9;}
.order-history-view ul li { display: flex; flex: 0 0 46%; margin:10px; padding:0px 15px 15px 15px; border-bottom: 1px solid #eeeeee;}  
.order-history-view ul li span.group-label { flex: 0 0 30%; }
.order-history-view ul li span.edit-booking-content{flex: 0 0 70%; }
.order-history-view ul li.note{ flex:0 0 96%; border-bottom:none;    }  
.order-history-view ul li.note span.group-label { flex: 0 0 14%; }
.order-history-view ul li.note span.edit-booking-content{flex: 0 0 86%; }
}


/**----news-list -----------**/
.news-list {  width:100%;  margin:5% auto; background: #fff; border-top:3px solid #f79d11;box-shadow: 0 4px 10px 0 #bec2c9;border-radius:8px;}
.news-list ul { display:flex; flex-wrap:wrap;  flex-direction: row;  width:100%; margin:0px auto; padding:0px; }
.news-list ul.field{ margin:0px auto; border-bottom:3px solid #ece2c1; }
.news-list ul.field li{ border-right:none}

.news-list ul li { display: flex;  flex: 0 0 33.333%; justify-content: center; align-items: center; margin:0px; padding:10px 15px; border-bottom:1px solid #ece2c1; border-right:1px solid #ece2c1;  } 
.news-list ul li span { display: flex;  font-size: 0.875rem; line-height:2rem;  word-break: break-all;}  
.news-list ul li span.group-label { font-weight: 700;  }
.news-list ul li span.edit-booking-content{ font-weight: 700;  justify-content: center;  }
.news-list ul li span i{ display: inline-flex; width:28px;height: 28px;  }
.news-list ul li a{ color:#ffa726;  }  
.news-list ul.summary li.total{flex: 0 0 50%;  display: flex; justify-content: flex-end; color:#a70f0c; border-right:1px solid #ece2c1;  }
.news-list ul.summary li{border-bottom: none;}





/*====================
     star
====================*/
.tour-rating{ display: flex; justify-content: flex-start; align-items: flex-start;}
.tour-rating i:first-child { margin-left: 0;}
.tour-rating i {  margin-left: 4px; display: flex; }
.icon-star{ width: 16px; height: 16px; background:url(../images/icon/icon-start.svg) no-repeat center top; background-size: 16px;}
/*====================
recent-review
====================*/
.recent-review { width:100%;  margin:2% auto; padding-bottom:10px;background: #fff; box-shadow:0px 5px 6px rgba(0,0,0,.1);}
.recent-review:last-of-type { border-bottom:none; }
.recent-title {width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between;  margin-top: 25px; border-bottom: 1px solid #eee; }
.recent-title h3 { margin: 0; display: flex; justify-content: flex-start; font-size: 1rem; color: #000; }
.recent-title span a{ justify-content: flex-end;font-size:0.75rem; color:#a2771d; }
.recent-title span a:hover{ color: #aaa; }
.recent-review hr{ display: none; }
.recent-review textarea{ min-height:100px; margin:15px auto;  background-color:#fdfaee; border: 0; border-bottom: 2px solid #fead06; color: rgba(0,0,0,0.72); }
.review-item { width:100%;  padding:10px 0; margin: auto;  display: flex; flex-wrap:wrap; justify-content:flex-start;  }
.review-item .review-detail { flex:0 0 70%; margin:0px; padding:0px 0px 30px 0px; justify-content:flex-start;   overflow: hidden;  border-bottom: 1px solid #eee;}
.review-item .editor {  flex:0 0 5%; display: flex;  align-items: flex-start;  justify-content:center; margin:20px 10px;}
.editor-logo{width: 50px; height: 50px;border-radius: 99%;  display: flex;  align-items: flex-start;  justify-content:center; }
.editor-logo img{width: 50px;height: 50px;  border-radius: 99%; }
.review-star {  display: flex; flex-wrap:wrap; justify-content:space-between; align-content: flex-start; align-items: center;}
.review-info { font-size: 0.75rem; color: #999; margin-top: 4px;}
.gap { margin: 0 5px; color: #aaa;}
.review-content { background-color:#f0f4f7; border-radius: 6px;  padding: 15px; margin-top: 10px; position: relative;}
.review-content .txt { margin-bottom: 10px;}
.review-content .txt p { margin-bottom: 5px;  color:#333; font-size:0.875rem;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden; word-break: break-word;}
.photo-group{   margin:10px auto 0 auto;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; align-items: flex-start;}
.photo-group li{ display: flex;flex:0 0 25%; margin:4px; overflow: hidden;border-radius:4px;   filter: grayscale(.5);}
.photo-group li:hover{  filter: grayscale(0);}
.add-photo{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto;  }

.upload-btn-wrapper { position: relative; overflow: hidden;  margin: 10px;  }
.upload-btn { border: 2px dotted #dadce0;  color: gray; background-color: white; width: 60px; height: 60px; padding:10px 20px; border-radius:4px;  font-size: 20px; font-weight: bold;}
.upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;}

.star_bg {  width: 120px; height: 20px; background: url(../images/icon/star.png) repeat-x; position: relative; overflow: hidden;}
.star { height: 100%; width: 24px; line-height: 6em; position: absolute;  z-index: 3;}
.star:hover { background: url(../images/icon/star.png) repeat-x 0 -20px!important; left: 0; z-index: 2;}
.star_1 { left: 0; }
.star_2 { left: 24px; }
.star_3 { left: 48px; }
.star_4 { left: 72px; }
.star_5 { left: 96px; }
.star_1:hover { width: 24px; }
.star_2:hover { width: 48px; }
.star_3:hover { width: 72px; }
.star_4:hover { width: 96px; }
.star_5:hover { width: 120px; }

#starBg label { display: block; _display:inline; height: 100%; width: 100%;  cursor: pointer;}
/* 幕后的英雄，单选按钮 */
.score { position: absolute; clip: rect(0 0 0 0); }
.score:checked + .star { background: url(../images/icon/star.png) repeat-x 0 -20px;  left: 0; z-index: 1;}
.score_1:checked ~ .star_1 { width: 24px; }
.score_2:checked ~ .star_2 { width: 48px; }
.score_3:checked ~ .star_3 { width: 72px; }
.score_4:checked ~ .star_4 { width: 96px; }
.score_5:checked ~ .star_5 { width: 120px; }
.star_bg:hover .star {  background-image: none; }
/* for IE6-IE8 JS 交互 */
.star_checked { background: url(../images/icon/star.png) repeat-x 0 -20px; left: 0; z-index: 1;}
 
.box { background-color: #fff; border: 1px solid #ddd; display: block;  max-width: 30em;  margin: 0 auto;  border-radius: 4px;}




 
 @media (min-width: 768px) {
.photo-group li{ flex:0 0 10%;  }
}

@media ( min-width : 768px ){
.review-item .editor {  flex:0 0 10%;   margin:5px 10px;}
.review-item .review-detail { flex:0 0 80%; }
}

/* Table ====================================================================== */
.tab-scroll { width: 100%; overflow-x: scroll; }

/* Grid ======================================================================= */
.md-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }
.flex-center{  justify-content: center; align-items: center; margin: auto;}
.flex-right{justify-content: flex-end;}