.hidden{
    display: none;
}
body{
    padding:0;
}
.bolder{
    font-weight:bolder;
}
.font-color-white{
    color:#fff;
}
.coop-banner-container{
    width:100%;
    height:auto;
    overflow: hidden;
}
.coop-banner-container > img{
    width:100%;
    display: block;
}
.coop-intro-container{
    margin-left:0;
    margin-right:0;
    min-width:1000px;
    padding-bottom:60px;
}
.retract{
    text-indent: 28px;
}
.line-height-22{
    line-height: 22px;
}
.coop-intro-title{
    margin-top:20px;
    margin-bottom:20px;
    color:#ff9600;
    border-left:3px solid #ff9600;
    font-weight:bolder;
    font-size: 18px;
    padding-left:10px;
}
.red{
    color:red;
}
.coop-form-row{
    height:60px;
}
.coop-input{
    height:36px;
    width:200px;
    padding-left:6px;
    padding-right:6px;
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:solid 1px #ccc;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background-color:transparent;
    font-size:16px;
    color:#689df8;
}
.sub-btn-row{
    height:60px;
}
#subBtn{
    width:200px;
    height:36px;
    border: 1px solid #ccc;
    color:#999999;
    border: 1px solid #ccc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor: pointer;
    margin-left: 45%;
    margin-top: 40px;
}
#subBtn:hover{
    color:#fff;
    background-color:#669eff;
    border-color:#669eff;
}
#subBtn:active{
    color:#fff;
    background-color:#4b84e7;
    border-color:#4b84e7;
}
body.coop-body{
    padding:0;
    margin:0;
}
.footer {
    padding: 50px 0;
    height: auto;
    background-color: #1b1f26;
    overflow: hidden;
}
.coop-input.invalid,.font-input.invalid{
    border-bottom:solid 1px red;
}
.extension-container{
    width:100%;
    height:80px;
    background-color:transparent;
    position:fixed;
    bottom:0;
    left:0;
    min-width: 1160px;
    z-index:10;
}
#slideUp{
    width:60px;
    height:60px;
    background-color:rgba(0,0,0,0);
    *background-color:transparent;
    cursor: pointer;
    position:absolute;
    top:28px;
    left:74%;
    z-index:6;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    font-size:30px;
    line-height: 44px;
    text-align: center;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
