@import "../../style/index.less";
@ui-prefix-panel: yyui-panel;
/**面板**/
.@{ui-prefix-panel}{
    position: relative;
    display: block;
    background: #fff;
    /*padding:15px 45px;*/
    /*-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.15);*/
    /*-moz-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.15);*/
    /*-ms-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.15);*/
    /*box-shadow: 0px 0 5px red;*/
    /*margin-bottom: 20px;*/
    &.collapse{
        margin-bottom: 0px;
    }
    &-head{
        height:35px;
        padding:5px 15px 5px 0;;
        border-bottom: 1px #e5e5e5 solid;
    }
    &-title{
        font-size:14px;
        color:#2b2b2b;
        line-height: 24px;
        margin-left: 8px;
    }
    &-collapse{
        font-size:12px;
        cursor: pointer;
        color:#999;
        margin-top: 6px;
        float: right;
    }
    &-body{
        display: block;
        height:auto;
        padding:20px 10px;
        /*-webkit-transition:height 0.5s ease-out;*/
        /*-moz-transition:height 0.5s ease-out;*/
        /*-ms-transition:height 0.5s ease-out;*/
        /*transition:height 0.5s ease-out;*/
    }
    &.collapse>.yyui-panel-body{
        display: none;
        /*height:0;*/
        /*padding:0;*/
        /*-webkit-transform: translateX(0);*/
        /*-moz-transform: translateX(0);*/
        /*-o-transform: translateX(0);*/
        /*transform: translateX(0);*/
        /*-webkit-transition:height 0.5s ease-in-out;*/
        /*-moz-transition:height 0.5s ease-in-out;*/
        /*-ms-transition:height 0.5s ease-in-out;*/
        /*transition:height 0.5s ease-in-out;*/
    }
}