/* .tab-content can be styled as you like */
        main {
            max-width: 863px;
            margin: 0 auto;
        }

        .zhedie{
    /*background: #f3f3f3;*/
    background: linear-gradient(48deg,#e91e63,#ff5722)!important;
    border-style: solid;
    border-width: 1px;
    border-color: #f3f3f3;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: 0px; 
    font-size: 15px;
    padding: 10px 20px;  
    margin: -8px 20px 10px 20px;
    color: #fff;
        }

        summary {
            font-size: 1rem;
            font-weight: 600;
            /*background-color: #f3f3f3;*/
            background: linear-gradient(274deg,#2196f3,#f44336)!important;
            color: #fff;
            padding: 0.7rem;
            margin-bottom: 0.5rem;
            outline: none;
            border-radius: 2rem;
            cursor: pointer;
            position: relative;
        }

        details[open] summary~* {
            animation: sweep .5s ease-in-out;
        }

        @keyframes sweep {
            0% {
                opacity: 0;
                margin-top: -10px
            }

            100% {
                opacity: 1;
                margin-top: 0px
            }
        }

        details>summary::after {
            padding-top: 5px;
            position: absolute;
           content: url('/source/plugin/jnpar_mobilesort/youxifenlei/sq.png');  /* Unicode 字符 + 号 */
            right: 20px;
        }

        details[open]>summary::after {
            padding-top: 5px;
            position: absolute;
            content: url('/source/plugin/jnpar_mobilesort/youxifenlei/zk.png');  /* Unicode 字符 - 号 */
            right: 20px;
        }

        details>summary::-webkit-details-marker {
            display: none;
        }