.lyz-box {

    padding: 10px;
    border-radius: 2px;
    background: #fff;
    position: fixed;
    border: 1px solid #e4e7eb;
    box-shadow: 0 0 10px #e4e7eb47;
    -ms-touch-action: none;
    touch-action: none;
    display: none;
}
.lyz-box-trigger:hover{
    z-index: 3000;
}
.lyz-box-pop{
    z-index: 3000;
}

.ly-model-bg{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2999;
}

.lyz-box-img-bg {
    width: 286px;
    height: 143px;
}

.lyz-box-item {
    position: absolute;
    left: 0;
    top: 40px;
}

.lyz-move-box {
    position: relative;
    width: 286px;
    height: 40px;
    background: #f7f9fa;
    border: 1px solid #e4e7eb;
    margin-top: 8px;
    text-align: center;
}

.lyz-box-trigger .lyz-move-box,.lyz-box-trigger .lyz-box-pick{
    margin-top: 0;
}
.lyz-move-text {
    line-height: 40px;
    color: #6d7274;
}

.lyz-move-ctrl {
    position: absolute;
    left: -1px;
    top: -1px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #e4e7eb;
    box-shadow: 0 0 10px #e4e7eb47;
    cursor: pointer;
}

.lyz-move-icon {
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 0 -30px;
    background-size: 32px 914px;
    width: 14px;
    height: 10px;
    display: inline-block;
}

.lyz-moved {
    position: absolute;
    height: 40px;
    border-color: #409EFF;
    background-color: #b1d6fc;

}

.lyz-moving .lyz-move-ctrl {
    border-color: #409EFF;
    background-color: #b1d6fc;

}

.lyz-moving .lyz-move-icon {
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 0 0;
}

.lyz-moving .lyz-move-text, .lyz-move-success .lyz-move-text, .lyz-move-error .lyz-move-text {
    display: none;
}

.lyz-move-success .lyz-moved {
    border-color: #52ccba;
    background-color: #d2f4ef;
}

.lyz-move-success .lyz-move-ctrl {
    border-color: #52ccba;
    background-color: #52ccba;
}

.lyz-move-success .lyz-move-icon {
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 0 -15px;
}

.lyz-move-error .lyz-moved {
    border-color: #F56C6C;
    background-color: #f6acac;
}

.lyz-move-error .lyz-move-ctrl {
    border-color: #F56C6C;
    background-color: #f6acac;
}

.lyz-move-error .lyz-move-icon {
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 0 -95px;
}

.lyz-box-tool {
    position: absolute;
    right: 0;
    top: 0;
    background: #ffffff36;
}

.lyz-box-tool .lyz-box-refresh {
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 0 -588px;
    width: 30px;
    height: 26px;
    margin: 2px;
    cursor: pointer;
}
.lyz-img-warp{
    background: #fff;
    height: 143px;
}
.lyz-box-trigger .lyz-img-box{
    display: none;
}

.lyz-box-trigger:hover .lyz-img-box{
    display: block;
}
.lyz-box-loading{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    bottom: 0;
    color: #6c6e6f;
    background: #ffffffc9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.lyz-box-loading .lyz-box-loading-icon{
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 0px -692px;
    width: 32px;
    height: 32px;
    animation:lyz-box-rotate 0.5s infinite;
    margin-bottom: 5px;
}
@keyframes lyz-box-rotate{
    100%{transform:rotate(360deg);}
}
.lyz-box-message{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 5px;
    line-height: 12px;
    font-size: 12px;
    right: 0;
    background: #67c23aab;
    display: none;
}

.lyz-box-message-error{
    background: #F56C6Cab;
}

.lyz-box-pick{
    width: 286px;
    height: 40px;
    border: 1px solid #e4e7eb;
    margin-top: 8px;
    text-align: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    background: #fff;
    color: #6d7274;
}

.lyz-box-pick-click{
    display: none;
    align-content: center;
    align-items: center;
}

.lyz-box-trigger .lyz-box-pick-click{
    display: flex;
}

.lyz-box-pick-icon{
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 0px -266px;
    background-size: 32px 917px;
    width: 23px;
    height: 35px;
    display: inline-block;
}
.lyz-box-pick-tip{
    display: flex;
    align-content: center;
    align-items: center;
}

