@charset "utf-8";
@import "style.css";  

.input-text {-webkit-appearance:none;appearance:none;border-radius:0}

/**** TEXT ****/
a.under-link{ text-decoration:underline; }
.error-text{ margin-top: 4px; font-size:12px; line-height:1.5; color:#f25555; display:none; }
.info-text{ margin-top: 4px; font-size:12px; line-height:1.5; color:#4167d9; display:none; }

/**** INPUT ****/
.input-text-wrapper { margin: 16px 0; }
.input-text{ box-sizing:border-box; display:block; width:100%; padding:0 23px; height:48px; font-size:16px; font-weight: 400; color:#495057; background:#fff; border:1px solid #dde2e6; outline:none; border-radius: 4px; }
.input-text::-ms-clear{ display: none; }
.input-text:focus{ border-color:#00c4c4; outline:none; }
.input-text.error{ border-color:#f66; }
.input-text::-webkit-input-placeholder { color: #adb5bd; }

select.select-box{width:120px;padding:0 10px;height:38px;line-height:38px;border:1px solid #9b9b9b;border-radius:4px;background:#fff;color:#495057;font-size:12px;}

/****BUTTON****/
.btn-pd-mint, a.btn-pd-mint, button.btn-pd-mint, input.btn-pd-mint{display:inline-block;padding:0 15px;height:42px;line-height:42px;font-size:16px;background:#00c4c4;color:#fff;border:none;cursor:pointer;-webkit-appearance: none;}
.btn-pd-grey, a.btn-pd-grey, button.btn-pd-grey{display:inline-block;padding:0 15px;height:42px;line-height:42px;font-size:15px;background:#8c8881;color:#fff;border:none;cursor:pointer;}
.btn-pd-white, a.btn-pd-white, button.btn-pd-white{display:inline-block;padding:0 12px;height:36px;line-height:36px;font-size:12px;color:#495057;background:#fff;border:1px solid #979797;border-radius:4px;cursor:pointer;}
.btn-pd-brown, a.btn-pd-brown, button.btn-pd-brown{display:inline-block;padding:0 15px;height:42px;line-height:42px;font-size:16px;background:#a29584;color:#fff;border:none;cursor:pointer;}
.btn-pd-transp, a.btn-pd-transp, button.btn-pd-transp{display:inline-block;padding:0 15px;height:40px;line-height:40px;font-size:14px;color:#495057;background:transparent;border:1px solid #cdd3d8;cursor:pointer;}
.btn-pd-blue, a.btn-pd-blue, button.btn-pd-blue{display:inline-block;padding:0 12px;height:33px;line-height:33px;font-size:14px;background:#3B5998;color:#fff;border:none;cursor:pointer;}
.btn-db-mint2, a.btn-db-mint2, button.btn-db-mint2, input.btn-db-mint2{display:block;padding:0;height:50px;line-height:50px;font-size:17px;background:#00cca3;color:#fff;cursor:pointer;text-align:center;}
.btn-db-blue, a.btn-db-blue, button.btn-db-blue{display:block;width:100%;padding:0;height:60px;line-height:60px;font-size:16px;background:#3B5998;color:#fff;border:none;text-align:center;}
.btn-db-blue2, a.btn-db-blue2, button.btn-db-blue2{display:block;width:100%;padding:0;height:40px;line-height:40px;font-size:14px;background:#2881CD;color:#fff;border:none;text-align:center;}

.btn-pop-mint, a.btn-pop-mint, button.btn-pop-mint{display:inline-block;padding:0;width:110px;height:40px;line-height:40px;font-size:14px;background:#50e3c2;color:#fff;border:none;}
.btn-pop-gray, a.btn-pop-gray, button.btn-pop-gray{display:inline-block;padding:0;width:110px;height:40px;line-height:40px;font-size:14px;background:#9b9b9b;color:#fff;border:none;}

.common-card, .common-card *{box-sizing:content-box}
.common-card{width:100%;cursor:pointer;text-align:left;}
.common-card .card-img-section{width:100%;padding-top:180px;height:45px;background:#0f171e no-repeat center center ;background-size:cover}
.common-card .card-img-section > p{padding:10px 20px 0;height:40px;font-size:16px;color:#fff;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), #000000);}
.common-card dl.progressbar-wrap{padding:0 20px;height:50px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), #000000);}
.common-card dl.progressbar-wrap dt{width:100%;height:10px;margin-bottom:10px;background:#fff;border-radius:100px;overflow:hidden}
.common-card dl.progressbar-wrap dt span{display:block;height:10px;background:#00c4c4}
.common-card dl.progressbar-wrap dd{position:relative;width:100%;line-height:14px;}
.common-card dl.progressbar-wrap dd span{font-size:14px;color:#fff;font-weight:500;display:inline-block;height:14px;line-height:14px;}
.common-card dl.progressbar-wrap dd span.amount{text-align:left;}
.common-card dl.progressbar-wrap dd span.percent{margin-right:10px}
.common-card dl.progressbar-wrap dd span.days{position:absolute;right:0;top:0;text-align:right;}
.common-card .card-info-section{position:relative;height:149px;padding:0 20px;border:1px solid #d8d8d8;border-top:none}
.common-card .card-info-section h4{padding:17px 0 0;margin-bottom:7px;font-size:18px;height:52px;line-height:26px;color:#000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.common-card .card-info-section h5{padding-bottom:14px;font-weight:normal;font-size:14px;color:#000;}
.common-card .card-info-section h5 em{display:inline-block;margin-left:5px;padding:0 2px;font-size:10px;height:15px;line-height:15px;border:1px solid #dbdbdb;color:#979797}
.common-card .card-info-section p{font-size:12px;line-height:19px;height:76px;color:#545050;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word;display:none}
.common-card .card-info-section .card-category{position:absolute;bottom:20px;left:0;width:100%;height:12px;}
.common-card .card-info-section .card-category:after{content:"";clear:both;display:block;}
.common-card .card-info-section .card-category .category1{float:left;padding-left:20px;display:block;width:45%;text-align:left;font-size:11px;color:#979797;}
.common-card .card-info-section .card-category .category2{float:right;padding-right:20px;display:block;width:38%;text-align:right;font-size:11px;color:#00c4c4;}

/****SLICK-SLIDE CARD****/
.slick-list{z-index:9}
.slick-arrow, .slick-dots{z-index:10}
.slick-slide .common-card .card-img-section{padding-top:130px;height:40px;}
.slick-slide .common-card .card-img-section > p{font-size:14px;height:30px}
.slick-slide .common-card dl.progressbar-wrap{height:40px}
.slick-slide .common-card dl.progressbar-wrap dt{height:8px;}
.slick-slide .common-card dl.progressbar-wrap dt span{height:8px;}
.slick-slide .common-card dl.progressbar-wrap dd{height:10px;}
.slick-slide .common-card dl.progressbar-wrap dd span{font-size:10px;line-height:10px;height:10px;}
.slick-slide .common-card .card-info-section{height:194px;}
.slick-slide .common-card .card-info-section h4{padding:12px 0 0;margin-bottom:5px;font-size:14px;line-height:20px;height:40px;}
.slick-slide .common-card .card-info-section h5{padding-bottom:10px;font-size:10px;}
.slick-slide .common-card .card-info-section p{font-size:10px;line-height:14px;height:70px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap:break-word;}
.slick-slide .common-card .card-info-section .card-category{bottom:10px;}
.slick-slide .common-card .card-info-section .card-category .category1{font-size:10px;}
.slick-slide .common-card .card-info-section .card-category .category2{font-size:10px;}

/*******POPUP********/
.black-bg-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:10001}
.lypop-fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11001;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
.popup-mint-basic{position:relative;width:300px;margin:225px auto;padding:75px 0 45px;border:1px solid #00c4c4;background:#fff;text-align:center}
.popup-mint-basic a.btn-close{display:inline-block;position:absolute;right:20px;top:20px;}
.popup-mint-basic a.btn-close em{display:inline-block;width:26px;height:26px;background:url(/resources/static/img/common/icon_gray_close.png) no-repeat 0 0;background-size:26px 26px}
.popup-mint-basic .popup-mint-title{font-size:24px;margin-bottom:20px;line-height:26px;color:#2cc99d;}
.popup-mint-basic .popup-mint-text{font-size:14px;line-height:19px;color:#495057}
.popup-mint-basic .btn-wrap{margin-top:23px}
.popup-mint-basic .btn-wrap a.btn-pd-mint{font-size:14px}
.popup-confirm-basic{position:relative;width:300px;margin:225px auto;padding:75px 0 30px;text-align:center;background:url(/resources/static/img/common/icon_mint_check.png) no-repeat center 30px #fff;background-size:24px 24px;}
.popup-confirm-basic .popup-mint-text{margin-bottom:35px;font-size:14px;line-height:20px;color:#495057}
.popup-confirm-basic .popup-plus-link{margin-top:30px;text-align:center;}
.popup-confirm-basic .popup-plus-link a{font-size:12px;text-decoration:underline}
.popup-confirm-point{position:relative;width:300px;margin:225px auto;padding:40px 0 30px;text-align:center;background:#fff;}
.popup-confirm-point .popup-mint-text{margin-bottom:35px;font-size:14px;line-height:20px;color:#495057}
.popup-confirm-point .popup-mint-title{font-size:20px;margin-bottom:20px;}
.popup-confirm-point em.icon-point{display:inline-block;width:64px;height:56px;margin-bottom:15px;background:url(/resources/static/img/common/icon_mint_point.png) no-repeat 0 0;background-size:cover;}
.popup-confirm-point .btn-pop-mint{display:none;}
.popup-confirm-input{position:relative;width:300px;margin:120px auto;padding:40px 0 30px;text-align:center;background:#fff;}
.popup-confirm-input .popup-mint-text{margin-bottom:35px;font-size:14px;line-height:20px;color:#495057}
.popup-confirm-input .input-wrap{padding:0 20px;margin-bottom:20px}
.popup-confirm-input input[type=text].popup-input{width:100%;padding:0 10px;margin-bottom:15px;display:block;height:40px;line-height:40px;font-size:16px;box-sizing:border-box;border:1px solid #B5B5B5;}
.popup-confirm-input input[type=text].popup-input:focus{outline:none;border-color:#23DBAB}
.popup-mint-notice{position:relative;width:260px;margin:225px auto;padding:75px 20px 30px;text-align:center;background:url(/resources/static/img/common/icon_mint_alert.png) no-repeat center 30px #fff;background-size:24px 24px;}
.popup-mint-notice .popup-mint-title{margin-bottom:20px;font-size:14px;line-height:20px;color:#00c4c4}
.popup-mint-notice .popup-mint-text{margin-bottom:20px;font-size:14px;line-height:20px;color:#453640}
.popup-mint-notice .popup-mint-link{margin-bottom:20px;text-align:center;color:#00c4c4}
.popup-mint-notice .popup-mint-link a{font-size:12px;text-decoration:underline}
.popup-mint-notice .popup-sub-text{margin-bottom:20px;text-align:left;font-size:12px;line-height:16px;color:#453640}