@charset "utf-8";

/* main-popup */
.popup{border-radius: 15px;overflow: hidden;}
.popup .popup-contents{background: #fff;}
.popup a{display:block;}
.popup img{display:block;}
.popup .popup-bottom{display: flex;}
.popup .popup-bottom button{display:inline-block;padding: 15px 5px;width:30%;color:#fff;text-align: center;background: #1e4ba0;font-size: 13px;}
.popup .popup-bottom button:first-child{width:70%;background:#777;}


/* layer basic */
.layer{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:1000;line-height: normal;}
.layer .layer-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1100px;background: #fff;padding:20px 50px 100px;border-radius: 15px;}
.layer .layer-wrap .layer-top{position:relative;padding:20px 0;font-size:32px;font-weight:600;color:#333;border-bottom:2px solid #f8f8f8;}
.layer .layer-wrap .layer-top .close-layer{position:absolute;top:20px;right:0;width:32px;height:32px;overflow: hidden;text-indent: -99999px;}
.layer .layer-wrap .layer-top .close-layer:before{content: "";position:absolute;top:0;left:0;display:inline-block;width:32px;height:32px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 500px;background-position: 0 -10px;}
.layer .layer-wrap .layer-body{padding:15px 0;max-height: 600px;overflow-y: auto;}
.layer .layer-wrap .layer-body .button-box{padding-bottom: 10px;text-align: right;}
.layer .layer-wrap .layer-body .button-box button{display: inline-block;width:100px;text-align: center;height: 35px;line-height: 35px;font-size: 14px;color: #fff;border-radius: 5px;background: #006df4;vertical-align: middle;}
.layer .layer-wrap .layer-bottom{position: absolute;left: 0;bottom: 0;width: 100%;padding:15px 50px 40px;font-size: 0;text-align: center;}
.layer .layer-wrap .layer-bottom .button-group{display: flex;justify-content: center;}
.layer .layer-wrap .layer-bottom .button{line-height:45px;width:125px;margin:0 5px;font-size:15px;background: #ccc;color:#222;text-align: center;border-radius: 5px;}
.layer .layer-wrap .layer-bottom .button:first-child{background: #006df4;color:#fff;}
.layer .layer-wrap .layer-body table{border-top:2px solid #006df4;table-layout: fixed;}
.layer .layer-wrap .layer-body table thead tr th{position:relative;padding:22px 0;font-size:14px;font-weight: 500;color: #202020;border-bottom: 1px solid #a1a2a6;text-align: center;}
.layer .layer-wrap .layer-body table thead tr th i{display: inline-block;vertical-align: middle;}
.layer .layer-wrap .layer-body table thead tr th i img{display:block;}
.layer .layer-wrap .layer-body table tbody tr th{text-align: center;border-bottom: 1px solid #cecece;  font-size: 15px;font-weight:600;color: #575757;padding:10px 10px;}
.layer .layer-wrap .layer-body table tbody tr td{text-align: center;border-bottom: 1px solid #cecece;  font-size: 15px;font-weight: normal;color: #575757;padding:10px 10px;}
.layer .layer-wrap .layer-body table tbody tr td i{display: inline-block;vertical-align: middle;}
.layer .layer-wrap .layer-body table tbody tr td i img{display:block;}
.layer .layer-wrap .layer-body table tbody tr td .del{display: inline-block;vertical-align: middle;height:28px;border-radius: 5px;text-align: center;width:70px;color:#fff;background: #ff4747;}
.layer .layer-wrap .layer-body table tbody tr td button img{display:block;}
.layer .layer-wrap .layer-body table tbody tr td a{display: inline-block;text-align: center;width:56px;line-height: 31px; border-radius: 16px;}
.layer .layer-wrap .layer-body table tbody tr td a.type1{border:1px solid #006df4;color:#006df4}
.layer .layer-wrap .layer-body table tbody tr td a.type2{background:#006df4;color:#fff}
.layer .layer-wrap .layer-body table tbody tr td .shame{margin-top:5px;display: flex;align-items:center;border-radius: 5px;width:142px;height:37px;border: solid 1px #e4e2ed;background-color: #fff;overflow: hidden;}
.layer .layer-wrap .layer-body table tbody tr td .shame button{display: inline-block;}
.layer .layer-wrap .layer-body table tbody tr td .shame button img{display: block;}
.layer .layer-wrap .layer-body table tbody tr td .shame .number{text-align: center;line-height: 37px;font-size: 16px;font-weight: normal;color: #202020;width:68px;}
.layer .layer-wrap .layer-body table tbody tr td input[type="text"]{width: 100%;height: 37px;border-radius: 5px;border: solid 1px #cecece;background-color: #fff;padding: 0 10px;}

.layer .layer-wrap .layer-body table tbody tr td  .radio-group{font-size:0;display: flex;margin-top:10px;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1{display: inline-block;margin:0;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1 + .radio-type1{margin-left:5px;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1 label{display: block;border:1px solid #f5f5f5;background: #f5f5f5;text-align:center;font-size: 16px;font-weight: normal;padding:0 13px;line-height: 37px;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1 label i{display: inline-block;width:17px;height:17px;border-radius: 100px;text-align: center;font-size:11px;margin-right:5px;position: relative;top:-1px;line-height: 16px;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1 label i.green{border:1px solid #19c1bb;color: #19c1bb;vertical-align: middle;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1 label i.red{border:1px solid #ff6453;color: #ff6453;vertical-align: middle;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1 label i.blue{border:1px solid #006df4;color: #006df4;vertical-align: middle;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1 label i.purple{border:1px solid #c355e9;color: #c355e9;vertical-align: middle;}
.layer .layer-wrap .layer-body table tbody tr td  .radio-group .radio-type1 input[type="radio"]:checked + label{border-color: #006df4;background: #fff;color:#006df4;}



.time-layer{display:none;position: absolute;top: 156px;left: 24px;width:940px;padding:30px;border-radius: 10px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);border: solid 1px #006df4;background-color: #fafafa;z-index: 10;}
.time-layer .close-layer{position:absolute;top:15px;right:15px;width:32px;height:32px;overflow: hidden;text-indent: -99999px;}
.time-layer .close-layer:before{content: "";position:absolute;top:0;left:0;display:inline-block;width:32px;height:32px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 500px;background-position: 0 -10px;}
.time-layer .box{display: flex;}
.time-layer .box + .box{margin-top:30px;padding-top:30px;border-top:1px dashed #707070;}
.time-layer .box .col{flex:1;}
.time-layer .box .col h5{font-size: 18px;font-weight: 600;color: #202020;}
.time-layer .box .col h5 i{display: inline-block;vertical-align: middle;margin-right:10px;}
.time-layer .box .col h5 i img{display:block;}
.time-layer .box .col h5 strong{font-weight: bold;color:#006df4;}
.time-layer .box .col ul{margin:20px 0 0;padding:0;}
.time-layer .box .col ul li{position: relative;padding-left:11px; font-size: 16px;font-weight: normal;color: #202020;}
.time-layer .box .col ul li:before{content: "";display: inline-block;width:5px;height:5px;border-radius: 100%;background: #67aeff;position: absolute;left:0;top:9px;}
.time-layer .box .col ul li em{color: #006df4;display: inline-block;font-weight: bold;position: relative;top: -1px;}
.time-layer .box .col ul li + li{margin-top:5px;}
.time-layer .box .col span{margin-top:10px;  font-size: 16px;font-weight: 500;color: #202020;display: block;}
.time-layer .box .col span em{font-weight: 600;color:#006df4;}


.policy-layer{display:none;position: fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;padding:30px;border-radius: 10px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);border: solid 1px #006df4;background-color: #fafafa;z-index: 99999;max-height: 800px;overflow-y: auto;}
.policy-layer .close-layer{position:absolute;top:15px;right:15px;width:32px;height:32px;overflow: hidden;text-indent: -99999px;}
.policy-layer .close-layer:before{content: "";position:absolute;top:0;left:0;display:inline-block;width:32px;height:32px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 500px;background-position: 0 -10px;}

.policy-layer .cancel-txt{}
.policy-layer .cancel-txt h5{font-size:20px;}
.policy-layer .cancel-txt ul{margin-top:20px;}
.policy-layer .cancel-txt ul li{font-size:16px;position: relative;padding-left: 15px;}
.policy-layer .cancel-txt ul li + li{margin-top:10px;}
.policy-layer .cancel-txt ul li:before{content: "";display: inline-block;width:7px;height:1px;background: #333;position: absolute;left:0;top:9px;}

.policy-layer .card-txt h5{font-size:20px;}
.policy-layer .card-txt table{margin-top:20px;}
.policy-layer .card-txt table thead tr th{font-size:15px;background: #eff6ff;padding:10px;;border: 1px solid #cecece;}
.policy-layer .card-txt table tbody tr td{border-left: 1px solid #cecece;border-bottom: 1px solid #cecece;font-size: 14px;font-weight: normal;color: #575757;padding: 10px;background: #fff;text-align: center;}
.policy-layer .card-txt table tbody tr td:first-child{border-left:0;}
.policy-layer .layer-bottom{margin-top:40px;text-align: center;}
.policy-layer .layer-bottom button{display:inline-block;position: relative;top:0;left:0;width:100px;height:45px;border-radius: 5px;text-indent: 0;background: #006df4;color:#fff;font-size:14px;}
.policy-layer .layer-bottom button:before{display: none;}


.memo-layer{display:none;position: fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;padding:30px;border-radius: 10px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);border: solid 1px #006df4;background-color: #fafafa;z-index: 99999;max-height: 800px;overflow-y: auto;}
.memo-layer .close-layer{position:absolute;top:15px;right:15px;width:32px;height:32px;overflow: hidden;text-indent: -99999px;}
.memo-layer .close-layer:before{content: "";position:absolute;top:0;left:0;display:inline-block;width:32px;height:32px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 500px;background-position: 0 -10px;}
.memo-layer h3{font-size: 24px;text-align: center;margin-bottom: 40px;}
.memo-layer .txt-box{    font-size: 15px;
    line-height: 24px;}