/* CSS Document */

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    font-style: normal;
    outline: none;
}

li {
    list-style: none;
}

input,
button {
    outline: none;
    font-family: "microsoft yahei";
    outline: none;
}

button {
    cursor: pointer;
}

.button {
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.button:focus {
    outline: none;
}

.button > span {
    vertical-align: middle;
}

body {
    background: #fff;
    font-family: "microsoft yahei";
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}

.header {
    background: url("../image/header-bg.png") no-repeat center 0;
    width: 100%;
    height: 80px;
}

.header-con {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    width: 122px;
    margin: 15px 0 0 0;
    float: left;
}

.header-p {
    font-size: 18px;
    color: #fd6953;
    float: left;
    margin-left: 11px;
    line-height: 80px;
}

.header-ul {
    float: right;
    margin: 22px 0 0 0;
}

.header-ul li {
    float: left;
    margin-left: 68px;
}

.header-ul li:first-child {
    margin-left: 0;
}

.header-a {
    display: block;
    cursor: pointer;
}

.header-cn {
    font-size: 20px;
    color: #444;
    line-height: 1;
    text-align: center;
    letter-spacing: 1px;
    display: block;
}

.header-en {
    font-size: 14px;
    color: #888;
    line-height: 1;
    text-align: center;
    margin-top: 7px;
    display: block;
}

.header-a:hover .header-cn,
.header-a:hover .header-en {
    color: #fd6953;
}

.banner {
    background: url("../image/banner-bg.jpg") no-repeat center 0;
    width: 100%;
    height: 730px;
    padding-top: 75px;
}

.banner-tit {
    background: url("../image/banner-tit.png") no-repeat center;
    height: 177px;
    text-indent: -9999px;
}

.banner-stit {
    background: url("../image/banner-con.png") no-repeat center 0;
    width: 100%;
    height: 88px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin: 22px 0 0 0;
    padding-top: 5px;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

.banner-stit strong {
    color: #fcff00;
    font-weight: normal;
}

.banner-h2 {
    font-size: 48px;
    color: #fff;
    text-align: center;
    line-height: 1;
    margin: 24px 0 0 0;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    letter-spacing: 5px;
}

.banner-con {
    width: 551px;
    margin: 24px auto 0;
}

.banner-con li {
    background: url("../image/banner-box.png") no-repeat 0 0;
    width: 160px;
    height: 117px;
    float: left;
    margin-left: 35px;
    padding-top: 17px;
    cursor: pointer;
}

.banner-con li:first-child {
    margin-left: 0;
}

.banner-icon {
    background: url("../image/banner-icon.png") no-repeat 0 0;
    width: 41px;
    height: 43px;
    display: block;
    margin: 0 auto;
}

.banner-icon1 {
    background-position: 0 -43px;
}

.banner-icon2 {
    background-position: 0 -86px;
}

.banner-p {
    font-size: 22px;
    color: #333;
    line-height: 1;
    text-align: center;
    letter-spacing: 1px;
    margin: 14px 0 0 0;
}

.banner-btn {
    background: #fcff00;
    width: 316px;
    height: 54px;
    border: none;
    border-radius: 27px;
    font-size: 24px;
    color: #fe4d07;
    letter-spacing: 1px;
    display: block;
    margin: 33px auto 0;
    cursor: pointer;
}

.why {
    background: url("../image/why-bg.jpg") no-repeat center 0;
    width: 100%;
    height: 954px;
    padding-top: 72px;
}

.why-tit {
    background: url("../image/why-tit.png") no-repeat center 0;
    width: 100%;
    height: 111px;
    text-indent: -9999px;
}

.why-stit {
    font-size: 26px;
    color: #fe3203;
    line-height: 1;
    text-align: center;
    font-weight: normal;
    margin-top: 25px;
}

.why-con {
    width: 856px;
    margin: 42px auto 0;
}

.why-con li {
    background: url("../image/why-box.png") no-repeat 0 0;
    width: 254px;
    height: 245px;
    float: left;
    margin-left: 47px;
    padding: 3px 0 0 0;
}

.why-con li:hover {
    background-position: 0 -245px;
}

.why-con li:first-child,
.why-con li:nth-child(4) {
    margin-left: 0;
}

.why-con li:nth-child(4),
.why-con li:nth-child(5),
.why-con li:nth-child(6) {
    margin-top: 35px;
}

.why-pic {
    width: 248px;
    height: 103px;
    margin: 0 auto;
}

.why-h3 {
    background: #25b684;
    width: 248px;
    height: 42px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    margin: 0 auto;
}

.why-con li:hover .why-h3 {
    background: #fe4d07;
}

.why-p {
    font-size: 18px;
    color: #666;
    line-height: 22px;
    text-align: center;
    margin: 12px 0 0 0;
}

.why-p strong {
    color: #fe4d07;
    font-weight: normal;
}

.why-btn {
    background: #fe4d07;
    width: 300px;
    height: 44px;
    border: none;
    border-radius: 22px;
    font-size: 20px;
    color: #fff;
    display: block;
    margin: 40px auto 0;
}


.time {
    background: url("../image/time-bg.jpg") no-repeat center;
    background-size:cover;
    width:100%;
    height:558px;
    padding-top: 70px;
	margin-top:60px ;
}

.time-tit {
    background: url("../image/time-tit.png") no-repeat center 0;
    height: 54px;
    text-indent: -9999px;
}

.time-stit {
    font-size: 26px;
    color: #fcff00;
    text-align: center;
    line-height: 1;
    letter-spacing: 1px;
    margin-top: 20px;
}

.time-con {
    width: 870px;
    margin: 54px auto 0;
}

.time-box {
    background: #fff;
    width: 176px;
    height: 165px;
    border: #25b684 1px solid;
    border-radius: 10px;
    float: left;
    box-shadow: inset 0 0 3px rgba(37, 182, 132, 0.1), 0 0 3px rgba(4, 0, 0, 0.1);
    font-family: impact, "microsoft yahei";
    font-size: 128px;
    color: #fe4d07;
    font-weight: bold;
    text-align: center;
    line-height: 163px;
    letter-spacing: 1px;
}

.time-p {
    font-size: 48px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    float: left;
    margin: 116px 0 0 27px;
}
.time-btn {
    background: #fcff00;
    width: 300px;
    height: 44px;
    border: none;
    border-radius: 22px;
    font-size: 20px;
    color: #25b684;
    display: block;
    margin:50px auto 0;
}
.time-p1{
	font-size:30px;
	color:#fbfbfb;
	text-align: center;
	line-height:1;
	margin-top:40px;
}
.erweima{
	width:139px;
	margin:26px auto 0;
}
.book {
    background: #fff;
    height: 681px;
    padding: 68px 0;
}

.book-con {
    width: 1004px;
    margin: 0 auto;
}

.book-box {
    background: url("../image/book-box1.png") no-repeat 0 0;
    width: 491px;
    height: 516px;
    float: left;
}

.book-box2 {
    background-image: url("../image/book-box2.png");
    float: right;
}

.book-h3 {
    font-size: 32px;
    color: #fff;
    line-height: 73px;
    text-align: center;
    letter-spacing: 2px;
}

.book-h3 strong {
    color: #fcff00;
}

.book-ul {
    width: 448px;
    margin: 8px auto 0;
}

.book-ul li {
    overflow: hidden;
    margin-top: 19px;
    cursor: pointer;
}

.book-p {
    width: 365px;
    height: 30px;
    font-size: 22px;
    color: #555;
    line-height: 29px;
    border-bottom: rgba(51, 51, 51, 0.2) 1px dashed;
    float: left;
}

.book-ul li:hover .book-p {
    color: #fe4d07;
}

.book-btn {
    background: #fe4d07;
    width: 96px;
    height: 30px;
    border: none;
    border-radius: 15px;
    float: left;
    font-size: 18px;
    color: #fff;
    margin: 0 0 0 -14px;
}

.book-ul li:hover .book-btn {
    opacity: 0.88;
    filter: alpha(opacity=88);
}

.book-area {
    width: 400px;
    margin: 20px auto 0;
}

.book-a {
    width: 25%;
    display: block;
    font-size: 24px;
    color: #4d4d4d;
    letter-spacing: 2px;
    text-align: center;
    line-height: 49px;
    float: left;
    cursor: pointer;
}

.book-a-red {
    color: #fe4d07;
}

.book-a:hover {
    color: #fe4d07;
}

.course {
    background: url("../image/course-bg.jpg") no-repeat center 0;
    width: 100%;
    height: 680px;
    padding-top: 70px;
}

.course-tit {
    background: url("../image/course-tit.png") no-repeat center 0;
    width: 100%;
    height: 47px;
    text-indent: -9999px;
}

.course-con {
    width: 880px;
    margin: 50px auto 0;
}

.course-ul1 li,
.course-ul2 li {
    background: url("../image/course-box.png") no-repeat 0 0;
    width: 253px;
    height: 205px;
    float: left;
    margin-left: 60px;
    padding: 3px 0 0 0;
}

.course-ul1 li:hover {
    background-position: -253px 0;
}

.course-ul2 {
    margin-top: 15px;
}

.course-ul2 li {
    background-position: 0 -205px;
    padding: 4px 0 0 0;
}

.course-ul2 li:hover {
    background-position: -253px -205px;
}

.course-ul1 li:first-child,
.course-ul2 li:first-child {
    margin-left: 0;
}

.course-pic {
    width: 247px;
    height: 140px;
    margin: 0 auto;
}

.course-pic2 {
    width: 247px;
    height: 149px;
    margin: 0 auto;
}

.course-h3 {
    font-size: 26px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    letter-spacing: 2px;
}

.course-line {
    width: 630px;
    height: 1px;
    margin: 17px auto 0;
    border-bottom: rgba(102, 102, 102, 0.2) 1px dashed;
    position: relative;
}

.course-circle {
    background: #fe4d07;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: -2px;
}

.course-circle:nth-child(2) {
    left: 50%;
    margin-left: -3px;
}

.course-circle:nth-child(3) {
    left: auto;
    right: 0;
}

.shicao {
    background: url("../image/shicao-bg.jpg") no-repeat center 0;
    width: 100%;
    height: 579px;
    padding-top: 77px;
}

.shicao-tit {
    background: url("../image/shicao-tit.png") no-repeat center 0;
    height: 47px;
    text-indent: -9999px;
}

.shicao-con {
    background: url(../image/shicao-con.png) no-repeat center 0;
    width: 1000px;
    height: 358px;
    margin: 42px auto 0;
}

.shicao-con1 {
    width: 272px;
    height: 358px;
    float: left;
}

.shicao-con1 ul {
    width: 272px;
    height: 358px;
}

.shicao-con1 ul li {
    width: 272px;
    height: 120px;
    padding-top: 23px;
}

.shicao-icon {
    width: 52px;
    height: 42px;
    margin: 0 auto 0;
}

.shicao-con1 h3 {
    font-size: 22px;
    color: #25b684;
    line-height: 22px;
    text-align: center;
    margin: 8px auto 0;
}

.shicao-con2 {
    width: 381px;
    height: 358px;
    float: left;
}

.shicao-con2 ul {
    width: 381px;
    height: 358px;
}

.shicao-con2 ul li {
    width: 381px;
    height: 40px;
}

.shicao-con2 ul li p {
    font-size: 18px;
    color: #666;
    line-height: 40px;
    text-align: left;
    margin-left: 50px;
    letter-spacing: 1px;
}

.shicao-con3 {
    width: 347px;
    height: 358px;
    float: left;
}

.shicao-con3 ul {
    width: 272px;
    height: 358px;
}

.shicao-con3 ul li {
    width: 272px;
    height: 120px;
}

.shicao-btn {
    background: #fe4d07;
    width: 149px;
    height: 30px;
    border: none;
    border-radius: 22px;
    font-size: 18px;
    color: #fff;
    margin: 45px 0 0 100px;
}

.kaoshi {
    background: url("../image/kaoshi-bg.jpg") no-repeat center 0;
    width: 100%;
    height: 489px;
    padding-top: 70px;
}

.kaoshi-tit {
    background: url("../image/kaoshi-tit.png") no-repeat center 0;
    height: 47px;
    text-indent: -9999px;
}

.kaoshi h4 {
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: normal;
    font-weight: normal;
    margin: 15px auto 0;
}

.kaoshi h4 span {
    color: #fe4d07;
}

.kaoshi-con {
    background: url("../image/kaoshi-con.png") no-repeat center 0;
    width: 1000px;
    height: 193px;
    margin: 40px auto 0;
}

.kaoshi-con h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 34px;
}

.kaoshi-con h5 {
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: 80px;
}

.kaoshi-con h6 {
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 80px;
    font-weight: normal;
    letter-spacing: -1px;
}

.kaoshi-con h1 {
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 80px;
    font-weight: normal;
}

.kaoshi-con h2 {
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 39px;
    font-weight: normal;
}

.kaoshi-con1 {
    width: 141px;
    height: 193px;
    float: left;
}

.kaoshi-con1 ul {
    width: 141px;
    height: 193px;
}

.kaoshi-con11 {
    width: 141px;
    height: 34px;
}

.kaoshi-con12 {
    width: 141px;
    height: 79px;
}

.kaoshi-con13 {
    width: 141px;
    height: 80px;
}

.kaoshi-con2 {
    width: 118px;
    height: 193px;
    float: left;
}

.kaoshi-con2 ul {
    width: 118px;
    height: 193px;
}

.kaoshi-con21 {
    width: 118px;
    height: 34px;
}

.kaoshi-con22 {
    width: 118px;
    height: 79px;
}

.kaoshi-con23 {
    width: 118px;
    height: 80px;
}

.kaoshi-con3 {
    width: 93px;
    height: 193px;
    float: left;
}

.kaoshi-con3 ul {
    width: 93px;
    height: 193px;
}

.kaoshi-con31 {
    width: 93px;
    height: 34px;
}

.kaoshi-con32 {
    width: 93px;
    height: 79px;
}

.kaoshi-con33 {
    width: 93px;
    height: 80px;
}

.kaoshi-con4 {
    width: 239px;
    height: 193px;
    float: left;
}

.kaoshi-con4 ul {
    width: 239px;
    height: 193px;
}

.kaoshi-con41 {
    width: 239px;
    height: 34px;
}

.kaoshi-con42 {
    width: 239px;
    height: 39px;
}

.kaoshi-con5 {
    width: 316px;
    height: 193px;
    float: left;
}

.kaoshi-con5 ul {
    width: 316px;
    height: 193px;
}

.kaoshi-con51 {
    width: 316px;
    height: 34px;
}

.kaoshi-con52 {
    width: 316px;
    height: 79px;
}

.kaoshi-con53 {
    width: 316px;
    height: 40px;
}

.kaoshi p {
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: normal;
    font-weight: normal;
    margin: 28px auto 0;
}

.kaoshi p span {
    color: #fe4d07;
}

.check {
    background: url("http://wk11.weikezaixian.com/bd-1-QG-J4-PC-DX-1/images/check-bg.jpg") no-repeat center 0;
    height: 205px;
    padding-top: 35px;
}

.check_tit {
    background: url("http://wk11.weikezaixian.com/bd-1-QG-J4-PC-DX-1/images/check-tit.png") no-repeat center 0;
    height: 58px;
    text-indent: -9999px;
}

.check_con {
    width: 1000px;
    height: 48px;
    margin: 30px auto 0;
}

.check_div {
    width: 240px;
    float: left;
}

.check_user,
.check_phone {
    background: #fff;
    width: 240px;
    height: 48px;
    border-radius: 10px;
    border: none;
    float: left;
    font-size: 18px;
    color: #666666;
    padding-left: 20px;
    float: left;
}

.check_user {
    background: #fff url(http://wk11.weikezaixian.com/bd-1-QG-J4-PC-DX-1/images/check-name.png) no-repeat right center;
}

.check_phone {
    background: #fff url(http://wk11.weikezaixian.com/bd-1-QG-J4-PC-DX-1/images/check-phone.png) no-repeat right center;
    margin-left: 12px;
}

#city {
    background: #fff url(http://wk11.weikezaixian.com/bd-1-QG-J4-PC-DX-1/images/check-city.png) no-repeat right center;
    width: 240px;
    height: 48px;
    border-radius: 10px;
    font-size: 18px;
    border: none;
    color: #666666;
    padding-left: 20px;
    float: left;
    margin-left: 12px;
}

