@charset "utf-8";

body {
	font-size: 14px;
	color: #333;
	background: #fff;
	font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.bounce,
.bounce-hover,
.flash,
.flash-hover,
.shake,
.shake-hover,
.swing,
.swing-hover,
.wobble,
.wobble-hover,
.ring,
.ring-hover {
	-webkit-animation: 1s ease;
	-moz-animation: 1s ease;
	-ms-animation: 1s ease;
	animation: 1s ease;
}

.fadein,
.fadein-top,
.fadein-right,
.fadein-bottom,
.fadein-left,
.bouncein,
.rotatein {
	-webkit-animation: 1s ease-out backwards;
	-moz-animation: 1s ease-out backwards;
	-ms-animation: 1s ease-out backwards;
	animation: 1s ease-out backwards;
}

.fadeout,
.fadeout-top,
.fadeout-right,
.fadeout-bottom,
.fadeout-left,
.bounceout,
.rotateout {
	-webkit-animation: 1s ease-in forwards;
	-moz-animation: 1s ease-in forwards;
	-ms-animation: 1s ease-in forwards;
	animation: 1s ease-in forwards;
}

.rotate,
.rotate-hover {
	-webkit-animation: 2s infinite linear;
	-moz-animation: 2s infinite linear;
	-ms-animation: 2s infinite linear;
	animation: 2s infinite linear;
}

.fadein {
	-webkit-animation-name: a-fadein;
	-moz-animation-name: a-fadein;
	-ms-animation-name: a-fadein;
	animation-name: a-fadein;
}

@-webkit-keyframes a-fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes a-fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes a-fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes a-fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadein-top {
	-webkit-animation-name: fadeinT;
	-moz-animation-name: fadeinT;
	-ms-animation-name: fadeinT;
	animation-name: fadeinT;
}

@-webkit-keyframes fadeinT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeinT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeinT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeinT {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadein-right {
	-webkit-animation-name: fadeinR;
	-moz-animation-name: fadeinR;
	-ms-animation-name: fadeinR;
	animation-name: fadeinR;
}

@-webkit-keyframes fadeinR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeinR {
	0% {
		opacity: 0;
		-moz-transform: translateX(50px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeinR {
	0% {
		opacity: 0;
		-ms-transform: translateX(50px);
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@keyframes fadeinR {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadein-bottom {
	-webkit-animation-name: fadeinB;
	-moz-animation-name: fadeinB;
	-ms-animation-name: fadeinB;
	animation-name: fadeinB;
}

@-webkit-keyframes fadeinB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeinB {
	0% {
		opacity: 0;
		-moz-transform: translateY(50px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeinB {
	0% {
		opacity: 0;
		-ms-transform: translateY(50px);
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeinB {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadein-left {
	-webkit-animation-name: fadeinL;
	-moz-animation-name: fadeinL;
	-ms-animation-name: fadeinL;
	animation-name: fadeinL;
}

@-webkit-keyframes fadeinL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeinL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-50px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeinL {
	0% {
		opacity: 0;
		-ms-transform: translateX(-50px);
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@keyframes fadeinL {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeout {
	-webkit-animation-name: a-fadeout;
	-moz-animation-name: a-fadeout;
	-ms-animation-name: a-fadeout;
	animation-name: a-fadeout;
}

@-webkit-keyframes a-fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes a-fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-ms-keyframes a-fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes a-fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fadeout-top {
	-webkit-animation-name: fadeoutT;
	-moz-animation-name: fadeoutT;
	-ms-animation-name: fadeoutT;
	animation-name: fadeoutT;
}

@-webkit-keyframes fadeoutT {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
	}
}

@-moz-keyframes fadeoutT {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-100px);
	}
}

@-ms-keyframes fadeoutT {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(-100px);
	}
}

@keyframes fadeoutT {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-100px);
	}
}

.fadeout-right {
	-webkit-animation-name: fadeoutR;
	-moz-animation-name: fadeoutR;
	-ms-animation-name: fadeoutR;
	animation-name: fadeoutR;
}

@-webkit-keyframes fadeoutR {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100px);
	}
}

@-moz-keyframes fadeoutR {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}
}

@-ms-keyframes fadeoutR {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(100px);
	}
}

@keyframes fadeoutR {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(100px);
	}
}

.fadeout-bottom {
	-webkit-animation-name: fadeoutB;
	-moz-animation-name: fadeoutB;
	-ms-animation-name: fadeoutB;
	animation-name: fadeoutB;
}

@-webkit-keyframes fadeoutB {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}
}

@-moz-keyframes fadeoutB {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(100px);
	}
}

@-ms-keyframes fadeoutB {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(100px);
	}
}

@keyframes fadeoutB {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(100px);
	}
}

.fadeout-left {
	-webkit-animation-name: fadeoutL;
	-moz-animation-name: fadeoutL;
	-ms-animation-name: fadeoutL;
	animation-name: fadeoutL;
}

@-webkit-keyframes fadeoutL {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}
}

@-moz-keyframes fadeoutL {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}
}

@-ms-keyframes fadeoutL {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(-100px);
	}
}

@keyframes fadeoutL {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-100px);
	}
}

.bounce,
.bounce-hover:hover {
	-webkit-animation-name: a-bounce;
	-moz-animation-name: a-bounce;
	-ms-animation-name: a-bounce;
	animation-name: a-bounce;
}

@-webkit-keyframes a-bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-30px);
	}

	60% {
		-webkit-transform: translateY(-15px);
	}
}

@-moz-keyframes a-bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
	}

	40% {
		-moz-transform: translateY(-30px);
	}

	60% {
		-moz-transform: translateY(-15px);
	}
}

@-ms-keyframes a-bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-ms-transform: translateY(0);
	}

	40% {
		-ms-transform: translateY(-30px);
	}

	60% {
		-ms-transform: translateY(-15px);
	}
}

@keyframes a-bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}

.bouncein {
	-webkit-animation-name: a-bouncein;
	-moz-animation-name: a-bouncein;
	-ms-animation-name: a-bouncein;
	animation-name: a-bouncein;
}

