@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑"
}

p {
    padding: 0;
    margin: 0
}

body {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.clearFloat {
    clear: both
}

#jzAllianceBox {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.webJoinBrand {
    visibility: hidden
}

.web_alliance {
    position: relative;
    margin: 0 auto
}

.containerJz {
    width: 100%;
    min-width: 1200px
}

.containerJz1 {
    width: 100%;
    height: 645px
}

.swiper-container {
    width: 100%;
    min-width: 1200px;
    height: 645px
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    height: 645px;
    position: relative
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    height: 645px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.swiper-container {
    width: 100%;
    min-width: 1200px;
    height: 645px
}

.bigBanner {
    position: relative
}

.swiperImg {
    position: absolute;
    top: 0;
    left: 0
}

.btnContainer {
    position: relative;
    z-index: 333;
    width: 1200px;
    height: 640px;
    margin: 0 auto
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff;
    width: 20px;
    border-radius: 15px
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 56px;
    left: 0;
    width: 100%
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    right: 0;
    left: 0;
    top: 600px;
    margin: 0 auto
}

#webJoinBrand .banner1 {
    background: url(../img/alliance/banner1.jpg?v=201711250646) center 0 no-repeat
}

#webJoinBrand .banner2 {
    background: url(../img/alliance/banner2.jpg?v=201711250646) center 0 no-repeat
}

#webJoinBrand .banner3 {
    background: url(../img/alliance/banner3.jpg?v=201711250646) center 0 no-repeat
}

#webJoinBrand .banner4 {
    background: url(../img/alliance/banner4.jpg?v=201711250646) center 0 no-repeat
}

.swiper-pagination-switch {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 6px;
    cursor: pointer;
    background: url(../img/alliance/sprite.png?v=201711250646) -20px -580px no-repeat
}

.swiper-active-switch {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../img/alliance/sprite.png?v=201711250646) 0 -580px no-repeat
}

.webJoinBrand .banner1 .joinBtn {
    position: absolute;
    display: block;
    width: 173px;
    height: 50px;
    background: url(../img/alliance/banner-btn.png?v=201711250646) 0 0 no-repeat;
    left: 0;
    right: 0;
    top: 460px;
    margin: 0 auto
}

.webJoinBrand .banner2 .joinBtn {
    position: absolute;
    display: block;
    width: 175px;
    height: 60px;
    background: url(../img/alliance/banner2-btn.png?v=201711250646) 0 0 no-repeat;
    left: 25px;
    top: 350px
}

.webJoinBrand .banner3 .joinBtn {
    position: absolute;
    display: block;
    width: 212px;
    height: 52px;
    background: url(../img/alliance/banner3-btn.png?v=201711250646) 0 0 no-repeat;
    right: 225px;
    top: 450px
}

.webJoinBrand .banner4 .joinBtn {
    position: absolute;
    display: block;
    width: 463px;
    height: 104px;
    background: url(../img/alliance/banner4-btn.png?v=201711250646) 0 0 no-repeat;
    left: 228px;
    top: 450px
}

.containerJz2 {
    height: 625px;
    background: #fff
}