input ::-webkit-input-placeholder {
    color: #444;
}

input :-moz-placeholder {
    color: #444;
}

input ::-moz-placeholder {
    color: #444;
}

input :-ms-input-placeholdselecter {
    color: #444;
}

._citys {
    background: #fff;
    width: 464px;
    display: inline-block;
    border: 2px solid #eee;
    padding: 5px;
    position: relative;
}

._citys span {
    color: #fb6701;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #fb6701;
    cursor: pointer;
}

._citys0 {
    width: 100%;
    height: 34px;
    display: inline-block;
    border-bottom: 2px solid #fb6701;
    padding: 0;
    margin: 0;
}

._citys0 li {
    display: inline-block;
    line-height: 34px;
    font-size: 15px;
    color: #888;
    width: 80px;
    text-align: center;
    cursor: pointer;
}

.citySel {
    background-color: #fb6701;
    color: #fff !important;
}

._citys1 {
    width: 100%;
    display: inline-block;
    padding: 10px 0 0 0;
}

._citys1 a {
    width: 83px;
    height: 35px;
    display: inline-block;
    background-color: #f5f5f5;
    color: #666;
    margin-left: 6px;
    margin-top: 3px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    overflow: hidden;
}

._citys1 a:hover {
    color: #fff;
    background-color: #fb6701;
}

