/* 广告栏 */

.advertising {
    text-align: center;
    width: 100%;
    height: 500px;
    /* background-color: mediumaquamarine; */
    background: url("../images/draw1.png") no-repeat center;
    background-size: 100%;
}

.advertising .advertising_h {
    padding-top: 25px;
    font-size: 45px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 5px 10px rgba(213, 19, 17, 0.6);
}

.advertising .advertising_btn {
    margin-top: 17px;
    border: 2px solid rgba(246, 76, 42, 1);
    width: 168px;
    height: 50px;
    border-radius: 5px;
    font-size: 20px;
    background-color: rgba(255, 255, 255, 1);
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(246, 76, 42, 1);
    outline: none;
}


/* 为什么需要抽奖工具 */

.want1 {
    text-align: center;
    margin: 116px auto 73px;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.wantxc {
    margin: auto;
    width: 1200px;
    height: 328px;
}

.wantxc ul {
    display: flex;
    justify-content: space-between;
}

.wantxc ul li {
    position: relative;
    width: 590px;
    height: 328px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 8px 0px rgba(238, 238, 238, 1);
    border-radius: 5px;
}

.wantxc ul li img {
    position: relative;
    top: 77px;
    left: 68px;
}

.wantxc ul li .wantxc_p {
    position: absolute;
    top: 128px;
    left: 268px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
}

.wantxc ul li .wantxc_s {
    position: relative;
    width: 240px;
    top: 0px;
    left: 268px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}


/* 丰富的功能设置 */

.function {
    margin: 188px 0 123px;
    text-align: center;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.function1 {
    margin: auto;
    width: 1200px;
    height: 178px;
}

.function1 ul {
    display: flex;
    justify-content: space-between;
}

.function1 ul:nth-child(1) li {
    width: 130px;
    height: 130px;
}

.function1 ul:nth-child(2) li {
    width: 130px;
    height: 130px;
    margin-top: 117px;
}

.function1 ul li .function1_p {
    text-align: center;
    margin-top: 25px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
}


/* 以下特殊的抽奖活动形式优嘉励也支持 */

.special {
    margin-top: 500px;
    margin-bottom: 45px;
}

.special .special1 {
    text-align: center;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.special .special_2 {
    text-align: center;
    margin: auto;
    margin-top: 15px;
    width: 665px;
    height: 44px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 25px;
}

.special_li {
    width: 1200px;
    height: 425px;
    margin: auto;
    margin-bottom: 100px;
}

.special_li ul {
    display: flex;
    justify-content: space-between;
}

.special_li ul li {
    text-align: center;
    width: 360px;
    height: 425px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 8px 0px rgba(238, 238, 238, 1);
    border-radius: 5px;
}

.special_li ul li .special_lip1 {
    margin-top: 55px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
}

.special_li ul li img {
    margin: 33px 0 36px;
}

.special_li ul li .special_lip2 {
    width: 282px;
    margin: auto;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}


/* 解决方案 */

.tab_list .current {
    color: #F64C2A !important;
}
.solution {
    width: 100%;
    height: 650px;
    display: flex;
    justify-content: space-between;
}

.tab_list ul li:hover .pp1 {
    color: #F64C2A;
}

.tab_list ul li:hover .pp2 {
    border-bottom: 6px solid #F64C2A;
    text-align: center;
    margin: 0 136px;
}

.tab_list ul li .pp1 {
    text-align: center;
    height: 60px;
    line-height: 86px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
}

.tab_list ul li .pp2 {
    border-bottom: 6px solid #fff;
    text-align: center;
    margin: 0 136px;
}

.solution .tab_list .tabp1 {
    margin-top: 14px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.tab_list ul li:hover {
    color: #1E8BEB;
}

.tab_list li {
    cursor: pointer;
}

.item {
    display: none;
}


/* 左边盒子 */

.solution .tab_list {
    width: 400px;
    height: 100%;
    /* background-color: violet; */
}


/* 右边盒子 */

.solution .tab_con {
    display: flex;
    width: 100%;
    height: 100%;
    /* background-color: yellow; */
}


/* 第一个 */

.tab_con1 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/1.png")no-repeat center;
}

.tab_con1 .con1box1 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box1 img {
    margin-top: 100px;
}

.con1box1 span {
    position: absolute;
    bottom: 65px;
    left: 142px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 第二张图 */

.tab_con2 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/5.png")no-repeat center;
}

.tab_con2 .con1box2 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box2 img {
    margin-top: 100px;
}

.con1box2 span {
    position: absolute;
    bottom: 65px;
    left: 142px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 第三个图 */

.tab_con3 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/7.png")no-repeat center;
}

.tab_con3 .con1box3 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box3 img {
    margin-top: 100px;
}

.con1box3 span {
    position: absolute;
    bottom: 65px;
    left: 142px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 第四个图 */

.tab_con4 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/9.png")no-repeat center;
}

.tab_con4 .con1box4 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box4 img {
    margin-top: 100px;
}

.con1box4 span {
    position: absolute;
    bottom: 65px;
    left: 142px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 第五个图 */

.tab_con5 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/11.png")no-repeat center;
}

.tab_con5 .con1box5 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box5 img {
    margin-top: 100px;
}

.con1box5 span {
    position: absolute;
    bottom: 65px;
    left: 142px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 第六个图 */

.tab_con6 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/13.png")no-repeat center;
}

.tab_con6 .con1box6 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box6 img {
    margin-top: 100px;
}

.con1box6 span {
    position: absolute;
    bottom: 65px;
    left: 142px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 第七章图 */

.tab_con7 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/15.png")no-repeat center;
}

.tab_con7 .con1box7 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box7 span {
    position: absolute;
    bottom: 65px;
    left: 70px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 第八章图 */

.tab_con8 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/16.png")no-repeat center;
}

.tab_con8 .con1box8 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box8 span {
    position: absolute;
    bottom: 65px;
    left: 70px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 第七章图 */

.tab_con9 {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/draw/17.png")no-repeat center;
}

.tab_con9 .con1box9 {
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 317px;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 5px;
}

.con1p1 {
    padding-top: 70px;
    width: 682px;
    height: 45px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.con1box9 span {
    position: absolute;
    bottom: 65px;
    left: 70px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


/* 灵活设置，满足多方面需求 */


/* .flexible {
    margin: 87px 0 117px;
    text-align: center;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
} */

.serve {
    width: 100%;
    height: 570px;
}

.serve .serve_p {
    padding: 86px 0 117px 0;
    text-align: center;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.serve .serve_f {
    width: 1200px;
    height: 310px;
    margin: auto;
}

.serve_f ul {
    display: flex;
    justify-content: space-between;
}

.serve_f ul li {
    position: relative;
    width: 285px;
    height: 310px;
}

.serve_f ul li img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.serve_f ul li p {
    position: absolute;
    top: 162px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
}

.serve_f ul li span {
    display: block;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    text-align: center;
    padding-top: 190px;
    padding: 200px 35px 0;
}


/* 他们都在用优嘉励抽奖工具 */

.employ {
    margin-top: 100px;
    margin: 100px 0 73px;
    text-align: center;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.employ1 {
    width: 1200px;
    height: 343px;
    margin: auto;
}

.employ1 ul {
    display: flex;
    justify-content: space-between;
}

.employ1 ul li {
    position: relative;
    text-align: center;
    width: 285px;
    height: 343px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 8px 0px rgba(238, 238, 238, 1);
    border-radius: 5px;
}

.employ1 ul li img:nth-child(1) {
    margin-top: 50px;
}

.employ1 ul li img:nth-child(2) {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
}

.employ1 ul li p {
    position: absolute;
    bottom: 56px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
}


/* 现在注册，创建一个活动试一试 */

.enroll {
    margin-top: 100px;
    width: 100%;
    height: 148px;
    background: url("../images/draw23.png") no-repeat;
}

.enroll .enroll1 {
    width: 950px;
    height: 148px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.enroll .enroll1 .enroll1p {
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.enroll .enroll1 .enroll1btn1 {
    margin-left: 110px;
    outline: none;
    display: inline-block;
    width: 149px;
    height: 54px;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    border: 2px solid rgba(246, 76, 42, 1);
    border-radius: 6px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(246, 76, 42, 1);
}

.enroll .enroll1 .enroll1btn2 {
    outline: none;
    width: 149px;
    height: 54px;
    border: 2px solid rgba(255, 255, 255, 1);
    background: none;
    border-radius: 5px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}


/* qq */

.footer {
    padding-top: 64px;
    width: 100%;
    height: 350px;
    background: rgba(34, 40, 48, 1);
}

.footer .footer_d {
    margin: auto;
    width: 1200px;
    height: 200px;
}

.footer .footer_d ul {
    display: flex;
    justify-content: center;
}

.footer_d ul li {
    width: 400px;
    height: 200px;
}

.footer_d ul li h6 {
    margin-left: 100px;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.footer_d ul li p {
    margin-left: 100px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 40px;
}

.footer_d .parting {
    margin-top: 30px;
    width: 1200px;
    height: 1px;
    background: rgba(255, 255, 255, 1);
    opacity: 0.15;
}

.footer .copyright {
    margin-top: 45px;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}