.panel-heading ul {
    width: 60%;
    text-align: center;
    margin: 0;
    display: contents;
}

.dropdown .btn {
    animation: rotate 1s linear infinite;
}

.yaoqing-masthead {
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s;
}

.panel-heading ul li {
    width: 50%;
    float: left;
    font-size: 20px;
    line-height: 24px;
    padding: 15px 15px;
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s;
}

    .panel-heading ul li:nth-child(2n) {
        text-align: left;
        padding: 8px 8px;
    }

.panel-heading .leftspan {
    padding: 6px 8px;
    background: #007dfe;
    color: #fff;
    border-radius: 5px;
}

.leftbe {
    width: 12px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-right: 10px solid #007dfe;
    border-bottom: 10px solid transparent
}

.tubiao {
    background: url(/images/1.jpg) no-repeat
}

.one {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -8px -16px;
}

.two {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -8px -48px;
}

.tree {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -8px -79px;
}

.panel-heading ul li > .di {
    background: #FFF;
    color: #f96868;
    border: 1px solid #f04848;
    width: 30%;
    display: inline-block;
}

.panel-heading ul li > .er {
    margin-left: 8px;
    background: #f96868;
}

@keyframes fadeIn { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
        transform: scale(0.75); /*开始为原始大小*/
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.panel-subtitle p {
    text-align: left;
    display:;
    height: 24px;
    width: 60%;
    line-height: 24px;
    margin: 12px;
    font-size: 18px;
    color: #f96868
}

    .panel-subtitle p:after, .panel-subtitle p:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 100px;
        height: 0;
        background-color: #FFF;
    }

@keyframes shadow {
    0%, 100% {
        transform: scaleX(1);
    }

    50% {
        transform: scaleX(1.2);
    }
}

@keyframes rotate {
    0% {
        color: #FFF;
        border-color: #FFF;
        background-color: transform
    }

    25% {
        color: #fFF;
        border-color: #f04848;
        background-color: #f04848
    }

    50% {
        color: #fFF;
        border-color: #FFF;
        background-color: transform
    }

    75% {
        color: #fFF;
        border-color: #f04848;
        background-color: #f04848
    }

    100% {
        color: #fFF;
        border-color: #FFF;
        background-color: transform
    }
}