body,div,p,a,table,textarea,form,input,img,ul,li{ margin:0; padding:0 1px;}
body{font-size:16px;margin:0 auto;padding:0 0px;wline-height:2;font-family: "宋体","黑体","Arial","Microsoft YaHei",sans-serif;}

textarea{padding:2px;border:1px solid #2e9cd3;background-color: #FFFFFF;border-radius:4px;width:98%; no-repeat;}
}
i{font-style: unset;}
li{ list-style:none; text-indent:0;}
em{color: #9B9B9B;font-size:12px;padding: 5px 10px;font-style: unset;}
.note{ background:#FFF9B7; border-bottom:1px solid #9FC6EC;}
   /*改颜色*/
.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;
}
.round {
    border-radius: 50%; 
    box-shadow: 0 0 14px 1px #03eea4;
}
/**自定义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;
}
/**摇铃铛**/
.yaolingdang{
    transform-origin: 50% 0;
    animation: yaolingdang 3s infinite ease;
}
@keyframes yaolingdang {5%,25%,45% {transform:rotate(8deg);}
		0%,10%,30%,50% {transform:rotate(-8deg);}
		15%,35%,55% {transform:rotate(4deg);}
		20%,40%,60% {transform:rotate(-4deg);}
		65%,100% {transform:rotate(0deg);}
		}
		
/**猫咪**/
#maomao{
    position: fixed;
    bottom: 50%;
    right: -5px;
    width: 57px;
    height: 70px;
    background-image: url(https://up.pcno.cn/ico/cw/mao.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: background .3s;
}    
#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;
}

.sqm {
	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%;
	-webkit-animation:masked-animation 3s infinite linear;
}
@-webkit-keyframes masked-animation {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: -50% 0;
	}
} 


.sqm1 {
	background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2), color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
	color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-ms-background-clip: text
}


.sqm2 {
	font-size: 16px;
	font-family: "黑体";
	color: #ff00000;
	background: -webkit-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
	-moz-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
	-ms-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
	color: transparent;
	/*设置字体颜色透明*/
	-webkit-background-clip: text;
	/*背景裁剪为文本形式*/
	-webkit-animation:ran 70s linear infinite;
	/*3zqq.com出品*/
}
@-webkit-keyframes ran {
	from {
		backgroud-position: 0 0;
	}
	to {
		background-position: 2000px 0;
	}
}


.sqm3 {
   font-size: 15px;
    -webkit-text-stroke: 1px #177cb0;
    -webkit-text-fill-color: transparent;
}


.sqm4 {
	font-family:cursive;
	text-shadow: 2px 1px 3px deeppink;
	color:deeppink;
}


.text-reflect-base {
	color: palegreen;
	-webkit-box-reflect:below 10px;
}


.sqm5 {
	font-size: 17px;
	background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);
	-webkit-text-fill-color: transparent;
	/* 许城哥哥好帅*/
	-webkit-background-clip: text;
	/* 裁剪背景图，使文字作为裁剪区域向外裁剪*/
	-webkit-background-size: 200% 100%;
	-webkit-animation: masked-animation 4s linear infinite;
}
@-webkit-keyframes masked-animation {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -100% 0;
	}
}



/* 新增添 */

/* 改 */
.sqm6 {
	color: transparent;
    -webkit-text-stroke: 1px rgba(200, 83, 7, 1);
    letter-spacing: 0.04em;
    background-color: ;
    font-size: 17px;
}


.sqm7 {
    color: transparent;
    background-color: rgba(90, 25, 27, 1);
    text-shadow: rgba(255, 5, 5, 0.3) 0 3px 3px, rgba(255, 0, 0, 0.2) 5px 3px 6px;
    -webkit-background-clip: text;
    font-weight: bold;
}


/* 改 */
.sqm8 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";
	background-image: -webkit-linear-gradient(left,#0A0218,#11064C 10%,#FD250F 20%,#FE5803 30%, #c48ade 40%, #AA1B61 50%,#544CA4 60%,#AA1B61 70%,#FD250F 80%,#11064C 90%,#0A0218 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: xucheng 3s linear infinite;
}
@-webkit-keyframes xucheng {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -100% 0;
	}
}


.sqm9 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";
	background-image: -webkit-linear-gradient(left,#a6d676,#feb500 10%,#147ebc 20%,#34adae 30%, #c8d4d2 40%, #ed9c6b 50%,#c8d4d2 60%,#34adae 70%,#147ebc 80%,#feb500 90%,#a6d676 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: xuchengchupin 3s linear infinite;
}
@-webkit-keyframes xuchengchupin {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -100% 0;
	}
}


/* 改 */
.sqm10 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";
	background-image: -webkit-linear-gradient(left,#BB0708,#DA3B44 10%,#DE575D 20%,#580705 30%, #E2A1A3 40%, #F4ECE4 50%,#E2A1A3 60%,#580705 70%,#DE575D 80%,#DA3B44 90%,#BB0708 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: 3zqq 4s linear infinite;
}
@-webkit-keyframes 3zqq {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -100% 0;
	}
}


.sqm11 {
	color: #ccabd8;
	-webkit-background-clip:text;
	-webkit-animation: 3zqqcom 4s linear infinite;
}
@-webkit-keyframes 3zqqcom {
    0%{
        color: #ccabd8;
    }
    20% {
        color: #ccabd8;
    }
    40%{
        color: #e25b45;
    }
	60%{
	    color: #f7f5df;
	}
	80%{
	    color: #fc0d00;
	}
	100%{
	    color: #751102;
	}
}


/* 改 */
.sqm12 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";
	background-image: -webkit-linear-gradient(left, #047C51, #58FEDB 10%, #0C344E 20%, #0640A7 30%, #98AD06 40%, #FFD498 50%, #98AD06 60%, #0C344E 70%, #0640A7 80%, #58FEDB 90%, #047C51);
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 60% 30%;
	-webkit-animation: www3zqq 4s linear infinite;
}
@-webkit-keyframes www3zqq {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: -50% 0;
	}
}


.sqm13 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";
	background-image: -webkit-linear-gradient(left, #da6085, #d7ede1 10%, #014872 20%, #131c85 30%, #60f3ab 40%, #f3df7a 50%, #131c85 60%, #a0eacf 70%, #d7ede1 80%, #014872 90%, #da6085);
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 60% 30%;
	-webkit-animation:elvis 4s linear infinite;
}
@-webkit-keyframes elvis {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: -50% 0;
	}
}


.sqm14{
    color: #f35626;
    background: coral;
    background-image: -webkit-linear-gradient(30deg,#c9d7b2,#60f3ab);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: mol9 3s linear infinite;
}
@-webkit-keyframes mol9 {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}


/* 改 */
.sqm15 {
	font-size: 16px;
	font-family: "黑体";	background:-webkit-linear-gradient(left,#FEA888,#6756EF 25%,#4D135A 50%,#2B5DC6 75%,#224B26);
	color:transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip:text;
	background-size:200% 100%;
	-webkit-animation: mol10 5s linear infinite;
}
@-webkit-keyframes mol10 {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-100% 0;
	}
}

/* 许城哥哥好帅呀 */
.sqm16 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";
	background-image: -webkit-linear-gradient(left, #321DEE, #664EEF 10%, #4DA8D5 20%, #B4AEE8 30%, #4440B3 40%, #F0EEFA 50%, #4440B3 60%, #B4AEE8 70%, #4DA8D5 80%, #664EEF 90%, #321DEE);
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 60% 30%;
	-webkit-animation:3zqq1 4s linear infinite;
}
@-webkit-keyframes 3zqq1 {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: -50% 0;
	}
}


/* 改 */
.sqm17 {
	font-size: 16px;
	font-family: "黑体";font-weight: bold;	background:-webkit-linear-gradient(left,#996369,#1A0645 25%,#F22500 50%,#D131A2 75%,#0B1083);
	color:transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip:text;
	background-size:200% 100%;
	-webkit-animation:mol12 5s linear infinite;
}
@-webkit-keyframes mol12 {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-100% 0;
	}
}


