@import "variables.less";

.webBox {
	* , :before, :after { .transition(all, .3s, ease-in-out); }

	header {
		#menubtn[data-type="2"] a span {
			&:nth-child(1) { .rotate(45deg); }
			&:nth-child(3) { .rotate(-45deg); }
		}
		@media (min-width: 1281px) {
			#webmenu li {
				.menu_body {
					.translate(0, 30px);
					.subOption li {
						ul {
							.translate(30px, 0);
							li {
								& >ul { .translate(30px, 0); }
								&:hover >ul { .translate(0, 0); }
							}
						}
						&:hover >ul { .translate(0, 0); }
					}
				}
				&:hover .menu_body { .translate(0, 0); }
			}
		}
	}

	#top_search #close_search font { .rotate(45deg); }
	
	.slick-dots li:before { .circular(8px); }
	
	.img_scale {
		img { .scale(1); }
		@media (min-width: 1281px) {
			&:hover img { .scale(1.1); }
		}
	}
	#playYoutu { .circular(100px); }
	#picture_list img { .circular(80px); }
	
	#SeoStarRating font {
		margin-right: 5px; display: inline-block; line-height: 110%; vertical-align: text-bottom; color: @yellow;
		& * { color: @yellow; }
		&:first-child { font-weight: bold; font-size: 18px; }
		&:last-child { color: @complement; }
	}
	
	#webSeo .seo {
		 .animation(marquee 50s linear infinite);
		@media (max-width: 768px) {
			 &{ .animation(marquee 30s linear infinite); }
		}
		@media (max-width: 550px) {
			 &{ .animation(marquee 20s linear infinite); }
		}
	}
	
	#gotop a {
		.circular(50px);
		&:before { .rotate(45deg); }
	}
}