@import "../css/common.css";
@import "../lib/layui/css/layui.css";
@import "okadmin.animate.css";
@import "../lib/loading/okLoading.css";

/**控制台样式*/
.console .map-body{height:360px}
.console .map-china{height:360px}
.console .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}
.console .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}
.console .ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box;text-align:center;}
.console .ok-card-body .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
.console .ok-card-body .stat-heading{color:#99abb4}
.console .ok-card-body .img-box{display:inline-block;vertical-align:middle;}
.console .ok-card-body .img-box img{width:60px}
.console .ok-card-body .cart-r{display:inline-block;vertical-align:middle}
.console .progress-box{margin-bottom:20px;display:flex}
.console .progress-box .por-title{font-weight:600;color:#868e96;padding-bottom:5px}
.console .progress-box .por-txt{font-size:13px;padding-bottom:5px}
.console .progress-box .pro-head{width:50px;height:50px;line-height:50px;display:inline-block;vertical-align:middle;float:left;overflow:hidden;padding-right:20px}
.console .progress-box .pro-head img{background:#bea8ab;width:100%;height:100%;border-radius:100%}
.console .progress-box .pro-data{display:inline-block;vertical-align:middle;flex:1}
.console .ok-card-body .stat-text{color:#455a64;font-size:19px;padding-bottom:5px}
.console .ok-card-body .stat-heading{color:#99abb4;font-size: 12px;}
.console .ok-card-body .img-box{display:inline-block;vertical-align:middle;padding-right: 10px;}
.console .ok-card-body .img-box img{width:60px}
.console .ok-card-body .cart-r{display:inline-block;vertical-align:middle;text-align: left;}
@media screen and (max-width:450px){
    .console .ok-card-body{
        padding:20px 0px;
    }
    .console .ok-card-body .cart-r{
        text-align: center;
    }
    .console .ok-card-body .img-box{
        padding-right:0;
    }
}


/*控制台1*/
.console1 .data-body .w-img{width:60px;height:60px}
.console1 .data-body .w-img img{width:100%;height:100%}
.console1 .line-home-a{height:60px}
.console1 .data-body .media-cont .tit{font-size:16px;padding-bottom:5px}
.console1 .data-body .media-cont .num{font-size:24px;line-height:22px}
.console1 .data-body .media-cont{-ms-flex-align:center!important;align-items:center!important;-ms-flex:1 1 auto;flex:1 1 auto}
.console1 .data-body{display:flex;padding:20px;padding-bottom:0;color:#333}

/*登录*/
#login .layui-icon{font-size:16px!important}
#login .mag0{margin:0!important}
#login ::selection{background:#ff5722;color:#fff}
#login .layui-red{color:red!important;font-weight:700}
#login .layui-blue{color:#01aaed!important}
#login .layui-form-item.layui-input-focus input{border-color:#ff6700!important}
#login .layui-form-item.layui-input-focus input::-moz-placeholder{color:inherit!important}
#login .layui-block{width:100%!important}
#login{overflow:hidden;width:100%;height:100%;background-image:url(../images/login-bg.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position: center;}
#login form.layui-form{height:312px;padding:0 20px 5px 20px;width:300px;position:absolute;left:50%;top:50%;margin:-180px 0 0 -150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 0 50px #009688}
#login .login_face{margin:-55px auto 26px;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid #fff;overflow:hidden;box-shadow:0 0 30px #009688;background:#fff}
#login .login_face img{width:100%}
#login .layui-form-item{position:relative}
#login .layui-form-item label{position:absolute;color:#757575;left:10px;top:9px;line-height:20px;background:0 0;padding:0 5px;font-size:14px;cursor:text}
#login #code{padding-right:110px}
#login .captcha-box .img{position:absolute;top:1px;bottom:1px;right:1px;cursor:pointer;width:100px;background:#c4e1ce}
#login .layui-form-item input{background:#fff!important}
#login .layui-form-item input,#login .layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
#login .layui-form-item input::placeholder{color:transparent!important}
#login .layui-form-item input::-moz-placeholder{color:transparent!important}
#login .layui-form-item.layui-input-focus input::placeholder{color:#757575!important}
#login .layui-form-item.layui-input-active label,#login .layui-form-item.layui-input-focus label{top:-10px;font-size:12px;color:#ff6700;background:#fff!important}
#login .layui-form-item.layui-input-active>label{color:#757575;}
#login .login-link{display:block;font-size:12px}
#login .login-link a{display:inline-block;margin-right:20px}
#login .login_qrcode{
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(/static/images/qr.png);
    background-size: 35px 35px;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-radius:0 5px 0 0px;
    margin-bottom: 0!important;
  }
#login .pc{
    background-image: url(/static/images/pc.png);
    background-size: 28px 28px;
  }
#login .wx_qrcode{
    display: none;
    height: 224px;
    position: absolute;
    top: 75px;
    width: 260px;
    background-color: #fff;
    text-align: center;
    margin-bottom:0px!important;
  }
#login .wx_qrcode>img{
    width: 182px;;
  }
#login .wx_qrcode>img:nth-child(1){
    display: none;
  }
#login .wx_qrcode>.load{
    width: 32px;
    margin-top: 70px;
    margin-bottom: 80px;
  }
#login .wx_qrcode>span{
    color: #009688;
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    padding-top: 12px;
    font-weight: 600;
    font-family: cursive;
  }

/*基本资料*/
.user-info .user_left{float:left;margin:20px 0 0 5%}
.user-info .user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
.user-info .userAddress.layui-form-item .layui-input-inline{width:23%}
.user-info .userAddress.layui-form-item .layui-input-inline:last-child{margin-right:0}
@media screen and (max-width:450px){
    .user-info .userAddress.layui-form-item .layui-input-inline{width:auto}
}

/*修改密码*/
.seting-pass{background: #FFFFFF;}
.seting-pass .user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
.seting-pass .layui-table th{text-align:center}
.seting-pass .changePwd{width:100%;max-width: 480px;}


/*响应样式*/
@media screen and (max-width:750px){
	.ok-in-hide-md{display:none!important}
}
@media screen and (max-width:535px){
	/*.ok-in-hide-xs,[ok-pc-in-show]{display:none!important}*/
    .ok-in-hide-xs,[ok-pc-in-show]>img{width: 35px!important;}
    .stat-text{min-width:95px;}
    ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    }
    ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #1e9fff;
    }
    ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    background   : #ededed;
    }
}
.login-2>div{
    margin-bottom:20px;
}
.login_face>img:hover{
    animation:mymove 1s;
    -webkit-animation:mymove 1s; /* Safari 和 Chrome */
    animation-delay:0s;
    -webkit-animation-delay:0s; /* Safari 和 Chrome */
}
@keyframes mymove
{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}
@-webkit-keyframes mymove /* Safari 和 Chrome */
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
.comet {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: comet 10s linear infinite;
    animation: comet 10s linear infinite
}
@-webkit-keyframes comet {
    0%,40% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    60%,100% {
        -webkit-transform: translateX(-100vmax);
        transform: translateX(-100vmax);
        opacity: 0
    }
}
@keyframes comet {
    0%,40% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    60%,100% {
        -webkit-transform: translateX(-100vmax);
        transform: translateX(-100vmax);
        opacity: 0
    }
}
.comet-b {
    -webkit-animation-delay: -3.3s;
    animation-delay: -3.3s
}

.comet-c {
    -webkit-animation-delay: -5s;
    animation-delay: -5s
}