@charset "utf-8";

.cut_string {display:inline-block; vertical-align:middle; width:auto; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.mainbbs {color:#212121;}
.mainbbs ul {border-top:1px solid #d9d9d9;}
.mainbbs li {display:flex; border-bottom:1px solid #d9d9d9; padding:7px 0; position:relative;}
.mainbbs li > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px;}
.mainbbs li > div {display:flex; align-items: center; width:30%; padding: 0 1.75%;}
.mainbbs li > div.cont {flex: 1 1 auto; width:1%;}
.mainbbs li > div i {background:#b1b1b1; border-radius:3px; color:#fff; font-size:12px; width:50px; height:20px; line-height:21px; text-align:center;}
.mainbbs li > div em {color:#0e86d8; font-style:normal;}
.mainbbs li > div.user i {background:#3e9ee0;}
.mainbbs li > div.user em {width:55px; padding: 0 5px 0 7px;}
.mainbbs li > div.user span {flex: 1 1 auto; width:1%;}
.mainbbs li > div.info em {width:calc(100% - 50px); padding: 0 7px;}
.mainbbs.tp02 li > div.user i {background:#4a76b2;}
.mainbbs.tp02 li > div em {color:#1d549f;}

.trip_info_wrap {padding-top:23px;}
.trip_info {border:1px solid #d9d9d9; display:flex; align-items: center;}
.trip_info > div {margin:-1px;}
.trip_info .list {width:63%;}
.trip_info .list li {display:flex;}
.trip_info .list li > div {width:39%; padding:7px 8px;}
.trip_info .list li > div.txt {flex: 1 1 auto; width:auto; border-bottom:1px solid #d9d9d9;}
.trip_info .list li > div.name {background:#ffa200; color:#fff; text-align:center; border-bottom:1px solid rgba(255,255,255,0.5);}
.trip_info .list li > div.city {background:#e9e9e9; text-align:center; border-bottom:1px solid #fff;}
.trip_info .list li:last-child > div {border-bottom:none !important;}
.trip_info .list li.head > div {background:none !important; border-bottom:0; position:relative; padding:0;}
.trip_info .list li.head > div > span {display:block; background:#b1b1b1; border-radius:3px; color:#fff; font-size:12px; width:60px; height:20px; line-height:20px; position:absolute; top:-23px; left:50%; margin-left:-30px;}
.trip_info .list li.head > div > span::after {content:''; display:block; position:absolute; left:50%; bottom:-4px; margin:0 0 0 -4px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #b1b1b1;}
.trip_info .info {font-size:16px; width:37%; padding:0 8px; text-align:center;}
.trip_info .info .imgs {display:block; max-width:40px; margin:0 auto 10px;}
.trip_info .info strong {color:#f60; font-weight:inherit;}
.trip_info.tp02 .list li > div.name {background:#ed4227;}
.trip_info.tp02 .info strong {color:#ed4227;}

.newtrip {border: 1px solid #d9d9d9; border-left:none;}
.newtrip ul {}
.newtrip li {display:flex;border-bottom:1px solid #d9d9d9;border-right: 1px solid #d9d9d9;padding:7px 0;position:relative;}
.newtrip li > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px;}
.newtrip li > div {display:flex;align-items: center;width: 50% !important;padding: 0 1.75% !important;}
.newtrip li > div.cont {flex: 1 1 auto; width:1%;}
.newtrip li > div i {background:#b1b1b1; border-radius:3px; color:#fff; font-size:12px; width:50px; height:20px; line-height:21px; text-align:center;}
.newtrip li > div em {color:#0e86d8;font-style:normal;text-align: left;font-size: 14px;}
.newtrip li > div.user i {background:#3e9ee0;}
.newtrip li > div.user em {width:55px; padding: 0 5px 0 7px;}
.newtrip li > div.user span {flex: 1 1 auto; width:1%;}
.newtrip li > div.info em {width:calc(100% - 50px); padding: 0 7px;}

.newtrip.tp03 .info strong{color:#0e86d8;}
.newtrip.tp04 .info strong{color:#4a76b2;}
.newtrip.tp04 li > div.user i{background-color: #4a76b2;}
.newtrip.tp04 li > div em{color:#4a76b2;}

.reservation_check{width:100%;overflow:hidden;background-color: #4a76b2;padding: 12px 10px;}
.chbox{width: 50%;overflow:hidden;text-align:center;margin: 0 auto;}
.chbox .ch_tx{display:inline-block;color:#fff;font-size:18px;width: 20%;float: left;line-height: 30px;}
.chbox .inputbox{display:inline-block;width: 80%;float: left;}
.chbox .inputbox button{width:24%;height:30px;background:#5b5b5b;color:#fff;font-size:14px;border: none;float: left;}
.chbox .inputbox input{width:52%;height:30px;border:none;float: left;border-radius: 0;}


@media screen and (max-width:768px) {
	.chbox{width:90%;}
	.chbox .ch_tx{width:25%}
	.chbox .inputbox{width:75%;}
}
@media screen and (max-width:480px) {
.mainbbs li > div.user {width:140px;}
.mainbbs li > div.info {width:35%;}
.mainbbs li > div i {width:40px;}
}