.contentJz {
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.headerCMBC {
    font-size: 36px;
    color: #333;
    text-align: center;
    padding-top: 53px
}

.bgCMBC {
    width: 220px;
    height: 40px;
    background: url(../img/alliance/sprite.png?v=201711250646) 0 -140px no-repeat;
    margin: 0 auto
}

.ulCMBC {
    width: 1200px;
    height: 360px;
    list-style: none;
    float: left;
    margin-top: 45px
}

.liCMBC {
    width: 299px;
    height: 360px;
    border-right: 1px dashed #ddd;
    text-align: center;
    font-size: 16px;
    color: #808080;
    line-height: 28px
}

.liCMBC span {
    display: block;
    width: 100%
}

.liCMBC .policyIcon {
    width: 100px;
    height: 100px;
    margin: 20px auto 40px auto;
    background-image: url(../img/alliance/sprite.png?v=201711250646);
    background-repeat: no-repeat
}

.liCMBC .backslash {
    width: 20px;
    height: 20px;
    margin: 16px auto 12px auto;
    background: url(../img/alliance/sprite.png?v=201711250646) 0 -120px no-repeat
}

.policyOne .policyIcon {
    background-position: 0 0
}

.policyTwo .policyIcon {
    background-position: -120px 0
}

.policyThree .policyIcon {
    background-position: -240px 0
}

.policyFour .policyIcon {
    background-position: -360px 0
}

.containerJz2 .policyFour {
    border: 0
}

.liCMBC .policyTitle {
    font-size: 24px;
    color: #333;
    line-height: 30px
}

.containerJz3 {
    height: 760px;
    background: url(../img/alliance/benefitBg.jpg?v=201711250646) 0 0 no-repeat
}

.containerJz3 .contentJz .headerEarn {
    text-align: center;
    font-size: 16px;
    color: #fff
}

.containerJz3 .headerEarn .title {
    display: block;
    font-size: 36px;
    color: #fff;
    padding-top: 100px;
    margin-bottom: 24px
}

.headerEarn .productJz {
    color: #00a0e9
}

.containerJz3 .ulEarn {
    width: 1200px;
    height: 350px;
    list-style: none;
    float: left;
    margin-top: 106px
}

.ulEarn .liEarn {
    width: 300px;
    height: 300px
}

.liEarn span {
    display: block;
    width: 100%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-top: 7px
}

.liEarn .earnIcon {
    width: 300px;
    height: 235px
}

.liEarnOne .earnIcon {
    background: url(../img/alliance/iconProfit.png?v=201711250646) center center no-repeat
}

.liEarnTwo .earnIcon {
    background: url(../img/alliance/iconComponent.png?v=201711250646) center center no-repeat
}

.liEarnThree .earnIcon {
    background: url(../img/alliance/iconKeep.png?v=201711250646) center center no-repeat
}

.liEarnFour .earnIcon {
    background: url(../img/alliance/iconBrand.png?v=201711250646) center center no-repeat
}

.earnSum {
    font-size: 16px;
    color: #b2b2b2;
    line-height: 30px;
    text-align: center
}

.containerJz4 {
    height: 333px;
    background: #558ed5
}

.containerJz4 .contentJz {
    height: 333px
}

.headerImpower {
    font-size: 36px;
    color: #fff;
    text-align: center;
    padding: 66px 0 59px 0
}

.searchCom {
    position: relative;
    width: 860px;
    height: 150px;
    margin: 0 auto
}

.searchPartner {
    width: 742px;
    height: 52px;
    background: #fff;
    color: #000;
    border: 1px solid #1769c1;
    border-radius: 3px;
    text-indent: 30px;
    font-size: 18px;
    line-height: 52px
}

.searchBtn {
    width: 120px;
    border: 0;
    height: 54px;
    background: #1869c2;
    font-size: 18px;
    color: #fff;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    border-radius: 3px
}

.rtMsg {
    padding-top: 40px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    display: none
}

.inexistence {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    background: url(../img/alliance/sprite.png?v=201711250646) 0 -195px no-repeat;
    vertical-align: middle
}

.containerJz5 {
    height: 950px;
    background: #f5f5f5
}

.containerJz5 .contentJz .headerShow {
    font-size: 36px;
    color: #333;
    text-align: center;
    padding-top: 86px
}

.headerShow .bgShow {
    width: 220px;
    height: 40px;
    background: url(../img/alliance/sprite.png?v=201711250646) -230px -140px no-repeat;
    margin: 0 auto
}

.ulShow {
    width: 1008px;
    height: 730px;
    list-style: none;
    margin: 0 auto
}

.liShow {
    width: 320px;
    height: 313px;
    margin-right: 19px;
    background: #fff;
    font-size: 14px;
    color: #808080;
    line-height: 25px;
    margin-bottom: 28px;
    margin-top: 30px;
    border-radius: 3px
}

.liShow:hover {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20), -2px -2px 10px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20), -2px -2px 10px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20), -2px -2px 10px rgba(0, 0, 0, 0.20);
    -ms-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20), -2px -2px 10px rgba(0, 0, 0, 0.20);
    -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20), -2px -2px 10px rgba(0, 0, 0, 0.20)
}

.personImg {
    width: 290px;
    height: 192px;
    margin: 15px;
    background: #ddd
}

.personImg1 {
    background: url(../img/alliance/personImg1.jpg?v=201711250646) 0 0 no-repeat
}

.personImg2 {
    background: url(../img/alliance/personImg2.jpg?v=201711250646) 0 0 no-repeat
}

.personImg3 {
    background: url(../img/alliance/personImg3.jpg?v=201711250646) 0 0 no-repeat
}

.personImg4 {
    background: url(../img/alliance/personImg4.jpg?v=201711250646) 0 0 no-repeat
}

.personImg5 {
    background: url(../img/alliance/personImg5.jpg?v=201711250646) 0 0 no-repeat
}

.personResume {
    width: 290px;
    height: 88px;
    margin: 0 15px
}