@-webkit-keyframes a-bouncein {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes a-bouncein {
	0% {
		opacity: 0;
		-moz-transform: scale(0.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(0.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-ms-keyframes a-bouncein {
	0% {
		opacity: 0;
		-ms-transform: scale(0.3);
	}

	50% {
		opacity: 1;
		-ms-transform: scale(1.05);
	}

	70% {
		-ms-transform: scale(0.9);
	}

	100% {
		-ms-transform: scale(1);
	}
}

@keyframes a-bouncein {
	0% {
		opacity: 0;
		transform: scale(0.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}

.bounceout {
	-webkit-animation-name: a-bounceout;
	-moz-animation-name: a-bounceout;
	-ms-animation-name: a-bounceout;
	animation-name: a-bounceout;
}

@-webkit-keyframes a-bounceout {
	0% {
		-webkit-transform: scale(1);
	}

	25% {
		-webkit-transform: scale(0.95);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.3);
	}
}

@-moz-keyframes a-bounceout {
	0% {
		-moz-transform: scale(1);
	}

	25% {
		-moz-transform: scale(0.95);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-moz-transform: scale(0.3);
	}
}

@-ms-keyframes a-bounceout {
	0% {
		-ms-transform: scale(1);
	}

	25% {
		-ms-transform: scale(0.95);
	}

	50% {
		opacity: 1;
		-ms-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-ms-transform: scale(0.3);
	}
}

@keyframes a-bounceout {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(0.95);
	}

	50% {
		opacity: 1;
		transform: scale(1.1);
	}

	100% {
		opacity: 0;
		transform: scale(0.3);
	}
}

.rotatein {
	-webkit-animation-name: a-rotatein;
	-moz-animation-name: a-rotatein;
	-ms-animation-name: a-rotatein;
	animation-name: a-rotatein;
}

@-webkit-keyframes a-rotatein {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-200deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0);
	}
}

@-moz-keyframes a-rotatein {
	0% {
		opacity: 0;
		-moz-transform: rotate(-200deg);
	}

	100% {
		opacity: 1;
		-moz-transform: rotate(0);
	}
}

@-ms-keyframes a-rotatein {
	0% {
		opacity: 0;
		-ms-transform: rotate(-200deg);
	}

	100% {
		opacity: 1;
		-ms-transform: rotate(0);
	}
}

@keyframes a-rotatein {
	0% {
		opacity: 0;
		transform: rotate(-200deg);
	}

	100% {
		opacity: 1;
		transform: rotate(0);
	}
}

.rotateout {
	-webkit-animation-name: a-rotateout;
	-moz-animation-name: a-rotateout;
	-ms-animation-name: a-rotateout;
	animation-name: a-rotateout;
}

@-webkit-keyframes a-rotateout {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes a-rotateout {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-ms-keyframes a-rotateout {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes a-rotateout {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.flash,
.flash-hover:hover {
	-webkit-animation-name: a-flash;
	-moz-animation-name: a-flash;
	-ms-animation-name: a-flash;
	animation-name: a-flash;
}

@-webkit-keyframes a-flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@-moz-keyframes a-flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@-ms-keyframes a-flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@keyframes a-flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

.shake,
.shake-hover:hover {
	-webkit-animation-name: a-shake;
	-moz-animation-name: a-shake;
	-ms-animation-name: a-shake;
	animation-name: a-shake;
}

@-webkit-keyframes a-shake {

	0%,
	100% {
		-webkit-transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
	}
}

@-moz-keyframes a-shake {

	0%,
	100% {
		-moz-transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-moz-transform: translateX(-10px);
	}

	20%,
	40%,
	60%,
	80% {
		-moz-transform: translateX(10px);
	}
}

@-ms-keyframes a-shake {

	0%,
	100% {
		-ms-transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-ms-transform: translateX(-10px);
	}

	20%,
	40%,
	60%,
	80% {
		-ms-transform: translateX(10px);
	}
}

@keyframes a-shake {

	0%,
	100% {
		transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-10px);
	}

	20%,
	40%,
	60%,
	80% {
		transform: translateX(10px);
	}
}

.swing,
.swing-hover:hover {
	-webkit-animation-name: a-swing;
	-moz-animation-name: a-swing;
	-ms-animation-name: a-swing;
	animation-name: a-swing;
}

@-webkit-keyframes a-swing {
	20% {
		-webkit-transform: rotate(15deg);
	}

	40% {
		-webkit-transform: rotate(-10deg);
	}

	60% {
		-webkit-transform: rotate(5deg);
	}

	80% {
		-webkit-transform: rotate(-5deg);
	}

	100% {
		-webkit-transform: rotate(0);
	}
}

@-moz-keyframes a-swing {
	20% {
		-moz-transform: rotate(15deg);
	}

	40% {
		-moz-transform: rotate(-10deg);
	}

	60% {
		-moz-transform: rotate(5deg);
	}

	80% {
		-moz-transform: rotate(-5deg);
	}

	100% {
		-moz-transform: rotate(0);
	}
}

@-ms-keyframes a-swing {
	20% {
		-ms-transform: rotate(15deg);
	}

	40% {
		-ms-transform: rotate(-10deg);
	}

	60% {
		-ms-transform: rotate(5deg);
	}

	80% {
		-ms-transform: rotate(-5deg);
	}

	100% {
		-ms-transform: rotate(0);
	}
}

@keyframes a-swing {
	20% {
		transform: rotate(15deg);
	}

	40% {
		transform: rotate(-10deg);
	}

	60% {
		transform: rotate(5deg);
	}

	80% {
		transform: rotate(-5deg);
	}

	100% {
		transform: rotate(0);
	}
}

.wobble,
.wobble-hover:hover {
	-webkit-animation-name: a-wobble;
	-moz-animation-name: a-wobble;
	-ms-animation-name: a-wobble;
	animation-name: a-wobble;
}

@-webkit-keyframes a-wobble {
	0% {
		-webkit-transform: translateX(0);
	}

	15% {
		-webkit-transform: translateX(-50px) rotate(-5deg);
	}

	30% {
		-webkit-transform: translateX(40px) rotate(3deg);
	}

	45% {
		-webkit-transform: translateX(-33px) rotate(-3deg);
	}

	60% {
		-webkit-transform: translateX(10px) rotate(2deg);
	}

	75% {
		-webkit-transform: translateX(-10px) rotate(-1deg);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes a-wobble {
	0% {
		-moz-transform: translateX(0);
	}

	15% {
		-moz-transform: translateX(-50px) rotate(-5deg);
	}

	30% {
		-moz-transform: translateX(40px) rotate(3deg);
	}

	45% {
		-moz-transform: translateX(-33px) rotate(-3deg);
	}

	60% {
		-moz-transform: translateX(10px) rotate(2deg);
	}

	75% {
		-moz-transform: translateX(-10px) rotate(-1deg);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes a-wobble {
	0% {
		-ms-transform: translateX(0);
	}

	15% {
		-ms-transform: translateX(-50px) rotate(-5deg);
	}

	30% {
		-ms-transform: translateX(40px) rotate(3deg);
	}

	45% {
		-ms-transform: translateX(-33px) rotate(-3deg);
	}

	60% {
		-ms-transform: translateX(10px) rotate(2deg);
	}

	75% {
		-ms-transform: translateX(-10px) rotate(-1deg);
	}

	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes a-wobble {
	0% {
		transform: translateX(0);
	}

	15% {
		transform: translateX(-50px) rotate(-5deg);
	}

	30% {
		transform: translateX(40px) rotate(3deg);
	}

	45% {
		transform: translateX(-33px) rotate(-3deg);
	}

	60% {
		transform: translateX(10px) rotate(2deg);
	}

	75% {
		transform: translateX(-10px) rotate(-1deg);
	}

	100% {
		transform: translateX(0);
	}
}

.ring,
.ring-hover:hover {
	-webkit-animation-name: a-ring;
	-moz-animation-name: a-ring;
	-ms-animation-name: a-ring;
	animation-name: a-ring;
}

@-webkit-keyframes a-ring {
	0% {
		-webkit-transform: scale(1);
	}

	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(0);
	}
}

@-moz-keyframes a-ring {
	0% {
		-moz-transform: scale(1);
	}

	10%,
	20% {
		-moz-transform: scale(0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-moz-transform: scale(1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		-moz-transform: scale(1.1) rotate(-3deg);
	}

	100% {
		-moz-transform: scale(1) rotate(0);
	}
}

@-ms-keyframes a-ring {
	0% {
		-ms-transform: scale(1);
	}

	10%,
	20% {
		-ms-transform: scale(0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-ms-transform: scale(1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		-ms-transform: scale(1.1) rotate(-3deg);
	}

	100% {
		-ms-transform: scale(1) rotate(0);
	}
}

@keyframes a-ring {
	0% {
		transform: scale(1);
	}

	10%,
	20% {
		transform: scale(0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-3deg);
	}

	100% {
		transform: scale(1) rotate(0);
	}
}

.rotate,
.rotate-hover:hover {
	-webkit-animation-name: a-rotate;
	-moz-animation-name: a-rotate;
	-ms-animation-name: a-rotate;
	animation-name: a-rotate;
}

@-webkit-keyframes a-rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
	}
}

@-moz-keyframes a-rotate {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
	}
}

@-ms-keyframes a-rotate {
	0% {
		-ms-transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(359deg);
	}
}

@keyframes a-rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(359deg);
	}
}

.text-black,
a.text-black:link,
a.text-black:visited,
.button.border-black,
blockquote.border-black strong,
.pager.border-black a,
.pager-prev.border-black,
.pager-next.border-black {
	color: #000;
}

a.text-black:hover {
	color: #666;
}

.text-gray,
a.text-gray:link,
a.text-gray:visited,
.button.border-gray,
blockquote.border-gray strong,
.pager.border-gray a,
.pager-prev.border-gray,
.pager-next.border-gray {
	color: #999;
}

.text-white,
a.text-white:link,
a.text-white:visited,
.button.border-white,
blockquote.border-white,
.pager.border-white a,
.pager-prev.border-white,
.pager-next.border-white {
	color: #fff;
}

.text-red,
a.text-red:link,
a.text-red:visited,
.button.border-red,
.button.bg-red-light,
blockquote.border-red strong,
.pager.border-red a,
.pager-prev.border-red,
.pager-next.border-red,
.badge.bg-red-light,
.alert-red,
.check-error {
	color: #e33;
}

.text-yellow,
a.text-yellow:link,
a.text-yellow:visited,
.button.border-yellow,
.button.bg-yellow-light,
blockquote.border-yellow strong,
.pager.border-yellow a,
.pager-prev.border-yellow,
.pager-next.border-yellow,
.badge.bg-yellow-light,
.alert-yellow,
.check-warning {
	color: #f60;
}

.text-blue,
a.text-blue:link,
a.text-blue:visited,
.button.border-blue,
.button.bg-blue-light,
blockquote.border-blue strong,
.pager.border-blue a,
.pager-prev.border-blue,
.pager-next.border-blue,
.badge.bg-blue-light,
.alert-blue {
	color: #0ae;
}

.text-green,
a.text-green:link,
a.text-green:visited,
.button.border-green,
.button.bg-green-light,
blockquote.border-green strong,
.pager.border-green a,
.pager-prev.border-green,
.pager-next.border-green,
.badge.bg-green-light,
.alert-green,
.check-success {
	color: #2c7;
}

.text-red-light,
a.text-red-light:link,
a.text-red-light:visited,
.button.border-red-light,
blockquote.border-red-light strong,
.pager.border-red-light a {
	color: #fdc;
}

.text-yellow-light,
a.text-yellow-light:link,
a.text-yellow-light:visited,
.button.border-yellow-light,
blockquote.border-yellow-light strong,
.pager.border-yellow-light a,
.pager-prev.border-yellow-light,
.pager-next.border-yellow-light {
	color: #fec;
}

.text-blue-light,
a.text-blue-light:link,
a.text-blue-light:visited,
.button.border-blue-light,
blockquote.border-blue-light strong,
.pager.border-blue-light a,
.pager-prev.border-blue-light,
.pager-next.border-blue-light {
	color: #def;
}

.text-green-light,
a.text-green-light:link,
a.text-green-light:visited,
.button.border-green-light,
blockquote.border-green-light strong,
.pager.border-green-light a,
.pager-prev.border-green-light,
.pager-next.border-green-light {
	color: #ded;
}

.bg-inverse,
.bg-inverse a {
	color: #fff;
}

a.text-white:hover,
.bg-inverse a:hover {
	color: #ddd;
}

.bg,
.table .current,
.table .current td,
.table .current th,
.button.active,
.pointer.border .active,
.nav-menu ul a:hover,
.nav-menu.nav-pills .active ul a:hover,
.bg-inverse .nav.nav-menu ul a:hover,
.bg-inverse .nav.nav-menu .active ul a:hover,
.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,
.bg-inverse .nav.nav-menu.nav-pills ul a:hover,
.bg-inverse .nav-menu.nav-inline.nav-big ul a:hover,
.navbar-body .nav ul a:hover {
	background-color: #f5f5f5;
}

.bg-black,
.border-black .button.active,
.pointer.border-black .active,
.nav-pills.border-black .active a,
.nav-main.border-black .nav-head,
.pagination.border-black .active {
	background-color: #000;
}

.bg-gray,
.border-gray .button.active,
.pointer.border-gray .active,
.nav-pills.border-gray .active a,
.nav-main.border-gray .nav-head,
.pagination.border-gray .active {
	background-color: #999;
}

.bg-white,
.button.bg,
.border-white .button.active,
.pointer.border-white .active,
.nav-pills.border-white .active a,
.nav-main.border-white .nav-head,
.pagination.border-white .active {
	background-color: #fff;
}

.bg-red,
.border-red .button.active,
.pointer.border-red .active,
.nav-pills.border-red .active a,
.nav-main.border-red .nav-head,
.pagination.border-red .active {
	background-color: #e33;
}

.bg-yellow,
.border-yellow .button.active,
.pointer.border-yellow .active,
.nav-pills.border-yellow .active a,
.nav-main.border-yellow .nav-head,
.pagination.border-yellow .active {
	background-color: #f60;
}

.bg-blue,
.border-blue .button.active,
.pointer.border-blue active,
.nav-pills.border-blue .active a,
.nav-main.border-blue .nav-head,
.pagination.border-blue .active {
	background-color: #0ae;
}

.bg-green,
.border-green .button.active,
.pointer.border-green .active,
.nav-pills.border-green .active a,
.pagination.border-green .active {
	background-color: #2c7;
}

.bg-red-light,
.table .red,
.table .red td,
.table .red th,
.alert-red,
.border-red-light .button.active,
.pointer.border-red-light .active,
.nav-pills.border-red-light .active a,
.nav-main.border-red-light .nav-head,
.pagination.border-red-light .active {
	background-color: #fee;
}

.bg-yellow-light,
.table .yellow,
.table .yellow td,
.table .yellow th,
.alert-yellow,
.border-yellow-light .button.active,
.pointer.border-yellow-light .active,
.nav-pills.border-yellow-light .active a,
.nav-main.border-yellow-light .nav-head,
.pagination.border-yellow-light .active {
	background-color: #ffd;
}

.bg-blue-light,
.table .blue,
.table .blue td,
.table .blue th,
.alert-blue,
.border-blue-light .button.active,
.pointer.border-blue-light .active,
.nav-pills.border-blue-light .active a,
.nav-main.border-blue-light .nav-head,
.pagination.border-blue-light .active {
	background-color: #eff;
}

.bg-green-light,
.table .green,
.table .green td,
.table .green th,
.alert-green,
.border-green-light .button.active,
.pointer.border-green-light .active,
.nav-pills.border-green-light .active a,
.nav-main.border-green-light .nav-head,
.pagination.border-green-light .active {
	background-color: #efd;
}


/*============ 内容样式开始  ===============*/
body,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
input,
button,
iframe {
	margin: 0;
	padding: 0;
}

ul,
ol,
li {
	list-style: none;
	display: flex;
	justify-content: center;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

/*====== header样式  ======*/
.header {
	width: 100%;
	height: 85px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.header-con {
	width: 100%;
	overflow: hidden;
}

.header-con h1 {
	padding-top: 14px;
	margin-right: 22px;
}

.header-con .sm-img {
	float: left;
	line-height: 78px;
}

.header-con .sm-img img {
	width: 100%;
}

.header-nav ul {
	padding-top: 26px;
}

.header-nav ul li {
	margin: 0 5px;
	float: left;
	width: 106px;
	height: 34px;
	overflow: hidden;
}

.header-nav ul li a {
	display: block;
	float: left;
	width: 106px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	color: #333;
	border: 1px solid #ccc;
}

.header-nav ul li a:hover {
	color: #fff;
	background: #2b5fa0;
}

/*====== main样式  ======*/
.main {
	margin-top: 85px;
	width: 100%;
}

/*=== banner样式  ===*/
@media (min-aspect-ratio: 21/9) {
	.banner {
		height:800px !important;
	}
}

.banner {
	position: relative;
	width: 100%;
	height: 800px !important;
	background: url(./banner1.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.banner .down-btn {
	width: 830px;
	margin-top: 677px;
}

.banner .down-btn ul li a {
	margin: 0 auto;
	display: block;
	width: 212px;
	height: 81px;
	line-height:80px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-family: Noto Sans-Bold;
	font-weight: bold;
	/* text-shadow: 0px 2px 0px rgba(168, 77, 77, 0.25); */
}

.down-btn {
	width: 1200px;
	margin: auto;
}

.down-btn ul li {
	display: inline-block;
	width: 41%;
	margin-left: -4px;
}

.down-btn ul li p {
	font-size: 14px;
	color: #32c2e1;
	text-align: center;
	line-height: 30px;
}

/*.down-btn ul li a {*/
/*	margin: 0 auto;*/
/*	display: block;*/
/*	width: 268px;*/
/*	height:86px;*/
/*	line-height: 61px;*/
/*	text-align: center;*/
/*	color: #E32C25;*/
/*	font-size: 20px;*/
/*	background: url(./btn1-1.png) no-repeat 100% 100%;*/
/*	background-size: 100%;*/
/*	overflow: hidden;*/
/*	font-family: Noto Sans-Bold, Noto Sans;*/
/*}*/

#none
{
	margin: 0 auto;
	display: block;
	width: 212px;
	height:81px;
	line-height: 61px;
	text-align: center;
	color: #E32C25;
	font-size: 20px;
	background: url(./btn1-1.png) no-repeat 100% 100%;
	background-size: 100%;
	overflow: hidden;
	font-family: Noto Sans-Bold, Noto Sans;
}

#isLogin
{
	margin: 0 auto;
	display: block;
	width: 212px;
	height:81px;
	line-height: 61px;
	text-align: center;
	color: #E32C25;
	font-size: 20px;
	background: url(./btn1-3.png) no-repeat 100% 100%;
	background-size: 100%;
	overflow: hidden;
	font-family: Noto Sans-Bold, Noto Sans;
}

#m-isLogin {
	font-size: 0.9rem;
	color: #fff;
	display: block;
	width: 12.066666rem;
	height: 2.8rem;
	background: url(./btn1-3.png) no-repeat center center;
	background-size: contain;
	overflow: hidden;
	text-align: center;
	line-height: 2.7rem;
	font-family: Noto Sans-Bold;
	font-weight: bold;
	/* text-shadow: 0px 2px 0px rgba(168, 77, 77, 0.25); */
}

.down-btn ul li:nth-of-type(2) a {
	background: url(./btn1-2.png) no-repeat 100% 100%;
	background-size: 100%;
	overflow: hidden;
	color: #fff;
	/* text-shadow: 1px 1px 5px rgba(0,0,0,0.5); */
}

.down-btn ul li a:hover {
	transform: scale(1.1);
}

/* .down-btn ul li a:hover{background:url(./btn2-1.png) no-repeat center center;background-size:100%;overflow: hidden;color: #fff;}
.down-btn ul li:nth-of-type(2) a:hover{background:url(./btn2-2.png) no-repeat center center;background-size:100%;overflow: hidden;color: #B70304;} */

.slie {
	padding-top: 40px;
}

.slie1 {
	width: 100%;
	background: url(./bg1.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1200px;
}

.slie1 .slie1-main {
	width: 1200px;
    height: 1000px;
	margin: auto;
	background: url(./title1.png) no-repeat center center;
	background-size: 100%;
}

/* .slie1 .clu-title{padding-top:230px;margin-bottom:10px;} */
.slie1 .clu-title .t1 {
	width: 843px;
	height: 86px;
	margin: auto;
}

.slie1 .slie1-main .s1-main-tlt {
	width: 90%;
	margin: 130px auto;
	border-radius: 5px;
}

.slie1 .s1-main p {
	font-size: 20px;
	color: #fff;
	line-height: 28px;
	text-align: left;
}

.slie1 .s1-main p span {
	color: #ffca29;
	font-size: 20px;
}

.slie1 .details {
	/*margin-top: 180px;*/
	width: 100%;
	overflow: hidden;
	/*top: 30%;*/
	/*left: 60%;*/
	/*-webkit-transform: translate(-50%, -50%);*/
	/*-ms-transform: translate(-50%, -50%);*/
	/*transform: translate(-50%, -50%);*/
	/*position: relative;*/
}

.slie1 .details a {
	display: table;
	line-height: 64px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	background: url(./btn-url.png) no-repeat 100% 100%;
	background-size: 100%;
	width: 220px;
    height: 67px;
	margin: auto;
	margin-top: 268px;
	font-family: Noto Sans-Bold;
}

.slie1 .slie1-main .slie1-main-cont {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 25px 0;
}

.slie1 .slie1-main .slie1-main-cont img {
	width: 90%;
}

.slie2 {
	width: 100%;
	height: 696px;
	background: url(./bg2.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	margin-top: -1px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slie2 .slie2-main {}

/* .slie2 .clu-title{padding-top: 60px;} */
.slie2 .clu-title .t2 {
	width: 1200px;
	height: 600px;
	margin: auto;
	background: url(./title2.png) no-repeat center center;
	background-size: 100%;
}

.slie2 .slie-main {
	width: 1200px;
	margin: auto;
}

.slie2 .s2-main {
	width: 1002px;
	height: 462px;
	margin: 0 auto;
	z-index: 0;
	position: relative;
	background: url(./slie2-cont.png) no-repeat center center;
	background-size: 100%;
	top: 25px;
	padding-top: 70px;
	text-align: center;
}

.slie2 .s2-main img {
	width: 80%;
}

.slie2 .down-btn {
	width: 950px;
	margin-top: 50px;
}

.slie3 {
	width: 100%;
	height: 936px;
	background: url(./bg3.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	padding-top: 0;
	margin-top: -1px;
}

.slie3 .slie3-main {}

/* .slie3 .clu-title{padding-top:40px} */
.slie3 .clu-title .t3 {
	width: 1205px;
	height: 985px;
	margin: auto;
	background: url(./title3.png) no-repeat center center;
	margin-bottom: 20px;
}

.slie3 .slie3-main .s3-main-g {
	border: 2px dashed #000;
	height: 100%;
	border-radius: 20px;
}

.slie3 .s3-tlt {
	width: 1200px;
    height: 840px;
	margin: auto;
	background: url(./title3.png) no-repeat center center;
	background-size: 100%;
}

.slie3 .s3-tlt .img-d {
	float: left;
	width: 146px;
	height: 146px;
	margin-right: 15px;
}

.slie3 .p-t {
	width: 850px;
	margin: 0 auto;
	border-radius: 40px;
	margin-top: 30px;
}

.slie3 .p-t img {
	width: 65px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

.slie3 .s3-tlt .p-t span {
	color: #666666;
	font-size: 20px;
	text-align: left;
	display: block;
	height: 70px;
	padding-top: 10px;
	width: 850px;
	padding-left: 80px;
}

.slie3 .p-f-t {
	padding: 5px 20px;
	background: #306ee3;
	font-size: 18px;
	color: #fff;
	border-radius: 35px;
}

.slie3 .s3-s-c {
	color: #fd110b;
}

.slie3 .slie3-main .p-tlt {
	font-size: 16px;
	color: #996644;
	width: 100%;
	margin-bottom: 30px;
	margin-left: 24px;
}

.slie3 .slie3-main .p-tlt .s3-s-t {
	color: #666666;
	display: block;
	margin-top: 19px;
	line-height: 25px;
	width: 450px;
	font-size: 18px;
	text-align: left;
}

.slie3 .slie3-main .p-tlt .s3-s-t span {
	font-size: 18px;
	color: #5ca9cd;
}

.slie3 .slie3-main .s3-main-t {
	font-size: 23px;
	color: #347594;
	width: 220px;
	height: 55px;
	line-height: 55px;
	display: block;
	text-align: center;
	border-radius: 40px;
}

.slie3 .slie3-main .gd {
	width: 1000px;
	margin: auto;
	display: flex;
	padding: 0 20px;
	margin-top: 30px;
}

.slie3 .slie3-main .gd .gd-list {
	width: 450px;
	flex: 2;
}

.slie3 .slie3-main .gd .gd-list>img {
	display: block;
	width: 80%;
	margin: auto;
}

.slie3 .down-btn {
	width: 950px;
	margin-top: 40px;
}

.slie4 {
	width: 100%;
	height:1072px;
	padding-top: 0;
	background: url(./bg4.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	margin-top: -1px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slie4 .slie4-main {}

.slie4 .clu-title {
	padding-bottom: 0;
}

.slie4 .clu-title .t4 {
	width: 582px;
	height: 85px;
	margin: auto;
	background: url(./title4.png) no-repeat center center;
	background-size: 100%;
	position: relative;
	top: 30px;
	margin-bottom: 40px;
}

.slie4 .new-cont {
	width: 1200px;
    height: 976px;
	margin: 0 auto;
	background: url(./title4.png) no-repeat center center;
	background-size: 100%;
	text-align: center;
}

.slie4 .new-cont img {
	margin-bottom: 20px;
	width: 90%;
}

.slie4 .new-cont .new-list {
	flex: 3;
}

.slie4 .new-cont .new-list .img {
	width: 277px;
	height: 427px;
	margin: auto;
	position: relative;
	text-align: center;
}

.slie4 .new-cont .new-list .img img {
	width: 94%;
}

.slie4 .down-btn {
	margin-top: 40px;
	width: 900px;
}

.slie5 {
	width: 100%;
	height: 736px;
	background: url(./bg5.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	margin-top: -1px;
	padding-top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slie5 .slie5-main {
	width: 1200px;
    height: 640px;
	margin: auto;
	background: url(./title5.png) no-repeat center center;
	background-size: 100%;
}

.slie5 .clu-title {
	padding-top: 50px;
}

/* .slie5 .clu-title .t5 {width: 994px;height:126px;margin:auto;} */
.slie5 .new-cont {
	width: 1200px;
	margin: 0 auto;
}

.slie5 .new-title {
	width: 1000px;
	font-size: 59px;
	color: #e1943a;
	text-align: center;
	margin: 0 auto;
	padding-top: 60px;
	margin-bottom: 40px;
}

.slie5 .new-list {
	width: 1000px;
	margin: 0 auto;
	padding-top: 60px;
}

.slie5 .new-list .new-text1 {
	width: 270px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #3d3d3d;
	margin-left: 40px;
}

.slie5 .new-list .new-text1 img {
	width: 230px;
}

.slie5 .new-list .new-text1 .p1 {
	padding: 15px;
	background: #5ca9cd;
	border-radius: 15px;
}

.slie5 .new-list .new-text1 p {
	font-size: 24px;
	color: #9acee6;
}

.slie5 .new-list .new-text2 {
	width: 620px;
	display: inline-block;
	margin-left: 50px;
}

.slie5 .new-list .new-text2 p {
	margin-bottom: 40px;
}

.slie5 .new-list .new-text2 .p1 {
	width: 76px;
	height: 76px;
	float: left;
	display: block;
	background: url(./icon1.png) no-repeat 100% 100%;
	background-size: 100%;
	margin-right: 15px;
}

.slie5 .new-list .new-text2 .p2 {
	width: 76px;
	height: 76px;
	float: left;
	display: block;
	background: url(./icon2.png) no-repeat 100% 100%;
	background-size: 100%;
	margin-right: 15px;
}

.slie5 .new-list .new-text2 .p3 {
	width: 76px;
	height: 76px;
	float: left;
	display: block;
	background: url(./icon3.png) no-repeat 100% 100%;
	background-size: 100%;
	margin-right: 15px;
}

.slie5 .new-list .new-text2 .p4 {
	font-size: 26px;
	color: #9acee6;
}

.slie5 .new-list .new-text2 .p5 {
	font-size: 20px;
	color: #fff;
	display: block;
	margin-left: 65px;
	width: 86%;
}

.slie5 .down-btn {
	margin-top: 30px;
}

/*=== footer 样式  ===*/
.ptop {
	width: 100%;
	height: 744px;
	background: url(./bg6.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	margin-top: -1px;
}

.ptop .ptop-main {
	width: 1200px;
	height:600px;
	margin: auto;
	background: url(./title6.png) no-repeat center center;
	background-size: 100%;
	position: relative;
	top: 110px;
}

.ptop .clu-title {
	margin-bottom: -55px;
	position: relative;
}

.ptop .t6 {}

.ptop img {
	display: block;
	margin: auto;
	width: 90%;
	padding-top: 100px;
}

.ptop .clu-bd {
	width: 1000px;
	height: 479px;
	margin: 0 auto;
}

.ptop .clu-bd .copmay {
	width: 1000px;
	height: 413px;
	margin: auto;
}

.footer {
	padding: 20px 0;
	width: 100%;
	background: #43454f;
	overflow: hidden;
}

.footer-top {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #999;
	overflow: hidden;
}

.footer-nav ul {
	padding-top: 30px;
}

.footer-nav ul li {
	margin: 0 5px;
	float: left;
	color: #a0a0a0;
}

.footer-nav ul li:after {
	content: '|';
	padding-left: 10px;
	vertical-align: middle;
}

.footer-nav ul li:last-child:after {
	content: "";
}

.footer-nav ul li a {
	float: left;
	display: block;
	font-size: 16px;
	color: #a0a0a0;
}

.footer-nav ul li a:hover {
	color: #fff;
}

.footer-copy {
	width: 100%;
	text-align: center;
}

.footer-copy p {
	font-size: 16px;
	color: #dedada;
}

.footer-copy p span {
	color: #afabab;
}

/*=== kefu  ===*/
.kefu {
	margin-top: -201px;
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 1000;
	width: 132px;
	height: 402px;
	overflow: hidden;
}

.hidden-pc {
	display: block;
}

.hidden-m {
	display: none;
}

/*==== 弹窗 ====*/
.modal {
	top: 15%;
}

.modal-header {
	border-bottom: none;
	background: #036;
}

.modal-title {
	text-align: center;
	color: #fff;
}

#modal-2 .modal-header {
	border-bottom: 1px solid #ddd;
	background: #fff;
	border-radius: 6px 6px 0 0;
}

#modal-2 .modal-title {
	font-size: 30px;
	text-align: center;
	color: #665db6;
}

#modal-2 .close {
	font-size: 30px;
	color: #cdcdcd;
}

.close {
	color: #fff;
	opacity: 1;
}

.close:focus,
.close:hover {
	color: #fff;
	filter: alpha(opacity=100);
	opacity: 1;
}

.activeWrap {
	padding: 25px;
	height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
}

.activeCon p {
	line-height: 1.5;
	margin-bottom: 15px;
	font-size: 16px;
	color: #4c4c4c;
}

.activeCon p span {
	color: #665db6;
}

.activeCon h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #665db6;
}

.activeCon h4 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #665db6;
}

.mb10 {
	margin-bottom: 15px !important;
}

.modalTips {
	width: 100%;
	text-align: center;
}

.modalTips a {
	font-size: 18px;
	background: #fea20e;
	color: #fff;
	padding: 3px 12px;
	display: block;
	display: inline-block;
	border-radius: 4px;
}

.modalTips p {
	font-size: 18px;
	color: #665db6;
	display: inline-block;
}

.aside-form-con {
	padding-top: 20px;
	margin: 0 auto;
	width: 85%;
}

.aside-form-con .input-c {
	height: 60px;
	overflow: hidden;
	position: relative;
}

.aside-form-con .input-c .message_error {
	position: absolute;
	top: 39px;
	left: 5px;
	color: red;
}

.aside-form-con .input-c input.reg-inpt {
	padding-left: 15px;
	width: 100%;
	height: 40px;
	border: 1px solid #ddd;
}

.capt-int {
	width: 69% !important;
}

.a-code {
	width: 29%;
	height: 40px;
	overflow: hidden;
}

.a-code img {
	height: 100%;
}

.code-btn {
	width: 29%;
	height: 40px;
	border: none;
	color: #fff;
	background: #21399a;
}

.code-btn.active {
	color: #fff;
	background: #003366;
}

.aside-btn {
	width: 100%;
}

.aside-btn a {
	margin-bottom: 10px;
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	background: #003366;
	border-radius: 5px;
}

.aside-btn a:hover {
	background: #006699;
}

.bottom-btn {
	display: none;
}

.hidden-pc {
	display: block;
}

.hidden-m {
	display: none !important;
}

@media (min-width: 1200px) {
	#modal-2 .modal-dialog {
		width: 1000px;
	}
}

@media screen and (max-width: 768px) {

	/*====== header样式  ======*/
	.header {
		padding: 0.5rem 0;
		height: 2.93rem;
	}

	.header-con h1 {
		padding-top: 0;
		height: 2.93rem;
		overflow: hidden;
		margin-right: 0.6rem;
	}

	.header-con h1 img {
		display: inline-block;
		width: 4rem;
		vertical-align: top;
	}

	.header-con .sm-img {
		float: left;
		line-height: 1.6rem;
		width: 10rem;
	}

	.header-ico a {
		display: inline-block;
	}

	.header-ico i {
		display: block;
		width: 1.66rem;
		height: 1.66rem;
		background: url(/view/common/images/zx.gif) no-repeat;
		background-size: 1.66rem 1.66rem;
	}

	/*====== main样式  ======*/
	.main {
		margin-top: 2.83rem;
	}

	.banner {
		position: relative;
		width: 100%;
		height: 36rem !important;
		background: url(./banner2.jpg) no-repeat 100% 100%;
		background-size: 100% 100%;
		overflow: hidden;
	}

	.banner .down-btn {
		width: 87%;
		margin-top: 28rem;
	}

	.banner .down-btn ul li {
		display: inline-block;
		width: 50%;
		margin-left: -4px;
	}

	.banner .down-btn ul li a {
		margin: 0 auto;
		display: block;
		width: 7rem;
		height: 2.7rem;
		line-height: 2.7rem;
		font-size: 0.9rem;
		background: url(./btn1-1.png) no-repeat center center;
		background-size: contain;
		overflow: hidden;
		font-family: Noto Sans-Bold;
		/* text-shadow: 0px 2px 0px rgba(168, 77, 77, 0.25); */
	}

	.banner .down-btn ul li:nth-of-type(2) a {
		background: url(./btn1-2.png) no-repeat center center;
		background-size: contain;
		overflow: hidden;
		/* text-shadow: 1px 1px 5px rgba(0,0,0,0.5); */
		font-family: Noto Sans-Bold;
	}

	.banner .down-btn ul li p {
		font-size: 0.8rem;
		line-height: 1.6rem;
	}

	.banner .down-btn ul li a:hover {
		background: url(./btn1-m.png) no-repeat center center;
		background-size: cover;
		overflow: hidden;
	}

	.banner .down-btn ul li:nth-of-type(2) a:hover {
		background: url(./btn2-m.png) no-repeat center center;
		background-size: cover;
		overflow: hidden;
	}

	.down-btn {
		width: 96%;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}

	.slie {
		/*margin-top: -0.47rem*/
	}

	.slie1 {
		width: 100%;
		background: url(./bg11.jpg) no-repeat 100% 100%;
		background-size:  cover;
		height: 44.3rem;
		padding-top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slie1 .slie1-main {
		width: 100%;
		height: 43.1rem;
		padding-bottom: 0;
		margin: auto;
		background: url(./title9.png) no-repeat center center;
		background-size: 100%;
		overflow: hidden;
		margin-top:0;
		margin: 0;
	}

	.slie1 .clu-title {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
	}

	.slie1 .clu-title .t1 {
		width: 20rem;
		height: 3rem;
		margin: auto;
		margin-bottom: 0;
	}

	.slie1 .s1-main {
		width: 100%;
		margin: auto;
	}

	.slie1 .s1-main p {
		text-align: justify;
		font-size: 0.8rem;
		color: #fff;
		line-height: 1.3rem;
		width: 23rem;
		margin: 0 auto;
	}

	.slie1 .s1-main p span {
		color: #ffca29;
		font-size: 0.9rem;
	}

	/*.slie1 .details {*/
	/*	margin-top: -3.3rem;*/
	/*	margin-left: 5.7rem;*/
	/*}*/

	.slie1 .details a {
		font-size: 0.8rem;
		text-align: center;
		background: url(./btn-url.png) no-repeat 100% 100%;
		width: 7.3rem;
		height: 2.23rem;
		line-height: 2.23rem;
		display: block;
		background-size: 100%;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 11rem;
	}

	.slie1 .slie1-main .slie1-main-cont {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding: 0.5rem 0.5rem;
	}

	.slie1 .slie1-main .slie1-main-cont img {
		width: 82%;
	}

	.slie1 .slie1-main .slie1-cont {
		margin-top: 1rem;
		width: 86%;
		margin: 0 auto;
	}

	.slie2 {
		width: 100%;
		height: 19.87rem;
		padding-top: 0;
		padding-bottom: 0;
		background: url(./bg12.jpg) no-repeat 100% 100%;
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slie2 .slie2-main {
		width: 100%;
		height: 16rem;
		margin: auto;
		margin-top: 0rem;
	}

	/* .slie2 .clu-title {padding-top: 2.4rem;} */
	.slie2 .clu-title .t2 {
		width: 19rem;
		height: 3rem;
		margin: auto;
		margin-bottom: -2.6rem;
		position: relative;
		top: -1.75rem;
		background: url(./title2-m.png) no-repeat;
		background-size: contain;
	}

	.slie2 .s2-main {
		width: 100%;
		height: 18.27rem;
		margin: auto;
		margin-top: 0;
		text-align: center;
		padding-top: 0;
		background: url(./title10.png) no-repeat 100% 100%;
		background-size: 100% 100%;
		top:0;
	}

	.slie2 .s2-main img {
		width: 88%;
	}

	.slie3 {
		width: 100%;
		height: 45.6rem;
		background: url(./bg13.jpg) no-repeat center center;
		background-size: 100% 100%;
		padding-top: 0
		display: flex;
		justify-content: center;
		align-items: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slie3 .slie3-main {
		width: 100%;
		margin: auto;
		padding: 0;
		/* height: 39rem; */
	}

	.slie3 .clu-title {
		padding-top: 0.5rem;
		padding-bottom: 0.2rem;
	}

	.slie3 .clu-title .t3 {
		width: 10em;
		height: 3rem;
		margin: auto;
		background: url(./title3-m.png) no-repeat;
		background-size: contain
	}

	.slie3 .s3-tlt {
		width: 100%;
		height: 44rem;
		font-size: 1rem;
		color: #747474;
		text-align: left;
		margin: 0 auto;
		background: url(./title11.png) no-repeat 100% 100%;
		background-size: 100% 100%;
	}

	.slie3 .p-t {
		display: block;
		color: #fdd374;
		font-size: 0.6rem;
		margin: 0 auto;
		padding: 0;
		width: 22rem;
		border-radius: 8px;
		margin-top: 0.7rem;
	}

	.slie3 .slie3-main .s3-main-g {
		border: 2px dashed #000;
		height: 100%;
		border-radius: 20px;
	}

	.slie3 .p-t img {
		width: 3.5rem;
		float: left;
	}

	/* .slie3 .s3-tlt div {padding-top: 1.9rem;} */
	.slie3 .s3-tlt .s3-tlt-cont {
		width: 100%;
		text-align: left;
		margin-bottom: 1rem;
	}

	.slie3 .s3-tlt .s3-tlt-cont .s3-tlt-l {
		width: 5rem;
		display: inline-block;
		vertical-align: top;
		margin-top: 1rem;
	}

	.slie3 .s3-tlt .s3-tlt-cont .s3-tlt-r {
		display: inline-block;
	}

	.slie3 .s3-tlt .img-d {
		float: left;
		width: 4.5rem;
		height: 4rem;
		margin-right: 0;
		padding-left: 0.5rem
	}

	.slie3 .clu-title .p-t {
		margin: auto;
		display: block;
		width: 94%;
		color: #666666;
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
		padding-top: 0.5rem;
		text-align: left;
	}

	.slie3 .clu-title .p-t span {
		font-size: 0.8rem;
		color: #394f0b;
		font-weight: bold;
	}

	.slie3 .p-f-t {
		padding: 0.3rem 0.8rem;
		background: #3689df;
		font-size: 0.8rem;
		color: #fff;
		border-radius: 45px;
	}

	.slie3 .s3-tlt .p-t span {
		color: #666666;
		font-size: 0.8rem;
		text-align: left;
		display: block;
		height: 4.3rem;
		padding-top: 0.35rem;
		width: 22rem;
		padding-left: 0.2rem;
	}

	.slie3 .s3-s-c {
		color: #fd110b;
	}

	.slie3 .slie3-main .slie3-main-tlt {
		width: 100%;
		margin: 0 auto;
		padding-top: 1rem;
	}

	.slie3 .slie3-main .slie3-main-tlt .p-t {
		font-size: 0.8rem;
		color: #f7c8f9;
		text-align: left;
		padding: 1rem;
		border-radius: 5px;
	}

	.slie3 .slie3-main .s3-main-t {
		font-size: 1rem;
		margin-left: 0;
		width: 40%;
		height: 2.2rem;
		line-height: 2rem;
		color: #347594;
		margin-left: 0.65rem;
	}

	.slie3 .slie3-main .p-tlt {
		font-size: 0.8rem;
		text-align: justify;
		width: 90%;
		margin: auto;
		color: #666666;
		margin-bottom: 0.4rem;
	}

	.slie3 .slie3-main .p-tlt span {
		color: #5ca9cd;
	}

	.slie3 .slie3-main .s3-main-t img {
		width: 7rem;
		height: auto;
	}

	.slie3 .slie3-main .gd {
		width: 100%;
		margin: auto;
		display: block;
		height: 27rem;
		padding: 0;
	}

	.slie3 .slie3-main .gd .gd-list {
		width: 100%;
		height: auto;
		flex: none;
		margin: 0 auto;
	}

	.slie3 .slie3-main .gd .gd-list>img {
		width: 50%;
		height: auto;
		margin: auto;
		display: block;
	}

	.slie3 .down-btn {
		margin-top: 1.5rem;
	}

	.slie4 {
		width: 100%;
		overflow: hidden;
		height: 42.27rem;
		background: url(./bg14.jpg) no-repeat center center;
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slie4 .slie4-main {
		width: 100%;
		padding-bottom: 0;
		margin: 0 auto;
	}

	.slie4 .clu-title {
		padding-bottom: 0;
		margin-top: 0;
		padding-top: 0;
	}

	.slie4 .clu-title .t4 {
		width: 19rem;
		height: 3rem;
		margin: auto;
		background: url(./title4-m.png) no-repeat;
		background-size: 100% 100%;
		top: 0;
		margin-bottom: 0.5rem;
	}

	/* .slie4 .slie4-main .img{margin: 1rem auto;} */
	.slie4 .new-cont {
		width: 100%;
		text-align: center;
		background: url(./title12.png) no-repeat 100% 100%;
		background-size: 100% 100%;
		height: 40.67rem;
	}

	.slie4 .new-cont img {
		margin-bottom: 20px;
		width: 86%;
		margin: 0 auto;
		margin-bottom: 1.5rem;
	}

	.slide {
		width: 90%;
		min-height: 27rem;
		position: relative;
		margin: auto;
	}

	.slide .img {
		position: absolute;
		-webkit-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
		-moz-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
		-ms-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
		transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
		margin: 0.5rem auto;
	}

	.slide .img img {
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		margin: 7px;
	}

	.slide .img1 {
		width: 30%;
		height: 50%;
		top: 20%;
		left: -20%;
		z-index: 1;
	}

	.slide .img2 {
		width: 52%;
		height: 70%;
		top: 18%;
		left: 0%;
		z-index: 2;
	}

	.slide .img3 {
		width: 69%;
		height: 100%;
		top: 8%;
		left: 16%;
		z-index: 3;
	}

	.slide .img4 {
		left: 48%;
		z-index: 2;
		width: 52%;
		height: 70%;
		top: 18%;
	}

	.slide .img5 {
		width: 30%;
		height: 50%;
		top: 20%;
		left: 110%;
		z-index: 1;
	}

	.slide-bt {
		display: none;
		position: absolute;
		left: 53%;
		bottom: 1rem;
		z-index: 10;
	}

	.slide-bt span {
		margin: 5px;
		float: left;
		width: 16px;
		height: 16px;
		background: #808080;
		border-radius: 50%;
		cursor: pointer;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	}

	.slide .slide-bt .on {
		background: #699e60;
	}

	.slie5 {
		width: 100%;
		height: 33.6rem;
		margin: auto;
		background: url(./bg15.jpg) no-repeat center center;
		background-size: 100% 100%;
		padding-top: 0;
		margin-top: -0.1rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slie5 .slie5-main {
		width: 100%;
		margin: auto;
		height: 32rem;
		/* margin-bottom: 0.8rem; */
		/* margin-top: 0.8rem; */
		background: url(./title13.png) no-repeat;
		background-size: 100% 100%;
	}

	.slie5 .clu-title {
		/* padding-top: 1rem; */
		margin-bottom: 0.5rem;
	}

	.slie5 .clu-title .t5 {
		width: 19rem;
		height: 3rem;
		margin: auto;
	}

	.slie5 .new-cont {
		width: 100%;
		height: 27rem;
	}

	.slie5 .new-title {
		width: 100%;
		font-size: 1.4rem;
		color: #e1943a;
		text-align: center;
		margin: 0 auto;
		padding-top: 1rem;
		margin-bottom: 0;
	}

	.slie5 .new-list .new-text2 p {
		margin-bottom: 1rem;
	}

	.slie5 .new-list {
		width: 100%;
		margin: auto;
		margin-top: 0;
		padding-top: 0;
		text-align: center;
	}

	.slie5 .new-list p {
		position: relative;
		top: 3.5rem;
		font-size: 1.5rem;
		color: #fff;
		font-weight: bold;
	}

	.slie5 .new-list img {
		width: 90%;
	}

	.slie5 .new-list .new-text1 {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.slie5 .new-list .new-text1 .new-text-l {
		width: 4rem;
		height: 4rem;
		display: inline-block;
		background: #9acee6;
		padding: 5px;
		border-radius: 5px;
	}

	.slie5 .new-list .new-text1 .new-text-l img {
		width: 100%;
		height: auto;
		margin-bottom: 0;
		border: none;
	}

	.slie5 .new-list .new-text1 .new-text-r {
		width: 11rem;
		height: 5rem;
		display: inline-block;
		font-size: 1rem;
		color: #9acee6;
	}

	.slie5 .new-list .new-text2 {
		width: 100%;
		float: none;
		margin-top: 0.1rem;
		margin-left: 0;
	}

	.slie5 .new-list .new-text2 .new-text2-cont {
		margin-bottom: 0.5rem;
	}

	.slie5 .new-list .new-text2 .new-text-l {
		width: 1.8rem;
		height: 2rem;
		display: inline-block;
		vertical-align: top;
		margin-top: 0.5rem;
	}

	.slie5 .new-list .new-text2 .new-text-l img {
		width: 100%;
	}

	.slie5 .new-list .new-text2 .new-text-r {
		width: 19.7rem;
		display: inline-block;
		margin-left: 0.5rem;
		text-align: left;
	}

	.slie5 .new-list .new-text2 .p4 {
		font-size: 1rem;
		color: #9acee6;
	}

	.slie5 .new-list .new-text2 .p5 {
		font-size: 0.8rem;
		color: #fff;
		margin-left: 0;
		width: 100%;
	}

	/*=== footer 样式  ===*/
	.ptop {
		width: 100%;
		height: 18.67rem;
		padding-top: 0.5rem;
		padding-bottom: 0;
		margin-top: -0.122rem;
		background: url(./bg16.jpg) no-repeat center center;
		background-size: 100% 100%;
		padding-top: 0;
		margin-top: -0.1rem;
		display: flex;
		align-content: flex-start;
		flex-wrap: wrap;
	}

	.ptop .ptop-main {
		width: 100%;
		height: 14.67rem;
		background: url(./title14.png) no-repeat;
		background-size: 100% 100%;
		top: 1rem;
	}

	.ptop .clu-title {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.ptop img {
		width: 86%;
		margin: auto;
		display: block;
		margin-top: 0;
		padding-top: 0;
	}

	.ptop .t6 {
		width: 12rem;
		height: 3rem;
		margin: auto;
	}

	.ptop .clu-bd .copmay {
		width: 101%;
		height: 8rem;
		margin: auto;
		margin-top: -1rem;
		padding-top: 0.5rem;
	}

	.ptop .clu-bd {
		width: 100%;
		height: 11rem;
	}

	.footer {
		padding: 0.66rem 0;
		position: fixed;
		bottom: 0px;
		left: 0;
		z-index: 10000;
	}

	.footer-top {
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 100%;
		border-bottom: 1px solid #999;
		overflow: hidden;
	}

	.footer-nav {
		margin: 0 auto;
		float: none !important;
		width: 80%;
	}

	.footer-nav ul {
		padding-top: 0;
		text-align: center;
	}

	.footer-nav ul li {
		float: none;
		display: inline-block;
	}

	.footer-nav ul li a {
		font-size: 0.53rem;
	;
	}

	.footer-copy p {
		font-size: 14px;
	}

	/*底部按钮*/
	.fixedBtn {
		width: 100%;
	}

	.fixedBtn-inner {
		padding: 0.42rem 0.2rem 0 0.2rem;
		position: fixed;
		bottom: 39px;
		left: 0;
		z-index: 10000;
		width: 100%;
		background: rgba(0, 0, 0, .5);
	}

	/*.fixedBtn-inner .pull-left {*/
	/*	font-size: 0.9rem;*/
	/*	color: #fff;*/
	/*	display: block;*/
	/*	width: 12.066666rem;*/
	/*	height: 2.8rem;*/
	/*	background: url(./btn1-1.png) no-repeat center center;*/
	/*	background-size: contain;*/
	/*	overflow: hidden;*/
	/*	text-align: center;*/
	/*	line-height: 2.7rem;*/
	/*	font-family: Noto Sans-Bold;*/
	/*	font-weight: bold;*/
	/*	!* text-shadow: 0px 2px 0px rgba(168, 77, 77, 0.25); *!*/
	/*}*/

	#m-pull-left {
		font-size: 0.9rem;
		color: #fff;
		display: block;
		width: 12.066666rem;
		height: 2.8rem;
		background: url(./btn1-1.png) no-repeat center center;
		background-size: contain;
		overflow: hidden;
		text-align: center;
		line-height: 2.7rem;
		font-family: Noto Sans-Bold;
		font-weight: bold;
		/* text-shadow: 0px 2px 0px rgba(168, 77, 77, 0.25); */
	}

	#m-pull-left-isLogin {
		font-size: 0.9rem;
		color: #fff;
		display: block;
		width: 12.066666rem;
		height: 2.8rem;
		background: url(./btn1-3.png) no-repeat center center;
		background-size: contain;
		overflow: hidden;
		text-align: center;
		line-height: 2.7rem;
		font-family: Noto Sans-Bold;
		font-weight: bold;
		/* text-shadow: 0px 2px 0px rgba(168, 77, 77, 0.25); */
	}

	.fixedBtn-inner .pull-right {
		font-size: 0.9rem;
		color: #fff;
		display: block;
		width: 12.066666rem;
		height: 2.8rem;
		background: url(./btn1-2.png) no-repeat center center;
		background-size: contain;
		overflow: hidden;
		text-align: center;
		line-height: 2.7rem;
		font-family: Noto Sans-Bold;
		font-weight: bold;
		/* text-shadow: 0px 2px 0px rgba(168, 77, 77, 0.25); */
	}

	/*==== 弹窗 ====*/
	.modal {
		top: 10%;
	}

	.aside-form-con {
		padding-top: 0.5rem;
		width: 100%;
	}

	.aside-btn a {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}

	#modal-2 .modal-title {
		font-size: 1rem;
	}

	#modal-2 .close {
		font-size: 2rem;
	}

	#modal-2 .modal-header {
		padding: 0.5rem;
	}

	#modal-2 .modal-body {
		padding: 0.5rem 0 0.5rem 0.5rem;
	}

	.activeWrap {
		padding: 0 0.5rem 0 0;
		height: 20rem;
	}

	.activeCon {
		padding-right: 0.5rem;
	}

	.activeCon p {
		line-height: 1.5;
		margin-bottom: 0.5rem;
		font-size: 0.8rem;
	}

	.activeCon p span {
		color: #665db6;
	}

	.activeCon h3 {
		margin-bottom: 0.5rem;
		font-size: 1rem;
	}

	.activeCon h4 {
		margin-bottom: 0.5rem;
		font-size: 0.8rem;
	}

	.mb10 {
		margin-bottom: 0.5rem !important;
	}

	.modalTips a {
		padding: 0.2rem 0.46rem;
		font-size: 0.8rem;
	}

	.modalTips p {
		font-size: 0.8rem;
	}

	.hidden-pc {
		display: none !important;
	}

	.hidden-m {
		display: block !important;
	}
}

@media screen and (max-width: 320px) {
	.slie2 .sbz .btns {
		font-size: 0.6rem;
	}

	.slie3 .s3-tlt {
		font-size: 0.8rem;
	}

	.slie3 .slie3-main .gd .gd-list>img {
		width: 40%;
	}

	.slie5 .new-list .new-text2 .new-text2-cont {
		margin-bottom: 0;
	}

	.slie5 .new-list .new-text2 {
		margin-top: 0;
	}
}

#qrcode {
	display: block;
	margin: 12.3% 6% auto;
}

#mqrcode {
	display: block;
	margin: -1rem 0rem 0 9rem;
}