#track {margin:0 auto; padding: 40px; width: 1000px; color:#fff; font-size: 0; text-align: center; border-radius: 5px; box-sizing: border-box; background-color: #cd9533;}
#track .tis {margin-bottom: 30px; font-size: 30px;}
#track textarea {padding: 10px 12px; width: 100%; height: 180px; font-size: 16px; line-height: 1.8; border-radius: 5px; border: none; background-color: #fff;}
#track button {margin-top: 30px; width: 150px; height: 40px; color:#cd9533; font-size: 18px; font-weight: bold; border-radius: 4px; border: none; background-color: #fff;}
#track p {margin-top: 20px; font-size: 16px;}

#track_result .rows {margin-top: 40px; border-radius: 5px; border: 1px solid #e0e0e0; overflow: hidden;}
#track_result .rows .info {display: flex; flex-wrap: wrap; column-gap: 50px; padding: 20px; color:#000; background-color: #f4f7fe;}
#track_result .rows .info span {color:#999;}
#track_result .rows .info .number {width: 19%;}
#track_result .rows .info .country {width: 15%;}
#track_result .rows .info .piece {width: 8%;}
#track_result .rows .info .date {width: 20%; text-align: right;}
#track_result .rows .list {padding: 10px 30px 30px 30px;}
#track_result .rows .list .time {width: 20%;}
#track_result .rows .list .desc {width: 50%;}
#track_result .rows table tr td {padding: 12px 12px; border-bottom: 1px dashed #eee;}
#track_result .rows table thead tr td {color:#333; font-weight: bold;}
#track_result .rows table tbody tr:nth-child(even) td {background-color: #f8f8f8;}
#track_result .errmsg {padding: 50px 0; text-align: center; color:#ff0000; font-size: 22px; line-height: 1.8;}
#track_result .loading {margin-top: 40px; text-align: center;}


#freight {display: flex; flex-flow: row wrap; justify-content: space-between; margin-left: 20px; margin-right: 20px; padding: 40px; color:#fff; font-size: 16px; border-radius: 5px; box-sizing: border-box; background-color: #1c3881;}
#freight .tis {margin-bottom: 30px; width: 100%; font-size: 30px; text-align: center;}
#freight .cont {display: flex; flex-flow: row wrap; flex: 1 1 auto; width: 80%;}
#freight .cont .items {display: flex; align-items: center; width: 50%;}
#freight .cont .items:nth-child(n+3) {margin-top: 20px;}
#freight .cont .items .bts {flex: 0 0 auto; width: 110px; text-align: right;}
#freight .cont .items .bts span {margin-right: 5px; color:#cd9533; font-size: 14px;}
#freight .cont .items .nrs {flex: 1 1 auto; position: relative; margin-left: 15px; font-size: 0;}
#freight .cont .items .nrs input {padding-left: 10px; padding-right: 10px; width: 100%; height: 40px; border: none; border-radius: 4px; background-color: #fff;}
#freight .cont .items .nrs select {padding-left: 8px; padding-right: 10px; width: 100%; height: 40px; border: none; border-radius: 4px; background-color: #fff;}
#freight button {flex: 0 0 auto; margin-left: 30px; width: 140px; color:#fff; font-size: 18px; font-weight: bold; border-radius: 5px; border: none; background-color: #cd9533;}

#freight_result .errmsg {padding: 50px 0; text-align: center; color:#ff0000; font-size: 16px; line-height: 1.8;}
#freight_result .loading {margin-top: 40px; text-align: center;}
#freight_result .query_result_list {margin: 40px 20px 0 20px;}
#freight_result .list-m {display:none;position:relative; padding: 0 20px;}
#freight_result .list-m .info {padding:10px 20px 0 20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.1);background-color:#fff;}
#freight_result .list-m .info:not(:first-child) {margin-top: 4%;}
#freight_result .list-m .info dd {display:flex;padding:4px 0;line-height:1.6;}
#freight_result .list-m .info dd:first-child p {font-weight:bold;}
#freight_result .list-m .info dd .bts {flex:0 0 auto;color:#888;}
#freight_result .list-m .info dd .text {flex:1 1 auto;color:#000;}
#freight_result .list-m .info .price .text {color:#e10b25;font-weight:bold;}
#freight_result .list-m .info .fys {justify-content:space-between;}
#freight_result .list-m .info .btns {justify-content:center;padding-top:15px;padding-bottom:20px;}
#freight_result .list-m .info .btns a {width:80px;height:26px;line-height:26px;color:#fff;font-size:12px;text-align:center;border-radius:3px;background-color:#00a5ff;}
#freight_result .list-m .info .btns span {margin-left:10px;width:80px;height:26px;line-height:26px;color:#808080;font-size:12px;text-align:center;border-radius:3px;border:1px solid #ddd;background-color:#fff;}
#freight_result .list-m .desc {display:none;padding-top:10px;padding-bottom:5px;line-height:1.65;border-top:1px solid #ddd;}
#freight_result table {border-collapse: collapse;}
#freight_result table td {padding: 10px 15px; text-align: center; border: 1px solid #ddd;}
#freight_result table thead td {color:#000; font-weight: bold;}

.country-list {position:absolute;top:100%;left:0;z-index:2;display:none;padding:10px 0;width:100%;height:240px;box-sizing:border-box;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,0.1);background-color:#fff;overflow-y:auto;}
.country-list li {padding:5px 20px;color:#333;font-size:14px;text-align:left;cursor:pointer;}
.country-list li .jm {display:inline-block;width:30px;}
.country-list li .name {margin-right:10px;}
.country-list li .name-en {font-size:12px;}
.country-list li:hover {color:#0053c5;background-color:#f0f0f0;}
.country-list li:hover span {color:#0053c5;}