@charset "UTF-8";.jiepaiqi{min-height:480px}.jiepaiqi .list{width:calc(50% - 20px);position:relative}.jiepaiqi .list h2{font-size:16px;color:var(--text-two);font-weight:400}.jiepaiqi .list h6{font-size:16px;color:var(--text-one)}.jiepaiqi .list p{margin:25px 0}.jiepaiqi output{font-size:80px;font-weight:lighter;color:var(--text-three)}.jiepaiqi input[type=range]{-webkit-appearance:none;background:transparent;width:100%}.jiepaiqi input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 10px 1px #0000001a;background:var(--main);border-radius:5px}.jiepaiqi input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--main);height:20px;width:20px;border-radius:50%;background:#ffffff;cursor:pointer;margin-top:-9px;box-shadow:0 0 10px 1px #0000001a}.jiepaiqi .meter{margin-top:40px}.jiepaiqi #play{background-image:linear-gradient(to right,var(--main),var(--second));color:#fff;font-size:20px;outline:none;border-radius:50%;border:0;position:absolute;right:20px;top:40px;width:60px;height:60px}.jiepaiqi #play .icon{margin-right:0;font-size:22px}.jiepaiqi #play .xcy-pause{display:none}@media screen and (max-width:1200px){.jiepaiqi output{font-size:90px}.jiepaiqi #play{right:10px;top:40px}}@media screen and (max-width:1100px){.jiepaiqi .volumes{margin-top:40px}.jiepaiqi .item{flex-direction:column}.jiepaiqi .list{width:100%}}@media screen and (max-width:750px){.jiepaiqi{padding-bottom:10px}.jiepaiqi output{font-size:40px}.jiepaiqi #play{right:10px;top:10px;width:45px;height:45px}.jiepaiqi #play .icon{margin-right:0;font-size:18px}.jiepaiqi .list p{margin:25px 0 15px}}