.sqm18 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";	background:-webkit-linear-gradient(left,rgb(204,153,153),rgb(51,153,204) 25%,rgb(235,235,255) 50%,rgb(153,0,51) 75%,rgb(102,153,153));
	color:transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip:text;
	background-size:200% 100%;
	-webkit-animation:mol13 5s linear infinite;
}
@-webkit-keyframes mol13 {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-100% 0;
	}
}


.sqm19 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";
	background-image: -webkit-linear-gradient(left, #009966, #0099cc 10%, #003366 20%, #cc99ff 30%, #f66666 40%, #ccffff 50%, #fccccc 60%, #cc99ff 70%, #003366 80%, #0099cc 90%, #009966);
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 60% 30%;
	-webkit-animation:mol14 4s linear infinite;
}
@-webkit-keyframes mol14 {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: -50% 0;
	}
}


/* 改 */
.sqm20 {
	font-size: 16px;
	font-family: "Microsoft JhengHei";
	font-family: "Times New Roman";	background:-webkit-linear-gradient(left,#541AE5,#00D87C 25%,#FFA0BD 50%,#FE3405 75%,#00B4FF);
	color:transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip:text;
	background-size:200% 100%;
	-webkit-animation:mol15 5s linear infinite;
}
@-webkit-keyframes mol15 {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-100% 0;
	}
}


/* 改 */
.sqm21 {
	background-image: -webkit-linear-gradient(left, #996369, #F26F8C 10%, #CFA81D 20%, #CF133D 30%, #DA5C5D 40%, #E7DFCA 50%, #DA5C5D 60%, #CF133D 70%, #CFA81D 80%, #F26F8C 90%, #996369);
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 60% 30%;
	-webkit-animation:mol16 4s linear infinite;
}
@-webkit-keyframes mol16 {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: -50% 0;
	}
}
/* 3zqq.com出品 */

.sqm22 {
	color: transparent;
	background-color: rgba(250,126, 35, 1);
	text-shadow: rgba(255, 5, 5, 0.3) 0 3px 3px, rgba(255, 0, 0, 0.2) 5px 3px 6px;
	-webkit-background-clip: text;
	font-weight: bold;
}

.sqm23 {
	color: transparent;
    background-color: rgba(173, 158, 85, 1);
    text-shadow: rgba(255, 215, 5, 0.8) 0 3px 3px, rgba(255, 241, 0, 0.3) 4px 3px 5px;
	-webkit-background-clip: text;
	font-weight: bold;
}

.sqm24 {
	color: transparent;
	-webkit-text-stroke: 1px rgba(238,25,107,1);
	letter-spacing: 0.04em;
	background-color: ;
	font-size: 16px;
}

.sqm25 {
	font-size: 15px;
	-webkit-text-stroke: 1px rgba(36,128,103,1);
	-webkit-text-fill-color: transparent;
}

.x-sign {
	--interval: 1s;
	text-shadow: 0 0 10px var(--color1), 0 0 20px var(--color2), 0 0 40px var(--color3), 0 0 80px var(--color4);
	will-change: filter, color;
	filter: saturate(60%);
	-webkit-animation:flicker steps(100) var(--interval) 1s infinite;
}

.x-sign:nth-of-type(1) {
	color: yellow;
	--color1: goldenrod;
	--color2: orangered;
	--color3: mediumblue;
	--color4: purple;
	font-family: Gruppo;
}

.x-sign:nth-of-type(2) {
	color: lightpink;
	--color1: pink;
	--color2: orangered;
	--color3: red;
	--color4: magenta;
	font-family: Bad Script;
}

.x-sign:nth-of-type(3) {
	color: lightyellow;
	--color1: yellow;
	--color2: lime;
	--color3: green;
	--color4: mediumblue;
	font-family: Kumar One Outline;
}

.x-sign:nth-of-type(4) {
	color: lightyellow;
	--color1: gold;
	--color2: firebrick;
	--color3: pink;
	--color4: red;
	font-family: Londrina Outline;
}

.x-sign:nth-of-type(5) {
	color: azure;
	--color1: azure;
	--color2: aqua;
	--color3: dodgerblue;
	--color4: blue;
	font-family: Sriracha;
}

.x-sign:nth-of-type(6) {
	color: tomato;
	--color1: orangered;
	--color2: firebrick;
	--color3: maroon;
	--color4: darkred;
	font-family: Yellowtail;
}

.x-sign:nth-of-type(7) {
	color: lightyellow;
	--color1: yellow;
	--color2: orange;
	--color3: brown;
	--color4: purple;
	font-family: Bad Script;
}

.x-sign:nth-of-type(8) {
	color: yellow;
	--color1: yellow;
	--color2: lime;
	--color3: green;
	--color4: darkgreen;
	font-family: Monoton;
}

.x-sign:nth-of-type(9) {
	color: lightyellow;
	--color1: yellow;
	--color2: gold;
	--color3: orange;
	--color4: darkred;
	font-family: Sriracha;
}

@-webkit-keyframes flicker {
	50% {
		color: white;
		filter: saturate(200%) hue-rotate(20deg);
	}
}

.side-bar {
	z-index: 9999;
	width: 20px;
	position: fixed;
	bottom: 15px;
	right: 25px;
	display: inline-block;
}

#picture {
	margin-top: -20px;
	margin-left: -20px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

#badge {
	padding: 2px 6px;
	text-align: center;
	background-color: red;
	color: white;
	font-size: 12px;
	font-weight:;
	border-radius: 50%;
	position: relative;
	bottom: 59px;
	left: 9px;
}
.side-barhb{
width: 45px;
height:50px;
z-index: 9999;
	position: fixed;
	bottom: 120px;
	right: 20px;

}
.picturehbimg{
	display: block;
	width: 45px;
height:50px;
margin-top: -7px;
	margin-left: -10px;
}
.badgehb{
	width: 45px;
height:50px;
	font-size: 0.8875rem;
	text-align: center;
	font-weight:;
	position: relative;
	bottom: 0px;
}
.javahb{width: 40px;
height:45px;
	position: relative;
	}