.AreaS {
    background-color: #fb6701 !important;
    color: #fff !important;
}

.check_btn {
    background: #fcff00;
    width: 240px;
    height: 48px;
    border: none;
    border-radius: 10px;
    font-size: 20px;
    color: #25b684;
    font-weight: bold;
    display: block;
    float: right;
}

.five {
    background: url("../image/five-bg.jpg") no-repeat center 0;
    width: 100%;
    height: 621px;
    padding-top: 77px;
}

.five-tit {
    background: url("../image/five-tit.png") no-repeat center 0;
    height: 46px;
    text-indent: -9999px;
}

.five-con {
    width: 1008px;
    margin: 42px auto 0;
}

.five-con li {
    background: url("../image/five-box.png") no-repeat 0 0;
    width: 199px;
    height: 267px;
    float: left;
    margin-left: 3px;
    padding: 68px 0 0 1px;
}

.five-con li:first-child {
    margin-left: 0;
}

.five-con li:nth-child(even) {
    margin-top: 40px;
}

.five-con li:hover {
    background-position: -199px 0;
}

.five-h3 {
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    letter-spacing: 2px;
}

.five-p {
    font-size: 16px;
    color: #555;
    line-height: 24px;
    text-align: center;
    margin-top: 18px;
}

.five-btns {
    width: 533px;
    margin: 38px auto 0;
}

