/*字体*/
a {
    text-decoration: none;
}

    a.topBtn {
        width: 0.6rem;
        height: 0.6rem;
        position: fixed;
        bottom: 0.8rem;
        right: 0.2rem;
        z-index: 999999;
    }

* {
    list-style: none;
}

@font-face {
    font-family: SourceHanSansCNRegular;
    src: url('../fonts/SourceHanSansCN-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourceHanSansCN-Regular.woff') format('woff'), url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/SourceHanSansCN-Regular.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: SourceHanSansCNMedium;
    src: url('../fonts/SourceHanSansCN-Medium.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourceHanSansCN-Medium.woff') format('woff'), url('../fonts/SourceHanSansCN-Medium.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/SourceHanSansCN-Medium.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: SourceHanSansCNBold;
    src: url('../fonts/SourceHanSansCN-Bold.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourceHanSansCN-Bold.woff') format('woff'), url('../fonts/SourceHanSansCN-Bold.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/SourceHanSansCN-Bold.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: AlibabaPuHuiTiBold;
    src: url('../fonts/Alibaba-PuHuiTi-Bold.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Alibaba-PuHuiTi-Bold.woff') format('woff'), url('../fonts/Alibaba-PuHuiTi-Bold.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/Alibaba-PuHuiTi-Bold.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: AlibabaPuHuiTiMedium;
    src: url('../fonts/Alibaba-PuHuiTi-Medium.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Alibaba-PuHuiTi-Medium.woff') format('woff'), url('../fonts/Alibaba-PuHuiTi-Medium.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/Alibaba-PuHuiTi-Medium.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: AlibabaPuHuiTiRegular;
    src: url('../fonts/Alibaba-PuHuiTi-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Alibaba-PuHuiTi-Regular.woff') format('woff'), url('../fonts/Alibaba-PuHuiTi-Regular.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/Alibaba-PuHuiTi-Regular.svg') format('svg');
    /* iOS 4.1- */
}

* {
    margin: 0;
    padding: 0;
}

img {
    width: 100%;
    vertical-align: middle;
}

div.box-1 {
    width: 100%;
    background: url(http://img.2019qsgs.creavidia.com/20196251219.png) no-repeat center top;
    background-size: 100%;
    height: 6.5rem;
    position: relative;
}

    div.box-1 a.logo {
        width: 2rem;
        display: block;
        margin-left: 0.5rem;
    }

    div.box-1 div.img_txt {
        width: 3.20rem;
        margin: 0 auto;
        margin-top: -0.2rem;
    }

    div.box-1 div.qianshou {
        width: 4.2rem;
        position: absolute;
        top: 2.4rem;
        left: 1.7rem;
        z-index: 99999999;
    }

    div.box-1 div.aixin {
        width: 1.2rem;
        position: absolute;
        top: 4.5rem;
        right: 2rem;
        z-index: 999999999999;
    }

div.box-2 {
    background: url(http://img.2019qsgs.creavidia.com/20196251401.png) no-repeat center bottom;
    background-size: 100%;
    height: 8.8rem;
    position: relative;
}

a.uploadBtn {
    width: 2rem;
    height: 2rem;
    text-align: center;
    display: block;
    position: absolute;
    top: -1.2rem;
    left: 2.8rem;
    overflow: hidden;
    text-decoration: none;
    z-index: 999999999999999;
}

    a.uploadBtn span {
        color: #fff;
        font-family: "AlibabaPuHuiTiBold";
        display: block;
    }

        a.uploadBtn span:nth-of-type(1) {
            font-size: 0.325rem; /* line-height: 0.8rem; */
            padding: 10% 0;
            text-decoration: none;
        }

        a.uploadBtn span:nth-of-type(2) {
            font-size: 0.2rem; /* line-height: 0.2rem; */
            padding: 2% 0;
        }

div.textCon {
    width: 100%;
    position: absolute;
    top: 0.8rem;
}

    div.textCon p {
        text-align: center;
        font-size: 0.26rem;
        color: #2d2d2d;
        font-family: "SourceHanSansCNRegular";
        height: 0.54rem;
        line-height: 0.54rem;
    }

        div.textCon p span {
            color: #ed1b24;
        }

div.box-3 img.img_w {
    width: 3.5rem;
}

.swiper-container {
}

#investproSwiper { /* margin-top: 0.52rem; */
}

    #investproSwiper .swiper-slide {
        width: 3rem;
    }

        #investproSwiper .swiper-slide .investpro {
            width: 4.61rem;
            height: 6.37rem;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            margin-top: 0.58rem;
            margin-left: 0.19rem;
            -webkit-transition: all 0.5s linear;
        }

    #investproSwiper .swiper-slide-active .investpro {
        width: 5.16rem;
        height: 7.25rem;
        margin-left: -.08rem;
        margin-top: .12rem;
    }

    #investproSwiper .swiper-slide .hrplan_slide {
        background-image: url(images/hrplan_small.png);
    }

    #investproSwiper .swiper-slide-active .hrplan_slide {
        background-image: url(images/hrplan_big.png);
    }

    #investproSwiper .swiper-slide .newhand_slide {
        background-image: url(images/newhand_small.png);
    }

    #investproSwiper .swiper-slide-active .newhand_slide {
        background-image: url(images/newhand_big.png);
    }

    #investproSwiper .swiper-slide .sxm_slide {
        background-image: url(images/sxm_small.png);
    }

    #investproSwiper .swiper-slide-active .sxm_slide {
        background-image: url(images/sxm_big.png);
    }

