#productList { background: #f8f8f8; }
#productList .title { padding: 10px 15px 0; background: #fff; }
#productList .title .link { position: relative; height: 50px; }
#productList .title .link img { width: 40px; height: 40px; float: left; margin: 5px 0; }
#productList .title .link span { float: left; height: 30px; line-height: 30px; margin: 10px 15px 10px 20px; color: #333; font-size: 1.1em; font-weight: 500; }
#productList .title .link i { float: left; width: 24px; height: 24px; line-height: 24px; background: #e60012; border-radius: 5px; text-align: center; margin: 13px 0; font-size: .8em; font-style: normal; color: #fff; }
#productList .title .link a { float: right; margin-right: 10px; height: 26px; line-height: 26px; border: 1px solid #18b4ed; padding: 0 10px; border-radius: 5px; color: #18b4ed; margin: 12px 0; }
#productList .title .row { width: 100%; padding: 15px 0; font-size: .8em; color: #666; border-bottom: 1px solid #ececec; }
#productList .title .row span { height: 20px; line-height: 20px; }
#productList .title .row.order p { width: 60%; height: 6px; margin: 7px 10px 0 20px; border-radius: 5px; background: #ececec; }
#productList .title .row.order p b { width: 50%; background: #80c269; display: block; height: 100%; border-radius: 5px; }
#productList .title .row.order em { color: #80c269; font-style: normal; height: 20px; line-height: 20px; }
#productList .title .row.stack span { height: 30px; line-height: 30px; }
#productList .title .row.stack a { height: 26px; padding: 0 25px; border-radius: 15px; color: #fff; background: #999; float: right; line-height: 26px; margin-left: 10px; }
#productList .title .row.stack a.cur { background: #f56060; }
#productList .title .row.days span { height: 61px; line-height: 61px; margin-right: 30px; }
#productList .title .row.days p { height: 61px; margin-right: 13px; }
#productList .title .row.days p span { display: block; height: 30px; margin-right: 0; line-height: 30px; border-bottom: 1px solid #ececec; color: #18b4ed; font-size: 1.2em; }
#productList .title .row.days p em { color: #999; display: block; line-height: 30px; height: 30px; font-size: .8em; font-style: normal; text-align: center; }
#productList .title .row:last-child { border-bottom: 0; }
#productList .action, #productList .fee { margin-top: 20px; padding: 15px 0; background: #fff; }
#productList .action dt { width: 20%; float: left;  }
#productList .action dt i { width: 24px; height: 24px; background-color: #eb6100; border-radius: 5px; font-size: .8em; color: #fff; display: block; text-align: center; line-height: 24px; font-style: normal; margin: 0 auto; }
#productList .action dd { width: 75%; float: left; padding-right: 5%; }
#productList .action dd h2 { font-size: 1.1em; color: #333; font-weight: 500; }
#productList .action dd h3 { font-size: .9em; color: #666; font-weight: 500; margin-top: 10px; word-break: break-all; }
#productList .action dd p { font-size: .8em; color: #999; word-break: break-all; margin-top: 10px; }
#productList .fee { padding: 15px; }
#productList .fee h3, #productList .panel h3 { font-size: 1.1em; color: #333; font-weight: 500; height: 30px; line-height: 30px; margin-bottom: 10px; }
#productList .fee table { width: 100%; border: 1px solid #ececec; margin-bottom: 30px; }
#productList .fee th { text-align: left; height: 30px; line-height: 30px; padding: 5px; color: #333; font-size: .9em; font-weight: 400; }
#productList .fee td { border-right: 1px solid #ececec; height: 30px; font-size: .8em; color: #333; padding: 5px; border-top: 1px solid #ececec; min-width: 33%; }
#productList .fee td:last-child { border-right: 0; }
#productList .panel { padding: 10px 2%; background: #fff; margin: 20px 0 0; width: 96%; }
#productList .panel p { font-size: .9em; color: #666; margin-top: 15px; line-height: 1.5; }
#productList .panel a { font-size: .9em; color: #5188a6; display: block; text-align: center; padding: 10px 0; }