.five-btn1 {
    background: #25b684;
    width: 242px;
    height: 44px;
    border: none;
    border-radius: 22px;
    font-size: 20px;
    color: #fcff00;
    float: left;
}

.five-btn2 {
    background: #fe4d07;
    width: 242px;
    height: 44px;
    border: none;
    border-radius: 22px;
    font-size: 20px;
    color: #fff;
    float: right;
}

.harvest {
    background: url("../image/harvest-bg.jpg") no-repeat center 0;
    width: 100%;
    height: 776px;
    padding-top: 74px;
}

.harvest-tit {
    background: url("../image/harvest-tit.png") no-repeat center 0;
    height: 47px;
    text-indent: -9999px;
}

.harvest-con {
    width: 1000px;
    margin: 55px auto 0;
}

.harvest-icon {
    background: url("../image/harvest-icon.png") no-repeat center 0;
    width: 29px;
    height: 29px;
    float: left;
}

.harvest-icon2 {
    background-position: 0 -29px;
}

.harvest-icon3 {
    background-position: 0 -58px;
}

.harvest-h3 {
    font-size: 30px;
    color: #25b684;
    line-height: 1;
    letter-spacing: 2px;
    float: left;
    margin-left: 13px;
}

.harvest-p {
    font-size: 18px;
    color: #555;
    line-height: 24px;
    letter-spacing: 1px;
    margin: 14px 0 0 0;
}

