@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling : touch;
}
body{
	background: #f5f5f5;
}
/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
a:focus,
a:hover{
	outline: none;
	text-decoration: none;
}
input{
	outline: none;
}
em, i {
    font-style: normal;
}
ul,li{
    list-style-type: none;
}
ul, ol {
    list-style: none;
}

.text-indent,.text-indent p,
.text-indent div{text-indent:2em;}
.text-large{font-size:24px;}
.text-big{font-size:16px;}
.text-default{font-size:14px;}
.text-small{font-size:12px;}
.text-little{font-size:10px;}

.height-large{line-height:40px;}
.height-big{line-height:30px;}
.height{line-height:24px;}
.height-small{line-height:20px;}
.height-little{line-height:16px;}

.border-none{ border:0;}
.border-none-top{ border-top:0;}
.border-none-right{ border-right:0;}
.border-none-bottom{ border-bottom:0;}
.border-none-left{ border-left:0;}
.border{border:solid 1px #ddd;}
.border-top{border-top:solid 1px #ddd;}
.border-right{border-right:solid 1px #ddd;}
.border-bottom{border-bottom:solid 1px #ddd;}
.border-left{border-left:solid 1px #ddd;}
.border-left-right{border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.border-top-bottom{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.border-large{border-width:10px;}
.border-big{border-width:5px;}
.border-middle{border-width:3px;}
.border-small{border-width:2px;}

.padding-none{ padding:0;}
.padding-none-top{ padding-top:0;}
.padding-none-right{ padding-right:0;}
.padding-none-bottom{ padding-bottom:0;}
.padding-none-left{ padding-left:0;}
.padding-large{padding:30px;}
.padding-large-top{padding-top:30px;}
.padding-large-right{padding-right:30px;}
.padding-large-bottom{padding-bottom:30px;}
.padding-large-left{padding-left:30px;}
.padding-big{padding:20px;}
.padding-big-top{padding-top:20px;}
.padding-big-right{padding-right:20px;}
.padding-big-bottom{padding-bottom:20px;}
.padding-big-left{padding-left:20px;}
.padding{padding:10px;}
.padding-top{padding-top:10px;}
.padding-right{padding-right:10px;}
.padding-bottom{padding-bottom:10px;}
.padding-left{padding-left:10px;}
.padding-small{padding:5px;}
.padding-small-top{padding-top:5px;}
.padding-small-right{padding-right:5px;}
.padding-small-bottom{padding-bottom:5px;}
.padding-small-left{padding-left:5px;}
.padding-little{padding:2px;}
.padding-little-top{padding-top:2px;}
.padding-little-right{padding-right:2px;}
.padding-little-bottom{padding-bottom:2px;}
.padding-little-left{padding-left:2px;}

.margin-none{ margin:0;}
.margin-none-top{ margin-top:0;}
.margin-none-right{ margin-right:0;}
.margin-none-bottom{ margin-bottom:0;}
.margin-none-left{ margin-left:0;}
.margin-large{margin:30px;}
.margin-large-top{margin-top:30px;}
.margin-large-right{margin-right:30px;}
.margin-large-bottom{margin-bottom:30px;}
.margin-large-left{margin-left:30px;}
.margin-big{margin:20px;}
.margin-big-top{margin-top:20px;}
.margin-big-right{margin-right:20px;}
.margin-big-bottom{margin-bottom:20px;}
.margin-big-left{margin-left:20px;}
.margin{margin:10px !important;clear:both;}
.margin-top{margin-top:10px;}
.margin-right{margin-right:10px;}
.margin-bottom{margin-bottom:10px;}
.margin-left{margin-left:10px;}
.margin-small{margin:5px;}
.margin-small-top{margin-top:5px;}
.margin-small-right{margin-right:5px;}
.margin-small-bottom{margin-bottom:5px;}
.margin-small-left{margin-left:5px;}
.margin-little{margin:2px;}
.margin-little-top{margin-top:2px;}
.margin-little-right{margin-right:2px;}
.margin-little-bottom{margin-bottom:2px;}
.margin-little-left{margin-left:2px;}

.radius-none{border-radius:0;}
.radius-small{border-radius:2px;}
.radius{border-radius:4px;}
.radius-big{border-radius:6px;}
.radius-rounded{border-radius:2em;padding-left:1em;padding-right:1em;}
.radius-circle{border-radius:50%;}

.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;}


/*======================== 内容样式开始  ========================*/
.main,.footer{
	width: 100%;
}
.margin-big-bottom{margin-bottom:0.8rem;}
.padding-big-top{padding-top: 0.6rem;}
.padding-big-bottom{padding-bottom: 0.6rem;}

.myModal{
	width: 100%;
}
.myModal-backdrop{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.myModal-dialog{
	margin-top: -50%;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1100;
	width: 100%;
	height: 100%;
}
.myModal-content{
	width: 100%;
}
.myModal-body{
	padding: 1.2rem 0;
}
.signIn-tips{
	margin: 0 auto;
	width: 16.866666rem;
	background: #fff;
	border-radius: 0.333333rem;
	overflow: hidden;
	padding-bottom: 1rem;
}
.signIn-tips .fx-tishi{font-size: 0.8rem;text-align: center;line-height: 1.6rem;display: none;}
.signIn-tips-img{
	position: relative;
	height: 13.233333rem;
	background: url(../images/tips-bg-c.jpg) no-repeat top center;
	background-size: cover;
	overflow: hidden;
}
.signIn-tips-text{
	position: absolute;
	bottom: 1.5rem;
	left: 0;
	width: 100%;
	text-align: center;
}
.signIn-tips-text h3{
	margin-bottom: 0.3rem;
	color: #3160d2;
}
.signIn-tips-text p{
	color: #fff;
}
.signInBf h3{
	font-size: 1.6rem;
	font-weight: 600;
}
.signInBf p{
	font-size: 0.8rem;
	color: #333;
}
.signInAf h3{
	font-size: 1rem;
}
.signInAf p{
	font-size: 0.8rem;
	color: #333;
}
.suc-inner{
	height: 14.233333rem;
	border-bottom: 1px solid #ddd;
}
.suc-info{
	padding-top: 2.066666rem;
	margin: 0 auto;
	width: 12.066666rem;
}
.suc-info p{
	font-size: 0.8rem;
	color: #999;
}
.suc-tips{
	margin-bottom: 0.6rem;
	width: 100%;
}
.suc-tips i{
	margin: 0 auto 1.2rem;
	display: block;
	width: 4.933333rem;
	height: 4.9rem;
	background: url(../images/succ.png) no-repeat;
	background-size: 4.933333rem 4.9rem;
	overflow: hidden;
}
.suc-tips h3{
	text-align: center;
	font-size: 1rem;
	color: #000;
}
.signIn-tips-active{
	padding:1rem 0.8rem;
	display: block;
}
.signIn-tips-fx{
	width: 90%;
	height: 2.5rem;	
	background: #3160d2;
	border-radius: 5px;	    
    margin: 0 auto;
    text-align: center;
    display: none;
}
.signIn-tips-fx a{
	line-height: 2.5rem;
	font-size: 0.8rem;
	color: #fff;
	display: block;	
}
.myModal-btn{
	width: 100%;
}
.aclose{
	margin: 0 auto;
	display: block;
	width: 2.166666rem;
	height: 2.166666rem;
	line-height: 1.833333rem;
	font-size: 1.2rem;
	text-align: center;
	color: #f5f5f5;
	border: 0.166666rem solid #f5f5f5;
	border-radius: 50%;
	overflow: hidden;
}