.topContentDiv {
    width:100%;
    height:auto;
    background-color:#f0f3f6;
    position:relative;
    top:70px;
    padding-top:40px
}
.topDiv {
    width:1238px;
    height:490px;
    position:relative
}
.topLeft {
    width:340px;
    height:490px;
    position:absolute;
    left:0;
    background:url(/image/marketNew/marketn.png?v=201907151551) -1283px 0 no-repeat
}
.topRight {
    width:880px;
    height:490px;
    background-color:#fff;
    position:absolute;
    right:0;
    border-radius:3px
}
.secondPart {
    width:1232px;
    height:366px;
    position:relative
}
.secondPart .webSiteMake {
    width:510px;
    height:360px;
    background-color:#fff;
    border-radius:2px;
    border:solid 1px #e7ebf3;
    position:absolute;
    left:0
}
.secondPart .popularizeWebSite {
    width:702px;
    height:360px;
    background-color:#fff;
    border-radius:2px;
    border:solid 1px #e7ebf3;
    position:absolute;
    right:0
}
.titleFont {
    font-family:MicrosoftYaHei-Bold;
    font-size:24px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:#333;
    font-weight:bold
}
.titleFontPlace1 {
    position:absolute;
    top:-45px
}
.thirdPartLine {
    width:1237px;
    height:236px;
    position:relative
}
.thirdPartCard {
    width:228px;
    height:236px;
    background-color:#fff;
    border-radius:2px;
    border:solid 1px #e7ebf3;
    position:absolute;
    top:0;
    cursor:pointer
}
.thirdPartCardNoHover {
    width:228px;
    height:236px;
    background-color:#fff;
    border-radius:2px;
    border:solid 1px #e7ebf3;
    position:absolute;
    top:0
}
.thirdCardImg {
    width:200px;
    height:150px;
    position:absolute;
    top:20px;
    left:15px
}
.thirdCardFont {
    font-family:MicrosoftYaHei;
    font-size:16px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:#000;
    width:228px;
    position:absolute;
    top:195px;
    text-align:center
}
.unfoldButton {
    width:130px;
    height:36px;
    border-radius:18px;
    border:solid 1px #437bed;
    cursor:pointer
}
.unfoldButton:hover {
    background-color:#437bed
}
.unfoldButtonTxt {
    font-family:MicrosoftYaHei;
    font-size:16px;
    font-weight:normal;
    font-stretch:normal;
    letter-spacing:0;
    color:#1c5de1;
    padding-top:7px
}
.fourthPart {
    width:1237px;
    height:176px;
    position:relative
}
.fourthPartCard {
    width:226px;
    height:176px;
    background-color:#fff;
    border-radius:2px;
    border:solid 1px #e7ebf3;
    position:absolute;
    top:0;
    cursor:pointer
}
.fourthPartCardTop {
    width:226px;
    height:120px;
    position:absolute;
    top:0
}
.fifthPart {
    width:1237px;
    height:140px;
    position:relative
}
.fifthPartCard {
    width:286px;
    height:140px;
    position:absolute;
    top:0;
    cursor:pointer
}
.topLeftTitleFont {
    font-family:MicrosoftYaHei-Bold;
    font-size:16px;
    font-weight:normal;
    font-stretch:normal;
    letter-spacing:0;
    color:#fff;
    position:absolute;
    left:22px;
    font-weight:bold;
    padding-left:34px
}
.topLeftTitleIcon1 {
    background:url(/image/marketNew/marketn.png?v=201907151551) -1286px -540px no-repeat
}
.topLeftTitleIcon2 {
    background:url(/image/marketNew/marketn.png?v=201907151551) -1286px -637px no-repeat
}
.topLeftTitleIcon3 {
    background:url(/image/marketNew/marketn.png?v=201907151551) -1286px -736px no-repeat
}
.topLeftTitleIcon4 {
    background:url(/image/marketNew/marketn.png?v=201907151551) -1286px -850px no-repeat
}
.topLeftTitleIcon5 {
    background:url(/image/marketNew/marketn.png?v=201907151551) -1286px -920px no-repeat
}
.topLeftContentDiv {
    width:310px;
    position:absolute;
    left:28px;
    text-align:left
}
.topLeftContentFont {
    font-family:MicrosoftYaHei;
    font-size:12px;
    font-weight:normal;
    font-stretch:normal;
    letter-spacing:0;
    color:#888fa4;
    cursor:pointer
}
.topLeftContentFont:hover {
    color:#eaeffa
}
.bannerDiv {
    width:880px;
    height:490px;
    position:absolute;
    top:0
}
.myBanner {
    width:880px;
    height:490px;
    cursor:pointer
}
#xzc-pagination {
    bottom:130px
}
.bannerBottomContainer {
    width:880px;
    height:120px;
    position:absolute;
    bottom:0;
    z-index:10;
    background-color:black;
    opacity:.05;
    filter:alpha(opacity=5)
}
.bannerBottomImg {
    width:48px;
    height:48px;
    position:absolute;
    bottom:33px;
    z-index:1
}
.bannerBottomImg .bannerBottomTxt1 {
    text-align:left;
    width:130px;
    font-family:MicrosoftYaHei;
    font-size:16px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:white;
    opacity:.8;
    filter:alpha(opacity=80);
    position:absolute;
    left:64px
}
.bannerBottomImg .bannerBottomTxt2 {
    text-align:left;
    width:200px;
    font-family:MicrosoftYaHei;
    font-size:12px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:white;
    opacity:.5;
    filter:alpha(opacity=50);
    position:absolute;
    left:64px;
    top:26px
}
.pagination {
    width:30px;
    height:3px;
    background-color:#fff;
    opacity:.5;
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-left:7px;
    transform-origin:center center;
    cursor:pointer;
    position:relative
}
.paginationActive {
    width:0;
    height:3px;
    background-color:#393939;
    opacity:1;
    display:inline-block;
    *display:inline;
    *zoom:1;
    transform-origin:center center;
    transition:all 3s;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0
}
.forwardWhite {
    width:0;
    height:3px;
    background-color:#fff;
    opacity:.5
}
.forwardWhite .forwardWhiteActive {
    width:30px;
    height:3px;
    background-color:#fff;
    opacity:1;
    transition:width 1s;
    z-index:100
}
.makeImg {
    width:210px;
    height:154px;
    position:absolute;
    top:33px
}
.makeTitleFont {
    font-family:MicrosoftYaHei;
    font-size:20px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:#000;
    position:absolute;
    top:215px
}
.makeBottomFont {
    font-family:MicrosoftYaHei;
    font-size:12px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:#a0a0a0;
    position:absolute;
    top:247px
}
.verticalLine {
    width:1px;
    height:359px;
    background-color:#eef0f2;
    position:absolute;
    top:0;
    left:255px
}
.makeButton {
    width:90px;
    height:32px;
    background-color:#3e7ff3;
    position:absolute;
    cursor:pointer
}
.makeButton:hover {
    background-color:#4d8dff
}
.buttonFont {
    font-family:MicrosoftYaHei;
    font-size:14px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:#fff;
    margin-top:5px
}
.popularizeWebSiteTitleFont {
    font-family:MicrosoftYaHei-Bold;
    font-size:15px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:#333;
    position:absolute;
    font-weight:bold
}
.popularizeWebSiteFont1 {
    width:100px;
    font-family:MicrosoftYaHei;
    font-size:16px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:#222;
    position:absolute;
    top:45px;
    left:-30px;
    text-align:center
}
.popularizeWebSiteFont2 {
    width:140px;
    font-family:MicrosoftYaHei;
    font-size:12px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0;
    color:#ababab;
    position:absolute;
    top:69px;
    left:-50px;
    text-align:center
}
.popularizeWebSiteIcon {
    width:33px;
    height:33px;
    position:absolute;
    top:0;
    left:53px
}
.acrossLine {
    width:700px;
    height:1px;
    background-color:#eef0f2;
    position:absolute;
    top:180px;
    left:0
}
.verticalLine2 {
    width:1px;
    height:180px;
    background-color:#eef0f2;
    position:absolute;
    top:0;
    left:350px
}
.fourthPartFont {
    width:226px;
    font-family:MicrosoftYaHei;
    font-size:14px;
    font-weight:normal;
    font-stretch:normal;
    letter-spacing:0;
    color:#807f7f;
    position:absolute;
    top:138px;
    text-align:center
}
.titleDiv {
    width:151px;
    height:25px;
    cursor:pointer
}
.titleNew {
    font-family:MicrosoftYaHei;
    font-size:18px;
    font-weight:normal;
    font-stretch:normal;
    letter-spacing:0;
    color:#1c5de1;
    float:right
}
.titleNew:hover {
    color:#3894f2
}
.personNew {
    width:15px;
    height:17px;
    float:left;
    position:relative;
    top:4px
}
.part2HoverBox1 {
    width:150px;
    height:100px;
    position:absolute;
    top:70px;
    cursor:pointer
}
.part2HoverBox2 {
    width:150px;
    height:100px;
    position:absolute;
    top:248px;
    cursor:pointer
}
.market-program-adver-container {
    width:145px;
    height:140px;
    position:fixed;
    bottom:50px;
    left:50px;
    z-index:3
}
.market-program-adver-container .market-program-top {
    background:url(/image/marketNew/market-program-hover.png?v=201906031611) no-repeat center center;
    display:inline-block;
    width:100%;
    height:78px;
    position:absolute;
    top:0;
    left:0
}
.market-program-adver-container .market-program-top:hover {
    cursor:pointer
}
.market-program-adver-container .market-program-bottom {
    width:100%;
    height:54px;
    position:absolute;
    bottom:0;
    left:0
}
.market-program-adver-container .market-program-bottom {
    cursor:pointer
}
.market-program-adver-container .market-program-icon {
    background:url(/image/marketNew/market-program-icon.png?v=201906031611) no-repeat center center;
    display:inline-block;
    width:54px;
    height:54px;
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
.market-program-adver-container .market-program-title-container {
    display:inline-block;
    width:45px;
    height:44px;
    background:#fffaf9;
    border:1px solid #fec9b2;
    border-radius:22px;
    position:absolute;
    left:7px;
    top:50%;
    transform:translateY(-50%);
    z-index:0;
    font-size:16px;
    color:rgba(255, 119, 42, 1);
    line-height:44px;
    white-space:nowrap;
    overflow:hidden
}
.market-program-adver-container .market-program-title {
    position:absolute;
    right:18px
}