#slideUp.animation{
    top: -330px;
    left: 40%;
    background-color:rgba(0,0,0,.4);
}
.line-container{
    position:relative;
    width:100%;
    height:100%;
}
.line-container > div{
    width:20px;
    height:2px;
    background-color:#fff;
    position: absolute;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    transition-delay: .6s;
    opacity: 1;
}
.line-container > div:first-child{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 24px;
    left: 12px;
}
.line-container > div:nth-child(2){
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 24px;
    left: 26px;
}
.line-container > div:nth-child(3){
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 34px;
    left: 12px;
}
.line-container > div:nth-child(4){
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 34px;
    left: 26px;
}
#slideUp.animation .line-container > div:first-child{
    top: 30px;
    left: 18px;
}
#slideUp.animation .line-container > div:nth-child(2){
    top: 30px;
    left: 18px;
}
#slideUp.animation .line-container > div:nth-child(3),#slideUp.animation .line-container > div:nth-child(4){
    opacity: 0;
}
.extension-main-container{
    position: absolute;
    top: -156px;
    left: 0;
    right: 0;
    height: 380px;
    z-index: 5;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: url(../images/coopimg/coop-bg-01.png) left bottom repeat-x;
}
.extension-main-container.animation{
    top:-300px;
}
.extension-main-container.animation .extension-item-container >.left > .man-img{
    width: 154px;
    height: 182px;
    background: url(../images/coopimg/coop-man.png) top left no-repeat;
    background-size: contain;
    position: absolute;
    top: 116px;
    right: 1px;
    display: none;
}
.close-ico-container{
    width:100%;
    height:1px;
    background-color:transparent;
    position: relative;
}
.close-ico{
    width:60px;
    height:60px;
    background-color:yellow;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    position:absolute;
    top:-40px;
    left:40%;
    font-size:30px;
    line-height: 55px;
    text-align: center;
}
.extension-item-container{
    width:100%;
    height:379px;
    position:absolute;
    z-index: 8;
}
.extension-item-container .left{
    height: 100%;
    width: 40%;
    float: left;
    background: url(../images/coopimg/coop-bg-02-01.png) no-repeat;
    background-size: 620px;
    position: relative;
    background-position: -80px 64px;
}
.extension-main-container.animation .extension-shadow-container{
    top:112px;
}
.extension-main-container.animation .extension-item-container .left{
    background:url(../images/coopimg/coop-bg-02.png) right top no-repeat;
    background-size: 546px;
}
.extension-item-container .right{
    height:100%;
    width:60%;
    float:right;
    box-sizing: border-box;
    padding-left: 60px;
    top: 93px;
    position: relative;
}
.extension-shadow-container{
    position:absolute;
    bottom:0;
    top:188px;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.6);
    z-index: 6;
    background: rgba(0,0,0,.6) url(../images/coopimg/coop-bg-01.png) left bottom repeat-x;
}
.form-ul{
    margin-top:102px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.form-ul.animation{
    margin-top:40px;
}
.header-1{
    font-size:24px;
    color:#f06c1d;
    font-weight:bolder;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
    -webkit-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;
    -moz-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;
    text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;
    /**filter: Glow(Color=#ffffff, Strength=3);*/
}
.intro{
    font-size:14px;
    margin-right: 40px;
    margin-top: 14px;
    line-height: 20px;
}
.form-container{
    width:80%;
    height:140px;
    background-color:#fff;
    margin-top:14px;
    box-sizing: border-box;
    padding:10px 20px;
    position:relative;
}
.form-container table{
    width:100%;
    height:100%;
}
.form-container table td{
    width:50%;
}
.form-container table tr:first-child{
    height:20px;
}
.form-container table tr:nth-child(3){
    height:30px;
}
.font-smaller{
    font-size:12px;
}
.font-input{
    height:26px;
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:solid 1px #cccccc;
    color:#689df8;
}
.extension-container .city-picker-selector .selector-item{
    width:110px;
    margin-left:10px;
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:solid 1px #cccccc;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.extension-container .city-picker-selector .selector-item:first-child{
    margin-left:0;
}
.extension-container .city-picker-selector .selector-list{
    top:-174px;
    width:140px;
}
.extension-container .city-picker-selector *{
    font-size:14px;
}
.extension-sub-btn{
    width:80px;
    height:40px;
    background-color:rgba(246,108,26,.8);
    border:0;
    color:#fff;
    position:absolute;
    right:0;
    bottom:0;
    cursor: pointer;
}
.extension-container .selector-name,.coop-form-container .selector-name{
    color:#689df8;
}
.coop-intro-item{
    line-height:30px;
}
.coop-intro-item.flow{
    text-align: center;
    margin-top:40px;
}
.coop-intro-item.flow > img{
    width:80%;
}
.coop-intro-container > .section{
    padding:60px 10%;
}
.coop-intro-container > .section:first-child{
    background:url(../images/coopimg/coop-item-bg-01.png) center no-repeat;
    background-size:580px;
}
.coop-intro-container > .section:nth-child(2){
    background:url(../images/coopimg/coop-item-bg-02.png) right center no-repeat;
    background-size:385px;
    background-position:90%;
}
.coop-intro-container > .section:nth-child(3){
    background:url(../images/coopimg/coop-item-bg-03.png) right center no-repeat;
    background-size:385px;
    background-position:90%;
}
.coop-intro-container > .section:nth-child(odd){
    background-color:#fff;
}
.coop-form-container{
    padding:30px 30px 50px 30px;
    background-color:#ececec;
    margin-top:20px;
    position:relative;
}
.red-flag{
    position: absolute;
    top: -8px;
    right: 46px;
}
.coop-form-container .extension-sub-btn{
    background-color:#d9cbc3;
    width:160px;
    font-size:16px;
}
.coop-form-container .extension-sub-btn:hover{
    background-color:rgba(246,108,26,.8);
    color:#fff;
}
.coop-form-container .extension-sub-btn:active{
    background-color:rgba(246,108,26,1);
    color:#fff;
}
#coopForm table{
    width:100%;
}
#coopForm tr > td:first-child{
    width:45%;
}
#coopForm tr > td:last-child{
    width:55%;
}
.coop-form-container .city-picker-selector .selector-item{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.coop-form-container .city-picker-selector .selector-item .selector-name:hover{
    background-color: transparent;
}
.coop-form-row td{
    font-size:14px;
}
.coop-yn-service{
    width: 900px;
    margin-top: 10px;
}
.flow .coop-yn-service{
    width: 960px;
}
.text-align-center{
    text-align: center;
}
.tipPop { width: 360px; height: 50px; background-color: #fff; box-shadow: 0px 2px 8px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.15); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.15); position:fixed; top: 50%; left: 50%; margin-top: -25px; margin-left: -178px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; z-index:1000000; }
.tipPop .tip-txt { height: 24px; line-height: 24px; display: inline-block; padding-left: 35px; margin: 13px 0; font-size: 16px; }
.tipPop .tip-success { background: url(../images/tips_ico1.png) no-repeat left center; }
.tipPop .tip-fail { background: url(../images/tips_ico2.png) no-repeat left center; }
.tipPop .tip-loading { background: url(../images/tips_loading.gif) no-repeat left center; }
.tipPop .tip-refresh { background: url(../images/tips_refresh.gif) no-repeat left center; }

.floor-five,.floor-six,.floor-seven{
    padding: 70px 0 55px 0;
    background-color:#fff;
}
.floor-five {
    background-image: url(../images/coopimg/section-item-bg-01.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 440px;
}
.section-item-title{
    font-size:26px;
    color:#333333;
    font-weight:500;
    position:relative;
    line-height: 60px;
}
.section-item-title:after{
    content:'';
    width:20px;
    height:3px;
    background-color:#689df8;
    position:absolute;
    bottom:0;
    left:0;
}
.floor-five p.description{
    width:54%;
    color:#666666;
    line-height: 30px;
    margin-top:20px;
}
/*.floor-five .w1160{
    background-image:url(../images/coopimg/section-item-bg-01.png);
    background-repeat:no-repeat;
    background-position: 72% center;
    background-size:360px;
}*/
.go-to-reg{
    color: #00aeff;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    height:30px;
    line-height: 30px;
    margin-top:30px;
    box-sizing: border-box;
}
.go-to-reg:hover{
    border-bottom: solid 1px #00aeff;
}
.go-to-reg span{
    width: 16px;
    height: 16px;
    background-color: #00aeff;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    margin-left: 6px;
    vertical-align: text-bottom;
    position:relative;
}
.go-to-reg span:after{
    content:'>';
    position:absolute;
    left: 3px;
    top: -7px;
    color:#fff;
}
.floor-six{
    background: url(../images/coopimg/section-item-bg-02.png) left center no-repeat;
    height:auto;
    overflow: hidden;
    background-size: cover;
}
.floor-eight{
    background: url(../images/coopimg/section-item-bg-04.png) left center no-repeat;
    background-size: cover;
}
.floor-six .left{
    width:40%;
    float:left;
    text-align: left;
}
.floor-six .left img{
    height:100%;
}
.floor-six .right{
    width:60%;
    float:right;
    color:#fff;
}
.floor-six .section-item-title{
    color:#fff;
}
.floor-six .section-item-title:after{
    background-color:#fff;
}
.floor-six .description{
    margin-top:20px;
    line-height: 30px;
}
.floor-six .go-to-reg{
    margin-top:20px;
    color:#fff;
}
.floor-six .go-to-reg span{
    background-color:#fff;
}
.floor-six .go-to-reg span:after{
    color:#656460;
}
.floor-six .go-to-reg{
    border-bottom-color: #fff;
}
.floor-seven .w1160{
    background:none;
}
.floor-seven{
    background-image:url(../images/coopimg/section-item-bg-03.png);
    background-repeat:no-repeat;
    background-position: 90% center;
    background-size:440px;
}
.floor-seven p.description{
    width:54%;
}
.floor-two{
    background:url(../images/coopimg/section-item-bg-05.png) center left no-repeat;
    background-size: cover;
}
.floor-two .floorTit{
    color:#fff;
}
.bottomNR .bottom-register:hover{
    background-color:#fff;
    color:#689df8;
}
.coop-intro-title.service-title,.coop-intro-title.coop-title{
    margin-top:5px;
}
.register-link-btn{
    padding:0 20px;
}
.just-need-30s{
    margin-top:20px;
}
.note{
    height:30px;
    background-color:#f65f4c;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    cursor: pointer;
}
.margin-top-30{
    margin-top:30px;
}

@keyframes firecracker
{
    from {
        transform:rotate(20deg);
        -ms-transform:rotate(20deg); 	/* IE 9 */
        -moz-transform:rotate(20deg); 	/* Firefox */
        -webkit-transform:rotate(20deg); /* Safari 和 Chrome */
        -o-transform:rotate(20deg); 	/* Opera */
    }
    50%{
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); 	/* IE 9 */
        -moz-transform:rotate(0deg); 	/* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg); 	/* Opera */
    }
    to {
        transform:rotate(-20deg);
        -ms-transform:rotate(-20deg); 	/* IE 9 */
        -moz-transform:rotate(-20deg); 	/* Firefox */
        -webkit-transform:rotate(-20deg); /* Safari 和 Chrome */
        -o-transform:rotate(-20deg); 	/* Opera */
    }
}

@-moz-keyframes firecracker /* Firefox */
{
    from {
        transform:rotate(20deg);
        -ms-transform:rotate(20deg); 	/* IE 9 */
        -moz-transform:rotate(20deg); 	/* Firefox */
        -webkit-transform:rotate(20deg); /* Safari 和 Chrome */
        -o-transform:rotate(20deg); 	/* Opera */
    }
    50%{
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); 	/* IE 9 */
        -moz-transform:rotate(0deg); 	/* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg); 	/* Opera */
    }
    to {
        transform:rotate(-20deg);
        -ms-transform:rotate(-20deg); 	/* IE 9 */
        -moz-transform:rotate(-20deg); 	/* Firefox */
        -webkit-transform:rotate(-20deg); /* Safari 和 Chrome */
        -o-transform:rotate(-20deg); 	/* Opera */
    }
}

@-webkit-keyframes firecracker /* Safari 和 Chrome */
{
    from {
        transform:rotate(20deg);
        -ms-transform:rotate(20deg); 	/* IE 9 */
        -moz-transform:rotate(20deg); 	/* Firefox */
        -webkit-transform:rotate(20deg); /* Safari 和 Chrome */
        -o-transform:rotate(20deg); 	/* Opera */
    }
    50%{
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); 	/* IE 9 */
        -moz-transform:rotate(0deg); 	/* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg); 	/* Opera */
    }
    to {
        transform:rotate(-20deg);
        -ms-transform:rotate(-20deg); 	/* IE 9 */
        -moz-transform:rotate(-20deg); 	/* Firefox */
        -webkit-transform:rotate(-20deg); /* Safari 和 Chrome */
        -o-transform:rotate(-20deg); 	/* Opera */
    }
}

