@font-face {
    font-family: 'web-font';
    font-style: normal;
    font-weight: normal;
    src: url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.eot');
    /* IE9 Compat Modes */
    src: local('Josefin Sans'), local('JosefinSans-Normal'), url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.woff') format('woff'), /* Modern Browsers */
    url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.svg#JosefinSans') format('svg');
    /* Legacy iOS */
}

body,div,p,a,table,textarea,form,input,img,ul,li{ margin:0; padding:0;}
body{font-size:16px;margin:4px;line-height:1.5;font-family: "web-font","Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
textarea:focus, input:focus{
    outline: 0;
}
i{font-style: unset;}
li{ list-style:none; text-indent:0;}
em{color: #9B9B9B;font-size:12px;padding: 5px 10px;font-style: unset;}
.note2{background: #f7acbc87;
    border-bottom: 1px solid #ff44aa;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #ff0099;}
/**猫咪**/
#maomao{
    position: fixed;
    bottom: 50%;
    right: -5px;
    width: 57px;
    height: 70px;
    background-image: url(https://siitake.cn/src/mao.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: background .3s;
}        
   /*改颜色*/
.deep{ background:#E3EEF8; border:1px solid #9FC6EC; border-left:none; border-right:none;}

.ta-border{ font-size:13px; width:98%; height:30px; margin:0 0 5px 0; border:1px solid #C5E6DF;}

.margin-b-5 {
	margin-bottom: 5px;
}

/**自定义css**/
.beijing{
    font-size: 10px;
    margin: 4px 0px 0px 0px;
    position: relative;
    color: white;
    border-radius: 4px;
    text-align: center;
    text-shadow: 0 0 0 #000;
}
.tui{
    position: relative;
}
.jian{
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
}

#lyc{
margin-left: 4px;
    height: 18px;
    opacity: .87;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #fb3d3d), to(#f67939));
    background-image: -webkit-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: -moz-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: -o-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: linear-gradient(270deg, #fb3d3d 2%, #f67939 100%);
    -moz-border-radius: 8px 1px 8px 1px;
    border-radius: 8px 1px 8px 1px;
    line-height: 18px;
    padding: 0 4px;
    color: #fff;
}

#lyc2{
        /* color: #0051A4; */
    /* border-radius: 2px; */
    border-radius: 10px 1px 10px 1px;
    font-weight: 400;
    padding: 4px 4px;
    font-size: 12.5px;
    margin: 0 .40rem 0 0;
    position: relative;
    top: -1px;
    /* background: #448EF6; */
    background-image: linear-gradient(270deg, #fb3d3d7a 2%, #9762f48a 100%);
    color: #fff !important;
}

#lyc3{
    border-radius: 10px 1px 10px 1px;
    font-weight: 400;
    padding: 4px 4px;
    font-size: 12.5px;
    margin: 0 .40rem 0 0;
    position: relative;
    top: -1px;
    /* background: #448EF6; */
    background-image: linear-gradient(270deg, #fb3d3d7a 2%, #66ffff 100%);
    color: #fff !important;
}
#lyc4{
    border-radius: 10px 1px 10px 1px;
    font-weight: 400;
    padding: 4px 4px;
    font-size: 12.5px;
    margin: 0 .40rem 0 0;
    position: relative;
    top: -1px;
    /* background: #448EF6; */
   background-image: linear-gradient(270deg, #ffd400 2%, #bfb5dd 100%);
    color: #fff !important;
}
.right{
    margin: 2px;
    background-color: #f9f5d6;
}

.dtuser li{
    position: relative;
    color: #2656bd;
    padding-left: 10px;
}
.dtuser li:before{
       content: '';
    position: absolute;
    top: 7px;
    left: 0;
    height: 6px;
    width: 6px;
    border-radius: 20px;
    background-color: #f73859;
}

.dtuser2 li{
    position: relative;
    color: #2656bd;
    padding-left: 10px;
}
.dtuser2 li:before{
       content: '';
    position: absolute;
    top: 7px;
    left: 0;
    height: 6px;
    width: 6px;
    border-radius: 20px;
    background-color: #f47920;
}

.dtuser3 li{
    position: relative;
    color: #ff0000;
    padding-left: 10px;
}
.dtuser3 li:before{
       content: '';
    position: absolute;
    top: 7px;
    left: 0;
    height: 6px;
    width: 6px;
    border-radius: 20px;
    background-color: #2E95FF;
}


/**按钮弹窗CSS**/
      #dream {
        margin:0 auto;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position:absolute;
        top:50%;
      }
      #dream button {
        margin: 0 20px;
      }
      .dream-btn {
        font-size: 12px;
        text-decoration: none;
       
        white-space: nowrap;
        border-radius: 5px;
        font-weight: 500;
        display: inline-block;
        cursor: pointer;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        line-height: normal;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .dream-btn.cancel {
        margin-right: 10px;
        color: #525456;
        background-color: transparent;
        font-weight: 500;
        transition: all 0.06s ease-out;
      }

      .dream-btn,
      .dream-btn span{
        position: relative;
        font-size: 12px;
        font-weight: bold;
      }
      .dream-btn.info {
        background-color: #47d4cd;
        color: #fefefe;
      }
      .dream-btn.success {
        background-color: #9edc65;
        color: #fefefe;
      }
      .dream-btn.warning {
        background-color: #e5b442;
        color: #fefefe;
      }
      .dream-btn.error {
        background-color: #ec4141;
        color: #fefefe;
      }
      .dream-btn.loading {
         background-color: #7bb4e7;
         color: #fefefe;
       }
      .dream-btn.close {
        background-color: #676868;
        color: #fefefe;
      }

      .dream-btn.ok::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        transition: all 0.12s ease-out;
        background-color: transparent;
      }
      .dream-btn.ok:hover::before {
        background-color: rgba(255, 255, 255, 0.08);
      }
      .dream-btn.ok:active::before {
        transition: all 80ms ease-out;
        background-color: rgba(0, 0, 0, 0.2);
      }

/***赞赏，加群CSS**/
#QR{padding-top:20px;}
#QR a{border:0}
#QR img{width:180px;max-width:100%;display:inline-block;margin:.8em 2em 0 2em}
#rewardButton{border:1px solid #ccc;line-height:36px;text-align:center;height:36px;display:block;border-radius:4px;-webkit-transition-duration:.4s;transition-duration:.4s;background-color:#fff;color:#999;margin:0 auto;padding:0 25px}
#rewardButton:hover{color:#f77b83;border-color:#f77b83;outline-style:none}
#rewardButton{background-color: #f05050;color: white;border-radius: 50px;cursor: pointer;}
.sqm2021 {
            text-align: center;
            width: 200px;
            height: 50px;
           
            border-radius: 30px;
            background-image: linear-gradient(90deg ,#ff44aa, red, yellow,#ff44aa);
            background-size: 400% 100%;
            position: relative;
            color: white;
        }
        .sqm2021 a {
            display: inline-block;
            vertical-align: middle;
        }
        .sqm2021 a::before {
            content: "";
            filter: blur(10px);
            position: absolute;
            border: #631818 solid 1px;
            top: -5px;
            bottom: -5px;
            left: -5px;
            right: -5px;
            background-image: linear-gradient(90deg ,#ff44aa, red, yellow,#ff44aa);
            display: inline-block;
            z-index: -1;
            border-radius: 30px;
            background-size: 300% 100%;
        }
        .sqm2021:hover {
            cursor: pointer;
            animation: mymove 5s infinite;
        }
        @keyframes mymove {
            100% {
                background-position: -200% 0;
            }
        }

/* 以下是字体抖动样式 */
.shaky { color: #FF5809;display: inline-block; padding: 1px; font-size: 12px; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: shaky-slow; -ms-animation-name: shaky-slow; animation-name: shaky-slow; -webkit-animation-duration: 4s; -ms-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes shaky-slow { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) } 2% { -webkit-transform: translate(-1px, 1.5px) rotate(1.5deg) } 4% { -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg) } 6% { -webkit-transform: translate(1.4px, 1.4px) rotate(-2deg) } 8% { -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg) } 10% { -webkit-transform: translate(1.4px, 0px) rotate(-2deg) } 12% { -webkit-transform: translate(-1.3px, -1px) rotate(-2deg) } 14% { -webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg) } 16% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg) } 18% { -webkit-transform: translate(1.3px, -1.3px) rotate(-2deg) } 20% { -webkit-transform: translate(1px, 1px) rotate(-0.5deg) } 22% { -webkit-transform: translate(1.3px, 1.5px) rotate(-2deg) } 24% { -webkit-transform: translate(-1.4px, -1px) rotate(2deg) } 26% { -webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg) } 28% { -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg) } 30% { -webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg) } 32% { -webkit-transform: translate(-1px, 0px) rotate(2deg) } 34% { -webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg) } 36% { -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg) } 38% { -webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg) } 40% { -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg) } 42% { -webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg) } 44% { -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg) } 46% { -webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg) } 48% { -webkit-transform: translate(1px, 1.6px) rotate(1.5deg) } 50% { -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg) } 52% { -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg) } 54% { -webkit-transform: translate(1.6px, -1px) rotate(-2deg) } 56% { -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg) } 58% { -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg) } 60% { -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg) } 62% { -webkit-transform: translate(0px, 0px) rotate(-1.5deg) } 64% { -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg) } 66% { -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg) } 68% { -webkit-transform: translate(0px, -1.6px) rotate(-2deg) } 70% { -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg) } 72% { -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg) } 74% { -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg) } 76% { -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg) } 78% { -webkit-transform: translate(-1px, 1.4px) rotate(2deg) } 80% { -webkit-transform: translate(1.4px, 1.6px) rotate(2deg) } 82% { -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg) } 84% { -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg) } 86% { -webkit-transform: translate(1px, 1.4px) rotate(-2deg) } 88% { -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg) } 90% { -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg) } 92% { -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg) } 94% { -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg) } 96% { -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg) } 98% { -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg) } } @keyframes shaky-slow { 0% { transform: translate(0px, 0px) rotate(0deg) } 2% { transform: translate(-1px, 1.5px) rotate(1.5deg) } 4% { transform: translate(1.3px, 0px) rotate(-0.5deg) } 6% { transform: translate(1.4px, 1.4px) rotate(-2deg) } 8% { transform: translate(-1.3px, -1px) rotate(-1.5deg) } 10% { transform: translate(1.4px, 0px) rotate(-2deg) } 12% { transform: translate(-1.3px, -1px) rotate(-2deg) } 14% { transform: translate(1.5px, 1.3px) rotate(1.5deg) } 16% { transform: translate(1.5px, -1.5px) rotate(-1.5deg) } 18% { transform: translate(1.3px, -1.3px) rotate(-2deg) } 20% { transform: translate(1px, 1px) rotate(-0.5deg) } 22% { transform: translate(1.3px, 1.5px) rotate(-2deg) } 24% { transform: translate(-1.4px, -1px) rotate(2deg) } 26% { transform: translate(1.3px, -1.3px) rotate(0.5deg) } 28% { transform: translate(1.6px, -1.6px) rotate(-1.5deg) } 30% { transform: translate(-1.3px, -1.3px) rotate(-1.5deg) } 32% { transform: translate(-1px, 0px) rotate(2deg) } 34% { transform: translate(1.3px, 1.3px) rotate(-0.5deg) } 36% { transform: translate(1.3px, 1.6px) rotate(1.5deg) } 38% { transform: translate(1.3px, -1.6px) rotate(1.5deg) } 40% { transform: translate(-1.4px, -1px) rotate(-0.5deg) } 42% { transform: translate(-1.4px, 1.3px) rotate(-0.5deg) } 44% { transform: translate(-1.6px, 1.4px) rotate(0.5deg) } 46% { transform: translate(-2.1px, -1.3px) rotate(-0.5deg) } 48% { transform: translate(1px, 1.6px) rotate(1.5deg) } 50% { transform: translate(1.6px, 1.6px) rotate(1.5deg) } 52% { transform: translate(-1.4px, 1.6px) rotate(0.5deg) } 54% { transform: translate(1.6px, -1px) rotate(-2deg) } 56% { transform: translate(1.3px, -1.6px) rotate(-2deg) } 58% { transform: translate(-1.3px, -1.6px) rotate(0.5deg) } 60% { transform: translate(1.3px, 1.6px) rotate(-0.5deg) } 62% { transform: translate(0px, 0px) rotate(-1.5deg) } 64% { transform: translate(-1.6px, -1.6px) rotate(-2deg) } 66% { transform: translate(1.6px, -1.6px) rotate(0.5deg) } 68% { transform: translate(0px, -1.6px) rotate(-2deg) } 70% { transform: translate(-1.6px, 1px) rotate(1.5deg) } 72% { transform: translate(-1.6px, 1.6px) rotate(2deg) } 74% { transform: translate(1.3px, -1.6px) rotate(-0.5deg) } 76% { transform: translate(1.4px, 1px) rotate(-0.5deg) } 78% { transform: translate(-1px, 1.4px) rotate(2deg) } 80% { transform: translate(1.4px, 1.6px) rotate(2deg) } 82% { transform: translate(-1.6px, -1.6px) rotate(-0.5deg) } 84% { transform: translate(-1.4px, 1.4px) rotate(-2deg) } 86% { transform: translate(1px, 1.4px) rotate(-2deg) } 88% { transform: translate(-1.4px, 1.4px) rotate(-1.5deg) } 90% { transform: translate(-1.6px, -1.6px) rotate(-2deg) } 92% { transform: translate(-1.4px, 1.6px) rotate(2deg) } 94% { transform: translate(-1.6px, -1.6px) rotate(-2deg) } 96% { transform: translate(-1.4px, 1.3px) rotate(-2deg) } 98% { transform: translate(1.3px, 1px) rotate(-0.5deg) } }


.shaky2 { color: blue;text-shadow: #FF0099 0px 1px 6px, #FF0099 1px 0px 6px, #FF0099 0px -1px 6px, #FF0099 -1px 0px 6px;display: inline-block; padding: 1px; font-size: 12px; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: shaky2-slow; -ms-animation-name: shaky2-slow; animation-name: shaky2-slow; -webkit-animation-duration: 4s; -ms-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes shaky2-slow { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) } 2% { -webkit-transform: translate(-1px, 1.5px) rotate(1.5deg) } 4% { -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg) } 6% { -webkit-transform: translate(1.4px, 1.4px) rotate(-2deg) } 8% { -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg) } 10% { -webkit-transform: translate(1.4px, 0px) rotate(-2deg) } 12% { -webkit-transform: translate(-1.3px, -1px) rotate(-2deg) } 14% { -webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg) } 16% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg) } 18% { -webkit-transform: translate(1.3px, -1.3px) rotate(-2deg) } 20% { -webkit-transform: translate(1px, 1px) rotate(-0.5deg) } 22% { -webkit-transform: translate(1.3px, 1.5px) rotate(-2deg) } 24% { -webkit-transform: translate(-1.4px, -1px) rotate(2deg) } 26% { -webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg) } 28% { -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg) } 30% { -webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg) } 32% { -webkit-transform: translate(-1px, 0px) rotate(2deg) } 34% { -webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg) } 36% { -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg) } 38% { -webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg) } 40% { -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg) } 42% { -webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg) } 44% { -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg) } 46% { -webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg) } 48% { -webkit-transform: translate(1px, 1.6px) rotate(1.5deg) } 50% { -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg) } 52% { -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg) } 54% { -webkit-transform: translate(1.6px, -1px) rotate(-2deg) } 56% { -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg) } 58% { -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg) } 60% { -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg) } 62% { -webkit-transform: translate(0px, 0px) rotate(-1.5deg) } 64% { -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg) } 66% { -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg) } 68% { -webkit-transform: translate(0px, -1.6px) rotate(-2deg) } 70% { -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg) } 72% { -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg) } 74% { -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg) } 76% { -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg) } 78% { -webkit-transform: translate(-1px, 1.4px) rotate(2deg) } 80% { -webkit-transform: translate(1.4px, 1.6px) rotate(2deg) } 82% { -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg) } 84% { -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg) } 86% { -webkit-transform: translate(1px, 1.4px) rotate(-2deg) } 88% { -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg) } 90% { -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg) } 92% { -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg) } 94% { -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg) } 96% { -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg) } 98% { -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg) } } @keyframes shaky2-slow { 0% { transform: translate(0px, 0px) rotate(0deg) } 2% { transform: translate(-1px, 1.5px) rotate(1.5deg) } 4% { transform: translate(1.3px, 0px) rotate(-0.5deg) } 6% { transform: translate(1.4px, 1.4px) rotate(-2deg) } 8% { transform: translate(-1.3px, -1px) rotate(-1.5deg) } 10% { transform: translate(1.4px, 0px) rotate(-2deg) } 12% { transform: translate(-1.3px, -1px) rotate(-2deg) } 14% { transform: translate(1.5px, 1.3px) rotate(1.5deg) } 16% { transform: translate(1.5px, -1.5px) rotate(-1.5deg) } 18% { transform: translate(1.3px, -1.3px) rotate(-2deg) } 20% { transform: translate(1px, 1px) rotate(-0.5deg) } 22% { transform: translate(1.3px, 1.5px) rotate(-2deg) } 24% { transform: translate(-1.4px, -1px) rotate(2deg) } 26% { transform: translate(1.3px, -1.3px) rotate(0.5deg) } 28% { transform: translate(1.6px, -1.6px) rotate(-1.5deg) } 30% { transform: translate(-1.3px, -1.3px) rotate(-1.5deg) } 32% { transform: translate(-1px, 0px) rotate(2deg) } 34% { transform: translate(1.3px, 1.3px) rotate(-0.5deg) } 36% { transform: translate(1.3px, 1.6px) rotate(1.5deg) } 38% { transform: translate(1.3px, -1.6px) rotate(1.5deg) } 40% { transform: translate(-1.4px, -1px) rotate(-0.5deg) } 42% { transform: translate(-1.4px, 1.3px) rotate(-0.5deg) } 44% { transform: translate(-1.6px, 1.4px) rotate(0.5deg) } 46% { transform: translate(-2.1px, -1.3px) rotate(-0.5deg) } 48% { transform: translate(1px, 1.6px) rotate(1.5deg) } 50% { transform: translate(1.6px, 1.6px) rotate(1.5deg) } 52% { transform: translate(-1.4px, 1.6px) rotate(0.5deg) } 54% { transform: translate(1.6px, -1px) rotate(-2deg) } 56% { transform: translate(1.3px, -1.6px) rotate(-2deg) } 58% { transform: translate(-1.3px, -1.6px) rotate(0.5deg) } 60% { transform: translate(1.3px, 1.6px) rotate(-0.5deg) } 62% { transform: translate(0px, 0px) rotate(-1.5deg) } 64% { transform: translate(-1.6px, -1.6px) rotate(-2deg) } 66% { transform: translate(1.6px, -1.6px) rotate(0.5deg) } 68% { transform: translate(0px, -1.6px) rotate(-2deg) } 70% { transform: translate(-1.6px, 1px) rotate(1.5deg) } 72% { transform: translate(-1.6px, 1.6px) rotate(2deg) } 74% { transform: translate(1.3px, -1.6px) rotate(-0.5deg) } 76% { transform: translate(1.4px, 1px) rotate(-0.5deg) } 78% { transform: translate(-1px, 1.4px) rotate(2deg) } 80% { transform: translate(1.4px, 1.6px) rotate(2deg) } 82% { transform: translate(-1.6px, -1.6px) rotate(-0.5deg) } 84% { transform: translate(-1.4px, 1.4px) rotate(-2deg) } 86% { transform: translate(1px, 1.4px) rotate(-2deg) } 88% { transform: translate(-1.4px, 1.4px) rotate(-1.5deg) } 90% { transform: translate(-1.6px, -1.6px) rotate(-2deg) } 92% { transform: translate(-1.4px, 1.6px) rotate(2deg) } 94% { transform: translate(-1.6px, -1.6px) rotate(-2deg) } 96% { transform: translate(-1.4px, 1.3px) rotate(-2deg) } 98% { transform: translate(1.3px, 1px) rotate(-0.5deg) } }


.lyc{margin-left: 4px;
    height: 18px;
    opacity: .87;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #fb3d3d), to(#f67939));
    background-image: -webkit-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: -moz-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: -o-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: linear-gradient(270deg, #fb3d3d 2%, #f67939 100%);
    -moz-border-radius: 8px 1px 8px 1px;
    border-radius: 8px 1px 8px 1px;
    line-height: 18px;
    padding: 0 4px;
    color: #fff;
}
.pcno{
    font-size: 10px;
    color: #ecb6b6;
    text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
    position: relative;
}
@media only screen and (max-width: 990px){
    .text-effect{ font-size: 100px; }
}
@media only screen and (max-width: 767px){
    .text-effect{ font-size: 80px; }
}
@media only screen and (max-width: 479px){
    .text-effect{ font-size: 50px; }
}

/**聊天室表情大小控制**/
.kp img{
    max-width: 20px;
    max-height:20px;
} 
.xianzhi img{
    max-width: 20px;
    max-height:20px;
} 
.xianzhi{line-height: 1.15;
    padding: 3px 5px;
    display: inline-block;
}

.touxiang{
    display: inline-block;
   
}

.touxiang img{
    box-shadow: 0 0 15px 1px #ff0099;
    border-radius: 50%;
}

.touxiang2{
  display: inline-block;  
}

.touxiang2 img{
    box-shadow: 0 0 15px 1px #0300a4;
    border-radius: 50%;
}
.audio{
    height: 40px;
 /**   margin: -6px;  ****/
 /**   margin-left: 10px; ***/
}
/*广场图片CSS*/
.index_img{
    border-radius:4px;
    width: 100%;
}
.index_img a{

}
.index_img img{
    box-shadow: 5px 4px 7px #888885;
    height: 42.5px;
    width: 64px;
    max-width: 256px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.6s;
}

.index_img img:hover{
    box-shadow: 5px 4px 7px #999885;

    object-fit: cover;
    border-radius: 4px;
    transform:scale(1.1)
}


/**流光字， id=masked调用**/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {    #masked {        background-image: -webkit-linear-gradient(left, #129835, #ece648 25%, #129835 50%, #F9E92B 75%, rgb(40, 150, 38));        -webkit-text-fill-color: transparent;        -webkit-background-clip: text;        -webkit-background-size: 200% 100%;        -webkit-animation: masked-animation 4s infinite linear
    }
}

@-webkit-keyframes masked-animation {
    0% {        background-position: 0 0
    }

    100% {        background-position: -100% 0
    }
}


      /*修改区*/
.kp{line-height:1.3;padding:3px 5px;word-wrap:break-word;}
	
/*图标*/
.logo{padding:5px 0 0 10px;background:#fff;}

/*页头*/
.header{background:#eee repeat-x;height:22px;line-height:22px;}

/*页脚*/
.footer{padding:5px;background:#E3EEF8;border-top:1px solid #9FC6EC;}
.footer p{line-height:22px;color:#515151;}
.footer p a{color:#0051A4;}
.footer .version a{color:#004299;}

/*列表*/
.list{line-height:1.6;}
.list a{color:#0051A4;}
.list img{max-height:20px;max-width:20px;margin-right:2px;vertical-align:middle;}


.list2{line-height:1.6;}
.list2 a{color:#0051A4;}
.list2 img{max-height:78px;max-width:150px;margin-right:2px;vertical-align:middle;}
   /*改颜色*/
.list .row{padding:3px;border-bottom:1px solid #E3E6EB;}
.list .row form{margin:0px;display: inline}
textarea{font-size:13px;width:99%;margin:0 0 0px 0;border:1px solid #9FC6EC;}
.aa{padding: 3px;background-color:#9FC6EC;font-weight:bold;}
.aa a{color:#ff0000;}

.round{
        box-shadow: 0 0 15px 1px #ff0099;
    border-radius: 50%;
}


/*导航改图？*/
.bar{ height:22px; padding:0 3px; background:#71afe3 url(/images/style/5_navbar.gif) repeat-x; line-height:22px; color:#fff;}
.bai{background:#71afe3 url(/images/style/5_navbar.gif) repeat-x; color:#fff;line-height:30px;padding: 4px 4px;border-radius:50px;font-size: 14px;}
.bar a{color:#fff;}

/*广告*/
.ad{padding-left:5px;line-height:20px;font-size:12px;}
.ad a{color:#ff0000;}

/*广播*/
.note{background:#FFF9B7;border-bottom:1px solid #9FC6EC;}
.radio{padding-left:5px;background:#FFF9B7;border-bottom:1px solid #9FC6EC;}


/*文本*/
.text{line-height:1.3;padding:3px 5px;word-wrap:break-word;}
/**灯箱
.text img{
    max-width: 150px;
    max-height: 350px;
    width: auto;
    object-fit: cover;
    margin: 1rem auto;
    margin-left: 6px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border: none;
    border-radius: 5px;
    
}

@-webkit-keyframes blur {
    0% { -webkit-filter: blur(10px); 
    -moz-filter: blur(10px); 
    -ms-filter: blur(10px); 
    filter: blur(10px); }
    50% { -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
    100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); }
}
.text img:hover {
-webkit-animation-name: blur;  
-webkit-animation-duration: 3s; 
-webkit-animation-iteration-count: 1; 
-webkit-animation-delay: 0s; 
}
***/

.text img{max-width:100%;margin-right:2px;vertical-align:middle;}

/*项目*/
.item{line-height:1.3;padding-left:2px;}
.item a{color:#0051A4;}


/*名称改颜色*/
.name{padding-left:3px;line-height:20px;border-bottom:2px solid #9FC6EC;color:#000;font-weight:bold;}
.name a{color:#0051A4;}

/*标题改颜色*/
.title{padding-left:2px;line-height:20px;border-bottom:1px solid #9FC6EC;}

.title a{color:#0051A4;}

/*常见改颜色？*/
.line{margin:2px 0 1px;padding:0 5px;border:1px solid #9FC6EC;}

.width{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}

     /*结束*/



.urlbtn {background-color: #F5F5F5; padding: 1px; margin: 1px; border-radius:3px; transition: 0.1s; border: 1px solid #999999; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));} 

.margin-b-10 {
	margin-bottom: 10px;
}

.user-info{ padding:3px 5px;}
	.user-info a{ padding-right:1px;}
	.user-info img{ margin-right:1px; vertical-align:middle;}


#footer{ 
height: 100px;
width: 100%;
background-color: #9fc6ecc4;
bottom: 0;
border-top:1px solid #C5E6DF;
}
	#footer a{ color:#0051A4;}

a{ text-decoration:none; color:#004299;}
hr{border:1px solid #C5E6DF;}
.ipt-txt{ height:18px; margin:0 3px 0 0; border:1px solid #b1d5e5;}
.ipt-s{ width:40px;}
.seperate{ margin:0 2px;}

.ipt-btn-gray-s{ width:40px; height:20px; border:none; background:url(/images/style/3_btn_s.gif) no-repeat;color:#fff;}
.ipt-btn-gray-m{ width:60px; height:20px; border:none; background:url(/images/style/3_btn_m.gif) no-repeat;color:#fff;}
.ipt-btn-gray-l{ width:80px; height:20px; border:none; background:url(/images/style/3_btn_l.gif) no-repeat;color:#fff;}

.module-line{ margin:8px 0 2px; padding:0 5px; height:20px; line-height:20px; border-bottom:4px solid #C5E6DF; color:#000;padding-bottom: 2px; }
.module-mContent{line-height:1.2;margin:1px 1px 1px 2px; border:1px solid #C5E6DF; border-radius: 3.5px / 3.5px; padding-left: 2px;margin-bottom:18px;padding-bottom: 3px;padding-top:3px;  }


/*改颜色*/
.module-title{ margin:8px 0 6px; padding:0 5px; height:20px; line-height:20px; border-bottom:4px solid #9FC6EC; color:#000; font-weight:bold;padding-bottom: 2px;}

.kk{text-shadow: 5px 5px 5px gray;line-height:30px;padding: 4px 4px;font-size: 14px;box-shadow: 0 0 15px 1px #9FC6EC;background: url(/image/bg2.gif) repeat-x;}

.module-title a{ color:#0051A4;}
.module-title img{padding-right:0px;}
	.module-title span{ font-weight:normal; font-size:12px; margin:0 0 0 10px;}
	.module-title span a{ color:#0051A4;}
.forum-title{ margin:8px 0 2px; padding:0 5px; height:20px,auto; line-height:20px; color:#000; font-weight:bold;}
.module-content{ line-height:1.5}
	.module-content a{ color:#0051A4;}
.list{ padding:0 5px; line-height:1.3;}

.module-page{ padding:5px;}


.crumb-nav{ height:22px; padding:0 3px; background:#71afe3 url(/images/style/3_navbar.gif) repeat-x; line-height:22px; color:#fff;}
.crumb-nav a{ color:#fff;}
.crumb-nav .current {color: #98d2ff;}

.bottom-crumb-nav{ padding:0 5px; border-top:1px solid #eee; line-height:1.3;}
.bottom-crumb-nav-sim{ padding:0 5px; line-height:1.3;}
.bottom-module{ padding:5px; line-height:1.3;}

.crumb-nav-large{ height:25px; padding:0 5px; background:#71afe3 url(../images/bar.gif) repeat-x; line-height:25px; color:#fff;}
.crumb-nav-large a{ color:#fff;}
.crumb-nav-large .current {color: #98d2ff;}

.txt-fade{ color:#999; font-size:13px;}
.txt-bold{ font-weight:bold;}
.txt-slim{ font-weight:300;}
.txt-emphasis{ color:#B1761A;}

 .spacing-3{ padding-top:3px; padding-bottom:3px;} 
.spacing-5{ padding-top:5px; padding-bottom:5px;}

.tab-5{ padding-left:5px; padding-right:5px;}
.tab-10{ padding-left:10px; padding-right:10px;}

.border-btm{ border-bottom:1px solid #E3E6EB;}

.tips{ background:#FFF2BD; border-top: 1px solid #ffd56a; border-bottom: 1px solid #ffd56a; line-height: 1.15; padding: 3px 5px; color: #738698;}
.tips p{ padding:0 0 0 14px; background:url(https://3gimg.qq.com/info/wap2.0/page_index/bg_module_content_list_dot_01.gif) 4px 9px no-repeat;} 
.login-tips{background: #fffcef;
    border-left: 5px solid #50bfff;
   
    padding: 4px 8px;
    border-radius: 0 var(--radius-inner) var(--radius-inner) 0;}
    .login-tips a{ color: #db7c22;padding-left: 5px;}
    
.login-tips2{
    background: #e7b1bc87;
 /**   border-left: 5px solid #50bfff;  **/
    padding: 4px 8px;
    border-radius: 0 var(--radius-inner) var(--radius-inner) 0;
}
.login-tips2 a{
    color: #e95656;
    padding-left: 2px;
}

  
    
    
.login-tips3{background: #e7b1bc87;
  /**  border-left: 5px solid #50bfff;  **/
 
    background-color: #fff9eb;
    padding: 4px 8px;
    border-radius: 0 var(--radius-inner) var(--radius-inner) 0;}
    .login-tips3 a{ color: #f68e00;padding-left: 5px;} 
        
	.login-tips img{ margin-right:2px; vertical-align:middle;}
	.login-tips span{ margin-left:14px;}
.annc-border{ border-bottom:1px solid #ccc;}

.user-title{ margin-top:5px; padding:5px; font-weight:bold;}
.user-stat{ padding:5px; background:#e4eff9; line-height:1.5;}

.write-mood{ padding:3px; background:#EBF5F6; line-height:1.5; border-top:1px solid #C5E6DF; border-bottom:1px solid #C5E6DF;}

.tool-box{ background-color:#f0f0f0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; line-height: 1.3; padding: 3px 5px; color: #1656d9;}

.ipt-nick{ width:120px;}
.ipt-y{ width:40px; text-align:center;}
.ipt-m, .ipt-d{ width:20px; text-align:center;}
.ipt-intro{ width:180px;}
.input-border {font-size: 13px;width: 98%;border: 1px solid #C5E6DF;}
.msg_tail { text-align: right; }

.nav01{ height:auto; line-height:24px; padding:0 0 0 12px; background:#F0F0F0 url(https://3gimg.qq.com/info/wap2.0/chl_common/bg_module_title.png) repeat-x; color:#4C4C4C;}

.tab-nav{font-weight:bold; border-bottom:4px solid #C5E6DF; padding:5px 0 0 5px;}

.radius{
width: 40px;
height: 40px;
border-radius: 50%;
}
.gray{
filter:gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
.headFrame{
	width:80px;
	height:80px;
	position:absolute;
	left:-20px;
	top:-20px;
}
.table_pattern{
    margin: 15px 10px 5px 10px;
}
.msg_pattern{
	margin: 3px 0 0 15px;
}
.spIcon{
/*     width: 15px;
    height: 15px;
    position: relative;
    left: -15px;
    z-index: 1; */
    width: 15px;
    height: 15px;
    position: absolute;
    left: 25px;
    top: 30px;
    float: right;
    z-index: 1;
}

.message-chat span.usertx img{width:40px;height:40px;border-radius:50%;display:inline-block}
.message-chat span.userlm{position:absolute;left: 1px;}
.message-chat span.userrm{position:absolute;right: 1px;}
.message-chat span.date{float: right;  font-size: 12px;  color: #F5F5F5;  line-height: 20px;  border-radius: 2px;  padding: 2px;  width: 100%;  text-align: right;}
.message-chat span.dl{color:#575757;/*margin-top: -25px;*/}

   .mask{
            background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,
            #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
            color: transparent; /*文字填充色为透明*/
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/
            background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/
            /* 动画 */
            animation: masked-animation 4s infinite linear;
        }
        @keyframes masked-animation {
            0% {
                background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/
            }
            100% {
                background-position: -100% 0;
            }
        }

        .ma{
            background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,
            #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
            color: transparent; /*文字填充色为透明*/
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/
            background-size: 60% 30%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/
        }
        @keyframes masked-animation {
            0% {
                background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/
            }
            100% {
                background-position: -50% 0;
            }
        }
/***加载动画CSS**/
/** 「載入中」動畫 **/
#circle {
    background-color: rgba(0,0,0,0);
    border:5px solid rgba(10,10,10,0.9);
    opacity:.9;
    border-right:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 35px #808080;
    z-index:1000;
    width:50px;
    height:50px;
        margin:0 auto; 
        margin-top: -10px;
        margin-left: -10px;
     position:fixed;
    left:50%;
    top:50%;
        bottom:30px;
    -moz-animation:spinPulse 1s infinite ease-in-out;
    -webkit-animation:spinPulse 1s infinite ease-in-out;
    -o-animation:spinPulse 1s infinite ease-in-out;
    -ms-animation:spinPulse 1s infinite ease-in-out;
}
#circle1 {
    background-color: rgba(0,0,0,0);
    border:5px solid rgba(20,20,20,0.9);
    opacity:.9;
    border-left:5px solid rgba(0,0,0,0);
    border-right:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 15px #202020; 
    z-index:1000;
    width:30px;
    height:30px;
        margin:0 auto;
     position:fixed;
    left:50%;
    top:50%;
        bottom:40px;
    -moz-animation:spinoffPulse 1s infinite linear;
    -webkit-animation:spinoffPulse 1s infinite linear;
    -o-animation:spinoffPulse 1s infinite linear;
    -ms-animation:spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
    0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050;}
    50% { -moz-transform:rotate(145deg); opacity:1; }
    100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
    0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
    50% { -webkit-transform:rotate(145deg); opacity:1;}
    100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-o-keyframes spinPulse {
    0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
    50% { -o-transform:rotate(145deg); opacity:1;}
    100% { -o-transform:rotate(-320deg); opacity:0; }
}
@-o-keyframes spinoffPulse {
    0% { -o-transform:rotate(0deg); }
    100% { -o-transform:rotate(360deg); }
}
@-ms-keyframes spinPulse {
    0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
    50% { -ms-transform:rotate(145deg); opacity:1;}
    100% { -ms-transform:rotate(-320deg); opacity:0; }
}
@-ms-keyframes spinoffPulse {
    0% { -ms-transform:rotate(0deg); }
    100% { -ms-transform:rotate(360deg); }
}

/**返回顶部CSS**/
#backtoTop {
background-color:rgba(84,82,82,0.15);
border-radius:100%;
bottom:10%;
height:33px;
position:fixed;
right:-100px;
width:33px;
transition:0.5s;
-webkit-transition:0.5s
}
#backtoTop.button--show {
right:2px
}
.per {
font-size:16px;
height:30px;
line-height:30px;
position:absolute;
text-align:center;
top:0;
width:33px;
color:#CD0000;
cursor:pointer
}
.per:before {
content:attr(data-percent)
}
.per:hover:before {
content:"↑";
font-size:15px
}

/**微信音乐播放CSS**/
.db {
	display: block;
}

.weixinAudio {
	line-height: 1.5;
}

.audio_area {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0px 1px 0px 0;
	font-size: 0;
	position: relative;
	font-weight: 400;
	text-decoration: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

.audio_wrp {
	border: 1px solid #ebebeb;
	background-color: #fcfcfc;
	overflow: hidden;
	padding: 12px 20px 12px 12px;
}

.audio_play_area {
	float: left;
	margin: 9px 22px 10px 5px;
	font-size: 0;
	width: 18px;
	height: 25px;
}

.playing .audio_play_area .icon_audio_default {
	display: block;
}

.audio_play_area .icon_audio_default {
	background: transparent url(https://up.pcno.cn/m/css/iconloop.png) no-repeat 0 0;
	width: 18px;
	height: 25px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	background-position: -36px center;
}

.audio_play_area .icon_audio_playing {
	background: transparent url(https://up.pcno.cn/m/css/iconloop.png) no-repeat 0 0;
	width: 18px;
	height: 25px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	-webkit-animation: audio_playing 1s infinite;
	background-position: 0px center;
	display: none;
}

.audio_area .pic_audio_default {
	display: none;
	width: 18px;
}

.tips_global {
	color: #8c8c8c;
}

.audio_area .audio_length {
	float: right;
	font-size: 14px;
	margin-top: 3px;
	margin-left: 1em;
}

.audio_info_area {
	overflow: hidden;
}

.audio_area .audio_title {
	font-weight: 400;
	font-size: 17px;
	margin-top: -2px;
	margin-bottom: -3px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.audio_area .audio_source {
	font-size: 14px;
}

.audio_area .progress_bar {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #0cbb08;
	height: 2px;
}

.playing .audio_play_area .icon_audio_default {
	display: none;
}

.playing .audio_play_area .icon_audio_playing {
	display: inline-block;
}

@-webkit-keyframes audio_playing {
	30% {
		background-position: 0px center;
	}
	31% {
		background-position: -18px center;
	}
	61% {
		background-position: -18px center;
	}
	61.5% {
		background-position: -36px center;
	}
	100% {
		background-position: -36px center;
	}
}

#zm_mhz,#zm_xgh,#zm_tkzj,#zm_xyz,#zm_gll ,#zm_xty,#zm_yyz,#zm_szh,#zm_wbk{
    /*圆角值,在此定义*/
    border-radius: 8px;
}
/*迷幻紫*/
#zm_mhz{
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
    background-image: -webkit-linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
}
/*西瓜红*/
#zm_xgh{
        color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
    background-color: #ff9a8b66;
    background-image: linear-gradient(220deg,#FF9A8B 0%,#ff6a8838 55%,#FF99AC 100%);
    background-image: -webkit-linear-gradient(220deg,#ff9a8b7a 0%,#ff6a88ab 55%,#ff99ac82 100%);
}
/*华为P30 天空之境*/
#zm_tkzj {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
    background-image: -webkit-linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
}
/*小宇宙*/
#zm_xyz {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
    background-image: radial-gradient( circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6% );
}
/*橄榄绿*/
#zm_gll {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
    background-image: linear-gradient( 102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3% );
}
/*小太阳*/
#zm_xty {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
     /*border-radius: 10px; */
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-image: radial-gradient( circle farthest-corner at -8.9% 51.2%, rgba(255,124,0,1) 0%, rgba(255,124,0,1) 15.9%, rgba(255,163,77,1) 15.9%, rgba(255,163,77,1) 24.4%, rgba(19,30,37,1) 24.5%, rgba(19,30,37,1) 66% );
}
/*优雅紫*/
#zm_yyz {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(95,117,227,1) 0%, rgba(188,167,205,1) 90% );
}
/*深邃黑*/
#zm_szh {
    color: #c7c7c7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 5px;*/
    box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2% );
}
/*无边框*/
#zm_wbk {
    color: #000000;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}
#zm_xyz a , #zm_gll a{
     color: #eeeeee;
}
#zm_szh a{
    color: #c7c7c7;    
}
#zm_xty a, #zm_yyz a{
    color: #ffffff;
}