.personResume .name {
    font-size: 18px;
    color: #262626;
    line-height: 30px
}

.showDetail {
    display: block;
    width: 100%;
    height: 55px
}

.liRight {
    margin-right: 0
}

.liShowLast {
    background: #1869c2;
    text-align: center;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.liShowLast .personJoinin {
    width: 100%;
    height: 200px;
    background: url(../img/alliance/iconJoin.png?v=201711250646) center 70px no-repeat
}

.containerJz6 {
    height: 740px
}

.containerJz6 .contentJz {
    height: 120px
}

.headerCertification {
    font-size: 36px;
    color: #333;
    text-align: center;
    padding-top: 58px
}

.ulCertification {
    width: 100%;
    min-width: 1200px;
    margin: 20px auto;
    height: auto
}

.liCertification {
    padding-top: 30px;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    height: 110px
}

.liContentBox {
    width: 1000px;
    margin: 0 auto
}

.liCertification .dateL {
    display: inline-block;
    width: 140px;
    height: 110px;
    text-align: right;
    vertical-align: top;
    font-size: 16px;
    margin-right: 45px
}

.liCertification .dateL .daily {
    font-size: 48px;
    line-height: 55px
}

.liCertification .dateL span {
    display: block
}

.liCertification .contentR {
    display: inline-block;
    height: 110px;
    width: 800px;
    vertical-align: top
}

.containerJz6 .question {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 20px
}

.containerJz6 .answer {
    font-size: 16px;
    line-height: 25px
}

.containerJz6 .ulCertification .liDouble {
    color: #fff;
    background: #92b7e4
}

.containerJz6 .ulCertification .liSingle {
    color: #999
}

.containerJz6 .ulCertification .liSingle .daily {
    color: #558ed5
}

.containerJz6 .ulCertification .liSingle .question {
    color: #333
}

.liseeMore {
    padding-top: 64px;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    height: 50px;
    padding-bottom: 64px
}

.seeMore {
    width: 1000px;
    margin: 0 auto
}

.btn_seeMore {
    width: 280px;
    height: 47px;
    border-radius: 3px;
    background: #1869c2;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 47px;
    margin: 0 auto
}

.containerJz7 {
    height: 404px;
    background: #2d2d2d
}

.containerJz7 .contentJz {
    width: 1200px;
    margin: 0 auto
}

.containerJz7 .fkMSG {
    display: inline-block;
    width: 500px;
    float: left;
    vertical-align: top
}

.containerJz7 .formJoin {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 700px
}

.fkLogo {
    width: 145px;
    height: 80px;
    background: url(../img/alliance/sprite.png?v=201711250646) 0 -230px no-repeat;
    margin: 23px 0 37px 0
}

.fkContact {
    font-size: 16px;
    color: #808080;
    line-height: 25px
}

.fksocialbox {
    margin-top: 50px
}

.fksocialIcon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    background-image: url(../img/alliance/sprite.png?v=201711250646);
    background-repeat: no-repeat
}

.fk_iconA {
    background-position: 0 -318px
}

.fk_iconB {
    background-position: -40px -318px
}

.fk_iconC {
    background-position: -80px -318px
}

.fk_iconA:hover {
    background-position: -120px -318px
}

.fk_iconB:hover {
    background-position: -160px -318px
}

.fk_iconC:hover {
    background-position: -200px -318px
}

.formJoin .title {
    font-size: 36px;
    color: #ccc;
    line-height: 36px;
    padding: 45px 0 32px 0
}

.formJoin .formTxt {
    display: inline-block;
    width: 206px;
    height: 30px;
    line-height: 30px;
    color: #808080;
    margin-right: 21px;
    background: #535353;
    border: 0;
    text-indent: 15px;
    box-sizing: border-box;
    zoom: 1
}

:-ms-lang(x), .formJoin .formTxt {
    text-indent: 5px
}

#tel {
    margin-right: 0
}

.formTxt:focus, .note:focus {
    border: 0;
    outline: 0
}

::-moz-placeholder {
    color: #808080
}

::-webkit-input-placeholder {
    color: #808080
}

:-ms-input-placeholder {
    color: #808080
}

.formJoin .note {
    width: 668px;
    height: 96px;
    line-height: 30px;
    color: #808080;
    background: #535353;
    border: 0;
    text-indent: 15px;
    margin: 20px auto;
    resize: none;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden
}

_:-ms-lang(x), .formJoin .note {
    text-indent: 5px
}

