body {
  overflow-x: hidden;
}
.box-item{
  width: 1200px;
  margin: auto;
  
}
.header-box {
  padding: 1em 0;
    box-shadow: 2px 2px 12px #ddd;
}
/* 标题信息 */
.flight-title {
  margin-bottom: 0.5em;
}

/* 航班基础信息 */
.flight-info-box {
  border-radius: 5px;
  padding: 2px;
  display: flex;
}
.flight-info-box .to-date-input-box {
  display: none;
}
.flight-info-box.active .to-date-input-box {
  display: inline-block;
}
.flight-info-box .flight-type {
  margin-right: 2em;
  border-radius: 4px;
}
.flight-info-box .exchange-city-button {
  color: #767676;
  margin: 0 0.5em;
}
.flight-info-box .input-left {
  margin-left: 0em;
}
.flight-info-box .ui.labeled.input .ui.label {
  background-color: #CCCCCC;
  color: #333;
  display:inline;
}
.flight-info-box>.form {
  flex-grow: 1;
}
/* 航班主体 */
.main-box {
  background-color: #f3f3f3;
  padding-top: 1em;
}
.flight-main-box .flight-date-box{
  background-color: #fff;
  border-radius: 5px;
}

/* 右侧导航 */
.flight-main-box .left-main {
  width: 274px;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 1em;
  border-top: 2px solid #e44100;
  background-color: #fff;
  float: left;
}

