@charset "UTF-8";
/* layer common */
.layer-wrapper {
    display:none;align-items:center;justify-content:center;
    position:fixed;top:0;left:0;width:100%;height:100%;
    z-index:30;opacity:0.01;transition:.2s;
}
.layer-wrapper.show {opacity:1;}
.layer-wrapper::before {
    content:'';display:block;
    position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;
    background-color:rgba(0,0,0,.5);
}
.layer-wrapper .layer-box {
    z-index:1;
    background-color:#fff;box-shadow:.5rem .5rem .5rem rgba(0,0,0,.5);
    min-width:700px;min-height:400px;transform:translateY(10px);transition:.2s;
}
.layer-wrapper.show .layer-box {transform:translateY(0);}
.layer-wrapper .layer-box .layer-top {
    display:flex;justify-content:space-between;align-items:center;height:70px;
}
.layer-wrapper .layer-box h3 {margin:0;padding:0 0 0 30px;font-weight:normal;font-size:18px;}
.layer-wrapper .layer-box .close {display:flex;font-size:30px;font-weight:bold;color:#d3d3d3;cursor:pointer;padding:20px;transition:.2s;width:70px;height:70px;display:flex;align-items:center;justify-content:center;}
.layer-wrapper .layer-box .close:hover {color:black;}


/* login */ 
.layer-login {padding:0 120px;}
.layer-login .title {border-bottom:1px solid #e2e0e0;display:flex;}
.layer-login .title span {display:inline-block;position:relative;top:2px;padding:10px 20px;font-size:16px;}
.layer-login .title span.on {border-bottom:2px solid #978778;color:#978778;}

.layer-login .body {padding:40px 65px 60px;}
.layer-login .body .input {position:relative;margin-top:10px;}
.layer-login .body .input:first-child {margin-top:0;}
.layer-login .body .input input[type="password"],
.layer-login .body .input input[type="text"] {border:1px solid #e2e0e0;width:100%;height:45px;padding:15px 10px;font-size:14px;padding-right:30px;}
.layer-login .body .input .icon {position:absolute;right:10px;top:10px;font-size:25px;color:#aaa;}
.layer-login .body .input .icon.fa-mobile {font-size:30px;top:8px;right:12px;}
.layer-login .body .input .auth-code-img {position:absolute;right:5px;top:5px;height:35px;display:flex;align-items:center;cursor:pointer;}
.layer-login .body .input .auth-code-img img {}
.layer-login .body .input .error {position:absolute;display:flex;align-items:center;height:100%;width:150px;left:102%;top:0; color:#f2743c;margin:0;padding:0;}
.layer-login .check-row {display:flex;margin-top:10px;}
.layer-login .check-row .checkbox {
    border:1px solid #e2e0e0;
    width:1.5em;height:1.5em;border-radius:3px;
    display:flex;align-items:center;justify-content:center;
    margin-right:8px;cursor:pointer;transition:.2s;
}
.layer-login .check-row .checkbox:hover {border-color:#999;}
.layer-login .check-row .checkbox i {color:#00b300;opacity:0;transition:.2s;position:relative;left:1px;}
.layer-login .check-row .checkbox.checked i {opacity:1;}
.layer-login .check-row a {color:#1384c0;text-decoration:underline;}

.layer-login .buttons input[type="submit"] {
    display:flex;background-color:#978778;width:100%;height:45px;align-items:center;justify-content:center;border:0;
    margin-top:20px;cursor:pointer;font-size:16px;color:#fff;
}
.layer-login .buttons input[type="submit"]:hover {filter:brightness(1.05);}
.layer-login .login-register {display:flex;align-items:center;justify-content:center;margin-top:20px;}
.layer-login .login-register a {color:#1384c0;}

.layer-login .find-pw {position:absolute;left:103%;top:.8rem;width:5rem;cursor:pointer;color:#1384c0;}


/* register */ 
.layer-register {padding:0 120px;}
.layer-register .title {border-bottom:1px solid #e2e0e0;display:flex;}
.layer-register .title span {display:inline-block;position:relative;top:2px;padding:10px 20px;font-size:16px;}
.layer-register .title span.on {border-bottom:2px solid #978778;color:#978778;}

.layer-register .body {padding:30px 65px 80px;}
.layer-register .body .input {position:relative;margin-top:10px;}
.layer-register .body .input:first-child {margin-top:0;}
.layer-register .body .input input[type="password"],
.layer-register .body .input input[type="text"] {border:1px solid #e2e0e0;width:100%;height:45px;padding:15px 10px;font-size:14px;padding-right:30px;}
.layer-register .body .input .icon {position:absolute;right:10px;top:10px;font-size:25px;color:#aaa;}
.layer-register .body .input .icon.fa-mobile {font-size:30px;top:8px;right:12px;}
.layer-register .body .input .icon.fa-check-circle {font-size:22px;top:11px;right:9px;}
.layer-register .body .input .auth-code-button {position:absolute;right:5px;top:5px;height:35px;padding:0 10px;display:flex;align-items:center;justify-content:center;background-color:#e6e6e6;color:#aaa;border-radius:3px;cursor:pointer;}
.layer-register .body .input .auth-code-button.enable {background-color:#978778;color:#fff;}
.layer-register .body .input .auth-code-button.enable:hover {filter:brightness(1.1);}
.layer-register .body .input .error {position:absolute;display:flex;align-items:center;height:100%;width:150px;left:102%;top:0; color:#f2743c;margin:0;padding:0;}
.layer-register .check-row {display:flex;margin-top:10px;}
.layer-register .check-row .checkbox {
    border:1px solid #e2e0e0;
    width:1.5em;height:1.5em;border-radius:3px;
    display:flex;align-items:center;justify-content:center;
    margin-right:8px;cursor:pointer;transition:.2s;
}
.layer-register .check-row .checkbox:hover {border-color:#999;}
.layer-register .check-row .checkbox i {color:#00b300;opacity:0;transition:.2s;position:relative;left:1px;}
.layer-register .check-row .checkbox.checked i {opacity:1;}
.layer-register .check-row a {color:#1384c0;text-decoration:underline;}

.layer-register .buttons input[type="submit"] {
    display:flex;background-color:#978778;width:100%;height:45px;align-items:center;justify-content:center;border:0;
    margin-top:20px;cursor:pointer;font-size:16px;color:#fff;
}
.layer-register .buttons input[type="submit"]:hover {filter:brightness(1.05);}
.layer-register .regsiter-login {display:flex;align-items:center;justify-content:center;margin-top:20px;}
.layer-register .regsiter-login a {color:#1384c0;}



/* findpw */ 
.layer-updatepw {padding:0 120px;}
.layer-updatepw .title {border-bottom:1px solid #e2e0e0;display:flex;}
.layer-updatepw .title span {display:inline-block;position:relative;top:2px;padding:10px 20px;font-size:16px;}
.layer-updatepw .title span.on {border-bottom:2px solid #978778;color:#978778;}

.layer-updatepw .body {padding:40px 65px 80px;}
.layer-updatepw .body .input {position:relative;margin-top:10px;}
.layer-updatepw .body .input:first-child {margin-top:0;}
.layer-updatepw .body .input input[type="text"],
.layer-updatepw .body .input input[type="password"] {border:1px solid #e2e0e0;width:100%;height:45px;padding:15px 10px;font-size:14px;}
.layer-updatepw .body .input .icon {position:absolute;right:10px;top:12px;font-size:20px;color:#aaa;}
.layer-updatepw .body .input .icon.fa-mobile {font-size:30px;top:8px;right:12px;}
.layer-updatepw .body .input .auth-code-img {position:absolute;right:5px;top:5px;height:35px;}
.layer-updatepw .body .input .auth-code-img img {width:100%;height:100%;}
.layer-updatepw .body .input .auth-code-button {position:absolute;right:5px;top:5px;height:35px;padding:0 10px;display:flex;align-items:center;justify-content:center;background-color:#e0dede;color:#787878;border-radius:3px;cursor:pointer;}
.layer-updatepw .body .input .auth-code-button:hover {background-color:#d0d0d0;}
.layer-updatepw .body .input .error {position:absolute;display:flex;align-items:center;height:100%;width:150px;left:102%;top:0; color:#f2743c;margin:0;padding:0;}
.layer-updatepw .buttons input[type="submit"] {
    display:flex;background-color:#978778;width:100%;height:45px;align-items:center;justify-content:center;border:0;
    margin-top:20px;cursor:pointer;font-size:16px;color:#fff;
}
.layer-updatepw .buttons input[type="submit"]:hover {background-color:#d0d0d0;}



/* address */ 
.layer-address {padding:0 120px;}

.layer-address .body {padding:30px 65px 60px;}
.layer-address .body .input {position:relative;margin-top:10px;}
.layer-address .body .input:first-child {margin-top:0;}
.layer-address .body .input input[type="password"],
.layer-address .body .input input[type="text"] {border:1px solid #e2e0e0;width:100%;height:45px;padding:15px 10px;font-size:14px;padding-right:30px;}
.layer-address .body .input .icon {position:absolute;right:10px;top:10px;font-size:25px;color:#aaa;}
.layer-address .body .input .icon.fa-mobile {font-size:30px;top:8px;right:12px;}
.layer-address .body .input .icon.fa-check-circle {font-size:22px;top:11px;right:9px;}
.layer-address .body .input .auth-code-button {position:absolute;right:5px;top:5px;height:35px;padding:0 10px;display:flex;align-items:center;justify-content:center;background-color:#e6e6e6;color:#aaa;border-radius:3px;cursor:pointer;}
.layer-address .body .input .auth-code-button.enable {background-color:#978778;color:#fff;}
.layer-address .body .input .auth-code-button.enable:hover {filter:brightness(1.1);}
.layer-address .body .input .error {position:absolute;display:flex;align-items:center;height:100%;width:150px;left:102%;top:0; color:#f2743c;margin:0;padding:0;}
.layer-address .body .select {display:flex;margin-top:10px;}
.layer-address .body .select select {flex:1;padding:10px;border:1px solid #e2e0e0;}
.layer-address .body .select select:first-child {margin-right:10px;}
.layer-address .buttons input[type="submit"] {
    display:flex;background-color:#978778;width:100%;height:45px;align-items:center;justify-content:center;border:0;
    margin-top:20px;cursor:pointer;font-size:16px;color:#fff;
}
.layer-address .buttons input[type="submit"]:hover {filter:brightness(1.05);}



/* sitemap */
.layer-sitemap {padding:20px 80px 40px;display:flex;flex-wrap:wrap;width:1050px;}
.layer-sitemap .map-block {width:170px;min-height:200px;display:flex;flex-direction:column;margin-left:10px;}
.layer-sitemap .map-block:nth-child(5n+1) {margin-left:0;}
.layer-sitemap .map-block .main {display:block;background-color:#f6f5f5;text-align:center;padding:8px 0;font-size:16px;margin-bottom:10px;}
.layer-sitemap .map-block .main:hover {background-color:#978778;color:#fff;}
.layer-sitemap .map-block .sub {display:block;font-size:14px;text-align:center;padding:6px 0;}
.layer-sitemap .map-block .sub:hover {text-decoration:underline;color:#978778;}

/* report */
.layer-report {padding:0 120px;}
.layer-report .title {border-bottom:1px solid #e2e0e0;display:flex;}
.layer-report .title span {display:inline-block;text-align:center;position:relative;top:2px;padding:10px 20px;font-size:16px;cursor:pointer;}
.layer-report .title span.on {border-bottom:2px solid #978778;color:#978778;}

.layer-report .body {padding:40px 20px 60px;}
.layer-report .body dl,
.layer-report .body dt,
.layer-report .body dd {list-style:none;margin:0;padding:0;}
.layer-report .body dl {display:flex;margin:.75rem 0;}
.layer-report .body dt {flex:none;width:5rem;display:flex;height:2rem;align-items:center;}

.layer-report .body dd {flex:auto;}
.layer-report .body select {width:100%;padding:.5rem;border:1px solid #ccc;}
.layer-report .body textarea {width:100%;height:100px;padding:.5rem;border:1px solid #ccc;font-size:14px;font-family:'Microsoft YaHei';}
.layer-report .body .img-list-block {
    display:flex;
}
.layer-report .body .img-list {display:flex;    }
.layer-report .body .img-list div {display:flex;width:50px;height:50px;position:relative;margin-right:.5rem;}
.layer-report .body .img-list div img {width:100%;height:100%;}
.layer-report .body .img-list div .remove {
    position:absolute;right:-.3rem;top:-.3rem;color:#fff;cursor:pointer;width:1rem;height:1rem;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAoNJREFUSA3FlzFr20AUx08KNYZuHjwItGbqFvDQfgEPHgQplIxeDB1aCPkMyWYK3ezFYykkkIDxVDp2MPUHaAZjCLigwbMxpur/f9wJ6aw7C1duHiR3unvv/e7dezqdPVFCkiTxh8Pha6hGnuedoQ0wFtAUz0s0SzzP0N73er0fGPvDOZd4rsnRaFTfbDYfoXOFv6ZLNzMXo9+v1Wqfu93uOjOe61rBiPAcUXyCdpizKP/whMgvsQN3RSa+OQiYNxgMrtHeYu5QKN2G9KF87QSYGyAUkX6B0TtaVihfEfkFdiDRPk90h20QBNdo3mfHKuq/ms1mL8bj8XftL41Y5ZTbezRBxG91ziVYVe8jiP+S0zILfkK1n7LaZXGpV6YQiu0XURSJer2+1zF1qEsbi4SKJXwUFOF8Twul1WqJZrMpOp2OE04odahLG4dckXmC1b2B0geb4mKxEGEYikajIdv5fC62221OXUOps1qtxGQy2dHJGLxEoX1jtFFmcKe7Xq8FqlE6pGMzchNKXdrskchHpfHsdYoNfiCU5/sZD4xf2PNTJ1lNmiAO6+0tGan0BPAji8tagoqXNmbkh0DpjMydszqlHLGDiBPmmN/TUmJuNSu4qOBKOPvNiEuBTShz6qr2PfAlc8ybg1OKoMy3mXPzVXM4/cmI7x0K8rSiQ1shHQJHsA8+70gA87pSKO122wrVBiacNg6JyWRx8WLWtylOp1MRx7HMJwE20XDq0sYhfTKf97PI7yNWcelYZSVTZOibZ3qAqJvBTSWEYic3iiFn06sPn1Bt/+2yl0ZMMLYiwaou0K0yckaau2FKFv8VybEv9LmtNhfwLD9hsotA7iv/0fYXeX6MK/Zu2NsAAAAASUVORK5CYII=');
    background-size:cover;
}
.layer-report .body .img-list div .remove:hover {filter:brightness(1.2);}
.layer-report .body .img-list-block .img-add {display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #ddd;background-color:#eee;cursor:pointer;}
.layer-report .body .img-list-block .img-add i {color:#aaa;    }
.layer-report .body .img-list-block .img-add:hover {filter:brightness(.95);}
.layer-report .body .img-list-block input[type="file"] {width:0;height:0;opacity:0;}
.layer-report .body .img-notice {margin-top:.25rem;color:#999;}
.layer-report .body .img-notice i {color:#ccc;}
.layer-report .buttons input[type="submit"] {
    display:flex;background-color:#978778;width:100%;height:45px;align-items:center;justify-content:center;border:0;
    margin-top:20px;cursor:pointer;font-size:16px;color:#fff;
}
.layer-report .buttons input[type="submit"]:hover {filter:brightness(1.05);}

/* logistic */
.layer-logistic {margin:10px auto;width:640px;padding:10px;height:300px;overflow-y:auto;}
.layer-logistic ul {list-style:none;padding:0;margin:0;}
.layer-logistic ul li {display:flex;align-items:flex-start;padding:10px 0;}
.layer-logistic ul li span {flex:none;margin-right:15px;color:#999;}
.layer-logistic ul li p {margin:0;padding:0;flex:auto;}
.layer-logistic ul li p.no-result {color:#999;text-align:center;}
.layer-logistic ul li p.no-result i {margin-right:5px;}
/* agreement */
.layer-agreement {padding:20px 60px 40px;display:flex;flex-wrap:wrap;}
.layer-agreement .agreement-block {background-color:#f6f6f6;width:600px;height:500px;overflow-y:scroll;padding:20px 0;font-size:.75rem;}
/* privacy */
.layer-privacy {padding:20px 60px 40px;display:flex;flex-wrap:wrap;}
.layer-privacy .privacy-block {background-color:#f6f6f6;width:600px;height:500px;overflow-y:scroll;padding:20px 0;font-size:.75rem;;}