.fk_navFloat {
    z-index: 100;
    margin-left: 1200px;
    width: 55px;
    height: 468px;
    position: fixed;
    bottom: 300px;
    font-size: 14px;
    font-family: "微软雅黑";
    z-index: 100px;
    margin-left: 1200px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop)+600)
}

.fk_navFloat .navUL {
    list-style: none;
    width: 50px;
    border: 1px solid #999;
    border-radius: 10px;
    height: 468px;
    background: #fff
}

.fk_navFloat .navLI {
    width: 50px;
    display: block;
    margin: 0;
    height: 80px;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #999
}

.fk_navFloat .iconNav:hover, .navLI:hover {
    background-color: #2f82ff
}

.webFloat {
    width: 1200px;
    margin: 0 auto
}

.webFloat .iconNav {
    width: 30px;
    height: 35px;
    margin: 5px auto;
    background-image: url(../img/alliance/sprite.png?v=201711250646);
    background-repeat: no-repeat
}

.navpolicy .iconNav {
    background-position: 5px -530px
}

.navMode .iconNav {
    background-position: -35px -530px
}

.navType .iconNav {
    background-position: -75px -530px
}

.navResult .iconNav {
    background-position: -115px -530px
}

.navAgent .iconNav {
    background-position: -155px -530px
}

.navUL .navTop {
    height: 60px;
    border: 0
}

.navTop .iconNav {
    width: 40px;
    height: 45px;
    background-position: -195px -530px
}

#webJBNav .curNavFloat {
    background: #3e76b1;
    color: #fff
}

#webJBNav .navpolicy {
    border-radius: 8px 8px 0 0
}

#webJBNav .curNavFloat.navpolicy .iconNav {
    background-position: -230px -530px
}

#webJBNav .curNavFloat.navMode .iconNav {
    background-position: -270px -530px
}

#webJBNav .curNavFloat.navType .iconNav {
    background-position: -310px -530px
}

#webJBNav .curNavFloat.navResult .iconNav {
    background-position: -350px -530px
}

#webJBNav .curNavFloat.navAgent .iconNav {
    background-position: -390px -530px
}

#webAlliance {
    visibility: hidden
}

#webAgency .swiper-container {
    height: 806px
}

#webAgency .swiper-pagination {
    top: 750px
}

#webAgency .webAgency_ban1 {
    width: 100%;
    height: 420px;
    background: #464AF1;
    overflow: hidden
}

#webAgency .btnContainer {
    position: relative;
    z-index: 333;
    width: 1200px;
    height: 860px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.btnContainer .banIcon {
    position: absolute;
    bottom: -10px;
    right: -172px;
    width: 863px;
    height: 718px;
    background: url(../img/alliance/agentBan_icon1.png?v=201711250646) center center no-repeat
}

#webAgency .joinBtn {
    display: block;
    border: 0;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

#webAgency .webAgency_ban1 .banHeadLine {
    padding-top: 100px;
    font-size: 38px;
    color: #fff
}

#webAgency .webAgency_ban1 .banSubHeadLine {
    padding-top: 50px;
    font-size: 26px;
    color: #fff
}

#webAgency .webAgency_ban1 .joinBtn {
    width: 200px;
    height: 56px;
    line-height: 56px;
    background: #3fd7c4;
    border-radius: 3px;
    background: #00d983;
    margin-top: 56px
}

#webAgency .webAgency_box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

#webAgency .webAgency_2 {
    height: 860px;
    width: 100%;
    background: #f7fafc
}

#webAgency .webAgency_3 {
    width: 100%;
    height: 560px;
    background: #fff
}

#webAgency .webAgency_4 {
    width: 100%;
    height: 400px;
    background: #f7fafc
}

#webAgency .webAgency_5 {
    width: 100%;
    height: 520px;
    background: #fff
}

#webAgency .webAgency_6 {
    width: 100%;
    height: 700px;
    background: url(../img/alliance/brandBan2.jpg?v=201711250646) center 0 no-repeat;
    padding-top: 100px
}

.webAgency_box .brandSuperiority {
    height: 100px;
    width: 360px;
    margin: 0 auto 27px auto;
    text-align: center;
    background: url(../img/alliance/sprite.png?v=201711250646) 0 -600px no-repeat
}

.webAgency_box .brandSuperiority2 {
    height: 100px;
    width: 500px;
    margin: 0 auto 27px auto;
    text-align: center;
    background: url(../img/alliance/sprite.png?v=201711250646) 0 -700px no-repeat
}

#webAgency .brandSuperiority_ul {
    width: 1200px;
    margin: 0 auto
}

.brandSuperiority_ul .brandSuperiority_li {
    float: left;
    width: 298px;
    height: 400px;
    border-right: 1px solid #ddd
}

