/* 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;position:relative;border-radius:.75em;
    padding:65px 75px;
    background-color:#fff;box-shadow:.5rem .5rem .5rem rgba(0,0,0,.35);
    min-width:500px;min-height:400px;transform:translateY(10px);transition:.2s;
}
.layer-wrapper.show .layer-box {transform:translateY(0);}

.layer-wrapper .layer-box .close {
    display:flex;font-size:26px;font-weight:bold;color:#d3d3d3;cursor:pointer;padding:18px;transition:.2s;width:70px;height:70px;display:flex;align-items:center;justify-content:center;
    position:absolute;top:0;right:0;
}
.layer-wrapper .layer-box .close:hover {color:black;}


.layer-wrapper .layer-box .layer-top {
    display:flex;justify-content:space-between;align-items:center;height:70px;
}
.layer-wrapper .layer-box h2 {margin:0;padding:0;font-weight:normal;font-size:24px;}



/* layler:login */ 
.layer-login {padding:0;margin-top:25px;}
.layer-login .body {padding:0;}
.layer-login .body .input {position:relative;margin-top:15px;}
.layer-login .body .input:first-child {margin-top:0;}
.layer-login .body .input input[type="password"],
.layer-login .body .input input[type="text"] {border:0; width:100%;height:45px;padding:15px 10px;font-size:14px;padding-right:30px;background-color:#f3f3f3;border-radius:5px;outline:none;}
.layer-login .body .input .auth-code-button {position:absolute;right:15px;top:4px;height:35px;display:flex;align-items:center;cursor:pointer;}
.layer-login .body .input .auth-code-button.waiting {color:#999;}
.layer-login .body .agree {margin-top:10px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#222;}
.layer-login .body .agree a {text-decoration:none;color:#222;}
.layer-login .body .agree a:hover {color:#06f;}
.layer-login .buttons input[type="submit"] {
    display:flex;background-color:#d00;width:100%;height:45px;align-items:center;justify-content:center;border:0;
    margin-top:20px;cursor:pointer;font-size:16px;color:#fff;border-radius:5px;
}
.layer-login .buttons input[type="submit"]:hover {filter:brightness(1.05);}
.layer-login .oauth-list {margin-top:30px;}
.layer-login .oauth-list a {
    display:flex;font-size:14px;align-items:center;justify-content:center;border:1px solid #e5e5e5;
    text-decoration:none;height:3em;border-radius:5px;color:#222;transition:.3s;margin-bottom:10px;
}
.layer-login .oauth-list a:last-child {margin-bottom:0;}
.layer-login .oauth-list a img {width:20px;height:20px;margin-right:5px;}
.layer-login .oauth-list a:hover {border-color:#aaa;}

/* layer: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 #d00;color:#d00;}

.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 .auth-code-button.enable {background-color:#978778;color:#fff;}
.layer-updatepw .body .input .auth-code-button.enable:hover {filter:brightness(1.1);}
.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:#d00;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;margin-top:25px;}

.layer-address .body {padding:0;}
.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:0; width:100%;height:45px;padding:15px 10px;font-size:14px;padding-right:30px;background-color:#f3f3f3;border-radius:5px;outline:none;}
.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;border-radius:5px;}
.layer-address .body .select select:first-child {margin-right:10px;}
.layer-address .buttons input[type="submit"] {
    display:flex;background-color:#d00;width:100%;height:45px;align-items:center;justify-content:center;border:0;
    margin-top:20px;cursor:pointer;font-size:16px;color:#fff;border-radius:5px;
}
.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 {width:640px;padding:10px;}
.layer-logistic .body {max-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;min-height:200px;}
.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;;}


.layer-box.captcha-box-wrapper {width:300px;padding:10px;min-width:auto !important;min-height:auto !important;}
.captcha-box {width:280px;}
.captcha-box .captcha-canvas-box {width:100%;height:155px;background-color:#ccc;position:relative;overflow:hidden;}
.captcha-box .captcha-refresh {position:absolute;right:5px;top:5px;color:#eee;text-shadow:0 0 5px #000;cursor:pointer;transition:.3s;z-index:1;}
.captcha-box .captcha-refresh:hover {color:#fff;transform:rotate(90deg);}
.captcha-box .captcha-canvas-box .captcha-bg-slider {position: absolute;left: 0;top: 0;}
.captcha-box .captcha-slider {margin-top:10px;height:37px;position:relative;}
.captcha-box .captcha-slide-area {position: absolute;left: 0;top: 0;width:100%;height: 100%;}
.captcha-box .captcha-slider-text 
{
    position: absolute;
    left: 0;top: 0;width: 100%;height: 100%;line-height: 37px;
    text-align: center;color: #444;
    background-color:#ddd;cursor: default;
    user-select:none;border-radius:5px;
}
.captcha-box .captcha-slider-icon {
    position: absolute;
    left: 0;top: 0;
    height: 100%;
    text-align: center;
    border-radius: 5px;
    background-color:#fff;
    width: 37px;line-height: 37px;font-size:20px;
    box-shadow:0 0 8px rgba(0,0,0,.5);
    cursor: pointer;user-select:none;
}

.captcha-box .captcha-slider-icon:hover {color: #fff;background: #cb0000;}
.captcha-box .captcha-slider-icon.moving {color: #fff;background: #cb0000;}
.captcha-box-wrapper .captcha-suc 
{
    position:absolute;z-index:2;display:none;
    left:10px;top:10px;width:280px;height:155px;
    background-color:#fff;color:#0a0;flex-direction:column;
    align-items:center;justify-content:center;transition:.3s;opacity:0.01;
}
.captcha-box-wrapper .captcha-suc.show {opacity:1;}
.captcha-box-wrapper .captcha-suc i {font-size:30px;margin-bottom:5px;}