.lyz-box-trigger .lyz-box-pick-tip{
    display: none;
}
.lyz-box:hover .lyz-box-pick-tip{
    display: flex;
}
.lyz-box:hover .lyz-box-pick-click{
    display: none;
}
.lyz-pick-item{
    position: absolute;
    width: 24px;
    height: 24px;
    border: 1px solid white;
    color: #fff;
    text-align: center;
    flex-flow: column;
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    background-color: #539ffe;
    box-sizing: border-box;
    box-shadow: 0 0 10px black;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -moz-transform: scale(0, 0) translateZ(0);
    -ms-transform: scale(0, 0) translateZ(0);
    -webkit-transform: scale(0, 0) translateZ(0);
    transform: scale(0, 0) translateZ(0);
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.lyz-pick-success-warp{
    display: none;
}
.lyz-pick-success .lyz-box-pick-click,.lyz-pick-success .lyz-box-pick-tip,.lyz-box:hover .lyz-pick-success .lyz-box-pick-tip{
    display: none;
}

.lyz-pick-success .lyz-pick-success-warp{
    display: flex;
    align-content: center;
    align-items: center;
}

.lyz-pick-success-icon{
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 0px -266px;
    background-size: 32px 917px;
    width: 23px;
    height: 35px;
    display: inline-block;
}

.lyz-pick-item-no{
    line-height: 25px;
    font-size: 14px;
}

.lyz-box-pick-tip-img{
    height: 31px;
}

.lyz-box-img-move{
    position: absolute;
    left: 0;
    top: 0;
}
.lyz-box-rotate{
    position: absolute;
    left: calc(50% - 45px);
    top: calc(50% - 45px);
    border: 1px solid #fffffff0;
    border-radius: 45px;
}
@media screen and (max-width: 600px) {
    .lyz-box.lyz-box-pop {
        left: calc(50% - 155px);
        top: calc(50% - 242px);
    }
}

.lyz-intellisense{
    cursor: pointer;
    width: 286px;
    height: 40px;
    border: 1px solid #e4e7eb;
    text-align: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    background: #fff;
    color: #6d7274;
    overflow: hidden;
    position: relative;
}
.lyz-intellisense-wait{
    display: flex;
    align-content: center;
    align-items: center;
    height: 40px;
}
.lyz-intellisense-wait-icon-warp{
    width: 28px;
    height: 28px;
    box-shadow: 0 2px 8px 1px #c5c2c278;
    border-radius: 14px;
    margin-right: 7px;
}


.lyz-intellisense-wait-icon{
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 7px -145px;
    background-size: 32px 917px;
    width: 28px;
    height: 28px;
    display: inline-block;
}

.lyz-intellisense:hover .lyz-intellisense-wait-icon-warp,.lyz-intellisense--check .lyz-intellisense-wait-icon-warp {
    background: #2a62ff;
    box-shadow: none;
}

.lyz-intellisense:hover .lyz-intellisense-wait-icon,.lyz-intellisense--check .lyz-intellisense-wait-icon{
    background-position: 7px -123px;
}
.lyz-intellisense-wait-text{

}
.lyz-intellisense-ball-scale{
    display: none;
}
.lyz-intellisense--check{
    border-color: #b4c7ff;
}
.lyz-intellisense--check .lyz-intellisense-ball-scale{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-79px) translateX(-48px);
}

.lyz-intellisense--check .lyz-intellisense-ball-scale>div {
    position: absolute;
    box-shadow: inset 0 0 40px rgb(25 145 250 / 50%);
    border-radius: 100%;
    animation-fill-mode: both;
    left: -80px;
    top: 0;
    opacity: 0;
    width: 160px;
    height: 160px;
    animation: ball-scale-multiple 1.8s 0s linear infinite;
}
@keyframes ball-scale-multiple{0%{transform:scale(.22);opacity:0}5%{opacity:1}to{transform:scale(1);opacity:0}}
.lyz-intellisense-ball-scale>div:nth-child(2) {
    animation-delay: -1.2s;
}
.lyz-intellisense-ball-scale>div:nth-child(3) {
    animation-delay: -.6s;
}
.lyz-intellisense--success{
    border-color: #52ccba;
    background-color: #d2f4ef;
    color: #1ec8ae;
}
.lyz-intellisense--success .lyz-intellisense-wait-icon-warp{
    display: none;
}
.lyz-intellisense-status-icon{
    display: none;
}
.lyz-intellisense--success .lyz-intellisense-status-icon{
    background-image: url(https://cdn.static.magcloud.cc/static/ly/libs/lyverify/icon_light.png);
    background-position: 7px -108px;
    background-size: 32px 917px;
    width: 28px;
    height: 19px;
    display: inline-block;
    margin-right: 5px;
}