.brandSuperiority_li .brand_icon {
    display: block;
    margin: 0 auto;
    height: 250px;
    height: 200px;
    background-image: url(../img/alliance/sprite.png?v=201711250646);
    background-repeat: no-repeat
}

.brandSuperiority_li .brand_headline {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #222329;
    margin-bottom: 15px
}

.brandSuperiority_li .brand_subheading {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #787878;
    line-height: 32px
}

.brandSuperiority_li1 .brand_icon {
    background-position: -28px -32px
}

.brandSuperiority_li2 .brand_icon {
    background-position: -329px -32px
}

.brandSuperiority_li3 .brand_icon {
    background-position: -28px -280px
}

.brandSuperiority_li4 .brand_icon {
    background-position: -329px -280px
}

.brandSuperiority_li .brandSuperiority_li4 {
    border: 0
}

.webAgency_box .joinFK_headline {
    font-size: 18px;
    color: #3e3e3e;
    margin-bottom: 30px
}

.webAgency_box .joinFK_detail {
    font-size: 14px;
    color: #787878
}

.webAgency_box .joinFK_Request {
    position: absolute;
    width: 337px
}

.webAgency_box .joinFK_1 {
    top: 196px;
    left: 30px
}

.webAgency_box .joinFK_2 {
    top: 196px;
    left: 432px
}

.webAgency_box .joinFK_4 {
    top: 442px;
    left: 248px
}

.webAgency_box .joinFK_5 {
    top: 442px;
    right: 213px
}

.webAgency_box .joinFK_3 {
    width: 360px;
    top: 196px;
    right: -4px
}

.webAgency_box .webAgency_mess {
    float: left;
    width: 480px;
    height: 100%
}

.webAgency_box .formJoin {
    width: 530px;
    min-height: 470px;
    height: auto;
    background: rgba(255, 255, 255, 0.95);
    border: 0;
    border-radius: 5px;
    margin: 0 auto 0 auto
}

.webAgency_box .formJoin .title {
    color: #333;
    font-size: 36px;
    text-align: center
}

.webAgency_box .fkAgencyLogo {
    width: 160px;
    height: 76px;
    background: url(../img/alliance/sprite.png?v=201711250646) 0 -510px no-repeat;
    margin: 23px 0 37px 0
}

.webAgency_box .fkAgencyContact {
    line-height: 50px;
    vertical-align: middle;
    font-size: 16px;
    color: #fff
}

.fkAgencyContact .fkContact1, .fkAgencyContact .fkContact2, .fkAgencyContact .fkContact3 {
    margin-bottom: 6px
}

.fkAgencyContact .fkAgency_icon {
    display: inline-block;
    width: 53px;
    height: 50px;
    background-image: url(../img/alliance/sprite.png?v=201711250646);
    background-repeat: no-repeat;
    vertical-align: middle
}

.fkContact1 .fkAgency_icon {
    background-position: -185px -527px
}

.fkContact2 .fkAgency_icon {
    background-position: -279px -527px
}

.fkContact3 .fkAgency_icon {
    background-position: -373px -527px
}

.webAgency_box .formJoin .formTxt {
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 5px
}

.webAgency_box .formJoin .note {
    background: #fff
}

.webAgency_box .submit {
    width: 428px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    background: #0084ff;
    border: 0;
    border-radius: 5px;
    margin: 10px auto;
    text-align: center;
    cursor: pointer
}

#webAgency .swiper-pagination-switch {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 4px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer
}

#webAgency .swiper-active-switch {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: #fff;
    opacity: 1;
    width: 20px;
    border-radius: 15px
}

#webAgency .resultBtn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background: #d7322d;
    color: #fff;
    text-align: center;
    cursor: pointer
}

#webAgency .resultBtn:hover {
    background: #e14641
}

#webAgency .webAgency_2 .resultBtn {
    bottom: 97px
}

#webAgency .webAgency_3 .resultBtn {
    bottom: 85px
}

#webAgency .webAgency_1 {
    width: 100%;
}

#webAgency .webAgency_ban2 {
    width: 100%;
    min-width: 1200px
}

.entranceJZ {
    width: 972px;
    padding: 0 54px;
    position: relative
}

.entranceJZ {
    height: 100px;
    padding: 0;
    width: 1020px;
    margin: 0 auto;
    height: 90px;
    overflow: hidden
}

.allianceBtn {
    display: inline-block;
    margin: 25px 0;
    padding: 0;
    width: 230px;
    font-size: 20px;
    color: #2f82ff;
    background: #f2f2f2;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    height: 90px
}

