As the sun rises and the forest mist clears, and the clouds return and the caves darken, these changes of light and shadow are the morning and evening in the mountains. Wildflowers bloom with their subtle fragrance, fine trees flourish with their dense shade, the wind and frost are pure and clean, and the water recedes to reveal the rocks—these are the four seasons in the mountains. Going out in the morning and returning in the evening, the scenery of the four seasons is different, and the joy is endless.至于负者歌于途,行者休于树,前者呼,后者应,伛偻提携,往来而不绝者,滁人游也。临溪而渔,溪深而鱼肥,酿泉为酒,泉香而酒洌,山肴野蔌,杂然而前陈者,太守宴也。宴酣之乐,非丝非竹,射者中,弈者胜,觥筹交错,起坐而喧哗者,众宾欢也。苍颜白发,颓然乎其间者,太守醉也。
#cookie-notice {
position: fixed;
min-width: 100%;
height: auto;
z-index: 100000;
font-size: 13px;
letter-spacing: 0;
line-height: 20px;
left: 0;
text-align: center;
/* border-top: 2px solid #fbb03b; */
font-weight: normal;
font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
}
#cookie-notice,
#cookie-notice * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cookie-notice.cn-animated {
-webkit-animation-duration: 0.5s !important;
animation-duration: 0.5s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#cookie-notice.cn-animated.cn-effect-none {
-webkit-animation-duration: 0.001s !important;
animation-duration: 0.001s !important;
}
#cookie-notice .cookie-notice-container {
display: block;
}
#cookie-notice.cookie-notice-hidden .cookie-notice-container {
display: none;
}
#cookie-notice .cookie-revoke-container {
display: block;
}
#cookie-notice.cookie-revoke-hidden .cookie-revoke-container {
display: none;
}
.cn-position-top {
top: 0;
}
.cn-position-bottom {
bottom: 0;
}
.cookie-notice-container {
padding: 15px 30px;
text-align: center;
width: 100%;
z-index: 2;
}
.cookie-revoke-container {
padding: 15px 30px;
width: 100%;
z-index: 1;
}
.cn-close-icon {
position: absolute;
right: 15px;
top: 50%;
margin: -10px 0 0 0;
width: 15px;
height: 15px;
opacity: 0.5;
padding: 10px;
border: none;
outline: none;
background: none;
box-shadow: none;
cursor: pointer;
}
.cn-close-icon:focus,
.cn-close-icon:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
.cn-close-icon:hover {
opacity: 1;
}
.cn-close-icon:before,
.cn-close-icon:after {
position: absolute;
content: ' ';
height: 15px;
width: 2px;
top: 3px;
background-color: rgba(128,128,128,1);
}
.cn-close-icon:before {
transform: rotate(45deg);
}
.cn-close-icon:after {
transform: rotate(-45deg);
}
#cookie-notice .cn-revoke-cookie {
margin: 0;
}
#cookie-notice .cn-button {
margin: 0 0 0 10px;
display: inline-block;
}
#cookie-notice .cn-button:not(.cn-button-custom) {
font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 0 0 0 10px;
text-align: center;
text-transform: none;
display: inline-block;
cursor: pointer;
touch-action: manipulation;
white-space: nowrap;
outline: none;
box-shadow: none;
text-shadow: none;
border: none;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
border-radius: 2rem;
text-decoration: none;
padding: 8.5px 10px;
line-height: 1;
color: inherit;
}
.cn-text-container {
margin: 0 0 6px 0;
}
.cn-text-container,
.cn-buttons-container {
display: inline-block;
}
/* Non-compliance warning styles */
.cn-compliance-warning {
display: block;
color: #f5a623 !important;
font-size: 12px;
line-height: 18px;
margin: 4px 0 8px 0;
}
.cn-compliance-warning .cn-warning-icon {
color: #f5a623 !important;
margin-right: 4px;
}
.cn-compliance-warning strong {
color: #f5a623 !important;
}
.cn-compliance-warning a {
color: #f5a623 !important;
text-decoration: underline;
}
.cn-compliance-warning a:hover {
color: #ffb84d !important;
}
#cookie-notice.cookie-notice-visible.cn-effect-none,
#cookie-notice.cookie-revoke-visible.cn-effect-none {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#cookie-notice.cn-effect-none {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
#cookie-notice.cookie-notice-visible.cn-effect-fade,
#cookie-notice.cookie-revoke-visible.cn-effect-fade {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#cookie-notice.cn-effect-fade {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
#cookie-notice.cookie-notice-visible.cn-effect-slide,
#cookie-notice.cookie-revoke-visible.cn-effect-slide{
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
#cookie-notice.cn-effect-slide {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,
#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
#cookie-notice.cn-position-top.cn-effect-slide {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@media all and (max-width: 900px) {
.cookie-notice-container #cn-notice-text {
display: block;
}
.cookie-notice-container #cn-notice-buttons {
display: block;
}
#cookie-notice .cn-button {
margin: 0 5px 5px 5px;
}
}
@media all and (max-width: 480px) {
.cookie-notice-container,
.cookie-revoke-container {
padding: 15px 25px;
}
}