@charset "utf-8";
a {text-decoration: none;}
a:hover {text-decoration: none;}
img {vertical-align: middle;}
.clear {display: block;clear: both;}

.activity {width: 948px;height: 179px;margin: 30px auto;}

/* ``````````````````````       step1         ```````````````````````` */
.activity .activity-step1{width: 100%;height: 100%;background: url("../images/activity-step1-bg.png")no-repeat center;padding-left: 80px;padding-top: 20px;box-sizing: border-box;}
.activity .activity-step1 h4{font-size: 25px;color: #f5da6d;font-weight: 400;width: 535px;text-align: center;padding: 0;}
.activity .activity-step1 .sub-title{font-size: 19px;color: #e5e5e5;margin: 10px 0 20px;padding: 0;}
.activity .activity-step1 .step1-left{float: left;}
.activity .activity-step1 .step1-left span{color: #cacaca;display: inline-block;width: 130px;}
.activity .activity-step1 .step1-left input{background: transparent;border: 1px dashed transparent;border-bottom-color: #716959;outline: none;color: #fff;padding: 3px 5px;width: 230px;}
.activity .activity-step1 .step1-right{float: left;margin-left: 30px;}
.activity .activity-step1 .step1-right a{display: inline-block;padding: 15px 10px;background-color: #ffd658;color: #343027;font-size: 21px;font-weight: 600;border-radius: 5px;}

/* ``````````````````````       step2         ```````````````````````` */
.activity .activity-step2{width: 100%;height: 100%;background: url("../images/activity-step2-bg.png")no-repeat center;text-align: center;padding-top: 10px;box-sizing: border-box;}
.activity .activity-step2 h4{font-size: 25px;color: #f5da6d;font-weight: 400;padding: 0;}
.activity .activity-step2 h4> img{margin-right: 15px;}
.activity .activity-step2 .sub-title{font-size: 17px;color: #e5e5e5;padding: 0;}
.activity .activity-step2 h5{font-size: 19px;color: #ffffff;font-weight: 600;padding: 0;margin: 10px 0;}
.activity .activity-step2 h5> span{border-bottom: 1px dashed #e1e1e0;padding: 0 3px;}
.activity .activity-step2 .step2-share a{color: #45b1f5;font-size: 15px;text-align: left;}
.activity .activity-step2 .step2-share a> span{display: inline-block;width: 270px;}
.activity .activity-step2 .step2-share a> img{max-width: 18px;}
.activity .activity-step2 .step2-share span.order{display: inline-block;width: 100px;height: 20px;line-height: 20px;background-color: #319bdf;color: #ffffff;font-size: 15px;border-radius: 3px;}
.activity .activity-step2 .step2-share span.order i{color: #ffffff;font-style: normal;display: none;}
.activity .activity-step2 .step2-share span.order em{color: #ffffff;font-style: normal;display: inline;}
.activity .activity-step2 .step2-share span.order.active{background-color: #060606;}
.activity .activity-step2 .step2-share span.order.active i{display: inline;}
.activity .activity-step2 .step2-share span.order.active em{display: none;}

/* ````````````````````  modify   ``````````````````````` */
.activity.modify .activity-step1{background: url("../images/activity-step1-bgr.png")no-repeat center;}
.activity.modify .activity-step1 h4{color: #e83c00;}
.activity.modify .activity-step1 .sub-title{color: #282828;}
.activity.modify .activity-step1 .step1-left span{color: #282828;}
.activity.modify .activity-step1 .step1-left input{border-bottom-color: #b1b1b1;color: #282828;}

.activity.modify .activity-step2{background: url("../images/activity-step2-bgr.png")no-repeat center;}
.activity.modify .activity-step2 h4{color: #e83c00;}
.activity.modify .activity-step2 .sub-title{color: #282828;}
.activity.modify .activity-step2 h5{color: #e83c00;}
.activity.modify .activity-step2 h5> span{border-bottom: 1px dashed #b1b1b1;}
/* ````````````````````  modify   ``````````````````````` */

@media (max-width:979px) {
    .activity {width: 100%;}
    .activity .activity-step1{padding-left: 0;text-align: center;}
    .activity .activity-step1 h4{width: 100%;}
    .activity .activity-step1 .step-box{width: 610px;margin: 0 auto;}
}

@media (max-width:767px) {
    .activity {height: auto;}
    .activity .activity-step1{height: auto;padding: 30px 0;background: #20201d;}
    .activity .activity-step1 h4{font-size: 21px;}
    .activity .activity-step1 .sub-title{font-size: 15px;}
    .activity .activity-step1 .step-box{width: 100%;}
    .activity .activity-step1 .step1-left{float: none;}
    .activity .activity-step1 .step1-left> div{margin-bottom: 10px;}
    .activity .activity-step1 .step1-left input{text-align: center;}
    .activity .activity-step1 .step1-right{float: none;margin-left: 0;}
    .activity .activity-step1 .step1-right a{margin-top: 10px;}


    .activity .activity-step2{height: auto;padding: 30px 0;background: #2b221d;}
    .activity .activity-step2 h4{font-size: 21px;}
    .activity .activity-step2 .sub-title{font-size: 15px;margin: 10px 0;}
    .activity .activity-step2 .step2-share {margin-top: 15px;}
    .activity .activity-step2 .step2-share span.order{margin: 5px 0;}
}

@media (max-width:479px) {


}