*{ -webkit-tap-highlight-color:rgba(0,0,0,0); } 
.w{
    content: "";
    position: absolute;
    top: 284px;
    left: 320px;
}
body{background:url(../img/fixedBG.jpg)}.AdInfo{line-height: 42px;width:558px;position:relative;float:left;margin-left:20px;border:1px dashed #fff;border-radius:15px;padding:15px;margin-top:15px;margin-bottom:15px;color:#fff;font-size:20px}.AdInfo label{position:relative;float:left;width:120px}.AdInfo a{position:relative;float:left;width:430px;color:#fff;text-decoration:none}.Title{width:100%;position:relative;float:left}.ArtBG div.ArtBox{position:relative;float:left;width:503px;background:#fff;min-height:250px;margin-left:1px;border-radius:25px;padding:29px 46px}.ArtBG{position:relative;float:left;width:597px;min-height:250px;background:#f0e8d6;margin-left:12.5px;border-radius:25px;padding:9px;margin-bottom:35px}
#tru{
    -webkit-transition: All 10s cubic-bezier(0.8, 0.01, 0.01, 1);
    -moz-transition: All 10s cubic-bezier(0.8, 0.01, 0.01, 1);
    -ms-transition: All 10s cubic-bezier(0.8, 0.01, 0.01, 1);
    -o-transition: All 10s cubic-bezier(0.8, 0.01, 0.01, 1);
    transition: All 10s cubic-bezier(0.8, 0.01, 0.01, 1);
}
.ws{
  -webkit-animation: white 5s cubic-bezier(0.68, 0.01, 0.13, 1);
  animation: white 5s cubic-bezier(0.68, 0.01, 0.13, 1);
  z-index:999;
}
/*
@-webkit-keyframes white{
  0% {
    border:1px solid #d0d0d0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    -webkit-box-shadow: 0 0 2.066667rem 0 #fff;
    box-shadow: 0 0 2.066667rem 0 #fff; 
	}
  70% {
	   border:1px solid #d0d0d0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    -webkit-box-shadow: 0 0 2.066667rem 200px #fff;
    box-shadow: 0 0 2.066667rem 200px #fff; 
	}
  100% {
	   border:1px solid #d0d0d0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    -webkit-box-shadow: 0 0 2.066667rem 0 #fff;
    box-shadow: 0 0 2.066667rem 0 #fff; 
	} 
}*/
@keyframes white{
  0% {
    border:1px solid #d0d0d0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    -webkit-box-shadow: 0 0 2.066667rem 0 rgba(255, 238, 92, 0.8);
    box-shadow: 0 0 2.066667rem 0 rgba(255, 238, 92, 0.8); 
	}
  70% {
	   border:1px solid #d0d0d0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    -webkit-box-shadow: 0 0 2.066667rem 160px rgba(255, 238, 92, 0.8);
    box-shadow: 0 0 2.066667rem 160px rgba(255, 238, 92, 0.8); 
	}
  100% {
	   border:1px solid #d0d0d0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    -webkit-box-shadow: 0 0 2.066667rem 0 rgba(255, 238, 92, 0.8);
    box-shadow: 0 0 2.066667rem 0 rgba(255, 238, 92, 0.8); 
	} 
}
.b{
	content: "";
    position: absolute;
    animation: button 1s infinite alternate;
    top: 221px;
    left: 254px;
    height: 128px;
    width: 128px;
    border-radius: 50%;
}
.ball{
    position: absolute;
    top: 98px;
    left: 117px;
    width: 387px;
    height: 387px;
    border-radius: 193.5px;
    overflow: hidden;
}
.ball span{
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: -webkit-radial-gradient(#ffc063, #ff8d00);
    left: 10px;
    right: 0;
    margin: auto;
    top: 9px;
    -webkit-transform-origin:  8px 180px;
    -ms-transform-origin:  8px 180px;
    transform-origin: 8px 180px;
}

.ball span:nth-child(1) {
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg); 
}
.ball span:nth-child(2) {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); 
}
.ball span:nth-child(3) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); 
}
.ball span:nth-child(4) {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); 
}
.ball span:nth-child(5) {
  -webkit-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  transform: rotate(75deg); 
}
.ball span:nth-child(6) {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); 
}
.ball span:nth-child(7) {
  -webkit-transform: rotate(105deg);
  -ms-transform: rotate(105deg);
  transform: rotate(105deg); 
}
.ball span:nth-child(8) {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); 
}
.ball span:nth-child(9) {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); 
}
.ball span:nth-child(10) {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); 
}
.ball span:nth-child(11) {
  -webkit-transform: rotate(165deg);
  -ms-transform: rotate(165deg);
  transform: rotate(165deg); 
}
.ball span:nth-child(12) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); 
}
.ball span:nth-child(13) {
  -webkit-transform: rotate(195deg);
  -ms-transform: rotate(195deg);
  transform: rotate(195deg); 
}
.ball span:nth-child(14) {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); 
}
.ball span:nth-child(15) {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg); 
}
.ball span:nth-child(16) {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); 
}
.ball span:nth-child(17) {
  -webkit-transform: rotate(255deg);
  -ms-transform: rotate(255deg);
  transform: rotate(255deg); 
}
.ball span:nth-child(18) {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); 
}
.ball span:nth-child(19) {
  -webkit-transform: rotate(285deg);
  -ms-transform: rotate(285deg);
  transform: rotate(285deg); 
}
.ball span:nth-child(20) {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); 
}
.ball span:nth-child(21) {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg); 
}
.ball span:nth-child(22) {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); 
}
.ball span:nth-child(23) {
  -webkit-transform: rotate(345deg);
  -ms-transform: rotate(345deg);
  transform: rotate(345deg); 
}
.ball span:nth-child(24) {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); 
}
@-webkit-keyframes ball{
	0% {
		background: -webkit-radial-gradient(#fff, #ff9800); 
	}
	100% {
		background: -webkit-radial-gradient(#ff9800, #fff);
		-webkit-box-shadow: 0 0 0.266667rem 0.066667rem #fff;
		box-shadow: 0 0 0.266667rem 0.066667rem #fff; 
	} 
}
@keyframes ball{
	0% {
		background: -webkit-radial-gradient(#fff, #ff9800); 
	}
	100% {
		background: -webkit-radial-gradient(#ff9800, #fff);
		-webkit-box-shadow: 0 0 0.266667rem 0.066667rem #fff;
		box-shadow: 0 0 0.266667rem 0.066667rem #fff; 
	} 
}
@-webkit-keyframes ball2{
	0% {
		background: -webkit-radial-gradient(#ff9800, #fff); 
	}
	100% {
		background: -webkit-radial-gradient(#fff, #ff9800);
		-webkit-box-shadow: 0 0 0.266667rem 0.066667rem #ff9800;
		box-shadow: 0 0 0.266667rem 0.066667rem #ff9800; 
	} 
}
@keyframes ball2{
	0% {
		background: -webkit-radial-gradient(#ff9800, #fff); 
	}
	100% {
		background: -webkit-radial-gradient(#fff, #ff9800);
		-webkit-box-shadow: 0 0 0.266667rem 0.066667rem #ff9800;
		box-shadow: 0 0 0.266667rem 0.066667rem #ff9800; 
	} 
}	
.ball span:nth-of-type(odd){
	-webkit-animation: ball 1s infinite steps(2);
	animation: ball 1s infinite steps(2); 
}
.ball span:nth-of-type(even){
	-webkit-animation: ball2 1s infinite steps(2);
	animation: ball2 1s infinite steps(2);
}
@-webkit-keyframes button {
  0% {
    -webkit-box-shadow: 0 0 1.066667rem 0.333333rem #fff;
    box-shadow: 0 0 1.066667rem 0.333333rem #fff; }
  100% {
    -webkit-box-shadow: 0 0 0.266667rem 0.133333rem #fff;
    box-shadow: 0 0 0.266667rem 0.133333rem #fff; } }

@keyframes button {
  0% {
    -webkit-box-shadow: 0 0 1.066667rem 0.333333rem #fff;
    box-shadow: 0 0 1.066667rem 0.333333rem #fff; }
  100% {
    -webkit-box-shadow: 0 0 0.266667rem 0.133333rem #fff;
    box-shadow: 0 0 0.266667rem 0.133333rem #fff; } }
.TabB ul{
	list-style: none;
	position: relative;
	float: left;
	width: 100%;
}
.TabB ul li{
	position: relative;
	float: left;
	width: 295px;
	background: white;
	margin: 25px 12px 0px 12px;
	border-radius: 15px;
	overflow: hidden;
	height: 390px;
	box-shadow: 5px 5px 5px #888888;
}
.TabB ul li div.title{
	text-align: center;
	width: 286px;
	height: 48px;
	line-height: 42px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 26px;
	margin-left: 5px;
	font-size: 21px;
}
.TabB ul li div.img{
	position: relative;
	float: left;
	width: 267px;
	height: 222px;
	margin-left: 14px;
	margin-top: 20px;
}
.TabB ul li div.img img{
	width: 100%;
	height: 100%;
}
.TabB ul li div.detail{
	position: relative;
	float: left;
	width: 272px;
	margin-top: 17px;
	height: 48px;
	line-height: 48px;
	margin-left: 14px;
}
.TabB ul li div.detail a{
	float: right;
	margin-right: 8px;
	width: 123px;
	text-align: center;
	background: #01b439;
	border: 1px solid #ffed72;
	border-radius: 15px;
	color: white;
	font-weight: bolder;
	font-size: 28px;
}