.swiper-slide a {
    width: 3.8rem;
    height: .7rem;
    background: #eb4e39;
    display: block;
    font-size: .36rem;
    color: #fff;
    text-align: center;
    line-height: .7rem;
    border-radius: .08rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .85rem;
    z-index: 2;
}

.swiper-slide-active .investpro a {
    width: 4.33rem;
    height: .8rem;
    line-height: .8rem;
    bottom: .4rem;
}

.swiper-container-horizontal > .swiper-pagination {
    height: .5rem;
    text-align: center;
    bottom: 0;
}

.swiper-pagination-bullet {
    background: #fff;
    border-radius: 50%;
    width: .12rem;
    height: .12rem;
    margin-left: .18rem;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #e04531;
}

.investproTab {
    width: 4.6rem;
    height: 6.37rem;
    position: absolute;
    top: 0.58rem;
    z-index: 2;
    opacity: 0;
}

.investpro-prev {
    left: -3.6rem;
}

.investpro-next {
    right: -3.6rem;
}

div.titleCon {
    width: 3.5rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #FFFFFF;
    font-family: AlibabaPuHuiTiBold;
    font-size: 0.3rem;
    margin: 0.5rem auto;
}

    div.titleCon.t1 {
        background: url(../img/t1.png) no-repeat center center;
        background-size: cover;
    }

    div.titleCon.t2 {
        background: url(../img/t2.png) no-repeat center center;
        background-size: cover;
    }
    div.titleCon.t4 {
        background: url(../img/t2_2.png) no-repeat center center;
        background-size: cover;
    }
    div.titleCon.t3 {
        background: url(../img/t3.png) no-repeat center center;
        background-size: cover;
    }

