@charset "utf-8";
/*public*/
body{ width: 100%; height: auto; margin: 0px; padding: 0px; font-family: "微软雅黑"; font-size: 16px; background-color: #efeff4; -webkit-animation: body 0.5s ease-out backwards; animation: body 0.5s ease-out backwards;}
html{ width: 100%; height: auto; box-sizing: border-box;}
h1,h2,h3,ul,li,dl,dt,p,b,i{ margin: 0; padding: 0; font-weight: normal; list-style: none;}
img{ border: 0; outline: none;}
a:link,a:visited{text-decoration:none}

/*导航*/
#nav{ width: 100%; min-width: 1200px; height: auto; position: fixed; z-index: 700; top: 0;}
.navLine1{ width: 100%; height: 5px; background-color: #8cbb1b; margin: 0 auto; overflow: hidden;}
.navLine2{ width: 100%; height: 7px; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); background-color: rgba(255,255,255,0.5); margin: 0 auto; overflow: hidden;}
.navHz1{ width: 100%; height: auto; min-height: 65px; position: relative; background-color: #f1f1f1; margin: 0 auto;}
.navHz1I1{ width: 252px; height: 65px; position: absolute; z-index: 200; top: 0; left: 50%; margin-left: -600px; overflow: hidden; display: block;}
.navHz1I1Img1{ width: 98px; height: auto; float: left; margin: 19px 0 0 0px;}
.navHz1I1Img2{ width: 97px; height: auto; float: left; margin: 14px 0 0 16px;}
.navHz1Link1{ width: auto; height: 65px; line-height: 64px; font-size: 16px; color: #557900; font-style: normal; text-align: right; text-decoration: none; position: absolute; z-index: 199; top: 0; right: 50%; margin-right: -530px; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.navHz1Link1:hover{ color: #ff6600;}
.navHz1Link2{ width: auto; height: 65px; line-height: 64px; font-size: 16px; color: #557900; font-style: normal; text-align: right; text-decoration: none; position: absolute; z-index: 199; top: 0; right: 50%; margin-right: -600px; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.navHz1Link2:hover{ color: #ff6600;}
.navHz1Qh{ width: auto; min-width: 86px; max-width: 180px; height: 65px; font-size: 16px; color: #557900; background-color: #ffffff; position: absolute; z-index: 199; top: 0; right: 50%; margin-right: -520px; padding: 0 20px 0 0; transition: all 0.2s ease-in; overflow: hidden;}
.navHz1Qh:hover{ width: auto; height: 180px; border-radius: 0 0 4px 4px; box-shadow: 0 3px 3px rgba(0,0,0,0.3); background-color: #ffffff;}
.navHz1QhFont{ width: auto; height: 65px; line-height: 64px; font-size: 16px; text-align: right; overflow: hidden; display: block;}
.navHz1QhLink1{ width: auto; height: 30px; line-height: 29px; font-size: 16px; color: #333333; text-align: right; text-decoration: none; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.navHz1QhLink1:hover{ color: #ff6600;}

/*TAB*/
.wrap{width:300px; height: auto; float: left; position: relative; margin: 0px 0px 0px 0px; overflow: hidden;}
.tabs{height:42px;}
.tabsLine{ width: 140px; height: 2px; background: #efeff4; position: absolute; top: 40px; left: 80px; display: block; overflow: hidden;}
.tabs a{display:block;float:left;width:80px;color:#333333;text-align:center; border-bottom: 2px solid #efeff4;background:#ffffff;line-height:40px;font-size:20px;text-decoration:none; transition: all 0.2s ease-in;}
.tabs a.active{ color:#557900;background:#ffffff; border-bottom: 2px solid #87b41b;}
.swiper-container{background:none;height:auto;width:100%; padding-bottom: 0;}
.swiper-slide{font-size: 1.2rem; line-height:20px;height:auto;background:none;color:#666666; overflow: auto;}
.content-slide{padding:0}
.swiper-container{margin:0 auto 0 auto;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

/*登录-账号*/
.first{ width: 737px; height: 480px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); background-color: #ffffff; position: relative; margin: 170px auto 0 auto; -webkit-animation: first 0.5s ease-out backwards; animation: first 0.5s ease-out backwards;}
.ftImg1{ width: 203px; height: auto; position: absolute; top: 87px; left: 88px;}
.ftH1{ width: 240px; height: auto; font-size: 16px; color: #666666; line-height: 24px; position: absolute; top: 309px; left: 85px; overflow: hidden; display: block;}
.ftHz1{ width: 304px; height: auto; position: relative; float: right; margin: 48px 36px 0 0; overflow: hidden; -webkit-animation: ftHz1 0.5s ease-out backwards; animation: ftHz1 0.5s ease-out backwards;}
.ftHz1I1{ width: 300px; height: 48px; border-radius: 6px; background-color: #efeff4; position: relative; float: right; margin: 21px 0 0 0; transition: all 0.2s ease-in; outline: none; display: block;}
.ftHz1I1:hover{ box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);}
.ftHz1I1Input1{ width: 285px; height: 42px; line-height: 42px; font-size: 16px; color: #333333; border: none; border-radius: 6px; background: none; float: right; margin: 3px 0 0 0; padding-left:15px; outline: none; display: block;}
.ftHz1I1Input1::-webkit-input-placeholder { color: #999999;}
.ftHz1I1Input1:-ms-input-placeholder { color: #999999;}
.ftHz1I1Input1::-moz-placeholder { color: #666666;}
.ftHz1I1Input2{ width: 285px; height: 42px; line-height: 42px; font-size: 16px; color: #333333; border: none; border-radius: 6px; background: none; float: right; margin: 3px 0 0 0; padding-left:15px; outline: none; display: block;}
.ftHz1I1Input2::-webkit-input-placeholder { color: #999999;}
.ftHz1I1Input2:-ms-input-placeholder { color: #999999;}
.ftHz1I1Input2::-moz-placeholder { color: #666666;}
.ftHz1I1Input3{ width: 155px; height: 42px; line-height: 42px; font-size: 16px; color: #333333; border: none; border-radius: 6px; background: none; float: left; margin: 3px 0 0 0; padding-left:15px; outline: none; display: block;}
.ftHz1I1Input3::-webkit-input-placeholder { color: #999999;}
.ftHz1I1Input3:-ms-input-placeholder { color: #999999;}
.ftHz1I1Input3::-moz-placeholder { color: #666666;}
.ftHz1I1Yzm{ width:80px; height:36px; float:right; margin: 7px 14px 0 0; cursor:pointer; display:block;}
.ftHz1I1B1{ width: 1px; height: 22px; background-color: #aaaaaa; position: absolute; z-index: 500; top: 14px; right: 114px; overflow: hidden; display: block;}
.ftHz1I2{ width: 304px; height: auto; font-style: normal; float: right; overflow: hidden; display: block;}
.ftHz1I2Link1{ width: auto; height: auto; font-size: 16px; color: #666666; line-height: 24px; text-decoration: none; float: left; margin: 33px 0 0 19px; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftHz1I2Link1:hover{ color: #ff6600;}
.ftHz1I2An1{ width: 180px; height: 48px; line-height: 48px; font-size: 16px; color: #ffffff; text-align: center; border: 0px; box-sizing: border-box; border-radius: 6px; float: right; margin: 21px 0 0 0; transition: all 0.2s ease-in; background-color: #8cbb1b; outline: none; cursor: pointer; overflow: hidden;}
.ftHz1I2An1:hover{ background-color: #9aca25;}
.ftHz1I1Protocol{ width: 300px; height: 48px; border-radius: 6px; position: relative; float: right; margin: 21px 0 0 0; transition: all 0.2s ease-in; outline: none; display: block;}
.tipInfo{
	clear: both;
	display: none;
	text-align: left;
	padding: 5px 0;
	color: #F97D6C;
	font-size: 12px;
	background: url(/images/info_ico.png) no-repeat left center;
	padding-left: 20px;
}

/*登录-扫码*/
.ft1Hz1{ width: 300px; height: 270px; position: relative; margin: 30px auto 0 auto; overflow: hidden;}
.ft1Hz1Img1{ width: 186px; height: 186px; margin: 0 auto; display: block; overflow: hidden;}
.ft1Hz1H1{ width: 288px; height: auto; font-size: 16px; color: #666666; line-height: 24px; margin: 28px auto 0 auto; display: block; overflow: hidden;}
.ft1Hz1Box1{ width: 186px; height: 186px; background: rgba(0,0,0,0.8); position: absolute; top: 0px; left: 50%; margin-left: -93px; display: block; overflow: hidden;}
.ft1Hz1Box1I1{ width:160px; height: auto; line-height: 20px; font-size: 14px; color: #ffffff; font-style: normal; float: left; margin: 66px 0 0 16px; display: block; overflow: hidden;}
.ft1Hz1Box1Link1{ width: auto; height: auto; line-height: 20px; font-size: 14px; color: #ffffff; float: right; margin: 10px 8px 0 0; transition: all 0.2s ease-in; display: block; overflow: hidden;}
.ft1Hz1Box1Link1:hover{ color: #fcff00;}




/*注册*/
.third{ width: 737px; height: 460px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); background-color: #ffffff; position: relative; margin: 170px auto 0 auto; -webkit-animation: third 0.5s ease-out backwards; animation: third 0.5s ease-out backwards;}
.tdImg1{ width: 203px; height: auto; position: absolute; top: 96px; left: 88px;}
.tdH1{ width: 240px; height: auto; font-size: 16px; color: #666666; line-height: 24px; position: absolute; top: 318px; left: 92px; overflow: hidden; display: block;}
.tdHz1{ width: 304px; height: auto; position: relative; float: right; margin: 72px 36px 0 0; overflow: hidden; -webkit-animation: tdHz1 0.5s ease-out backwards; animation: tdHz1 0.5s ease-out backwards;}
.tdHz1H1{ width: auto; height: 24px; font-size: 22px; color: #333333; line-height: 22px; float: right; margin: 0 0 0 0; overflow: hidden; display: block;}
.tdHz1I1{ width: 300px; height: 48px; border-radius: 6px; background-color: #efeff4; position: relative; float: right; margin: 22px 0 0 0; transition: all 0.2s ease-in; outline: none; display: block;}
.tdHz1I1:hover{ box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);}
.tdHz1I1Input1{ width: 285px; height: 42px; line-height: 42px; font-size: 16px; color: #333333; border: none; border-radius: 6px; background: none; float: right; margin: 3px 0 0 0; padding-left:15px; outline: none; display: block;}
.tdHz1I1Input1::-webkit-input-placeholder { color: #999999;}
.tdHz1I1Input1:-ms-input-placeholder { color: #999999;}
.tdHz1I1Input1::-moz-placeholder { color: #666666;}
.tdHz1I1Input2{ width: 155px; height: 42px; line-height: 42px; font-size: 16px; color: #333333; border: none; border-radius: 6px; background: none; float: left; margin: 3px 0 0 0; padding-left:15px; outline: none; display: block;}
.tdHz1I1Input2::-webkit-input-placeholder { color: #999999;}
.tdHz1I1Input2:-ms-input-placeholder { color: #999999;}
.tdHz1I1Input2::-moz-placeholder { color: #666666;}
.tdHz1I1Yzm{ width: 100px; height: 26px; line-height: 34px; font-size: 16px; color: #557900; border: none; border-radius: 6px; background: none; float: left; margin: 6px 0 0 17px; padding-left:15px; transition: all 0.2s ease-in; outline: none; cursor: pointer; display: block;}
.tdHz1I1Yzm:hover{ color: #ff6600;}
.tdHz1I1B1{ width: 1px; height: 22px; background-color: #aaaaaa; position: absolute; z-index: 500; top: 14px; right: 114px; overflow: hidden; display: block;}
.tdHz1An1{ width: 300px; height: 48px; line-height: 48px; font-size: 16px; color: #ffffff; text-align: center; border: 0px; box-sizing: border-box; border-radius: 6px; float: right; margin: 22px 0 0 0; transition: all 0.2s ease-in; background-color: #8cbb1b; outline: none; cursor: pointer; overflow: hidden;}
.tdHz1An1:hover{ background-color: #9aca25;}
.tdHz1P1{ width: 300px; height: auto; font-size: 14px; color: #999999; line-height: 22px; float: left; margin: 16px 0 0 8px; overflow: hidden; display: block;}

/*注册-提示语*/
.fourth{ width: 599px; height: auto; line-height: 20px; font-size: 16px; color: #666666; margin: 20px auto 0 auto; -webkit-animation: fourth 0.5s ease-out backwards; animation: fourth 0.5s ease-out backwards; overflow: hidden; display: block;}

/*注册-手机页面框架*/
.fifth{ width: 520px; height: 510px; margin: 103px auto 0 auto; padding: 0 0 0 0; display: block;}
@media all and (min-device-width:1440px) and (max-device-height:900px){.fifth{ width: 510px; height: 510px;}}
@media all and (min-device-width:1920px) and (max-device-height:1080px){.fifth{ width: 560px; height: 670px;}}
@media all and (min-device-width:2560px) and (max-device-height:1440px){.fifth{ width: 600px; height: 770px;}}


/*波浪*/
.second{ width: 100%; height: 50px; background-color: #ffffff; position: fixed; left: 0; bottom: 0px;}
.banner-background-01 {
    width: 997px;
    height: 85px;
    background: url(/images/background01.png) repeat-x;
    _background: url(/images/background01.png) repeat-x;
    position: absolute;
    top: -51px;
    width: 400%;
    left: -236px;
    z-index: 666;
    animation: wave1 25s linear .4s infinite normal;
    -moz-animation: wave1 25s linear .4s infinite normal;
    -webkit-animation: wave1 25s linear .4s infinite normal;
    -o-animation: wave1 25s linear .4s infinite normal;
}

.banner-background-02 {
    width: 1009px;
    height: 100px;
    background: url(/images/background02.png) repeat-x;
    _background: 0 0;
    position: absolute;
    top: -76px;
    width: 400%;
    left: 0;
    z-index: 665;
    animation: wave2 60s linear .4s infinite normal;
    -moz-animation: wave2 60s linear .4s infinite normal;
    -webkit-animation: wave2 60s linear .4s infinite normal;
    -o-animation: wave2 60s linear .4s infinite normal
}


@-webkit-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-moz-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-o-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-webkit-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@-moz-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@-o-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}




@-webkit-keyframes body{0%{ background-color:#ffffff; opacity:0;} 100%{ opacity:1;}}
@keyframes body{0%{ background-color:#ffffff; opacity:0;} 100%{ opacity:1;}}
@-webkit-keyframes first{0%{ margin: 200px auto 0 auto; opacity:1;} 70%{ margin: 165px auto 0 auto; opacity:1;} 100%{ opacity:1;}}
@keyframes first{0%{ margin: 200px auto 0 auto; opacity:1;} 70%{ margin: 165px auto 0 auto; opacity:1;} 100%{ opacity:1;}}
@-webkit-keyframes ftHz1{0%{ margin: 20px 36px 0 0; opacity:1;} 70%{ margin: 66px 36px 0 0; opacity:1;} 100%{ opacity:1;}}
@keyframes ftHz1{0% { margin: 20px 36px 0 0; opacity:1;} 70%{ margin: 66px 36px 0 0; opacity:1;} 100%{ opacity:1;}}
@-webkit-keyframes third{0%{ margin: 200px auto 0 auto; opacity:1;} 70%{ margin: 165px auto 0 auto; opacity:1;} 100%{ opacity:1;}}
@keyframes third{0%{ margin: 200px auto 0 auto; opacity:1;} 70%{ margin: 165px auto 0 auto; opacity:1;} 100%{ opacity:1;}}
@-webkit-keyframes tdHz1{0%{ margin: 72px 36px 0 0; opacity:1;} 70%{ margin: 84px 36px 0 0; opacity:1;} 100%{ opacity:1;}}
@keyframes tdHz1{0% { margin: 42px 36px 0 0; opacity:1;} 70%{ margin: 84px 36px 0 0; opacity:1;} 100%{ opacity:1;}}
@-webkit-keyframes fourth{0%{ margin: 30px auto 0 auto; opacity:1;} 70%{ margin: 12px auto 0 auto; opacity:1;} 100%{ opacity:1;}}
@keyframes fourth{0%{ margin: 30px auto 0 auto; opacity:1;} 70%{ margin: 12px auto 0 auto; opacity:1;} 100%{ opacity:1;}}