@charset "utf-8";

.l-container {padding-bottom:100px;}

.l-container .c-period {padding-top:50px; background-color:#fafafa;}
.l-container .c-period .title {text-align:center;}
.l-container .c-period .title {font-weight:bold; line-height:25px; font-size:20px; color:#000000;}
.l-container .c-period .title span {display:inline-block; vertical-align:top;}
.l-container .c-period .title span:nth-child(2) {display:none; z-index:1; margin-left:10px; position:relative; width:25px; height:25px;}
.l-container .c-period .title span:nth-child(2) {font-weight:bold; line-height:25px; font-size:12px; color:#ffffff;}
.l-container .c-period .title span:nth-child(2):before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%;}
.l-container .c-period .title span.on {display:inline-block;}
.l-container .c-period .dt {margin-top:9px; text-align:center;}
.l-container .c-period .dt {line-height:16px; font-size:12px; color:#000000;}
.l-container .c-period .dt span {display:inline-block; vertical-align:top;}
.l-container .c-period .dt span:nth-child(2) {margin:0 3px;}
.l-container .c-period .btn {margin-top:47px; background-color:#ffffff; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.l-container .c-period .btn li {position:relative; width:50%; display:inline-block; vertical-align:top; text-align:center; cursor:pointer;}
.l-container .c-period .btn li {line-height:40px; font-size:13px; color:#999999;}
.l-container .c-period .btn li:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 9px); width:0; height:17px; border-left:1px solid #e0e0e0;}
.l-container .c-period .btn li:first-child:before {display:none;}
.l-container .c-period .btn .select {position:relative; cursor:pointer; text-align:center;}
.l-container .c-period .btn .select select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.l-container .c-period .btn .select select {z-index:2; position:relative; display:block; width:100%; height:40px; background-color:transparent; border:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0; cursor:pointer;}
.l-container .c-period .btn .select select {line-height:40px; font-size:13px; color:#999999;}
.l-container .c-period .btn .select span {z-index:1; position:absolute; display:block; width:100%; height:40px; text-align:center;}
.l-container .c-period .btn .select span {line-height:40px; font-size:13px; color:#999999;}

.l-container .c-state {margin-top:20px; background-color:#ffffff;}
.l-container .c-state .title {position:relative; display:block; padding:0 15px 0 15px; border-bottom:2px solid #000000; cursor:pointer;}
.l-container .c-state .title {font-weight:bold; line-height:47px; font-size:18px;}
.l-container .c-state .title:before {z-index:1; display:block; content:''; position:absolute; right:15px; top:21px;}
.l-container .c-state .list {z-index:1; position:relative; display:none; background-color:#fafafa;}
.l-container .c-state .list:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 1px); border:1px solid #e0e0e0; border-top:0;}
.l-container .c-state .list.on {display:block;}
.l-container .c-state .list ul {display:block; margin:1px 0 0 1px;}
.l-container .c-state .list li {z-index:1; margin:-1px 0 0 -1px; border:1px solid #e0e0e0; width:calc(50% - 1px); display:inline-block; vertical-align:top;}
.l-container .c-state .radio {width:100%; height:36px;}
.l-container .c-state .radio label {text-align:center;}
.l-container .c-state .radio label {line-height:36px; font-size:13px; color:#666666;}
.l-container .c-state .radio label:before {display:none;}
.l-container .c-state .radio label.focus {color:#000000;}
.l-container .c-state .list li:first-child {width:calc(100% - 1px);}

.l-container .c-list .not {display:none; padding:50px 10px 0px 10px;}
.l-container .c-list .not .block {}
.l-container .c-list .not .block .icon-not {position:relative; width:160px; height:160px; margin:0 auto; background-position:0 -100px; opacity:0.5;}
.l-container .c-list .not .block p {text-align:center;}
.l-container .c-list .not .block .text {margin-top:30px; text-align:center;}
.l-container .c-list .not .block .text {line-height:20px; font-size:15px; color:#000000;}
.l-container .c-list .not .block .text2 {margin-top:3px;}
.l-container .c-list .not .block .text2 {line-height:18px; font-size:13px; color:#999999;}
.l-container .c-list .not .btn {padding:28px 60px 0 60px;}
.l-container .c-list .not .btn p {z-index:1; margin-top:10px; display:block; position:relative; text-align:center; cursor:pointer;}
.l-container .c-list .not .btn p,
.l-container .c-list .not .btn p a {line-height:42px; font-size:16px; color:#ffffff;}
.l-container .c-list .not .btn p:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.2; border-radius:42px;}
.l-container .c-list .not .btn p:first-child {margin-top:0;}
.l-container .c-list .not .btn a {display:block; height:42px;}

.l-container .c-list .paging {margin-top:5px; text-align:center; cursor:pointer;}
.l-container .c-list .paging {font-weight:bold; line-height:37px; font-size:14px; color:#999999;}

.l-container .c-list .load {display:none;}

.l-container .c-list .list {margin-top:20px;}
.l-container .c-list .list:first-child {margin-top:0;}
.l-container .c-list .header {position:relative;padding:14px 15px 10px 15px; background-color:#ffffff;}
.l-container .c-list .header a {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

.l-container .c-list .b-dt {position:relative;}
.l-container .c-list .b-dt > span {position:relative; display:inline-block; vertical-align:middle;}
.l-container .c-list .b-dt .dt {font-weight:bold; line-height:22px; font-size:18px; color:#000000;}
.l-container .c-list .b-dt .pno {margin-left:7px; padding:0 3px; background-color:#757c88; border-radius:3px;}
.l-container .c-list .b-dt .pno {line-height:14px; font-size:11px; color:#ffffff;}
.l-container .c-list .b-dt .supplier {max-width:120px; padding-left:15px; display:block; position:absolute; right:0; top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-container .c-list .b-dt .supplier {line-height:16px; font-size:12px; color:#000000;}
.l-container .c-list .b-dt .supplier:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); opacity:0.8;}

.l-container .c-list .b-de {margin-top:4px; position:relative;}
.l-container .c-list .b-de > span {margin-left:10px; padding-left:10px; position:relative; display:inline-block; vertical-align:middle;}
.l-container .c-list .b-de > span {line-height:16px; font-size:12px; color:#666666;}
.l-container .c-list .b-de > span:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); width:0; height:11px; border-left:1px solid #e0e0e0;}
.l-container .c-list .b-de > span:first-child {margin-left:0; padding-left:0;}
.l-container .c-list .b-de > span:first-child:before {display:none;}
.l-container .c-list .b-de .side {z-index:10;  display:block; position:absolute; right:0; top:0;}
.l-container .c-list .b-de .side span {margin:-10px -10px 0 0; display:inline-block; padding:10px; cursor:pointer;}
.l-container .c-list .b-de .side span {line-height:21px; font-size:12px; color:#ed1c25;}

.l-container .c-list .info {padding:42px 0 5px 0; background-color:#f5f5f5;}
.l-container .c-list .info.type-c {padding:42px 0 45px 0;}
.l-container .c-list .b-st .msg {text-align:center; margin:0 15px -2px 15px;}
.l-container .c-list .b-st .msg {font-weight:bold; line-height:20px; font-size:16px; color:#000000;}
.l-container .c-list .b-st .msg2 {margin:7px 15px 0 15px; text-align:center;}
.l-container .c-list .b-st .msg2 {line-height:18px; font-size:12px; color:#333333;}
.l-container .c-list .b-st .msg2 .a {text-decoration:underline; cursor:pointer;}

.l-container .c-list .b-st .bank {margin:18px 15px 0 15px; z-index:1; position:relative; background-color:#ffffff; border-radius:4px;}
.l-container .c-list .b-st .bank:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:3px 3px 3px 0 #000000; opacity:0.2; border-radius:4px;}
.l-container .c-list .b-st .bank .block {padding:12px 15px 13px 15px; border-top:1px dotted #dcdcdc;}
.l-container .c-list .b-st .bank .block:first-child {border-top:0px;}
.l-container .c-list .b-st .bank .block ul {margin-top:0;}
.l-container .c-list .b-st .bank .block ul:first-child {margin-top:0px;}
.l-container .c-list .b-st .bank .block li {position:relative; display:inline-block; vertical-align:middle;}
.l-container .c-list .b-st .bank .block li:nth-child(1) {padding-left:10px;}
.l-container .c-list .b-st .bank .block li:nth-child(1) {line-height:16px; font-size:12px; color:#999999;}
.l-container .c-list .b-st .bank .block li:nth-child(1):before {display:block; content:''; position:absolute; left:0; top:calc(50% - 1px); width:3px; height:3px; background-color:#999999;}
.l-container .c-list .b-st .bank .block li:nth-child(2) {margin-left:10px;}
.l-container .c-list .b-st .bank .block li:nth-child(2) {line-height:16px; font-size:12px; color:#333333;}
.l-container .c-list .b-st .bank .title {line-height:16px; font-size:12px; color:#999999;}
.l-container .c-list .b-st .bank .text {margin-top:3px;}
.l-container .c-list .b-st .bank .text {font-weight:bold; line-height:18px; font-size:14px; color:#333333;}
.l-container .c-list .b-st .bank .text2 {margin-top:0px;}
.l-container .c-list .b-st .bank .text2 {font-weight:bold; line-height:16px; font-size:12px; color:#333333;}

.l-container .c-list .b-st .btns {margin-top:15px;}
.l-container .c-list .b-st .btns.t-bank {margin-bottom:15px;}
.l-container .c-list .b-st .btns.t-tk {margin-top:13px;}
.l-container .c-list .b-st .btns ul {text-align:center;}
.l-container .c-list .b-st .btns li {margin-left:4px; display:inline-block; vertical-align:top;}
.l-container .c-list .b-st .btns li:first-child {margin-left:0;}
.l-container .c-list .b-st .btns .btn {padding:0 20px; display:inline-block; background-color:#000000; border-radius:3px; text-align:center; cursor:pointer;}
.l-container .c-list .b-st .btns .btn {line-height:27px; font-size:13px; color:#ffffff;}
.l-container .c-list .b-st .btns .select {position:relative; display:block; background-color:#000000; border-radius:3px; cursor:pointer; text-align:center;}
.l-container .c-list .b-st .btns .select select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.l-container .c-list .b-st .btns .select select {z-index:2; display:block; position:absolute; left:0; top:0; width:100%; height:27px; background-color:transparent; border:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0; cursor:pointer;}
.l-container .c-list .b-st .btns .select span {padding:0 15px; z-index:1; position:relative; display:block; height:27px; text-align:center;}
.l-container .c-list .b-st .btns .select span {line-height:27px; font-size:13px; color:#ffffff;}

.l-container .c-list .b-st .box {margin:15px 5px 0 5px; padding-top:12px; border-top:1px solid #dcdcdc;}
.l-container .c-list .b-st .box ul {margin:3px 10px 0 10px; position:relative;}
.l-container .c-list .b-st .box ul:first-child {margin-top:0px;}
.l-container .c-list .b-st .box .array-parcel {margin-top:15px;}
.l-container .c-list .b-st .box li {display:block;}
.l-container .c-list .b-st .box li:nth-child(1) {position:absolute; left:0; top:0; width:60px; padding-left:10px;}
.l-container .c-list .b-st .box li:nth-child(1) {line-height:16px; font-size:12px; color:#999999;}
.l-container .c-list .b-st .box li:nth-child(1):before {display:block; content:''; position:absolute; left:0; top:calc(50% - 1px); width:3px; height:3px; background-color:#999999;}
.l-container .c-list .b-st .box li:nth-child(2) {margin-left:70px; word-break:break-all;}
.l-container .c-list .b-st .box li:nth-child(2) {line-height:16px; font-size:12px; color:#333333;}

.l-container .c-list .b-st .step {margin:18px 5px 0 5px; z-index:1; position:relative; background-color:#ffffff;}
.l-container .c-list .b-st .step .block {position:relative; overflow-x:auto; overflow-y:hidden;}
.l-container .c-list .b-st .step .block::-webkit-scrollbar {display:none;}
.l-container .c-list .b-st .step ul {display:block; white-space:nowrap;}
.l-container .c-list .b-st .step li {z-index:1; margin-left:-1px; position:relative; padding:0 15px 0 16px; display:inline-block; vertical-align:middle; text-align:center;}
.l-container .c-list .b-st .step li {line-height:32px; font-size:13px; color:#999999;}
.l-container .c-list .b-st .step li:before {z-index:-1;display:block; content:''; position:absolute; left:0; top:calc(50% - 6px); width:0; height:12px; border-left:1px solid #e0e0e0;}
.l-container .c-list .b-st .step li:first-child {margin-left:0; padding-left:15px;}
.l-container .c-list .b-st .step li:first-child:before {display:none;}
.l-container .c-list .b-st .step li.on {z-index:2; background-color:#757c88; color:#ffffff;}
.l-container .c-list .b-st .step li.on:before {display:none;}
.l-container .c-list .b-st .step.type-e li.on {background-color:#2e3192;}
.l-container .c-list .b-st .step.type-r li.on {background-color:#ff0000;}
/*
.l-container .c-list .b-st .step.type3 li {width:33.333%;}
.l-container .c-list .b-st .step.type3 .step li.on {background-color:#2e3192;}
.l-container .c-list .b-st .step.type4 .step li.on {background-color:#ff0000;}
*/

.l-container .c-list .items {background-color:#ffffff;}
.l-container .c-list .item {margin:0 15px; padding:15px 0; position:relative; min-height:75px; border-top:1px dotted #dcdcdc;}
.l-container .c-list .item.type2 {border-top:1px solid #dcdcdc;}
.l-container .c-list .item:first-child {border-top:0;}
.l-container .c-list .item .a {z-index:1; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-container .c-list .item .thumb {z-index:2; position:absolute; left:0; top:15px; width:75px;}
.l-container .c-list .item .thumb a {display:block; position:relative; width:100%; height:100%; line-height:75px;max-height:75px; max-width:75px; overflow:hidden;}
.l-container .c-list .item .thumb img {width:100%; border:0;}
.l-container .c-list .item .block {margin-left:90px;}
.l-container .c-list .item .text {margin-bottom:2px; display:block; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-container .c-list .item .text {line-height:16px; font-size:12px; color:#666666;}
.l-container .c-list .item .title {word-break:break-all;}
.l-container .c-list .item .title {font-weight:bold; line-height:18px; font-size:14px; color:#000000;}
.l-container .c-list .item.item-1 .title {color:#5674b9;}
.l-container .c-list .item .addoption {margin-top:5px;}
.l-container .c-list .item .addoption p {margin-top:5px; word-break:break-all;}
.l-container .c-list .item .addoption p {line-height:16px; font-size:12px; color:#5674b9;}
.l-container .c-list .item .addoption p:first-child {margin-top:0;}
.l-container .c-list .item .optiontxt {margin-top:5px;}
.l-container .c-list .item .optiontxt {line-height:16px; font-size:12px; color:#5674b9;}
.l-container .c-list .item .price {margin-top:12px; position:relative;}
.l-container .c-list .item .price p:nth-child(1) {line-height:24px; font-size:20px; color:#000000;}
.l-container .c-list .item .price p:nth-child(1) .currency-price {font-weight:bold;}
.l-container .c-list .item .price p:nth-child(1) .currency-decimal {margin-left:2px; vertical-align:top;}
.l-container .c-list .item .price p:nth-child(1) .currency-decimal {line-height:14px; font-size:13px;}
.l-container .c-list .item .price p:nth-child(1) .currency-text {margin-left:3px; position:relative; top:-1px;}
.l-container .c-list .item .price p:nth-child(1) .currency-text {line-height:17px; font-size:13px;}
.l-container .c-list .item .price p:nth-child(2) {position:absolute; right:0; top:0px;}
.l-container .c-list .item .price p:nth-child(2) span {position:relative; display:inline-block; vertical-align:top;}
.l-container .c-list .item .price p:nth-child(2) span:nth-child(1) {font-weight:bold; line-height:24px; font-size:20px; color:#000000;}
.l-container .c-list .item .price p:nth-child(2) span:nth-child(2) {margin-left:2px; top:2px;}
.l-container .c-list .item .price p:nth-child(2) span:nth-child(2) {line-height:24px; font-size:13px; color:#000000;}

.l-container .c-list .item.type-opt {min-height:auto;}
.l-container .c-list .item.type-opt .block {margin-left:0;}
.l-container .c-list .item.type-opt .addoption {margin-top:0;}

.l-container .c-list .item .wrap-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.l-container .c-list .item .state {
    display: -webkit-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    margin-bottom: 5px;
    box-sizing: border-box;
    background-color:#757c88;
    border-radius: 4px;
    min-width: 80px;
    padding: 3px 5px;
    line-height: 1.4;
    font-size: 12px;
    color: #fff;
}

.l-container .c-list .item .wrap-state .tracking {
    cursor: pointer;
    margin-left: 10px;
    padding: 0 0 5px 0;
    line-height: 1.4;
    font-size: 12px;
    color: #999;
}

.l-container .c-list .item .btn {z-index:2; position:relative; margin-top:18px; margin-bottom:5px;}
.l-container .c-list .item .btn ul {display:block;}
.l-container .c-list .item .btn li {margin-left:2px; display:inline-block; vertical-align:top;}
.l-container .c-list .item .btn li:first-child {margin-left:0;}
.l-container .c-list .item .btn li span {z-index:2; padding:0 15px; position:relative; display:block; text-align:center; border:1px solid #e0e0e0; background-color:#ffffff; cursor:pointer;}
.l-container .c-list .item .btn li span {line-height:26px; font-size:13px; color:#999999;}
.l-container .c-list .item .btn li span:after {z-index:1; display:block; content:''; position:absolute; left:0; top:-20px; width:100%; height:calc(100% + 40px);}
.l-container .c-list .item .btn li p {line-height:26px; font-size:12px; color:#999999;}
.l-container .c-list .item .btn li span.background-color_color1 {color:#ffffff;}

.l-container .c-list .item .btn.type-review li:nth-child(2) {margin-left:10px;}
.l-container .c-list .item .btn.type-fix ul:nth-child(2) {position:absolute; right:0; top:0;}

.l-container .c-list .item .btn .button-tracking {all:unset; min-width: 84px; box-sizing: border-box;}
.l-container .c-list .item .btn .button-tracking {z-index:2; position:relative; display:block; text-align:center; border:1px solid #4D4D4D; background-color:#4D4D4D; cursor:pointer;}
.l-container .c-list .item .btn .button-tracking {line-height:26px; font-size:13px; color:#ffffff;}
.l-container .c-list .item .btn .button-tracking:after {z-index:1; display:block; content:''; position:absolute; left:0; top:-20px; width:100%; height:calc(100% + 40px);}

.l-container .c-list .item .btn .button-basic {all:unset; min-width: 84px; box-sizing: border-box;}
.l-container .c-list .item .btn .button-basic {z-index:2; position:relative; display:block; text-align:center; border:1px solid #e0e0e0; background-color:#ffffff; cursor:pointer;}
.l-container .c-list .item .btn .button-basic {line-height:26px; font-size:13px; color:#999999;}
.l-container .c-list .item .btn .button-basic:after {z-index:1; display:block; content:''; position:absolute; left:0; top:-20px; width:100%; height:calc(100% + 40px);}

.l-container .c-list .item .btn__two {margin-top: 4px;}

.l-container .c-list .footer {background-color:#fafafa; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.l-container .c-list .footer li {z-index:1; position:relative; display:inline-block; vertical-align:top; width:50%;}
.l-container .c-list .footer li:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}
.l-container .c-list .footer li:first-child:before {display:none;}
.l-container .c-list .footer li span,
.l-container .c-list .footer li a {display:block; text-align:center; cursor:pointer;}
.l-container .c-list .footer li span,
.l-container .c-list .footer li a {line-height:37px; font-size:13px; color:#999999;}
.l-container .c-list .footer li .red {color:#ed1c25;}