@charset "utf-8";

/*导航分组*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
/*导航分组结束*/
.is-visible {
    opacity: 1!important;
    visibility: visible!important;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s!important;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s!important;
    transition: opacity 0.3s 0s, visibility 0s 0s!important;
}
.cd-popup-container {
    position: relative;
    width:480px;
    margin:260px auto;
    height:260px;
    background: #FFF;
    border-radius: .3rem .3rem .3rem .3rem;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
/*关闭图标滑动时状态*/
.cd-popup-close{position: absolute;right:15px;top:10px; z-index: 10; height:20px; display: block; transform: rotate(0deg); transition: transform 0.4s;}  
.cd-popup-close:hover{transform: rotate(90deg); color:#df5f42;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

/*group分组*/
/*弹框样式 余下样式在首页*/
.cd-popup-group-edit{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}