.flight-date-list {
  display: inline-block;
}
.flight-date-list .flight-date-item {
  display: inline-block;
  padding: 1em 1.3em;
  border-right: 1px solid #ddd;
  color: #2a2f33;
}
.flight-date-list .flight-date-item.active {
  box-shadow: 2px 2px 3px #bcbdbd;
  color: #28b4d3;
}
.flight-date-list .flight-date-item:hover {
  box-shadow: 2px 2px 3px #bcbdbd;
}
.flight-date-list .flight-date-item.active .price{
  color: #28b4d3;
}
.flight-date-list .flight-date-item  .price{
  color: #f2711c;
  font-size: 1.8rem;
}
.flight-date-box .flight-date-calendar {
  display: inline-block;
  text-align: center;
  padding: 1em 1.3em;
  color: #bababc;
  float: right;
  border-left: 1px solid #ddd;
}
.flight-date-box .flight-date-calendar:hover {
  color: #00b5ad;
}
.flight-date-box .flight-date-calendar i {
  font-size: 2.5em;
}
.flight-date-box .flight-date-calendar p {
  font-size: 1.1rem;
}
/* 航班搜索条 */
.flight-search-box {
  padding: 0.5em 1em;
  margin-top: 1em;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flight-search-box .dropdown {
  padding: 1em;
  font-size: 0.9rem;
}
.flight-search-box .dropdown .icon {
  color: #00b5ad;
}
.flight-search-box .sort-box {
  margin-right: 1em;
}
/* 航班列表 */
.flight-list-box {
  margin-top: 1em;
  border-radius: 5px;
}
.flight-list-box .flight-list {

}

/* 航班列表航班信息主体的item */
.flight-list-box .flight-list>.item {
    display: flex;
    justify-content: space-between;
    padding: 0.8em 0.5em 0.8em 1em;
}
.flight-list-box .flight-list>.item{
  background-color: #fff;
}
.flight-list-box .flight-list>.item:not(:last-child){
  border-bottom: 1px solid #ddd;
}


.flight-list-box .air-img {
    width: 4em;
    vertical-align: top;
}
.flight-list-box .air-info {
    display: inline-block;
    font-size: 0.8rem;
	margin-top:1em;
}
.flight-list-box .air-info p.air-name {
    font-size: 1.3rem;
    color: black;
    width: 4em;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: normal;
}
.flight-list-box .air-info p {
    margin-bottom: 0.2em;
    color: #767676;
}
.flight-list-box .air-info .stop-count {
  /* font-size: 1.2rem;
  color: #f2711c; */
}
.flight-list-box .date-airport {
  margin-left:0.5em;
}
.flight-list-box .air-date {
    display: inline-block;
}
.flight-list-box .air-date p {
    margin-bottom: 0.2em;
}
.flight-list-box .air-date .date {
    font-size: 1.4rem;
}
.flight-list-box .air-date .air-code {
    font-size: 1.2rem;
    color:#f2711c;
}
.flight-list-box .discount {
  flex-grow: 1;
  padding-top: 0.5em;
}
.flight-list-box .discount .discount-list .item{
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5em;
}
.flight-list-box .discount .more-button , .flight-list-box .discount .close-button {
  cursor: pointer;
}
.flight-list-box .discount .discount-list .item:not(:first-child) {
  display: none;
}
.flight-list-box .discount.active .discount-list .item{
  display: flex;
}
.flight-list-box .discount.active .more-button{
 display: none;
}
.flight-list-box .discount.active .close-button{
 display: inline-block;
}
.flight-list-box .discount .close-button {
  display: none;
}
.flight-list-box .discount p {
  margin-bottom: 0.2em;
}
.flight-list-box .discount span{

}
.flight-list-box .discount span:not(:last-child) {
  margin-right: 0.2em;
}
.flight-list-box .classname {
  width: 11em;
  display:inline;
}
.flight-list-box .discount-name {
  color:#f2711c;
  padding-left: 0.7em;
}
.flight-list-box .discount-num {
  font-size: 1.1rem;
  color:#f2711c;
  padding-left: 0.4em;
}
.flight-list-box .space {
  width: 6.5em;
  display:inline;
  padding-left: 1.6em;
}
.flight-list-box .line-right {
    display: inline-block;
    border-bottom: 1px solid #bababc;
    width: 4em;
    vertical-align: 113%;
    margin: 0 1em;
}
.flight-list-box .line-right::after {
    content: " ";
    border-bottom: 1px solid #bababc;
    width: 7px;
    float: right;
    display: inline-block;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}
.flight-list-box .fly-date {
  width: 7em;
  text-align: left;
  padding: 0.8em 1em 0.8em 0;
  font-size: 0.9rem;
}
.flight-list-box .fly-date .date {
    margin-bottom: 0.2em;
    font-size: 1.2rem;
    color: #f2711c;
}
.flight-list-box .tool {
  padding-right: 0.9em;
  display:inline;
  padding-left: 1.7em;
}
.flight-list-box .tool-button {
  display: inline-block;
  padding: 0.4em 0.6em;
  background-color: #337ab7;
  color: #fff;
  cursor:pointer;
  border-radius:2px;
}
.flight-list-box .fly-date .fly-title {
    color: #747474;
}
.flight-list-box .price {
    width: 7.3em;
	display:inline;
	padding-left: 1.5em;
}
.flight-list-box .price .price-num {
    color:#f2711c;
    font-size: 1.3rem;
}
.flight-list-box .bunk-list .bunk-item {
    display: flex;
    align-items: center;
    padding-left: 14em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    border-bottom: 1px solid #ddd;
}
.flight-list-box .bunk-list .bunk-item:last-child {
    border-bottom: none;
}
.flight-list-box .bunk-list .bunk-item .item {
    flex-grow: 1;
}
.flight-list-box .bunk-list .bunk-item .button {
    display: inline-block;
    padding: 0.2em 0.5em;
    background-color: #337ab7;
    color: #fff;
}
.flight-list-box .bunk-list .bunk-item .price-num {
    color: #f2711c;
}
/* 右侧导航 */
.flight-main-box .right-main {
    width: 912px;
    float: right;
}
.screen-box .screen-item {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1em;
}
.screen-item .title {
  margin-bottom: 0.5em;
  color: #00b5ad;
  font-size: 1.2rem;
}
.screen-item .content .item {
  margin-bottom: 0.3em;
}

.trainbody{
width:99%;
display:flex;
margin-top:4px;
padding-top:4px;
margin-left:4px;
}
.left1{
width:120px;
margin:10px 3px 10px 10px;
text-align :left;
}
.right1{
width:120px;
margin:10px 10px 10px 3px;
text-align :right;
}
.center1{
flex:1;
width:80px;
margin:10px 3px 10px 3px;/*左右margin不会叠加*/
text-align :center;
}