body {color: #333;overflow-x: hidden;background-color: #fff;}

/** 载入网页字体 **/
@font-face {
	font-family: 'YouSheBiaoTiHei';
	src: url('../font/YouSheBiaoTiHei-2.ttf');
	font-style: normal;
}

/** 设置清除浮动的元素 **/
.fl{float:left;}
.fr{float:right;}
ul:after,
dl:after,
ol:after,
.clearfix:after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}

/* layout */
.container {max-width: 1200px;margin: 0 auto;}
.padding-60-auto {padding-top: 60px;padding-bottom: 60px;}
.padding-60-auto-90 {padding-top: 60px;padding-bottom: 90px;}
.padding-70-auto-80 {padding-top: 70px;padding-bottom: 80px;}
.padding-70-auto-160 {padding-top: 70px;padding-bottom: 160px;}
.padding-b-60 {padding-bottom: 60px;}

.visible-xs,
.hidden {display: none;}

/* color */
.bg-blue {background-color: #f1f7ff;}

/* icon */
.icon {display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.icon-aicloud-fill {background-image: url(../image/aicloud_fill.png);}
.icon-book-fill {background-image: url(../image/book_fill.png);}
.icon-calendar-fill {background-image: url(../image/calendar_fill.png);}
.icon-notes-fill {background-image: url(../image/notes_fill.png);}
.icon-openbook-fill {background-image: url(../image/openbook_fill.png);}
.icon-trophy-fill {background-image: url(../image/trophy_fill.png);}

.icon-amera {background-image: url(../image/amera.png);}
.icon-face {background-image: url(../image/face.png);}
.icon-nopasting {background-image: url(../image/nopasting.png);}
.icon-optionsupset {background-image: url(../image/optionsupset.png);}
.icon-prohibit {background-image: url(../image/prohibit.png);}
.icon-random {background-image: url(../image/random.png);}
.icon-timeout {background-image: url(../image/timeout.png);}
.icon-topicupset {background-image: url(../image/topicupset.png);}
.icon-verification {background-image: url(../image/verification.png);}

.icon-courseware-bg {background-image: url(../image/courseware_bg.png);}
.icon-live-bg {background-image: url(../image/live_bg.png);}
.icon-protect-bg {background-image: url(../image/protect_bg.png);}
.icon-report-bg {background-image: url(../image/report_bg.png);}
.icon-study-bg {background-image: url(../image/study_bg.png);}
.icon-terminal-bg {background-image: url(../image/terminal_bg.png);}

.icon-camera-blue {background-image: url(../image/camera_blue.png);}
.icon-control-blue {background-image: url(../image/control_blue.png);}
.icon-face-blue {background-image: url(../image/face_blue.png);}
.icon-max-blue {background-image: url(../image/max_blue.png);}
.icon-pop-blue {background-image: url(../image/pop_blue.png);}
.icon-unlock-blue {background-image: url(../image/unlock_blue.png);}
.icon-verification-blue {background-image: url(../image/verification_blue.png);}

.icon-enter {background-image: url(../image/enter.png);}

/* btn */
.btn {display: inline-block;text-align: center;background-repeat: no-repeat;background-position: center;background-size: cover;}
.btn-primary {color: #fff;background-color: #3890fa;}

/* btn-easing */
.btn-easing {position: relative;transition: all .6s;overflow: hidden;}
.btn-easing span {position: relative;z-index: 2;display: inline-block;}
.btn-easing:hover {color: #fff!important;border-color: #ab8e62!important;}
.btn-easing:hover .iconfont {color: #fff!important;}
.btn-easing:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;
	background:#3890fa;
	background:-moz-linear-gradient(left, #49fac9, #3890fa);
	background:-webkit-gradient(linear, left top, right bottom, from(#49fac9), to(#3890fa));
	background:-o-linear-gradient(left, #49fac9, #3890fa);
	-moz-transition:-moz-transform .6s cubic-bezier(.8,0,.2,1);-o-transition:-o-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition-delay:0s;transition:transform .6s cubic-bezier(.8,0,.2,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-webkit-transform:scale(0,1);transform:scale(0,1);-moz-transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top}
.btn-easing:hover:before{-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}

/* 展开按钮 */
.btn-expand-toggle{position:relative;width:30px;height:40px;cursor:pointer}
.btn-expand-toggle span{display:block;position:absolute;top:50%;left:27%;width:46%;height:2px;background-color: #3890fa;animation-duration:.5s;animation-fill-mode:both}
.btn-expand-toggle span:first-child{transform:translateY(6px) rotate(0)}
.btn-expand-toggle span:last-child{transform:translateY(-6px) rotate(0)}
.btn-expand-toggle.active span:nth-child(1){animation-name:activefirst}
.btn-expand-toggle.active span:nth-child(2){animation-name:activesecond}
.btn-expand-toggle.active span:nth-child(3){animation-name:activethird}
.btn-expand-toggle.cancel span:nth-child(1){animation-name:cancelfirst}
.btn-expand-toggle.cancel span:nth-child(2){animation-name:cancelsecond}
.btn-expand-toggle.cancel span:nth-child(3){animation-name:cancelthird}
@keyframes activefirst{0%{transform:translateY(6px) rotate(0)}100%{transform:translateY(0) rotate(45deg)}}
@keyframes activesecond{0%{opacity:1}100%{opacity:0}}
@keyframes activethird{0%{transform:translateY(-6px) rotate(0)}100%{transform:translateY(0) rotate(-45deg)}}
@keyframes cancelfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-6px) rotate(0)}}
@keyframes cancelsecond{0%{opacity:0}100%{opacity:1}}
@keyframes cancelthird{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(6px) rotate(0)}}

/* title */
.title-first {margin-bottom: 34px;text-align: center;}
.title-first .title {font-size: 28px;line-height: 54px;color: #333;font-weight: bolder;}

.title-second {margin-bottom: 34px;text-align: center;}
.title-second .title h3 {display: inline-block;position: relative;padding: 0 7px;font-size: 26px;line-height: 40px;}
.title-second .title h3 span {position: relative;z-index: 2;}
.title-second .title h3::before {content: '';display: block;position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 11px;background-color: #73b1fb;border-radius: 11px;}
.title-second .title h4 {font-size: 16px;line-height: 32px;color: #666;}

/* thumbnail */
.thumbnail .content {height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.thumbnail.contain .content {background-size: contain;}

/* 背景渐变 */
.gradient-black {
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);/*IE8*/
    background:#737374;
    background:-moz-linear-gradient(top, #000, #737374);
    background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#737374));
    background:-o-linear-gradient(top, #000, #737374);
}

/* 垂直居中 */
.middle-box{display: table;margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}
.middle-box.text-left .middle-inner {text-align: left;}

/* swiper */
.swiper-primary {font-size: 0;line-height: 0;}
.swiper-primary.swiper .swiper-pagination {bottom: 27px;}
.swiper-primary.swiper .swiper-pagination-bullet {width: 31px;height: 7px;margin: 0 8px;background-color: #d4d4d4;border-radius: 7px;opacity: 1;}
.swiper-primary.swiper .swiper-pagination-bullet-active {background-color: #a9a9a9;}

/**
 * ***** header *****
 */
.header {position: fixed;top: 0;left: 0;z-index: 100;width: 100%;padding: 15px 0;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.header .container {position: relative;}
.header .logo {float: left;height: 50px;}
.header .logo img {height: 100%;}
.header .header-enter {float: right;width: 145px;height: 50px;font-size: 16px;line-height: 50px;border-radius: 50px;}

@media (min-width: 1600px) {
	.header .logo {position: absolute;top: 0;left: -197px;z-index: 2;}
	.header .container .header-enter {position: absolute;top: 0;right: -145px;z-index: 2;}
}

.header #menu {margin-right: 36px;}
.header #menu li {float: left;}
.header #menu li a {padding: 0 36px;font-size: 16px;line-height: 50px;color: #666;}
.header #menu li h3 {position: relative;}
.header #menu li h3::before,
.header #menu li h3::after {content: '';display: block;position: absolute;bottom: 4px;width: 0;height: 4px;background-color: #3890fa;overflow: hidden;transition: all .3s;}
.header #menu li h3::before {right: 50%;}
.header #menu li h3::after {left: 50%;}
.header #menu .active h3::before,
.header #menu li:hover h3::before,
.header #menu .active h3::after,
.header #menu li:hover h3::after {width: 50%;}

/**
 * ***** main *****
 */
.main {margin-top: 0;}

/* banner */
.banner img {width: 100%;}

.section-primary .section-img img {display: block;margin: 0 auto;}
.section-primary .section-text {padding-left: 50px;}

/* list */
/* list-card-type1 */
.list-card-type1 .item {position: relative;height: 186px;padding: 30px 15px 30px 140px;background-color: #f6faff;border-radius: 15px;}
.list-card-type1 .icon {position: absolute;top: 30px;left: 0;width: 140px;height: 100%;background-repeat: no-repeat;background-position: center top;background-size: auto;}
.list-card-type1 .title {position: relative;font-size: 22px;line-height: 40px;font-weight: bolder;transition: .3s;}
.list-card-type1 .title::before {content: '';display: block;position: absolute;top: 18px;left: 0;width: 0;height: 4px;background-color: #3890fa;transition: .3s;}
.list-card-type1 .content {margin-top: 20px;font-size: 16px;line-height: 36px;}
.list-card-type1 .item:hover {background: #f6faff url(../image/bg_hover1.png) no-repeat;background-size: cover;}
.list-card-type1 .item:hover .title {padding-left: 50px;color: #3890fa;}
.list-card-type1 .item:hover .title::before {width: 30px;}
.spacing-30 .list-card-type1 .item {margin-top: 60px;}
.spacing-30 .list-card-type1 .col-sm-6:nth-child(1) .item {margin-top: 0;}

@media (min-width: 769px) {
	.spacing-30 .list-card-type1 .col-sm-6:nth-child(2) .item {margin-top: 0;}
}

/* list-card-type2 */
.list-card-type2 {margin: 10px 0;padding: 0 10px;}
.list-card-type2 .item {height: 212px;padding: 38px 10px 10px;background-color: rgba(255, 255, 255, .8);border-radius: 10px;text-align: center;}
.list-card-type2 .icon {display: block;width: 100%;height: 74px;background-repeat: no-repeat;background-position: center top;background-size: contain;}
.list-card-type2 .title {margin-top: 18px;font-size: 20px;line-height: 34px;font-weight: bolder;transition: .3s;}
.list-card-type2 .content {font-size: 14px;line-height: 26px;color: #666;}
.list-card-type2 .item:hover {box-shadow: 0 0 10px rgba(0,0,0,.2);}
.list-card-type2 .item:hover .title {color: #3890fa;}
.spacing-15 .list-card-type2 .item {margin-top: 30px;}
.spacing-15 .list-card-type2 .col-sm-4:nth-child(1) .item {margin-top: 0;}

@media (min-width: 769px) {
	.spacing-15 .list-card-type2 .col-sm-4:nth-child(2) .item,
	.spacing-15 .list-card-type2 .col-sm-4:nth-child(3) .item {margin-top: 0;}
}

/* list-card-type3 */
.list-card-type3 {margin: 10px 0;padding: 0 10px;}
.list-card-type3 .item {position: relative;height: 150px;padding: 30px 30px 0 122px;border: 1px solid #d4d4d4;border-radius: 10px;}
.list-card-type3 .icon {position: absolute;top: 30px;left: 0;width: 122px;height: 100%;background-repeat: no-repeat;background-position: center top;background-size: auto;}
.list-card-type3 .title {font-size: 22px;line-height: 26px;font-weight: bolder;}
.list-card-type3 .content {margin-top: 10px;font-size: 18px;line-height: 30px;}
.list-card-type3 .item:hover {box-shadow: 0 0 10px rgba(0,0,0,.2);}
.spacing-15 .list-card-type3 .item {margin-top: 30px;}
.spacing-15 .list-card-type3 .col-sm-4:nth-child(1) .item {margin-top: 0;}

@media (min-width: 769px) {
	.spacing-15 .list-card-type3 .col-sm-4:nth-child(2) .item,
	.spacing-15 .list-card-type3 .col-sm-4:nth-child(3) .item {margin-top: 0;}
}

/* list-card-type4 */
.list-card-type4 {margin: 10px 0;padding: 0 10px;display: flex;flex-wrap: wrap;justify-content: center;}
.list-card-type4 .item {height: 140px;padding-top: 26px;text-align: center;background-color: #fff;border-radius: 10px;}
.list-card-type4 .icon {display: block;height: 47px;background-repeat: no-repeat;background-position: center;background-size: auto;}
.list-card-type4 h3 {margin-top: 20px;font-size: 16px;line-height: 26px;}
.spacing-15 .list-card-type4 .item {margin-top: 30px;}
.spacing-15 .list-card-type4 .item:hover {box-shadow: 0 0 10px rgba(0,0,0,.2);}
.spacing-15 .list-card-type4 .col-sm-3:nth-child(1) .item {margin-top: 0;}

@media (min-width: 769px) {
	.spacing-15 .list-card-type4 .col-sm-3:nth-child(2) .item,
	.spacing-15 .list-card-type4 .col-sm-3:nth-child(3) .item,
	.spacing-15 .list-card-type4 .col-sm-3:nth-child(4) .item {margin-top: 0;}
}

/* list-card-type5 */
.list-card-type5 {margin: 10px 0;}
.list-card-type5 .item {text-align: center;}
.list-card-type5 .item img {display: block;margin: 0 auto;}
.list-card-type5 .content {margin-top: 25px;font-size: 20px;line-height: 30px;font-weight: bolder;}

/* list-partner */
.list-partner {margin: 10px 0;padding: 0 10px;}
.list-partner .item {height: 120px;padding: 20px;background-color: #fff;border-radius: 10px;}
.list-partner .item .content {height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;}
.spacing-25 .list-partner .item {margin-top: 30px;}
.spacing-25 .list-partner .item:hover {box-shadow: 0 0 10px rgba(0,0,0,.2);}
.spacing-25 .list-partner .col-sm-3:nth-child(1) .item {margin-top: 0;}

@media (min-width: 769px) {
	.spacing-25 .list-partner .col-sm-3:nth-child(2) .item,
	.spacing-25 .list-partner .col-sm-3:nth-child(3) .item,
	.spacing-25 .list-partner .col-sm-3:nth-child(4) .item {margin-top: 0;}
}

/* list-serial */
.list-serial li {margin-top: 46px;}
.list-serial li:first-child {margin-top: 0;}
.list-serial .title {font-size: 24px;line-height: 36px;}
.list-serial .title span {display: inline-block;position: relative;padding-left: 66px;}
.list-serial .title i {position: absolute;top: 0;left: 0;width: 48px;height: 36px;font-family: 'YouSheBiaoTiHei';font-size: 28px;line-height: 36px;color: #fff;text-align: center;background: url(../image/bg_serial.png) no-repeat;background-size: 100% 100%;}
.list-serial .content {margin-top: 10px;font-size: 14px;line-height: 26px;}

/* list-text */
.list-text {font-size: 20px;line-height: 32px;}
.list-text li {position: relative;margin-top: 15px;padding-left: 14px;}
.list-text li:first-child {margin-top: 0;}
.list-text li::before {content: '';display: block;position: absolute;top: 6px;left: 0;width: 4px;height: 20px;background-color: #f19716;border-radius: 4px;}

/**
 * ***** footer *****
 */
.footer {color: #fff;background-color: #011528;}
.footer-top {padding: 90px 0;border-bottom: 1px solid #1b2d3e;}
.footer-logo {display: block;}
.footer-nav h3 {font-size: 22px;line-height: 54px;}
.footer-nav ul {margin-top: 15px;}
.footer-nav a {font-size: 16px;line-height: 36px;color: rgba(255, 255, 255, .8);}
.footer-nav a:hover {color: #3890fa;}
.footer-bottom {padding: 20px 0;font-size: 16px;line-height: 42px;text-align: center;}

@media (max-width: 768px) {
	/**
	 * ***** common *****
	 */
	.visible-xs {display: block;}
	.hidden-xs {display: none;}
	
	/* layout */
	.container {width: 100%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
	.padding-60-auto,
	.padding-60-auto-90,
	.padding-70-auto-80,
	.padding-70-auto-160 {padding-top: 25px;padding-bottom: 25px;}
	
	/* title */
	.title-first {margin-bottom: 20px;}
	.title-first .title {font-size: 22px;line-height: 40px;}
	
	.title-second {margin-bottom: 20px;}
	.title-second .title h3 {font-size: 22px;line-height: 34px;}
	
	/* swiper */
	.swiper-primary.swiper .swiper-pagination {bottom: 10px;}
	.swiper-primary.swiper .swiper-pagination-bullet {width: 20px;height: 5px;}
	
	/**
	 * ***** header *****
	 */
	.header {left: auto;padding: 0;}
	.header .container {padding: 0;}
	.header .container .logo {height: 50px;padding: 5px 10px;}
	.header .container>.header-enter {display: none;}
	.header .btn-menu {position: absolute;top: 0;right: 0;width: 50px;height: 50px;}
	
	.header #menu {display: none;position: absolute;top: 50px;left: 0;z-index: 10;overflow: hidden;width: 100%;padding: 5px 0 15px;background-color: #fff;border-top: 1px solid rgba(0,0,0,.1);box-shadow: 0 10px 10px rgba(0,0,0,.1);}
	.header #menu li {float: none;width: 100%;padding: 0 20px;}
	.header #menu li a {display: block;padding: 0 15px;font-size: 14px;line-height: 46px;border-top: 1px dotted #ccc;}
	.header #menu li:first-child a {border-top: none;}
	.header #menu .active,
	.header #menu li:hover {color: #3890fa;}
	.header #menu li h3::before,
	.header #menu li h3::after {left: -15px;bottom: 0;width: 4px;height: 0;}
	.header #menu li h3::before {top: 50%;}
	.header #menu li h3::after {bottom: 50%;}
	.header #menu .active h3::before, 
	.header #menu li:hover h3::before, 
	.header #menu .active h3::after, 
	.header #menu li:hover h3::after {height: 30%;width: 4px;}
	
	.header .header-enter {float: none;width: 100%;height: 46px;text-align: left;background: none;border-radius: 0;}
	.header #menu a.header-enter {color: #3890fa!important;}
	.header #menu a.header-enter.btn-easing:before {content: none;}
	.header #menu a.header-enter .icon {position: absolute;top: 0;right: 0;width: 30px;height: 100%;background-size: auto 40%;background-position: right center;
		animation: enter 2s infinite;
	}
	
	body .mm-ismenu {background-color: #011528;}
	body .mm-menu {color: #fff;}
	body .mm-list * {font-size: 15px;}
	body .mm-list > li > a, 
	body .mm-list > li > span {padding: 15px 10px 15px 20px;}
	body .mm-menu .mm-list > li:after {border-color: rgba(255, 255, 255, .2);}
	body .mm-list > li.content {padding: 15px 10px 15px 20px;}
	body .mm-list > li.content::after {margin-left: 0!important;}
	body .mm-list .header-enter {margin-bottom: 10px;padding: 12px 0;border-radius: 50px;}
	
	/**
	 * ***** main *****
	 */
	.main {margin-top: 0;}
	
	.section-primary .section-text {padding-left: 0;margin-top: 0!important;}
	.section-primary .section-img {margin-top: 20px;}
	
	/* list */
	.list-card-type1 .item {height: auto;padding: 15px 20px 15px 80px;border-radius: 5px;}
	.list-card-type1 .icon {top: 15px;width: 80px;background-size: 40px auto;}
	.list-card-type1 .title {font-size: 18px;line-height: 30px;}
	.list-card-type1 .content {margin-top: 10px;font-size: 14px;line-height: 24px;}
	.spacing-30 .list-card-type1 .item {margin-top: 20px;}
	
	.list-card-type2 {display: flex;justify-content: center;flex-wrap: wrap;border-radius: 5px;}
	.list-card-type2 .item {height: 170px;}
	.list-card-type2 .icon {height: 50px;}
	.list-card-type2 .title {margin-top: 10px;font-size: 15px;line-height: 32px;}
	.list-card-type2 .content {font-size: 12px;line-height: 24px;}
	.spacing-15 .list-card-type2 .item {margin-top: 20px;padding: 20px 10px;}
	.spacing-15 .list-card-type2 .col-sm-4:nth-child(2) .item {margin-top: 0;}
	
	.list-card-type3 .item {height: auto;padding: 15px 20px 15px 90px;border-radius: 5px;}
	.list-card-type3 .icon {top: 15px;width: 80px;background-size: 60px auto;}
	.list-card-type3 .title {font-size: 18px;}
	.list-card-type3 .content {font-size: 14px;line-height: 24px;}
	
	.list-card-type4 .item {height: auto;padding: 20px 10px 10px;border-radius: 5px;}
	.list-card-type4 .icon {height: 36px;background-size: auto 100%;}
	.list-card-type4 h3 {margin-top: 10px;font-size: 12px;line-height: 24px;}
	.spacing-15 .list-card-type4 .item {margin-top: 20px;}
	.spacing-15 .list-card-type4 .col-sm-3:nth-child(2) .item {margin-top: 0;}
	
	.list-card-type5 .item {margin-top: 20px;}
	.list-card-type5 .content {margin-top: 10px;}
	
	.list-text {font-size: 16px;}
	.list-text li {margin-top: 5px;}
	
	.list-serial li {margin-top: 20px;}
	.list-serial .title {font-size: 18px;line-height: 32px;text-align: center;}
	.list-serial .title span {padding-left: 55px;}
	.list-serial .title i {width: 43px;height: 32px;font-size: 22px;line-height: 32px;}
	.list-serial .content {text-align: center;}
	
	.list-partner {display: flex;justify-content: center;flex-flow: wrap;}
	.list-partner .item {height: 60px;padding: 10px;}
	.spacing-25 .list-partner .item {margin-top: 15px;border-radius: 5px;}
	.spacing-25 .list-partner .col-sm-3:nth-child(2) .item {margin-top: 0;}
	
	.spacing-25 .list-partner.row {margin-left: -10px;margin-right: -10px;}
	.spacing-25 .list-partner.row>div[class^="col"] {padding-left: 10px;padding-right: 10px;}

	/**
	 * ***** footer *****
	 */
	.footer-top {padding-top: 30px;padding-bottom: 30px;}
	.footer-logo {margin-bottom: 20px;text-align: center;}
	.footer-logo img {height: 40px;margin: 0 auto;}
	.footer-nav {margin-top: 10px;}
	.footer-nav h3 {font-size: 20px;line-height: 40px;text-align: center;}
	.footer-nav ul {margin-top: 5px;}
	.footer-nav a {font-size: 14px;line-height: 30px;}
	.footer-bottom {padding: 10px;font-size: 12px;line-height: 28px;}
}

@keyframes enter{
	0%,100%,20%,50%,80%{transform:translateX(0)}
	40%{transform:translateX(-10px)}
	60%{transform:translateX(-5px)}
}

/**
 * Bootstrap栅格系统
 */
.spacing-15,
.spacing-25,
.spacing-30 {overflow: hidden;}

.spacing-15 .row {margin-left: -15px;margin-right: -15px;}
.spacing-15 .row>div[class^="col"] {padding-left: 15px;padding-right: 15px;}

.spacing-25 .row {margin-left: -25px;margin-right: -25px;}
.spacing-25 .row>div[class^="col"] {padding-left: 25px;padding-right: 25px;}

.spacing-30 .row {margin-left: -30px;margin-right: -30px;}
.spacing-30 .row>div[class^="col"] {padding-left: 30px;padding-right: 30px;}
/* 

.spacing-13 .row {margin-left: -13px;margin-right: -13px;}
.spacing-13 .row>div[class^="col"] {padding-left: 13px;padding-right: 13px;}

.spacing-6 .row {margin-left: -6px;margin-right: -6px;}
.spacing-6 .row>div[class^="col"] {padding-left: 6px;padding-right: 6px;}

@media (max-width: 768px) {
	.spacing-25 .row,
	.spacing-13 .row {margin-left: -20px;margin-right: -20px;}
	.spacing-25 .row>div[class^="col"],
	.spacing-13 .row>div[class^="col"] {padding-left: 20px;padding-right: 20px;}
} */

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,
.col-sm-5-1 {position:relative;min-height:1px;}

.row:after,.row:before{display:table;content:" "}
.row:after{clear:both}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px){
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-5-1{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-5-1 {width: 20%;}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666667%}
	.col-sm-pull-10{right:83.33333333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666667%}
	.col-sm-pull-7{right:58.33333333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666667%}
	.col-sm-pull-4{right:33.33333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.66666667%}
	.col-sm-pull-1{right:8.33333333%}
	.col-sm-pull-0{right:auto}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666667%}
	.col-sm-push-10{left:83.33333333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666667%}
	.col-sm-push-7{left:58.33333333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666667%}
	.col-sm-push-4{left:33.33333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.66666667%}
	.col-sm-push-1{left:8.33333333%}
	.col-sm-push-0{left:auto}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666667%}
	.col-sm-offset-10{margin-left:83.33333333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666667%}
	.col-sm-offset-7{margin-left:58.33333333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666667%}
	.col-sm-offset-4{margin-left:33.33333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.66666667%}
	.col-sm-offset-1{margin-left:8.33333333%}
	.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666667%}
	.col-md-pull-10{right:83.33333333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666667%}
	.col-md-pull-7{right:58.33333333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666667%}
	.col-md-pull-4{right:33.33333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.66666667%}
	.col-md-pull-1{right:8.33333333%}
	.col-md-pull-0{right:auto}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666667%}
	.col-md-push-10{left:83.33333333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666667%}
	.col-md-push-7{left:58.33333333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666667%}
	.col-md-push-4{left:33.33333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.66666667%}
	.col-md-push-1{left:8.33333333%}
	.col-md-push-0{left:auto}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666667%}
	.col-md-offset-10{margin-left:83.33333333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666667%}
	.col-md-offset-7{margin-left:58.33333333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666667%}
	.col-md-offset-4{margin-left:33.33333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.66666667%}
	.col-md-offset-1{margin-left:8.33333333%}
	.col-md-offset-0{margin-left:0}
}
@media (min-width:1200px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666667%}
	.col-lg-10{width:83.33333333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666667%}
	.col-lg-7{width:58.33333333%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666667%}
	.col-lg-4{width:33.33333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.66666667%}
	.col-lg-1{width:8.33333333%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.66666667%}
	.col-lg-pull-10{right:83.33333333%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.66666667%}
	.col-lg-pull-7{right:58.33333333%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.66666667%}
	.col-lg-pull-4{right:33.33333333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.66666667%}
	.col-lg-pull-1{right:8.33333333%}
	.col-lg-pull-0{right:auto}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.66666667%}
	.col-lg-push-10{left:83.33333333%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.66666667%}
	.col-lg-push-7{left:58.33333333%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.66666667%}
	.col-lg-push-4{left:33.33333333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.66666667%}
	.col-lg-push-1{left:8.33333333%}
	.col-lg-push-0{left:auto}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.66666667%}
	.col-lg-offset-10{margin-left:83.33333333%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.66666667%}
	.col-lg-offset-7{margin-left:58.33333333%}
	.col-lg-offset-6{margin-left:50%}
	.col-lg-offset-5{margin-left:41.66666667%}
	.col-lg-offset-4{margin-left:33.33333333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.66666667%}
	.col-lg-offset-1{margin-left:8.33333333%}
	.col-lg-offset-0{margin-left:0}
}