.harvest-words {
    background: url("../image/harvest-words.png") no-repeat 0 0;
    width: 980px;
    height: 101px;
    margin: 44px auto 0;
}

.footer{font-weight: normal;
    color: #333;
    font-size: 13px;
    text-align: center;
	padding-top: 10px;
}
.footer .center{max-width: 900px;margin: 0 auto;line-height: 20px}

.bottombar {
    display: none;
    background: url("http://wk11.weikezaixian.com/bd-1-QG-J4-PC-DX-1/images/bottombar.png") no-repeat center 0;
    width: 100%;
    height: 296px;
    padding-top: 102px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.bottombar .bottombar-time {
    background: url("http://wk11.weikezaixian.com/bd-1-QG-J4-PC-DX-1/images/bottombar-close.png") no-repeat 0 0;
    width: 123px;
    height: 38px;
    position: absolute;
    left: 50%;
    top: 102px;
    margin-left: 338px;
}

.bottombar .close {
    width: 38px;
    height: 38px;
    display: block;
    float:left;
}

.bottombar #bottombar-sec {
    width:80px;
    float:left;
    font-size: 16px;
    color: #545454;
    text-align: center;
    line-height:38px;
}

.bottombar h2 {
    font-size: 48px;
    color: #fff700;
    text-align: center;
    line-height: 1;
    letter-spacing: 2px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.17);
}

