body{background-color: #fff;}
#topbar{background-color: #fff;border-bottom: 1px solid #ddd;}
.nc{background-color: #5099d9;}
.nc p{display: block;padding: 16px;color: #fff;}
.nc a{text-decoration: underline;margin-left: 16px;}
.list{padding: 32px;font-size: 18px;}
.lstitle{display: block;margin-bottom: 16px;}
.list li{position: relative;display: flex;align-items: center;padding: 64px 0;border-top: 1px solid #ccc;}
.list .preview{position: absolute;right: 0;width: 528px;}
.list .con{width: 600px;}
.list .flex{display: flex;align-items: baseline;gap: 16px}
.list .des{font-size: 15px;font-weight: 200;color: #222}
.list .soldout{color: #888}
.list .sec{margin: 14px 0;}
.list .title{display: block;font-size: 30px;line-height: 36px;font-weight: bold;}
.list .date{color: #333}
.list .btns{display: flex;align-items: center;gap: 16px;font-size: 18px;margin-top: 28px;}
.list .req{font-size: 15px;color: #666}
span.big{font-size: 40px;font-weight: bold;}
span.line-through{text-decoration: line-through;color: #666}
.pric {position: relative;}
.pric small{font-weight: 400;line-height: 1.5;word-wrap: break-word;position: absolute;left: 0px;top: -23px;background-color: #57cbb0;border-radius: 50px 50px 50px 0px;color: #fff;font-size: 12px;display: inline-block;padding: 0 15px;}
.dlgbox{width: 100%;background-color: #fff;border-radius: 3px;overflow: hidden;box-shadow: 0 0 8px RGB(0,0,0,0.2);}
.wbuy{text-align: center;animation: slidein .1s}
.wbuy .close{position: absolute;top: 8px;right: 8px;width: 27px;}
.wbuy .wechat{width: 48px;margin: 16px;user-select: none;}
.fw{margin-top: 12px;}
.fw small{display: inline-block;padding: 8px;line-height: 17px;font-size: 12px;}
.fw small span{display: inline-block;width: 17px;height: 17px;line-height: 16px;border-radius: 8px;border: 1px solid #a5d2c3;color: #19ae0b;margin-right: 4px;}