@charset "utf-8";
/* CSS Document */

#cookies-body {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#cookies-set-h2  {
    padding: .5em 0;
    color: #C4A886;
    font-size: 1.2em;
}
#cookies-body p {padding: .2em 0;}

.cookies-ins {padding-bottom: 1em;}
.cookie-cate {
    margin: .5em 0;
    padding: .5em 1em;
    border: 1px solid #5e5e5e;
    border-radius: 3px;
}
.cookie-but-h3 {
    display: inline-block;
    padding: .2em 0 .5em 1.8em !important;
    font-weight: bold;
    cursor: pointer;
}
.cookie-content-h4 {
    position: relative;
    padding: .3em 0;
    font-weight: bold;
}
.cookie-content-h4 span {
    position: absolute;
    right: 0;
    color: #979797;
    font-size: .9em;
    font-weight: lighter;
}

.cookie-title {
    width: 100%;
    height: 2.1em;
}
.cookie-but {cursor: pointer;}
.cookie-switch-bg {
    position: relative;
    display: block;
    float: right;
    padding: .3em;
    width: 60px;
    height: 100%;
    background-color: #5e5e5e;
    border-radius: 3px;
}
.bg-sp {background-color: #2c2c2c;}
.cookie-switch {
    position: absolute;
    top: 8%;
    left: 4%; /* 关闭时:4%; 打开时:56% */
    width: 40%;
    height: 84%;
    background-color: whitesmoke;
    border-radius: 3px;
    cursor: pointer;
    transition: .2s;
}
.toujours-actif {
    position: absolute;
    top: 8%;
    left: 56%;
    width: 40%;
    height: 84%;
    background-color: #616161;
    border-radius: 3px;
    cursor: not-allowed;
}

.cookie-details {
    height: 0;
    overflow-y: hidden;
}
.cookie-content {padding: .5em .3em;}


@media (min-width: 1281px) {
    .cookie-switch-bg {width: 80px;}
}

@media (max-width: 580px) {
    .cookie-cate {
        padding: .5em .8em;
    }
}