@charset "utf-8";

/* container */

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

.l-container .c-header {padding:50px 0; background-color:#fafafa;}
.l-container .c-header .title {text-align:center;}
.l-container .c-header .title {font-weight:bold; line-height:25px; font-size:20px; color:#000000;}
.l-container .c-header .title span {display:inline-block; vertical-align:top;}
.l-container .c-header .title span:nth-child(2) {display:none; z-index:1; margin-left:10px; position:relative; width:25px; height:25px;}
.l-container .c-header .title span:nth-child(2) {font-weight:bold; line-height:25px; font-size:12px; color:#ffffff;}
.l-container .c-header .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-header .title span.on {display:inline-block;}
.l-container .c-header .text {margin:9px 10px 0 10px; text-align:center;}
.l-container .c-header .text {line-height:16px; font-size:12px; color:#000000;}

.l-container .c-list {margin-top:20px;}
.l-container .c-list .not {display:none; padding:50px 10px 0px 10px; border-top:2px solid #000000;}
.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 {position:relative; margin-top:20px; background-color:#ffffff;}
.l-container .c-list .list:first-child {margin-top:0;}

.l-container .c-list .list .wrap {padding:20px 15px 20px 15px;}
.l-container .c-list .list .header {position:relative; padding-bottom:18px; border-bottom:1px solid #e0e0e0;}
.l-container .c-list .list .state {padding:0 10px; position:absolute; right:0; top:6px; border:1px solid #000000; background-color:#ffffff; border-radius:3px;}
.l-container .c-list .list .state {line-height:31px; font-size:14px; color:#000000;}
.l-container .c-list .list .state.red {border-color:#ef4f4e; background-color:#ef4f4e; color:#ffffff;}
.l-container .c-list .list .dt {margin-top:-6px;}
.l-container .c-list .list .dt {font-weight:bold; line-height:22px; font-size:18px; color:#000000;}
.l-container .c-list .list .block {margin-top:4px;}
.l-container .c-list .list .block span {z-index:1; margin-left:9px; padding-left:10px; position:relative; display:inline-block; vertical-align:top;}
.l-container .c-list .list .block span {line-height:16px; font-size:12px; color:#666666;}
.l-container .c-list .list .block span:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:3px; width:0; height:11px; border-left:1px solid #e0e0e0;}
.l-container .c-list .list .block span:first-child {margin-left:0; padding-left:0;}
.l-container .c-list .list .block span:first-child:before {display:none;}

.l-container .c-list .list .title {margin-top:17px; word-break:break-all;}
.l-container .c-list .list .title {line-height:18px; font-size:14px; color:#000000;}

.l-container .c-list .list .price {margin-top:6px;}
.l-container .c-list .list .price {line-height:24px; font-size:20px; color:#000000;}
.l-container .c-list .list .price .currency-price {font-weight:bold;}
.l-container .c-list .list .price .currency-decimal {margin-left:2px; vertical-align:top;}
.l-container .c-list .list .price .currency-decimal {line-height:14px; font-size:13px;}
.l-container .c-list .list .price .currency-text {margin-left:3px; position:relative; top:-1px;}
.l-container .c-list .list .price .currency-text {line-height:17px; font-size:13px;}

.l-container .c-list .list .content {display:none; margin-top:17px; padding:12px 15px 13px 15px; border:1px solid #e0e0e0; background-color:#fafafa; word-break:break-all;}
.l-container .c-list .list .content {line-height:17px; font-size:13px; color:#666666;}
.l-container .c-list .list .content.on {display:block;}

.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;}
.l-container .c-list .footer li:nth-child(2) {z-index:10;}

.l-container .c-help {margin-top:50px; padding:17px 15px 18px 15px; background-color:#eaecef;}
.l-container .c-help .title {}
.l-container .c-help .title {font-weight:bold; line-height:20px; font-size:14px; color:#000000;}
.l-container .c-help .block {margin-top:9px;}
.l-container .c-help .block p {margin-top:5px; padding-left:7px; position:relative;}
.l-container .c-help .block p {line-height:15px; font-size:11px; color:#999999;}
.l-container .c-help .block p:before {display:block; content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background-color:#999999;}
.l-container .c-help .block p:first-child {margin-top:0;}