.allianceBtn {
    margin: 0;
    margin-right: 75px;
    height: 100%;
    line-height: 90px;
    width: auto;
    background: 0;
    color: #333;
    border-radius: 0;
    font-size: 18px
}

.allianceBtn-active {
    color: #2f82ff
}

.entranceJZ .f-line {
    background: #2f82ff;
    height: 4px;
    position: absolute;
    width: auto
}

.webAgency_box .faisco_product {
    width: 642px;
    height: 444px;
    background: url(../img/alliance/faisco_product.png?v=201711250646) 0 0 no-repeat;
    margin: 74px auto 0 auto
}

.webAgency_box .headline {
    font-size: 28px;
    color: #333;
    text-align: center
}

.webAgency_box .content {
    font-size: 18px;
    color: #888;
    text-align: center
}

.webAgency_2 .headline {
    padding-top: 88px
}

.webAgency_2 .content {
    padding-top: 30px
}

.webAgency_3 .webAgency_box .headline {
    padding: 40px 0 40px 0
}

.fkInfoBox {
    width: 300px;
    height: 406px;
    display: inline-block;
    box-shadow: 0 8px 15px rgba(117, 146, 170, 0.2);
    -webkit-box-shadow: 0 8px 15px rgba(117, 146, 170, 0.2);
    -moz-box-shadow: 0 8px 15px rgba(117, 146, 170, 0.2);
    -ms-box-shadow: 0 8px 15px rgba(117, 146, 170, 0.2);
    -o-box-shadow: 0 8px 15px rgba(117, 146, 170, 0.2);
    vertical-align: middle
}

.productBox {
    margin: 0 106px
}

.headColor {
    width: 100%;
    height: 4px
}

.brandBox .headColor {
    background: #0072fb
}

.productBox .headColor {
    background: #fa8c16
}

.serveBox .headColor {
    background: #3cb624
}

.fkInfoBox .fk_icon, .fkIncomeBox .fk_icon {
    width: 150px;
    height: 150px;
    margin: 26px auto 25px auto
}

.brandBox .fk_icon {
    background: url(../img/alliance/icon_brand.png?v=201711250646) 0 0 no-repeat
}

.productBox .fk_icon {
    background: url(../img/alliance/icon_product.png?v=201711250646) 0 0 no-repeat
}

.serveBox .fk_icon {
    background: url(../img/alliance/icon_serve.png?v=201711250646) 0 0 no-repeat
}

.fkInfoBox .boxHeadline, .fkIncomeBox .boxHeadline {
    font-size: 24px;
    color: #333;
    text-align: center
}

.fkInfoBox .boxContent, .fkIncomeBox .boxContent {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-top: 20px;
    line-height: 25px
}

.webAgency_4 .fkIncomeBox {
    width: 270px;
    height: 350px;
    display: inline-block;
    vertical-align: top
}

.webAgency_4 .webAgency_box .headline {
    padding: 40px 0 40px 0
}

.baseBox .fk_icon {
    background: url(../img/alliance/icon_baseIncome.png?v=201711250646) 0 0 no-repeat
}

.reneweBox .fk_icon {
    background: url(../img/alliance/icon_renewIncome.png?v=201711250646) 0 0 no-repeat
}

.otherBox .fk_icon {
    background: url(../img/alliance/icon_otherIncome.png?v=201711250646) 0 0 no-repeat
}

.fkIncomeBox .boxHeadline {
    font-size: 24px;
    color: #333;
    text-align: center
}

.webAgency_4 .reneweBox {
    margin: 0 126px
}

.webAgency_5 .applyFK {
    display: inline-block;
    width: 120px;
    height: 140px;
    vertical-align: top;
    font-size: 24px;
    color: #333;
    text-align: center
}

.webAgency_5 .iconArrow {
    display: inline-block;
    width: 135px;
    height: 140px;
    vertical-align: top;
    background: url(../img/alliance/right_arrow.png?v=201711250646) center 23px no-repeat
}

.webAgency_5 .iconApply {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px auto
}

.applyBox .iconApply {
    background: url(../img/alliance/icon_apply.png?v=201711250646) 0 0 no-repeat
}

.discussBox .iconApply {
    background: url(../img/alliance/icon_discuss.png?v=201711250646) 0 0 no-repeat
}

.contractBox .iconApply {
    background: url(../img/alliance/icon_contract.png?v=201711250646) 0 0 no-repeat
}

.teamworkBox .iconApply {
    background: url(../img/alliance/icon_teamwork.png?v=201711250646) 0 0 no-repeat
}