.bottombar p {
    width: 1009px;
    margin: 12px auto 0;
    font-size: 22px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.17);
}

.bottombar button {
    background: #fe4d07;
    width: 273px;
    height: 41px;
    border: none;
    border-radius: 21px;
    display: block;
    margin: 8px auto 0;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}

.bottombar button strong {
    color: #fff200;
}

.leftBottom {
    width: 88px;
    height: 95px;
    position: fixed;
    left: 0;
    bottom: 110px;
    z-index: 2;
    display: none;
}

.leftBottom .closed {
    background: url("http://wk11.weikezaixian.com/bd-1-QG-J4-PC-DX-1/images/leftBottom-close.png") no-repeat 0 0;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 13px;
    top: -12px;
}

.leftBottom h2 {
    background: #fe4d07;
    width: 81px;
    height: 81px;
    border: none;
    border-radius: 41px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    padding-top: 12px;
    margin: 0 auto;
}

.leftBottom h2 strong {
    color: #fffb00;
}

.leftBottom button {
    background: #a1a1a1;
    width: 88px;
    height: 24px;
    display: block;
    border: none;
    border-radius: 5px;
    margin: -10px auto 0;
    font-size: 15px;
    color: #fff;
}

.leftBottom:hover {
    -webkit-animation: jello 1s 1;
    animation: jello 1s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation: zoomOutLeft 1s;
    animation: zoomOutLeft 1s;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.ml12 {
    margin-left: 12px;
}

.ml58 {
    margin-left: 58px;
}

.mt7 {
    margin-top: 7px;
}

.mt30 {
    margin-top: 30px;
}

.mt37 {
    margin-top: 37px;
}

.mt88 {
    margin-top: 88px;
}

/* Wapasha */
.button.button--wapasha {
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

.button--wapasha::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fe4d07;
    z-index: -1;
    border-radius: inherit;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--wapasha.button--inverted::before {
    border-color: #25b684;
}

.button--wapasha:hover {
    background-color: #fff;
    color: #fe4d07;
}

.button--wapasha.button--inverted:hover {
    color: #25b684;
}

.button--wapasha:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.leftbar{z-index:99;width:149px;height:483px;position: fixed;left:0px;top:50%;margin-top:-281px;background:url("../image/bg-left.png")no-repeat center;text-align: center;}
.leftbar strong{display: block;width:149px;font-size:24px;line-height: 24px;color:#fcff00;padding:110px 0px 0px 0px;}
.leftbar ul{width:127px;margin-left:12px;padding:20px 0px 0px 0px;}
.leftbar ul li{height:34px;line-height: 34px;color:#fff;font-size:16px;font-weight: bold;margin-bottom:8px;cursor: pointer;}
.leftbar ul li:hover{font-size:18px}
.leftbar ul li:nth-child(4){margin-bottom:9px;}
.leftbar ul li:last-child{margin-bottom:0px;}
.rightbar{z-index:99;width:137px;height:217px;position: fixed;right:0px;top:50%;margin-top:-196px;background:url("../image/bg-right.png")no-repeat center;text-align: center;}
.rightbar strong{display: block;width: 129px;height:56px;font-size:26px;color:#fcff00;line-height: 56px;margin:0 auto;}
.rightbar ul{padding:2px 0px 0px 2px;}
.rightbar ul li{cursor: pointer; width:133px;height:26px;line-height: 26px;font-size:14px;color:#4d4d4d;margin-bottom:9px;}
.rightbar ul li:nth-child(2){margin-bottom:10px;}
.rightbar ul li:last-child{margin-bottom:0px;}
.rightbar span{display: block;width:129px;margin:0 auto;font-size:23px;line-height: 23px; color:#fcff00;padding:15px 0px 5px 0px;font-weight: bold;}
.rightbar em{display: block;width:129px;margin:0 auto;font-size:16px;line-height: 16px; color:#fff;}
.rightbar .dz{cursor: pointer; width:110px;height:32px;line-height: 32px;text-align: left; margin:0 auto;padding-left:5px;padding-right:5px;position: relative;}
.rightbar .dz em{font-size:15px;color:#666666;display: block;height: 32px;line-height: 32px;}
.rightbar .dz .city{display: none; position: absolute;background:#fff;right:120px;top:0px;width:320px;z-index: 99;}
.rightbar .dz .city .top{height:42px;border-bottom:1px solid #fb6701;width:300px;margin:0 auto;padding-top:10px;}
.rightbar .dz .city .top span{display: inline-block;width:90px;height:30px;line-height: 30px;text-align:center; font-size:15px;color:#888;font-weight: normal;padding:0px;}
.rightbar .dz .city .top span.active{background: #fb6701;color:#fff;}
.rightbar .dz .city .bottom{width: 300px;margin:0 auto;}
.rightbar .dz .city .bottom ul.active{display: block;}
.rightbar .dz .city .bottom ul{display:none;padding-top:6px;min-height: 278px;}
.rightbar .dz .city .bottom ul li{float: left;color:#666;font-size:14px;  width:70px;height:28px;background: #f5f5f5;text-align: center;margin-right:6px;margin-bottom:6px;}
.rightbar .dz .city .bottom ul li:nth-child(4n){margin-right:0px;}
.rightbar .dz .city .bottom ul li:hover{background: #fb6701;color:#fff;}
.rightbar input{display: block;width:110px;height:32px;margin:0 auto;border:none;background:none;font-size:15px;color:#333;padding-left:5px;padding-right:5px;margin-top:15px;margin-bottom:9px;}
.rightbar button{font-weight: bold; display: block;width:110px;height:32px;margin:0 auto;margin-top:9px;font-size:16px;color:#fe4d07;background:none;border:none;cursor: pointer;}


.grade {
	background: url("../image/grade-bg.jpg") no-repeat center 0;
	height: 847px;
	padding-top: 70px;
}

.grade-tit {
	background: url("../image/grade-tit.png") no-repeat center 0;
	height: 47px;
	text-indent: -9999px;
}

.grade-con {
	width: 926px;
	margin: 58px auto 0;
}

.grade-box1,
.grade-box2,
.grade-box3 {
	background: url("../image/grade-box.png") no-repeat 0 0;
	width: 245px;
	height: 245px;
	float: left;
	padding-top: 29px;
}

.grade-box1 {
	margin: 103px 0 0 0;
}

.grade-box2 {
	margin: 0 0 0 92px;
}

.grade-box3 {
	margin: 103px 0 0 90px;
}

.all-stars {
	width: 99px;
	margin: 0 auto;
}

.all-stars>i {
	background: url("../image/star.png") no-repeat 0 0;
	width: 29px;
	height: 29px;
	display: block;
	float: left;
	margin-left: 11px;
}

.all-stars>i:nth-child(1),
.all-stars>i:nth-child(3) {
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	margin-top: 3px;
}

.all-stars>i:first-child {
	margin-left: 0;
}

.grade-h3 {
	font-size: 24px;
	color: #4d4d4d;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 13px;
}

.grade-p {
	font-size: 18px;
	color: #4d4d4d;
	text-align: center;
	line-height: 24px;
	margin-top: 12px;
}

.grade-box4 {
	background: #25b684;
	width: 122px;
	height: 122px;
	float: left;
	border: none;
	border-radius: 50%;
	font-size: 22px;
	color: #fff;
	line-height: 24px;
	text-align: center;
	margin: 0 0 0 498px;
	padding: 30px 0 0 0;
}

.grade-box4 strong {
	color: #fcff00;
	font-weight: normal;
}