@charset "utf-8";
/**公共样式文件*/

/*让网站变成灰白色*/
/*html {*/
/*    filter:  progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
/*    -webkit-filter:  grayscale(100%);*/
/*}*/



.tts{width:350px;text-align:center;padding:0;margin:0 auto 20px auto;background:#333;position: relative;height:40px;}
.tts .tts_btn{text-align:center;font-size:14px;width:100%;float:left;padding:4px 0 0 0;}
.tts .tts_btn a{display:block;width:30px;height:30px;font-size:22px;color:#fff;float:left;text-align: center;margin:0 0 0 10px;}
.tts .tts_btn a i{padding:6px 0 0 0;}
.tts .tts_btn #ran{float:left;margin:7px 0 0 0;background-color: transparent;border: none;width:100%;}




.el-switch {
    display:inline-flex;
    align-items:center;
    position:relative;
    font-size:14px;
    line-height:20px;
    height:20px;
    vertical-align:middle;
}
.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor:not-allowed
}
.el-switch__label {
    transition:.2s;
    height:20px;
    display:inline-block;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    vertical-align:middle;
    color:#303133
}
.el-switch__label.is-active {
    color:#409eff
}
.el-switch__label--left {
    margin-right:10px
}
.el-switch__label--right {
    margin-left:10px
}
.el-switch__label * {
    line-height:1;
    font-size:14px;
    display:inline-block
}
.el-switch__input {
    position:absolute;
    width:0;
    height:0;
    opacity:0;
    margin:0
}
.el-switch__core {
    margin:0;
    display:inline-block;
    position:relative;
    width:40px;
    height:20px;
    border:1px solid #dcdfe6;
    outline:none;
    border-radius:10px;
    box-sizing:border-box;
    background:#dcdfe6;
    cursor:pointer;
    transition:border-color .3s,background-color .3s;
    vertical-align:middle
}
.el-switch__core:after {
    content:"";
    position:absolute;
    top:1px;
    left:1px;
    border-radius:100%;
    transition:all .3s;
    width:16px;
    height:16px;
    background-color:#fff;
}
.el-switch.is-checked .el-switch__core {
    border-color:#409eff;
    background-color:#409eff
}
.el-switch.is-checked .el-switch__core:after {
    left:100%;
    margin-left:-17px
}
.el-switch.is-disabled {
    opacity:.6
}
.el-switch--wide .el-switch__label.el-switch__label--left span {
    left:10px
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
    right:10px
}
.el-switch .label-fade-enter,
.el-switch .label-fade-leave-active {
    opacity:0
}







/* 分页样式 */
.pagination_vue {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination_vue a {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 4px;
    text-decoration: none;
    color: #007bff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.pagination_vue a:hover {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.pagination_vue a:disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    border-color: #ccc;
}

.pagination_vue a.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
    cursor: default;
}