.webAgency_5 .webAgency_box .headline {
    padding: 88px 0 17px 0
}

.webAgency_5 .subHeadLine {
    font-size: 18px;
    color: #888;
    text-align: center;
    margin-bottom: 60px
}

.formJoin .formLine {
    position: relative;
    width: 428px;
    height: 55px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    line-height: 55px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff
}

.formJoin .formLineType {
    border: 0;
    background: 0
}

.formJoin .formLineType .formLeft {
    text-indent: 0;
    width: 55px
}

.formLine .formLeft {
    width: 65px;
    font-size: 15px;
    color: #666;
    text-indent: 16px;
    text-align: left;
    display: inline-block;
    vertical-align: top
}

#name, #mobile, #qq, #trade, .select-component .select-input, #validateCode {
    border: 0;
    width: 340px;
    height: 53px;
    line-height: 53px;
    font-size: 14px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: top
}

input {
    outline: 0;
    color: #999
}

.showMsg {
    height: 10px;
    width: 428px;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
    color: #f00;
    line-height: 20px;
    text-indent: 0
}

.formLine.foucusLine {
    border: 1px solid #0084ff
}

.formLine.foucusLine .formLeft, .formLine.foucusLine input {
    color: #0084ff
}

.formLine.warmLine {
    border: 1px solid #e64340
}

input[type=radio]#applyType1, input[type=radio]#applyType2 {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    display: none
}

input[type=radio]#applyType1:checked + .typeLable, input[type=radio]#applyType2:checked + .typeLable {
    background: #eee
}

.typeLable {
    width: 80px;
    height: 34px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #666;
    margin-right: 5px;
    cursor: pointer
}

#tradeType {
    width: 428px;
    top: 63px;
    left: -69px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px
}

.select-component .select-list {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    font-size: 14px;
    color: #4c4c4c;
    box-sizing: border-box
}

#tradeType li {
    width: 100%;
    padding: 0;
    line-height: 46px;
    height: 46px;
    border-color: #d6d6d6;
    font-size: 14px;
    color: #666;
    text-indent: 65px
}

#tradeType li:hover {
    background: #e5f3ff;
    cursor: pointer
}

.select-component .select-arrow {
    position: absolute;
    right: 2px;
    top: 24px;
    width: 10px;
    height: 6px;
    background: url(../img/alliance/trangle_grep.png?v=201711250646) 0 0 no-repeat
}

.foucusLine .select-component .select-arrow {
    background: url(../img/alliance/trangle_blue.png?v=201711250646) 0 0 no-repeat
}

.corp-new .field {
    float: left;
    width: auto;
    text-align: left;
    border: 0;
    margin-left: 5px;
    font-size: 14px
}

.select-component {
    position: relative;
    display: inline-block
}

.corp-new .field input[type="text"] {
    outline: 0
}

.corp-new .field input[type="text"], select {
    padding-left: 10px;
    font-family: "微软雅黑";
    width: 251px;
    height: 31px;
    border: 1px solid #c2c2c2
}

.formJoin .formBoxValidateCode {
    width: 428px;
    margin: 0 auto
}

.formJoin .formLine.formLineValidateCode {
    width: 280px;
    float: left
}

.formJoin .formLine.formLineValidateCode .formLeft {
    width: 80px
}

.formJoin .formLine.formLineValidateCode #validateCode {
    width: 190px
}

#validateCodeImg {
    cursor: pointer;
    width: 121px;
    *width: 121px;
    height: 44px;
    margin-top: 6px;
    vertical-align: middle;
    float: right
}

#allianceFkBox {
    width: 246px;
    height: 240px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 334;
    background: url(../img/alliance/floatPop.png?v=201711250646) 0 0 no-repeat;
    background-size: 100%;
    cursor: pointer;
    border-radius: 5px;
    _position: absolute;
    _right: 20px;
    _top: expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)-20)
}

.floatPop_close {
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 335;
    background: url(../img/alliance/floatPop_close.png?v=201711250646) 0 0 no-repeat
}

.fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItem.disable .fk-ask-panelWrap {
    display: block
}

.fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItem.left .f-subArea, .fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItem.left:hover .f-subArea {
    left: 0
}

.fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap, .fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap {
    position: absolute;
    left: 100px;
    top: 0;
    display: block;
    font-size: 14px;
    overflow: hidden;
    width: 182px;
    height: 280px;
    padding: 8px 0;
    margin: 0
}

.fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItem.left .fk-ask-panelWrap {
    padding: 8px
}

.fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItem:hover .f-subArea, .fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItem .f-subArea, .fk-ask-panelWrap_alliance.fk-toolArea .f-subArea {
    position: absolute;
    top: 0;
    left: -12px;
    height: 100%;
    width: 120px
}

.fk-ask-panelWrap_alliance .fk-toolArea .f-toolAskItemHover .fk-ask-panel, .fk-ask-panelWrap_alliance .fk-toolArea .f-toolAskItemUnHover .fk-ask-panel, .fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItemHover .fk-ask-panel {
    margin-left: 0
}

.fk-toolArea.fk-toolAreaAlliance .f-toolAskItemHover .fk-ask-panel, .fk-toolArea.fk-toolAreaAlliance .f-toolAskItemUnHover .fk-ask-panel {
    margin-left: 0
}

.fk-toolArea .f-toolAskItem.left .f-subArea, .fk-toolArea .f-toolAskItem.left:hover .f-subArea {
    left: -12px;
    position: absolute;
    top: 0;
    height: 100%;
    width: 120px
}

.fk-toolArea .f-toolAskItem:hover .f-subArea {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 120px
}

.fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap, .fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap, .fk-toolArea .f-toolAskItem.left .fk-ask-panelWrap, .fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap {
    padding: 8px
}

.fk-ask-panelWrap_alliance.fk-toolArea .f-toolAskItemHover:hover .fk-ask-panel {
    margin-left: 8px
}

.fk-toolArea .f-toolAskItem.left:hover .fk-ask-panelWrap_alliance.fk-ask-panelWrap {
    width: 234px;
    padding: 8px 0;
    left: -242px
}

.fk-toolArea .f-toolAskItemHover:hover .fk-ask-panelWrap_alliance.fk-ask-panelWrap {
    width: 234px
}

.fk-toolArea .f-toolAskItem.left .fk-ask-panelWrap_alliance.fk-ask-panelWrap {
    width: 234px;
    left: -242px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap_alliance.fk-ask-panelWrap {
    width: 234px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap_alliance.fk-ask-panelWrap, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap_alliance.fk-ask-panelWrap {
    height: 66px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap_alliance .fk-ask-panel {
    height: 66px;
    width: 234px
}

.fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-hd {
    padding: 0;
    margin: 0;
    line-height: 63px;
    color: #4ca5ee;
    font-size: 18px
}

.fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.fk-ask-panelWrap_alliance .fk-ask-panel .fk-icon {
    width: 25px;
    height: 21px;
    background: url(../img/alliance/home_ico.png?v=201711250646) no-repeat -649px -1080px
}

.fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-item {
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer
}

.fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-item-before, .fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-item-after, .fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-item-proxy {
    background: #f00;
    border-radius: 19px
}

.fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-item-before, .fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-item-after {
    background: #f00;
    border-radius: 19px
}

.fk-ask-panelWrap_alliance .fk-ask-panel .f-qq-item-before:hover, .fk-ask-panelWrap_alliance .f-qq-item-after:hover {
    background: #f00;
    border-radius: 19px
}

.fk-ask-panelWrap_alliance .fk-ask-panel .f-ask-qqWrap {
    height: 66px
}

.fk-toolAreaAlliance.fk-toolArea .f-toolRefeedItem .f-txt {
    color: #333;
    opacity: 1;
    filter: alpha(opacity=1);
    transition: opacity .3s
}

.fk-toolAreaAlliance.fk-toolArea .f-toolAskItem.left .fk-ask-panelWrap {
    left: -242px
}

.fk-toolArea.fk-toolAreaAlliance .f-toolAskItemHover:hover .fk-ask-panelWrap {
    padding: 8px 0
}

.qudao-container .banner {
    position: relative;
}
.qudao-container .banner>div {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -webkit-calc(50% - 100px);
    top: -moz-calc(50% - 100px);
    top: calc(50% - 100px);
    color: #fff;
}
.qudao-container .banner>div h2 {
    font-size: 18px;
    line-height: 60px;
    font-weight: 100;
}
.qudao-container .banner>div h1 {
    font-size: 38px;
    line-height: 60px;
}
.qudao-container .banner>div>div {
    padding-top: 50px;
}
.qudao-container .banner>div .invest {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    padding: 7px 0;
    width: 140px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 2px;
    margin-right: 15px;
}
.qudao-container .banner>div .vote {
    border: 1px solid #f60;
    background: #f60;
    color: #fff;
    padding: 0 37px;
    border-radius: 2px;
    line-height: 38px;
    font-size: 16px;
    display: inline-block;
}