diff --git a/css/china-trains.css b/css/china-trains.css
index 3680288..ab66ced 100644
--- a/css/china-trains.css
+++ b/css/china-trains.css
@@ -4,8 +4,6 @@ h2{ padding: 50px 0 20px 0;}
 h3 { padding: 35px 0 20px 0;}
 h4{margin: 15px 0;}
 table.infotable th, table.monthWeather th {font-family: 'Calibri';font-size:18px;line-height:20px;}
-.tripnotes {position: relative;}
-.tripnotes .OpenIcon,.tripnotes .CloseIcon{position: absolute; top: 30px; right:0;}
 @media (max-width: 768px) {
 	h2{ padding: 50px 15px 20px 15px;}
 	h3 { padding: 50px 15px 20px 15px;}
@@ -15,6 +13,42 @@ table.infotable th, table.monthWeather th {font-family: 'Calibri';font-size:18px
 	.notescollapse{padding:0 15px;}
 	.tripnotes {padding-left: 0;}
 	.tripnotescontent p{padding: 0 0px 18px 0px}
-	.table-responsive {padding-left: 15px;padding-right: 15px;
+	.table-responsive {padding-left: 15px;padding-right: 15px;}
+}
+/*train index*/
+.flex-row {display:flex;flex-direction:row;flex-wrap:wrap; align-items:stretch;justify-content:flex-start;clear:both; margin-right:-10px}
+.flex-col-3,
+.flex-col-4 {margin-right:10px;margin-bottom:10px;display:flex;flex-flow:column; position:relative}
+.flex-col-3 {width:calc((100% - 10px * 3)/3)}
+.flex-col-4 {width:calc((100% - 10px * 4)/4)}
+.red {color:#ad1818;}
+.bg-grary{background: #f6f6f6}
+.tripnotes {font-size: 22px;margin: 15px 0;position: relative}
+.tripnotes h4 {margin: 0px;font-weight: normal;}
+.tripnotes .CloseIcon,.tripnotes .OpenIcon {top: calc(50% - 5px);right: 0;position: absolute;}
+.whatsnewinfo {margin-bottom: 20px;}
+.whatsnewinfo:last-child {margin-bottom: 0;}
+ul.traintype{ display:block; margin-bottom:10px; min-height:38px; padding:0px;}
+ul.traintype li{background: #fff; display: block; float: left;  padding: 5px 15px;  color: #000;  border: 1px solid #d1d1d1;  margin-right: 10px; border-radius: 5px;}
+ul.traintype li.active {background: #ad1818; color: #fff;}
+.traintype li {cursor: pointer;}
+.returnbox {background: #fff; border-radius:5px; padding: 15px;cursor: pointer;box-shadow: 0 0 5px #ccc;}
+.returnbox a{text-decoration: none;}
+.returnbox:hover .return-top{color:#ad1818;}
+.return-top,.return-bottom {display:flex;flex-direction:row;flex-wrap:wrap;}
+.return-top{border-bottom:solid 1px #e2e2e2; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
+.return-left,.return-right{width:50%;}
+.return-right {text-align:right;}
+.return-icon { position:absolute;width:24px; height:24px; bottom:-12px;left: calc(50% - 12px); background: url("https://data.chinahighlights.com/css/images/train/return.png")}
+.caption {padding: 15px;}
+.caption h3 {font-size: 24px; padding-top: 0;}
+ul.infolist {padding-bottom:0;}
+ul.infolist li {list-style: disc;color:#888;}
+.caption h3 a,ul.infolist li a {text-decoration: none;}
+.caption h3 a:hover,ul.infolist li a:hover {color:#ad1818;}
+.hidden-xs ul.traintype{margin-top: 0;}
+@media (max-width: 768px){
+	.flex-col-3,.flex-col-4 { width: 100%; margin-right: 0}
+	.flex-row {margin-right: 0;}
+	.hidden-xs{display: none;}	
 }
-}
\ No newline at end of file
diff --git a/css/images/train/return.png b/css/images/train/return.png
new file mode 100644
index 0000000..54f4514
Binary files /dev/null and b/css/images/train/return.png differ