@-o-keyframes firecracker /* Opera */
{
    from {
        transform:rotate(20deg);
        -ms-transform:rotate(20deg); 	/* IE 9 */
        -moz-transform:rotate(20deg); 	/* Firefox */
        -webkit-transform:rotate(20deg); /* Safari 和 Chrome */
        -o-transform:rotate(20deg); 	/* Opera */
    }
    50%{
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); 	/* IE 9 */
        -moz-transform:rotate(0deg); 	/* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg); 	/* Opera */
    }
    to {
        transform:rotate(-20deg);
        -ms-transform:rotate(-20deg); 	/* IE 9 */
        -moz-transform:rotate(-20deg); 	/* Firefox */
        -webkit-transform:rotate(-20deg); /* Safari 和 Chrome */
        -o-transform:rotate(-20deg); 	/* Opera */
    }
}
.note .w1160{
    height: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    position:relative;
}
.firecracker-img{
    position:absolute;
    top:-6px;
    left:-72px;
    transform-origin:50% 0;
    -ms-transform-origin:50% 0; 		/* IE 9 */
    -webkit-transform-origin:50% 0;	/* Safari 和 Chrome */
    -moz-transform-origin:50% 0;		/* Firefox */
    -o-transform-origin:50% 0;		/* Opera */
    -webkit-animation:firecracker .6s;
    -o-animation:firecracker .6s;
    animation:firecracker .6s;
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear; /* Safari 和 Chrome */
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */
}
.firecracker-img:last-child{
    right:-72px;
    left:auto;
}
.note-content-container{
    background-color:transparent;
    height:30px;
    line-height: 30px;
    fot-size:14px;
}
.note-content-container:hover{
    background-color: transparent;
}
.note-content-container a{
    color:#fff;
}
.aboutRight .aboutTxt{
    padding-top:80px;
}