.myaxa{  z-index: 9999;position: fixed; background-color: rgba(0,0,0,0.7); color: #fff; height: 60px; left: 50%; top: 50%; font-size: 100%; line-height: 25px; border-radius: 15px; text-align: center;  padding:18px 18px 15px 18px;  }   

.showB { z-index: 9999;position: fixed; background-color: rgba(0,0,0,0.7); color: #fff; height: 30px; left: 50%; top: 50%; font-size: 100%; line-height: 30px; border: 2px solid #888; border-radius: 5px; text-align: center; padding: 10px; }

/* 欢迎访问3zqq.com，寻访源代码 */


.sqm26{
	color: #f35626;
	background: coral;
	background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: ani26 3s infinite linear;
}
@-webkit-keyframes ani26 {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}


.sqm27{
	background-image: linear-gradient(to right, #0027ff, #00ff87, #e3f9fd, #70f3ff, #e3f9fd, #00ffb6, #389877, #ff9f00, #e3f9fd, #70f3ff, #e3f9fd, #0871ee, #ff2110); 
	-webkit-background-clip: text;      
	color: transparent;      
	/* width: 320px;当根据内容固定宽度时高亮部分会变多 */
	-webkit-animation:ani27 5s infinite;  
}
@-webkit-keyframes ani27 {
    0% {
		background-position: 0 0;
	}
	100% {
		background-position: -320px 0;
	}
}


.sqm28{
	-webkit-background-clip: text;
	background-clip: text;
	background-image:linear-gradient(-45deg,#f20c00,#e8d3d1,#9411ff,#ff0097);
	background-blend-mode: multiply;
	background-size: 200%;
	color: white;
	-webkit-text-fill-color: transparent;
	-webkit-animation:aixucheng 5s infinite;
}
@-webkit-keyframes aixucheng {
    from {
		background-position: 100%;
    }
    to {
		background-position: 0;
    }
}


.sqm29{
	background-image: linear-gradient(160deg, #9ed900, #789262, #a4e2c6, #00e079, #a4e2c6, #789262, #9ed900, #789262, #a4e2c6, #00e079, #a4e2c6, #789262, #9ed900);
	-webkit-background-clip: text;      
	color: transparent;      
	/* width: 320px;当根据内容固定宽度时高亮部分会变多 */
	-webkit-animation:ani29 5s infinite;  
}
@-webkit-keyframes ani29 {
    0% {
		background-position: 0 0;
	}
	100% {
		background-position: -120px 0;
	}
}



 /* 会动的 */
 
 .sqm30 {
     max-width: 195px;
     height: 28px;
     overflow: hidden;
     animation: ani30 2s 0.6s linear infinite;
     line-height: 1.8;
     color: #666;
     font-family: cursive;
     text-shadow: 2px 1px 3px deeppink;
     color: deeppink;
 }
 
 @keyframes ani30 {
     0% {
         transform: translateY(0);
     }
     100% {
         transform: translateY(-50%);
     }
 }
 
 .sqm31 {
     width: 195px;
     animation-name: ani31;
     animation-direction: alternate;
     animation-timing-function: linear;
     animation-delay: 0s;
     animation-iteration-count: infinite;
     animation-duration: 5s;
     color: #666;
     -webkit-text-stroke: 1px #009966;
     -webkit-text-fill-color: transparent;
 }
 
 @keyframes ani31 {
     0% {
         opacity: 0;
         transform: scale(1);
     }
     25% {
         transform: scale(0.9);
     }
     50% {
         opacity: 1;
         transform: scale(0.85);
     }
     75% {
         transform: scale(0.9);
     }
     100% {
         opacity: 0;
         transform: scale(1);
     }
 }
 
 .sqm32 {
width: 195px;
    white-space: nowrap;
    animation: ani32 5s both infinite;
    background-image: -webkit-linear-gradient(left, #ffb818, #f47920 10%, #ff0948 20%, #f7acbc 30%, #efce2c 40%, #e8cb37 50%, #f47920 60%, #ff0c4a 70%, #f7acbc 80%, #f3d025 90%, #e0ba2a);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;}
 
 @keyframes ani32 {
     0% {
         opacity: 0.5;
         letter-spacing: -0.01px;
         background-position: 0 0;
     }
     60% {
         letter-spacing: 0.3px;
     }
     100% {
         opacity: 1;
         letter-spacing: 0;
         background-position: -100% 0;
     }
 }
 
 .sqm3.3 {
width: 195px;
    white-space: nowrap;
    animation: ani33 5s both infinite;
    background-image: -webkit-linear-gradient(left,#fbff00,#ff7600 10%,#ff0000 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#cc0000 70%,#ccff00 80%,#ff0404 90%,#fff000 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;}
 
 @keyframes ani33 {
     0% {
     font-weight: 400;
     }
     50% {
     font-weight: 500;
     font-size: 16.8px;
     }
     100% {
     font-weight: 800;
     }
 }
 
 .sqm34 {
width: 195px;
    white-space: nowrap;
background-image: -webkit-linear-gradient(left,#fbff00,#ff7600 10%,#ff0000 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#cc0000 70%,#ccff00 80%,#ff0404 90%,#fff000 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
     animation: ani34 4s forwards infinite;
text-shadow:0px 1px 1px red;
     font-weight: bold;
     font-size: 17px;
}
 
 @keyframes ani34 {
     10% {
text-shadow:0px 1px 1px red;
     }
     60% {
text-shadow:0px 1px 1px red;
     }
     70% {
text-shadow:1px 2px 2px red;
opacity: 0.8;
     }
     75% {
text-shadow:0px 1px 1px red;
     }

     100% {
text-shadow:0px 1px 1px red;
     }
 }
 
  .sqm35 {
     width: 200px;
    background-image: -webkit-linear-gradient(right, #da6085, #ff00eb 20%, #ff0076 30%,  #f3df7a 50%,  #f3df7a 60%, #ff00e0 90%,   #da6085);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
     opacity: 0.5;
     transform: translate(-10px, 0) scale(.5);
     animation: ani35 6s forwards infinite;
 }
 
 @keyframes ani35 {
     10% {
         opacity: 1;
         background-position:0 0;
     }
     40% {
         opacity: 1;
         background-position:100% 0;
     }
     60% {
         opacity: 0.5;
         background-position:0 0;
     }
     80% {
         transform: translate(0) scale(1.1);
         opacity: 0;
     }
     100% {
         transform: translate(0) scale(1);
         opacity: 1;
         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:url("../images/header.gif") 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{letter-spacing:1.5px; margin:0px auto;line-height:1.5;}
.list a{color:#0051A4;}
.list img{max-width:100%;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;}
.plist{letter-spacing:1.5px; margin:0px auto;line-height:1.5;word-wrap:break-word;}
.plist .row01{padding:3px;border-bottom:1px solid #E3E6EB;background:#FCFCFC;}
.plist .row02{padding:3px;border-bottom:1px solid #9FC6EC;background:#E3EEF8;}

.aa{padding: 3px;background-color:#9FC6EC;font-weight:bold;}
.aa a{color:#ff0000;}




/*导航改图？*/
.bar{ height:22px; padding:0 3px; background:#71afe3 url("../images/bar.gif") repeat-x; line-height:22px; color:#fff;}
.bai{background:#A9A9A9 url("../images/bar.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;}
.line3{margin:2px;padding:5px 0 5px;border:1px solid #f7acbc;background-color: #bfb5dd45;}
.line4{margin:2px;padding:5px 0 5px;border:1px solid #448ef640;background-color: #bfb5dd45;}

.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 14px 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/style/3_navbar.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: 5px;}    
    
    
.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: #f1b306;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: 14px 10px 5px 10px;
}
.msg_pattern{
	margin: 3px 0 0 14px;
}
.spIcon{
/*     width: 14px;
    height: 14px;
    position: relative;
    left: -14px;
    z-index: 1; */
    width: 14px;
    height: 14px;
    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 #71afe3c9;
    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 #ff0000;
    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 #71afe3d9;
    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 14px #004299;
    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:14px;
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:14px
}



/**微信音乐播放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: 14px 14px 14px 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: 14px 14px 14px 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: 14px 14px 14px 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: 14px 14px 14px 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: 14px 14px 14px 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: 14px 14px 14px 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: 14px 14px 14px 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: 14px 14px 14px 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: 14px 14px 14px 35px;
}
#zm_xyz a , #zm_gll a{
     color: #eeeeee;
}
#zm_szh a{
    color: #c7c7c7;    
}
#zm_xty a, #zm_yyz a{
    color: #ffffff;
}

/***QQ资料**/

.container{
  /**  position: absolute;
    transform: translate(-50%,-50%); **/
    left: 50%;
    top:50%;

}
.container a{
    color: #000;
}
.btn-blue{
    display: block;
    width:100%;
    height: 40px;
    margin-top:10px;
    background-color: #a1c4fd;
    border:2px solid #a1c4fd;
    border-color: #a1c4fd;
    border-radius: 5px 5px 5px 5px;
    outline: none;
    color:#fff;
    transition: 0.3s;
    transform: translateZ(0);
}
.btn-blue:hover{
    transform: scale(1.01);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
/**************************/
.bg-user{
    width: 300px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    transition: 0.3s;
}
.circle > img{
    border:0px solid #fff;
    height:80px;
    width: 80px;
    border-radius: 50%;
    margin-top: -50px;
}
@keyframes rotation{
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.circle > img:hover{
   animation: rotation 3s linear infinite;
}
.user-title{
    position: relative;
    display: inline;
    float: right;
    margin-top: -65px;
    margin-right: 160px;
    color:#ffffff;
    font-size: 14px;
    font-weight: 500;
}
.user-qq{
    display: inline;    
    float: right;
    margin-top: -30px;
    margin-right: 100px;
    font-size:14px;
    font-weight: 300;
}
.top{
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
}
.top > img{
    width: 100%;
    height: 200px;
    border:0px solid #fff;
    border-radius: 14px;
}
.idcard{
    float: right;
    margin-top: -30px;
    margin-right: 45px;
}
.idcard > img{
    width: 40px;
    height: 13px;
}
.zan{
    position: relative;
    display: inline;
    float: right;
    margin-top: -75px;
    margin-right: -30px;
    transition: 0.5s;
}
.zan:hover{
    transform: scale(1.05);
    transform:rotate(10deg);
    -ms-transform:rotate(10deg); 	/* IE 9 */
    -moz-transform:rotate(10deg); 	/* Firefox */
    -webkit-transform:rotate(10deg); /* Safari 和 Chrome */
    -o-transform:rotate(10deg); 
}
.zan > img{
    height: 40%;
    width: 50%;
}
.sign-text{
    text-align: left;
    font-size: .85rem;
    margin-top: 10px;
    cursor: default;
}
.sign-text:hover{
    transition: 0.3s;
    color: #007bff;
    transform: scale(1.05);
}
.sign-text>img{
width:20px;
height:20px;
vertical-align:middle;
}
.sign-img{
    text-align: left;
    font-size: .85rem;
    margin-top: 10px;
    cursor: default;
}
.sign-img:hover{
    transition: 0.3s;
    color: #007bff;
    transform: scale(1.05);
}
.border-img > img{
    width: 100%;
    margin-top: 10px;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 14px;
    transition: 0.3s;
}
.whj{
  float:right;
}
.border-img > img:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.btn-music{
    display: block;
    width:100%;
    height: 40px;
    margin-top:10px;
    background-color: #fecfef;
    border:2px solid #fecfef;
    border-color: #fecfef;
    border-radius: 5px 5px 5px 5px;
    outline: none;
    color:#ff0000;
    transition: 0.3s;
}
.btn-music:hover{
    transform: scale(1.01);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.meihua {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 999;
        width: 350px;/** PNG图宽度 **/
        height: 231px;/** PNG图高度 **/
        pointer-events: none;
        background: url('/images/meihuashu.png');
}

/*自己添加的*/
.shanghengxian{border-top:3px solid #9FC6EC}
.hengxian{border-bottom:3px solid #9FC6EC}
.qianlan{background:#e4eff9;padding-left:5px; padding-right:5px;border-top:1px solid #9FC6EC;border-bottom:1px solid #9FC6EC;}
.youfudong{float:right;}
.huixian{border-bottom:3px solid #f7f9f8}
.banzhuhuifu{border: solid 1px red;width: 64px;height: 20px;margin: 0 0 0 -1px;}.xinwenhx{border-bottom:3px solid #9FC6EC}

.shaky { color: #FF5809;display: inline-block;text-shadow: 6px 2px 2px #3ee; padding: 1px; font-size: 14px; -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: 14px; -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) } }

.shaky2:before {content: url("https://pcno.cn/bbs/cw/long/s11.gif");margin-right: 3px;}
.shaky:before {content: url("https://pcno.cn/bbs/cw/niao/5.gif");margin-right: 3px;}

.lyc{margin-left: 4px;
   font-size: 13px;
    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: 2px 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; }
}

.text_effect8{background-image:linear-gradient(0deg,#FA8BFF 0%,#2BD2FF 52%,#2BFF88 90%);-\0077\0065\0062\006b\0069\0074-\0074\0065\0078\0074-\0066\0069\006c\006c-\0063\006f\006c\006f\0072:transparent;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006c\0069\0070:text;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0073\0069\007a\0065:100% 100%;-\0077\0065\0062\006b\0069\0074-\0061\006e\0069\006d\0061\0074\0069\006f\006e:effect8-animation 1s cubic-bezier(0.32,-0.31,1,1) infinite;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all 0.5s}
@-webkit-keyframes effect8-animation{0%{background-image:linear-gradient(0deg,#FA8BFF 0%,#2BD2FF 52%,#2BFF88 90%)}
100%{background-image:linear-gradient(180deg,#FA8BFF 0%,#2BD2FF 52%,#2BFF88 90%)}
}
.text_effect19{font-weight:900;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:url(https://d300.paixin.com/thumbs/1000837/1145097/staff_1024.jpg);\0063\006f\006c\006f\0072:transparent;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006c\0069\0070:text;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\0061\006e\0069\006d\0061\0074\0069\006f\006e:effect19-animation 8s infinite}
@-webkit-keyframes effect19-animation{0%{background-position:0% 0}
100%{background-position:0% 100%}
}
.text_effect20{font-weight:900;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:url(https://img0.baidu.com/it/u=1383740447,3673650594&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889);\0063\006f\006c\006f\0072:transparent;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006c\0069\0070:text;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\0061\006e\0069\006d\0061\0074\0069\006f\006e:effect20-animation 4s infinite}
@-webkit-keyframes effect20-animation{0%{background-position:0% 0}
100%{background-position:0% 100%}
}
.text_effect21{font-weight:900;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:url(https://img2.baidu.com/it/u=2540888614,715165089&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=711);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0073\0069\007a\0065:300px auto;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0070\006f\0073\0069\0074\0069\006f\006e:0% 0;\0063\006f\006c\006f\0072:transparent;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006c\0069\0070:text;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\0061\006e\0069\006d\0061\0074\0069\006f\006e:effect21-animation 8s infinite}
@-webkit-keyframes effect21-animation{0%{background-position:0% 0}
50%{background-position:100% 0}
100%{background-position:0% 0}
}
.text_effect22{font-weight:900;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:url(https://img2.baidu.com/it/u=2539470493,3346406961&fm=253&fmt=auto&app=138&f=JPEG?w=450&h=300);\0063\006f\006c\006f\0072:transparent;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006c\0069\0070:text;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\0061\006e\0069\006d\0061\0074\0069\006f\006e:effect22-one-animation 20s infinite}
@-webkit-keyframes effect22-one-animation{0%{background-position:0% 0}
50%{background-position:0% 100%}
100%{background-position:0% 0%}
}
.text_effect22::before{content:'';\0070\006f\0073\0069\0074\0069\006f\006e:absolute;\006c\0065\0066\0074:0;\0074\006f\0070:0;\0077\0069\0064\0074\0068:100%;\0068\0065\0069\0067\0068\0074:100%;\006d\0069\0078-\0062\006c\0065\006e\0064-\006d\006f\0064\0065:screen;\0063\006f\006c\006f\0072:transparent;\0074\0065\0078\0074-\0073\0068\0061\0064\006f\0077:2px 2px 10px rgba(0,0,0,0.2),-2px 2px 10px rgba(0,0,0,0.2),-2px -2px 10px rgba(0,0,0,0.2);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:linear-gradient(45deg,rgba(255,255,255,0) 45%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 100%);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0070\006f\0073\0069\0074\0069\006f\006e:100%;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0073\0069\007a\0065:200%;\0061\006e\0069\006d\0061\0074\0069\006f\006e:effect22-animation 3s infinite}
@keyframes effect22-animation{0%{background-position:100%}
100%{background-position:-100%}
}
.text_effect24{background-image:-webkit-linear-gradient(180deg,#00DBDE 0%,#00DBDE 5%,#FC00FF 10%,#00DBDE 15%,#00DBDE 20%,#00DBDE 100%);-\0077\0065\0062\006b\0069\0074-\0074\0065\0078\0074-\0066\0069\006c\006c-\0063\006f\006c\006f\0072:transparent;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006c\0069\0070:text;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0073\0069\007a\0065:200% 100%;-\0077\0065\0062\006b\0069\0074-\0061\006e\0069\006d\0061\0074\0069\006f\006e:effect24-animation 5s linear infinite}
@-webkit-keyframes effect24-animation{0%{background-position:-100% 0}
100%{background-position:20% 0}
}
.text_effect25{background-image:-webkit-linear-gradient(0deg,#ffcc70 0%,#c850c0 4%,#c850c0 5%,#4158d0 10%,#c850c0 15%,#c850c0 16%,#ffcc70 20%,#ffcc70 100%);-\0077\0065\0062\006b\0069\0074-\0074\0065\0078\0074-\0066\0069\006c\006c-\0063\006f\006c\006f\0072:transparent;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006c\0069\0070:text;-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0073\0069\007a\0065:200% 100%;-\0077\0065\0062\006b\0069\0074-\0061\006e\0069\006d\0061\0074\0069\006f\006e:effect25-animation 5s linear infinite}
@-webkit-keyframes effect25-animation{0%{background-position:50% 0}
100%{background-position:-100% 0}
}


@keyframes \0061\006e\0069\0033\0035 {
    10% {
        \006f\0070\0061\0063\0069\0074\0079: 1;
        \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0070\006f\0073\0069\0074\0069\006f\006e: 0 0;
    }

    40% {
        \006f\0070\0061\0063\0069\0074\0079: 1;
        \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0070\006f\0073\0069\0074\0069\006f\006e: 100% 0;
    }

    60% {
        \006f\0070\0061\0063\0069\0074\0079: 0.5;
        \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0070\006f\0073\0069\0074\0069\006f\006e: 0 0;
    }

    80% {
        \0074\0072\0061\006e\0073\0066\006f\0072\006d: translate(0) scale(1.1);
        \006f\0070\0061\0063\0069\0074\0079: 0;
    }

    100% {
        \0074\0072\0061\006e\0073\0066\006f\0072\006d: translate(0) scale(1);
        \006f\0070\0061\0063\0069\0074\0079: 1;
        \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0070\006f\0073\0069\0074\0069\006f\006e: -100% 0;
    }
}
/*自己添加的*/
.shanghengxian{border-top:3px solid #9FC6EC}
.hengxian{border-bottom:3px solid #9FC6EC}
.qianlan{background:#e4eff9;padding-left:5px; padding-right:5px;border-top:1px solid #9FC6EC;border-bottom:1px solid #9FC6EC;}
.youfudong{float:right;}
.huixian{border-bottom:3px solid #f7f9f8}
.banzhuhuifu{border: solid 1px red;width: 64px;height: 20px;margin: 0 0 0 -1px;}.xinwenhx{border-bottom:3px solid #9FC6EC}


.masked {
	
 display: inline-block;
  transform: rotateX(180deg);
  /* 为了兼容性添加前缀 */
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
	/*渐变背景，此处为能无缝拼接的渐变 即0~100%*/   /*linear-gradient(线性渐变)*/
            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-clip 规定背景的绘制区域：*/   /*背景剪裁为文字，相当于用背景填充文字 CSS3新属性*/

            -webkit-background-size:200% 100%;
	/*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/
            background-size:200% 100%;
	/* 动画 */
            -webkit-animation:masked-animation 4s infinite linear;
}
@keyframes masked-animation {
	0% {
	background-position:0 0;
	/*background-position 属性设置背景图像的起始位置。*/
}
100% {
	background-position:-100% 0;
}
}@-webkit-keyframes masked-animation {
	0% {
	background-position:0 0;
}
100% {
	background-position:-100% 0;
}
}

.fireworks {
  
  color: #fed136; /* 火焰颜色 */
  text-shadow:
    0 0 20px #ffde00, /* 火焰的主体 */
    0 0 30px #ffde00,
    0 0 40px #ffde00,
    0 0 50px #ffde00,
    0 0 60px #ffde00,
    0 0 70px #ffde00,
    0 0 80px #ffde00,
    0 0 100px #ffde00,
    0 0 120px #ffde00; /* 火焰的尾部 */
}

.yingcang{
    color: #ffffff;
    text-shadow: 
        0 0 5px rgba(255, 0, 0, 0.5),
        0 0 10px rgba(255, 0, 0, 0.5),
        0 0 15px rgba(255, 0, 0, 0.5),
        0 0 20px rgba(255, 0, 0, 0.5);
}
.yingcang:hover {
 color: #000000;
    text-shadow: 
        0 0 5px rgba(255, 0, 0, 0.5),
        0 0 10px rgba(255, 0, 0, 0.5),
        0 0 15px rgba(255, 0, 0, 0.5),
        0 0 20px rgba(255, 0, 0, 0.5);
}
@keyframes siz {
 0%{
          color:red;
        }
        50%{
          color:blue;
        }
        100%{
          color:green;

        }
}
.ggqq{
animation:  siz 1s linear infinite;
        }

        @keyframes sizz {
 
            from{width: 0;}
            to{width: 100%;}
        }
 
@-webkit-keyframes bgmm {
    0% { -webkit-filter: blur(10px); /* Chrome, Opera */ -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); }
}

.bgmm {
      padding: 1px 2px;
      font-size: 15px;
border-radius: 6px; /*圆角*/
max-width: 350px;
height: auto;
margin-bottom: 10px;
margin-top: 10px;
border: none;
color: #ff0000;
box-shadow: 5px 4px 8px #888885; /*立体感 阴影*/ 
-webkit-animation-name: bgmm; /*动画名称*/ 
-webkit-animation-duration: 3s; /*动画持续时间*/ 
-webkit-animation-iteration-count: 2; /*动画次数*/ 
-webkit-animation-delay: 0s; /*延迟时间*/
}


/*永远的神*/
@keyframes rainbow{to{filter:hue-rotate(360deg)}}
.jinsom-honor-永远的神 {
    background: linear-gradient( 315deg,#63a4ff 0,#83eaf1 74%) !important;
    animation: rainbow 3s infinite linear;
    color: #fff;
    font-family: 'Parisienne',cursive;
}
.jinsom-honor-神{ padding: 2px 3px;
    font-size:15px;position: relative;background: linear-gradient(to right, #FF5722, #ff9800, #FFC107)!important;border-radius: 9px 5px 5px 9px;color: #fff;padding-right: 8px;}
.jinsom-honor-神:before{-webkit-animation: burn 0.9s linear alternate infinite;animation: burn .9s linear alternate infinite;right: -43px;top: -26px;z-index: 2;background: linear-gradient(0deg, #ffb305 10%, #FF9800 20%, #E91E63 50%, #e91e1e 99%);opacity: 0.7;position: absolute;content: "";transform: rotate(90deg);height: 70px;width: 35px;}
.jinsom-honor-神:after{z-index: 1;opacity: 1;-webkit-animation: burn_alt .7s linear alternate infinite;animation: burn_alt .7s linear alternate infinite;right: -52px;top: -32px;background: linear-gradient(0deg, #ffb305 10%, #ffbd04 20%, #ed6434 50%, #fa4708 59%);position: absolute;content: "";transform: rotate(90deg);height: 80px;width: 30px;}
@keyframes burn{0%{-webkit-clip-path: polygon(51% 94%, 44% 93%, 40% 92%, 35% 89%, 31% 83%, 32% 77%, 34% 71%, 38% 62%, 38% 55%, 38% 47%, 42% 52%, 45% 56%, 45% 53%, 45% 47%, 45% 42%, 46% 40%, 49% 35%, 50% 44%, 51% 49%, 54% 54%, 56% 59%, 58% 62%, 59% 56%, 60% 52%, 63% 57%, 63% 62%, 61% 68%, 63% 72%, 65% 77%, 67% 81%, 66% 86%, 63% 90%, 60% 92%); clip-path: polygon(51% 94%, 44% 93%, 40% 92%, 35% 89%, 31% 83%, 32% 77%, 34% 71%, 38% 62%, 38% 55%, 38% 47%, 42% 52%, 45% 56%, 45% 53%, 45% 47%, 45% 42%, 46% 40%, 49% 35%, 50% 44%, 51% 49%, 54% 54%, 56% 59%, 58% 62%, 59% 56%, 60% 52%, 63% 57%, 63% 62%, 61% 68%, 63% 72%, 65% 77%, 67% 81%, 66% 86%, 63% 90%, 60% 92%);} 25%{-webkit-clip-path: polygon(49% 97%, 41% 97%, 35% 92%, 33% 86%, 34% 80%, 30% 74%, 34% 77%, 38% 81%, 38% 78%, 36% 72%, 35% 67%, 37% 61%, 37% 54%, 39% 61%, 39% 67%, 43% 63%, 43% 58%, 45% 44%, 44% 58%, 48% 66%, 51% 67%, 51% 59%, 54% 67%, 56% 72%, 57% 79%, 59% 77%, 60% 71%, 61% 77%, 61% 83%, 60% 89%, 61% 94%, 57% 97%, 52% 98%); clip-path: polygon(49% 97%, 41% 97%, 35% 92%, 33% 86%, 34% 80%, 30% 74%, 34% 77%, 38% 81%, 38% 78%, 36% 72%, 35% 67%, 37% 61%, 37% 54%, 39% 61%, 39% 67%, 43% 63%, 43% 58%, 45% 44%, 44% 58%, 48% 66%, 51% 67%, 51% 59%, 54% 67%, 56% 72%, 57% 79%, 59% 77%, 60% 71%, 61% 77%, 61% 83%, 60% 89%, 61% 94%, 57% 97%, 52% 98%);} 50%{-webkit-clip-path: polygon(46% 97%, 39% 96%, 35% 89%, 36% 84%, 34% 77%, 30% 73%, 30% 65%, 30% 70%, 35% 75%, 38% 68%, 37% 61%, 40% 53%, 41% 42%, 42% 56%, 44% 65%, 50% 67%, 51% 57%, 53% 68%, 52% 74%, 51% 81%, 55% 78%, 57% 72%, 58% 79%, 57% 85%, 55% 88%, 60% 87%, 63% 82%, 63% 89%, 59% 94%, 55% 98%, 51% 92%, 50% 99%, 45% 96%); clip-path: polygon(46% 97%, 39% 96%, 35% 89%, 36% 84%, 34% 77%, 30% 73%, 30% 65%, 30% 70%, 35% 75%, 38% 68%, 37% 61%, 40% 53%, 41% 42%, 42% 56%, 44% 65%, 50% 67%, 51% 57%, 53% 68%, 52% 74%, 51% 81%, 55% 78%, 57% 72%, 58% 79%, 57% 85%, 55% 88%, 60% 87%, 63% 82%, 63% 89%, 59% 94%, 55% 98%, 51% 92%, 50% 99%, 45% 96%);} 75%{-webkit-clip-path: polygon(45% 97%, 38% 97%, 33% 93%, 31% 87%, 31% 81%, 29% 76%, 25% 69%, 29% 61%, 30% 69%, 35% 71%, 35% 62%, 34% 54%, 38% 45%, 38% 54%, 43% 62%, 47% 57%, 48% 49%, 44% 38%, 50% 46%, 53% 60%, 54% 71%, 53% 79%, 59% 76%, 60% 66%, 64% 73%, 63% 79%, 59% 85%, 64% 90%, 68% 84%, 68% 92%, 60% 97%, 53% 98%, 48% 99%); clip-path: polygon(45% 97%, 38% 97%, 33% 93%, 31% 87%, 31% 81%, 29% 76%, 25% 69%, 29% 61%, 30% 69%, 35% 71%, 35% 62%, 34% 54%, 38% 45%, 38% 54%, 43% 62%, 47% 57%, 48% 49%, 44% 38%, 50% 46%, 53% 60%, 54% 71%, 53% 79%, 59% 76%, 60% 66%, 64% 73%, 63% 79%, 59% 85%, 64% 90%, 68% 84%, 68% 92%, 60% 97%, 53% 98%, 48% 99%);} 100%{-webkit-clip-path: polygon(48% 97%, 42% 97%, 37% 93%, 31% 92%, 28% 88%, 26% 81%, 29% 84%, 34% 84%, 33% 79%, 30% 74%, 31% 67%, 34% 57%, 34% 65%, 39% 71%, 43% 65%, 43% 55%, 40% 45%, 48% 59%, 49% 69%, 51% 76%, 55% 71%, 54% 65%, 54% 58%, 58% 64%, 61% 72%, 57% 82%, 61% 87%, 64% 78%, 66% 85%, 64% 93%, 57% 96%, 54% 93%, 48% 97%); clip-path: polygon(48% 97%, 42% 97%, 37% 93%, 31% 92%, 28% 88%, 26% 81%, 29% 84%, 34% 84%, 33% 79%, 30% 74%, 31% 67%, 34% 57%, 34% 65%, 39% 71%, 43% 65%, 43% 55%, 40% 45%, 48% 59%, 49% 69%, 51% 76%, 55% 71%, 54% 65%, 54% 58%, 58% 64%, 61% 72%, 57% 82%, 61% 87%, 64% 78%, 66% 85%, 64% 93%, 57% 96%, 54% 93%, 48% 97%);}}
@keyframes burn_alt{0%{-webkit-clip-path: polygon(48% 97%, 43% 97%, 38% 97%, 34% 94%, 33% 91%, 32% 87%, 29% 83%, 26% 80%, 21% 75%, 20% 71%, 20% 66%, 20% 59%, 20% 65%, 24% 68%, 28% 67%, 28% 62%, 25% 60%, 21% 52%, 21% 43%, 24% 32%, 23% 39%, 24% 46%, 28% 48%, 33% 44%, 33% 39%, 31% 32%, 28% 23%, 30% 14%, 31% 22%, 35% 28%, 39% 28%, 41% 25%, 40% 21%, 39% 13%, 41% 6%, 42% 15%, 45% 23%, 49% 25%, 52% 22%, 51% 13%, 54% 21%, 56% 29%, 53% 35%, 50% 41%, 53% 46%, 58% 46%, 60% 39%, 60% 34%, 64% 39%, 65% 45%, 63% 51%, 61% 56%, 64% 61%, 68% 59%, 71% 55%, 73% 48%, 73% 40%, 76% 48%, 77% 56%, 76% 62%, 74% 66%, 69% 71%, 71% 74%, 75% 74%, 79% 71%, 81% 65%, 82% 72%, 81% 77%, 77% 82%, 73% 86%, 73% 89%, 78% 89%, 82% 85%, 81% 91%, 78% 95%, 72% 97%, 65% 98%, 59% 98%, 53% 99%, 47% 97%); clip-path: polygon(48% 97%, 43% 97%, 38% 97%, 34% 94%, 33% 91%, 32% 87%, 29% 83%, 26% 80%, 21% 75%, 20% 71%, 20% 66%, 20% 59%, 20% 65%, 24% 68%, 28% 67%, 28% 62%, 25% 60%, 21% 52%, 21% 43%, 24% 32%, 23% 39%, 24% 46%, 28% 48%, 33% 44%, 33% 39%, 31% 32%, 28% 23%, 30% 14%, 31% 22%, 35% 28%, 39% 28%, 41% 25%, 40% 21%, 39% 13%, 41% 6%, 42% 15%, 45% 23%, 49% 25%, 52% 22%, 51% 13%, 54% 21%, 56% 29%, 53% 35%, 50% 41%, 53% 46%, 58% 46%, 60% 39%, 60% 34%, 64% 39%, 65% 45%, 63% 51%, 61% 56%, 64% 61%, 68% 59%, 71% 55%, 73% 48%, 73% 40%, 76% 48%, 77% 56%, 76% 62%, 74% 66%, 69% 71%, 71% 74%, 75% 74%, 79% 71%, 81% 65%, 82% 72%, 81% 77%, 77% 82%, 73% 86%, 73% 89%, 78% 89%, 82% 85%, 81% 91%, 78% 95%, 72% 97%, 65% 98%, 59% 98%, 53% 99%, 47% 97%);} 25%{-webkit-clip-path: polygon(44% 99%, 41% 99%, 35% 98%, 29% 97%, 24% 93%, 21% 86%, 20% 80%, 16% 74%, 16% 64%, 16% 71%, 21% 75%, 25% 72%, 25% 65%, 22% 59%, 19% 53%, 19% 44%, 21% 52%, 25% 59%, 29% 57%, 29% 51%, 26% 44%, 26% 38%, 30% 32%, 31% 26%, 30% 18%, 34% 25%, 33% 35%, 33% 44%, 34% 50%, 39% 53%, 44% 52%, 45% 49%, 44% 44%, 42% 38%, 44% 33%, 48% 26%, 45% 35%, 47% 41%, 50% 44%, 51% 52%, 49% 60%, 48% 65%, 53% 69%, 58% 65%, 57% 59%, 58% 51%, 62% 41%, 66% 40%, 64% 47%, 61% 58%, 63% 66%, 66% 68%, 70% 67%, 72% 62%, 73% 57%, 71% 48%, 75% 53%, 79% 57%, 79% 64%, 76% 70%, 72% 75%, 70% 78%, 74% 80%, 78% 79%, 82% 76%, 84% 71%, 85% 66%, 84% 62%, 88% 67%, 89% 72%, 89% 79%, 87% 83%, 84% 89%, 81% 93%, 76% 97%, 69% 98%, 60% 99%, 54% 99%, 48% 100%, 45% 97%); clip-path: polygon(44% 99%, 41% 99%, 35% 98%, 29% 97%, 24% 93%, 21% 86%, 20% 80%, 16% 74%, 16% 64%, 16% 71%, 21% 75%, 25% 72%, 25% 65%, 22% 59%, 19% 53%, 19% 44%, 21% 52%, 25% 59%, 29% 57%, 29% 51%, 26% 44%, 26% 38%, 30% 32%, 31% 26%, 30% 18%, 34% 25%, 33% 35%, 33% 44%, 34% 50%, 39% 53%, 44% 52%, 45% 49%, 44% 44%, 42% 38%, 44% 33%, 48% 26%, 45% 35%, 47% 41%, 50% 44%, 51% 52%, 49% 60%, 48% 65%, 53% 69%, 58% 65%, 57% 59%, 58% 51%, 62% 41%, 66% 40%, 64% 47%, 61% 58%, 63% 66%, 66% 68%, 70% 67%, 72% 62%, 73% 57%, 71% 48%, 75% 53%, 79% 57%, 79% 64%, 76% 70%, 72% 75%, 70% 78%, 74% 80%, 78% 79%, 82% 76%, 84% 71%, 85% 66%, 84% 62%, 88% 67%, 89% 72%, 89% 79%, 87% 83%, 84% 89%, 81% 93%, 76% 97%, 69% 98%, 60% 99%, 54% 99%, 48% 100%, 45% 97%);} 50%{-webkit-clip-path: polygon(45% 99%, 40% 98%, 34% 98%, 31% 96%, 28% 93%, 26% 89%, 27% 84%, 26% 81%, 23% 77%, 20% 73%, 18% 70%, 19% 65%, 19% 60%, 20% 53%, 20% 43%, 24% 41%, 28% 32%, 28% 40%, 28% 48%, 29% 53%, 33% 52%, 35% 49%, 36% 42%, 36% 35%, 36% 27%, 39% 19%, 42% 12%, 40% 23%, 39% 29%, 41% 37%, 43% 41%, 44% 47%, 45% 52%, 47% 55%, 50% 57%, 52% 54%, 53% 48%, 52% 42%, 51% 33%, 50% 26%, 54% 36%, 55% 39%, 57% 46%, 57% 52%, 55% 58%, 55% 61%, 58% 65%, 62% 64%, 64% 60%, 65% 54%, 64% 49%, 65% 43%, 68% 38%, 67% 44%, 69% 51%, 72% 53%, 72% 59%, 70% 65%, 68% 69%, 68% 74%, 71% 75%, 74% 73%, 76% 69%, 78% 63%, 82% 58%, 81% 63%, 81% 69%, 81% 75%, 76% 80%, 75% 85%, 79% 87%, 82% 84%, 83% 91%, 79% 94%, 75% 96%, 71% 97%, 64% 98%, 58% 99%, 53% 98%, 46% 100%); clip-path: polygon(45% 99%, 40% 98%, 34% 98%, 31% 96%, 28% 93%, 26% 89%, 27% 84%, 26% 81%, 23% 77%, 20% 73%, 18% 70%, 19% 65%, 19% 60%, 20% 53%, 20% 43%, 24% 41%, 28% 32%, 28% 40%, 28% 48%, 29% 53%, 33% 52%, 35% 49%, 36% 42%, 36% 35%, 36% 27%, 39% 19%, 42% 12%, 40% 23%, 39% 29%, 41% 37%, 43% 41%, 44% 47%, 45% 52%, 47% 55%, 50% 57%, 52% 54%, 53% 48%, 52% 42%, 51% 33%, 50% 26%, 54% 36%, 55% 39%, 57% 46%, 57% 52%, 55% 58%, 55% 61%, 58% 65%, 62% 64%, 64% 60%, 65% 54%, 64% 49%, 65% 43%, 68% 38%, 67% 44%, 69% 51%, 72% 53%, 72% 59%, 70% 65%, 68% 69%, 68% 74%, 71% 75%, 74% 73%, 76% 69%, 78% 63%, 82% 58%, 81% 63%, 81% 69%, 81% 75%, 76% 80%, 75% 85%, 79% 87%, 82% 84%, 83% 91%, 79% 94%, 75% 96%, 71% 97%, 64% 98%, 58% 99%, 53% 98%, 46% 100%);} 75%{-webkit-clip-path: polygon(45% 99%, 41% 99%, 35% 98%, 30% 98%, 25% 94%, 22% 89%, 21% 84%, 23% 77%, 23% 70%, 19% 63%, 23% 66%, 27% 71%, 28% 76%, 32% 78%, 35% 72%, 32% 67%, 28% 64%, 24% 58%, 24% 49%, 27% 42%, 30% 34%, 31% 24%, 29% 13%, 33% 18%, 38% 25%, 38% 36%, 37% 44%, 41% 48%, 45% 48%, 48% 45%, 48% 39%, 46% 33%, 48% 27%, 52% 20%, 50% 29%, 51% 38%, 53% 44%, 54% 52%, 56% 57%, 61% 57%, 64% 55%, 65% 48%, 63% 39%, 63% 32%, 66% 37%, 69% 44%, 70% 52%, 68% 59%, 66% 64%, 67% 69%, 73% 72%, 76% 71%, 77% 66%, 76% 58%, 76% 51%, 80% 57%, 82% 62%, 82% 68%, 80% 73%, 77% 78%, 74% 82%, 75% 87%, 78% 87%, 81% 84%, 84% 79%, 86% 74%, 88% 78%, 87% 83%, 84% 89%, 82% 92%, 78% 97%, 74% 97%, 69% 97%, 66% 98%, 61% 98%, 57% 97%, 53% 99%, 49% 96%, 47% 99%, 48% 99%); clip-path: polygon(45% 99%, 41% 99%, 35% 98%, 30% 98%, 25% 94%, 22% 89%, 21% 84%, 23% 77%, 23% 70%, 19% 63%, 23% 66%, 27% 71%, 28% 76%, 32% 78%, 35% 72%, 32% 67%, 28% 64%, 24% 58%, 24% 49%, 27% 42%, 30% 34%, 31% 24%, 29% 13%, 33% 18%, 38% 25%, 38% 36%, 37% 44%, 41% 48%, 45% 48%, 48% 45%, 48% 39%, 46% 33%, 48% 27%, 52% 20%, 50% 29%, 51% 38%, 53% 44%, 54% 52%, 56% 57%, 61% 57%, 64% 55%, 65% 48%, 63% 39%, 63% 32%, 66% 37%, 69% 44%, 70% 52%, 68% 59%, 66% 64%, 67% 69%, 73% 72%, 76% 71%, 77% 66%, 76% 58%, 76% 51%, 80% 57%, 82% 62%, 82% 68%, 80% 73%, 77% 78%, 74% 82%, 75% 87%, 78% 87%, 81% 84%, 84% 79%, 86% 74%, 88% 78%, 87% 83%, 84% 89%, 82% 92%, 78% 97%, 74% 97%, 69% 97%, 66% 98%, 61% 98%, 57% 97%, 53% 99%, 49% 96%, 47% 99%, 48% 99%);} 100%{-webkit-clip-path: polygon(47% 99%, 42% 99%, 37% 98%, 32% 96%, 28% 92%, 26% 89%, 26% 83%, 26% 80%, 26% 72%, 23% 67%, 16% 63%, 14% 52%, 16% 46%, 16% 53%, 20% 60%, 26% 58%, 27% 51%, 25% 46%, 20% 41%, 19% 36%, 19% 30%, 21% 26%, 24% 20%, 23% 13%, 22% 7%, 26% 11%, 28% 17%, 28% 24%, 26% 30%, 30% 34%, 34% 34%, 39% 32%, 40% 27%, 38% 21%, 43% 28%, 43% 36%, 41% 41%, 46% 44%, 51% 41%, 53% 35%, 53% 26%, 57% 26%, 59% 33%, 60% 39%, 57% 46%, 55% 53%, 58% 57%, 64% 56%, 66% 52%, 69% 41%, 70% 48%, 69% 56%, 66% 63%, 64% 67%, 65% 71%, 70% 71%, 74% 68%, 76% 62%, 77% 54%, 79% 60%, 81% 66%, 80% 71%, 76% 75%, 72% 78%, 71% 82%, 75% 84%, 80% 83%, 84% 78%, 86% 83%, 83% 89%, 78% 92%, 74% 92%, 73% 96%, 69% 97%, 65% 96%, 62% 98%, 57% 99%, 54% 97%, 51% 99%, 46% 99%); clip-path: polygon(47% 99%, 42% 99%, 37% 98%, 32% 96%, 28% 92%, 26% 89%, 26% 83%, 26% 80%, 26% 72%, 23% 67%, 16% 63%, 14% 52%, 16% 46%, 16% 53%, 20% 60%, 26% 58%, 27% 51%, 25% 46%, 20% 41%, 19% 36%, 19% 30%, 21% 26%, 24% 20%, 23% 13%, 22% 7%, 26% 11%, 28% 17%, 28% 24%, 26% 30%, 30% 34%, 34% 34%, 39% 32%, 40% 27%, 38% 21%, 43% 28%, 43% 36%, 41% 41%, 46% 44%, 51% 41%, 53% 35%, 53% 26%, 57% 26%, 59% 33%, 60% 39%, 57% 46%, 55% 53%, 58% 57%, 64% 56%, 66% 52%, 69% 41%, 70% 48%, 69% 56%, 66% 63%, 64% 67%, 65% 71%, 70% 71%, 74% 68%, 76% 62%, 77% 54%, 79% 60%, 81% 66%, 80% 71%, 76% 75%, 72% 78%, 71% 82%, 75% 84%, 80% 83%, 84% 78%, 86% 83%, 83% 89%, 78% 92%, 74% 92%, 73% 96%, 69% 97%, 65% 96%, 62% 98%, 57% 99%, 54% 97%, 51% 99%, 46% 99%);}}
.jinsom-bbs-single-box .left .jinsom-honor-神 {transform: translateX(-15px);}
.jinsom-member-left-honor .jinsom-honor-神:before,.jinsom-member-left-honor .jinsom-honor-神:after{display: none;}

.jinsom-mark {
    min-width: 8px;
    border-radius: 9px;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    padding: 0 5px;
  /**  margin-left: 8px;  **/
    color: #fff
}

.jinsom-liang {
    animation: liuguang 2s infinite linear;
    color: #fff400;
    border-radius: 10px 0 10px 0;
    position: relative;
    padding: 2px 4px;
    font-size:13px;
    z-index: 1
}

@keyframes liuguang {
    0% {
        background: linear-gradient(to bottom right,#339 0,#f0c 100%,#339 200%,#f0c 300%)
    }

    5% {
        background: linear-gradient(to bottom right,#339 -10%,#f0c 90%,#339 190%,#f0c 290%)
    }

    10% {
        background: linear-gradient(to bottom right,#339 -20%,#f0c 80%,#339 180%,#f0c 280%)
    }

    15% {
        background: linear-gradient(to bottom right,#339 -30%,#f0c 70%,#339 170%,#f0c 270%)
    }

    20% {
        background: linear-gradient(to bottom right,#339 -40%,#f0c 60%,#339 160%,#f0c 260%)
    }

    25% {
        background: linear-gradient(to bottom right,#339 -50%,#f0c 50%,#339 150%,#f0c 250%)
    }

    30% {
        background: linear-gradient(to bottom right,#339 -60%,#f0c 40%,#339 140%,#f0c 240%)
    }

    35% {
        background: linear-gradient(to bottom right,#339 -70%,#f0c 30%,#339 130%,#f0c 230%)
    }

    40% {
        background: linear-gradient(to bottom right,#339 -80%,#f0c 20%,#339 120%,#f0c 220%)
    }

    45% {
        background: linear-gradient(to bottom right,#339 -90%,#f0c 10%,#339 110%,#f0c 210%)
    }

    50% {
        background: linear-gradient(to bottom right,#339 -100%,#f0c 0,#339 100%,#f0c 200%)
    }

    55% {
        background: linear-gradient(to bottom right,#339 -110%,#f0c -10%,#339 90%,#f0c 190%)
    }

    60% {
        background: linear-gradient(to bottom right,#339 -120%,#f0c -20%,#339 80%,#f0c 180%)
    }

    65% {
        background: linear-gradient(to bottom right,#339 -130%,#f0c -30%,#339 70%,#f0c 170%)
    }

    70% {
        background: linear-gradient(to bottom right,#339 -140%,#f0c -40%,#339 60%,#f0c 160%)
    }

    75% {
        background: linear-gradient(to bottom right,#339 -150%,#f0c -50%,#339 50%,#f0c 150%)
    }

    80% {
        background: linear-gradient(to bottom right,#339 -160%,#f0c -60%,#339 40%,#f0c 140%)
    }

    85% {
        background: linear-gradient(to bottom right,#339 -170%,#f0c -70%,#339 30%,#f0c 130%)
    }

    90% {
        background: linear-gradient(to bottom right,#339 -180%,#f0c -80%,#339 20%,#f0c 120%)
    }

    95% {
        background: linear-gradient(to bottom right,#339 -190%,#f0c -90%,#339 10%,#f0c 110%)
    }

    100% {
        background: linear-gradient(to bottom right,#339 -200%,#f0c -100%,#339 0,#f0c 100%)
    }
}

.jinsom-honor-一见钟情 {
    position: relative;
    background: none!important;
    color: #eb3f84;
    font-size: 12px;
    padding: 0!important;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 0 rgb(0 0 0 / 0%);
    animation: heart 2s ease infinite;
    -webkit-animation: heart 2s ease infinite;
    font-weight: bold;
    vertical-align: sub;
}
.jinsom-honor-一见钟情:before, .jinsom-honor-一见钟情:after {
    content: "❤";
    font-size: 20px;
    color: #eb3f84;
    position: relative;
    width: 30px;
    text-align: center;
    transform: scale(1);
}
.jinsom-honor-一见钟情:before {
    -webkit-animation: left 2s ease infinite;
    animation: left 2s ease infinite;
}
.jinsom-honor-一见钟情:after {
    -webkit-animation: right 2s ease infinite;
    animation: right 2s ease infinite;
}
@keyframes heart{0%{color: #eb3f84;}
30%{color: #fff0;}
50%{color: #fff0;}
70%{color: #fff0;}
100%{color: #eb3f84;}}
@keyframes left{0%{left: 0;transform: scale(1);}
40%{left: calc(50% - 15px);transform: scale(1);}
45%{left: calc(50% - 15px);transform: scale(1.5);}
50%{left: calc(50% - 15px);transform: scale(1);}
55%{left: calc(50% - 15px);transform: scale(1.5);}
60%{left: calc(50% - 15px);transform: scale(1);}
100%{left: 0;transform: scale(1);}}
@keyframes right{0%{right:0;transform: scale(1);}
40%{right:calc(50% - 15px);transform: scale(1);}
45%{right:calc(50% - 15px);transform: scale(1.5);}
50%{right:calc(50% - 15px);transform: scale(1);}
55%{right:calc(50% - 15px);transform: scale(1.5);}
60%{right:calc(50% - 15px);transform: scale(1);}
100%{right:0;transform: scale(1);}}

.caise{
    color: red;text-shadow: 0 0 3px #FFC107;
}