div.box-4 div.img_center {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

div.box-4 {
    position: relative;
}

    div.box-4 div.left_img {
        width: 2rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
    }

    div.box-4 div.right_img {
        width: 1rem;
        position: absolute;
        top: -0.2rem;
        right: 0;
    }

div.box-5 div.videoCon {
    width: 90%;
    margin: 0.5rem auto;
}

div.storyCon {
    width: 100%;
}

    div.storyCon div.titleCon.t3 {
        margin: 0 auto;
    }

    div.storyCon ul {
        width: 80%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto;
        margin-top: 2rem;
    }

i.icon_liulan {
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    background: url(../img/liulan.png) no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    margin-bottom: 0.01rem;
}

i.icon_dianzan {
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    background: url(../img/dianzan.png) no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    margin-bottom: 0.1rem;
}

div.storyCon ul li {
    width: 50%;
}

div.storyBox {
    background: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 0.5rem;
    padding-bottom: 0.2rem;
}

div.storyCon ul li:nth-child(odd) div.storyBox {
    margin-right: 0.2rem;
}

div.storyCon ul li:nth-child(even) div.storyBox {
    margin-left: 0.2rem;
}

div.storyBox div.pic {
    width: 100%;
    height: 100%;
    /*width: 2.99rem;
    height: 2.24rem;*/
    margin: 0 auto;
    overflow: hidden;
}

div.storyBox div.headTitle {
    font-size: 0.25rem;
    color: #329748;
    font-family: AlibabaPuHuiTiRegular;
    padding: 0.2rem 0.2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
}

    div.storyBox div.headTitle a {
        color: #329748;
    }

div.storyBox div.bottomCon {
    font-size: 0.18rem;
    color: #329748;
    font-family: AlibabaPuHuiTiRegular;
    padding: 0rem 0.2rem 0.2rem;
}

    div.storyBox div.bottomCon a {
        margin-right: 0.2rem;
        color: #329748;
    }

div.storyCon a.moreBtn {
    width: 2.1rem;
    height: 0.39rem;
    text-align: center;
    line-height: 0.2rem;
    color: #FFFFFF;
    font-family: AlibabaPuHuiTiRegular;
    font-size: 0.25rem;
    background: url(../img/more.png) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    display: block;
}

div.storyCon div.storyList {
    background: #009b63 url(http://img.2019qsgs.creavidia.com/20196251235.png) no-repeat center top;
    background-size: 100%;
    padding-bottom: 0.5rem;
    width: 100%;
    padding-top: 0.1rem;
}

div.prizeMask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 99999999999999;
}

div.prizeCon {
    min-height: 5rem;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 80%;
    background: #fff;
    /* padding: 9% 6%; */
    border-radius: 10px;
}

    div.prizeCon div.titleCon.t2 {
        margin: 0 auto;
    }

    div.prizeCon div.titleCon.t4 {
        margin: 0 auto;
    }

    div.prizeCon div.prizeList {
        width: 100%;
        min-height: 2.88rem;
        overflow: auto;
        margin: 0 auto;
    }

        div.prizeCon div.prizeList ul li {
            display: flex;
            height: 1rem;
            line-height: 1rem;
            border-bottom: 1px dashed #a8a7a7;
        }

            div.prizeCon div.prizeList ul li span:nth-of-type(1) {
                font-size: 0.25rem;
                color: #329748;
                font-family: AlibabaPuHuiTiMedium;
                flex: 1;
                font-weight: bold;
            }

            div.prizeCon div.prizeList ul li span:nth-of-type(2) {
                font-size: 0.2rem;
                color: #7f7e7e;
                font-family: SourceHanSansCNRegular;
                text-align: right;
                flex: 1;
            }

            div.prizeCon div.prizeList ul li span:nth-of-type(3) {
                font-size: 0.2rem;
                color: #7f7e7e;
                font-family: SourceHanSansCNRegular;
                text-align: center;
                flex: 1;
            }

    div.prizeCon a.xx {
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        top: -0.8rem;
        right: -0.2rem;
        z-index: 999999;
    }

a.topBtn img {
    position: absolute;
    left: 0;
    top: 0;
}

a.topBtn img {
    position: absolute;
    left: 0;
    top: 0;
}

div.prizemsgCon {
    position: relative;
}

    div.prizemsgCon a.look_btn {
        position: absolute;
        bottom: 0rem;
        right: 0.1rem;
        width: 1.8rem;
        height: 0.8rem;
    }