﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */

/*common css*/
body,ul,li,p,h1,h2,h3,h4{margin:0;padding:0; list-style:none;font-family:"microsoft yahei", Arial, Helvetica, sans-serif;}
a{ color:#333; text-decoration:none}
a:hover{ color:#333}
table{border-collapse:collapse;border-spacing:0;}
img{ border:none;max-width: 100%;}
.C{ clear:both}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}
/*.left{float:left}*/
.right{ float:right}

@keyframes rotate {100% {-webkit-transform: rotate(1turn);transform: rotate(1turn);}}
.rainbow {
	position: relative;
	z-index: 3;
	border-radius: 0px;
	overflow: hidden;
	padding: 2rem;
	margin:0.5rem auto;
}
.rainbow::before {
	content: '';
	position: absolute;
	z-index: -2;
	left: -50%;
	top: -50%;
	width: 200%;
	height: 200%;
	background-repeat: no-repeat;
	background-size: 50% 50%, 50% 50%;
	background-position: 0 0, 100% 0, 100% 100%, 0 100%;
	background-image: linear-gradient(red, orange, yellow, green, cyan, blue, purple),linear-gradient(red, orange, yellow, green, cyan, blue, purple),linear-gradient(red, orange, yellow, green, cyan, blue, purple),linear-gradient(red, orange, yellow, green, cyan, blue, purple);
	-webkit-animation: rotate 10s linear infinite;
	animation: rotate 10s linear infinite;
}
.rainbow::after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 10px;
	top: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: white;
	border-radius: 0px;
}
.prevss {font-size:18px;text-align:center;text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;}
.prevss a {color: #333333;}
.nextss {font-size:18px;text-align:center;text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;}
.nextss a {color: #333333;}
.prevsss {width:auto;height:36px;position:relative;z-index:999;bottom:0px;left:0px;}
.nextsss {width:auto;height:36px;position:relative;z-index:999;bottom:0px;right:0px;}