@font-face {
    font-family: bebas;
    src: url("../../../public/fonts/bebas.ttf");
}

/*head*/
.ssl-banner{
    display: block;
    height: 480px;
    background: url("../images/banner_ssl.jpg?v=3") center top #2310cc no-repeat;
    min-width: 1280px;
    overflow: hidden;
}

/*秒杀*/
.ssl-main{
    padding: 95px 0;
    min-width: 1280px;
    overflow: hidden;
}
.ssl-main .img{ display: block; height: 80px; margin-bottom: 20px; background: url("../images/ssl/img1.jpg?v=1") no-repeat center;}
.ssl-main .img p{float: right; color: #fff; margin: 12px 110px 0 0; font-size: 24px;}
@keyframes text {
    0% {transform: scale(1);}
    25% {transform: scale(1.4);}
    50% {transform: scale(1);}
    75% {transform: scale(1.4);}
}
.ssl-main .img em{font-family: bebas;font-size: 36px; margin-right: 8px; display: inline-block; color: #ffdc1b;animation: text 1.5s ease-in-out infinite;-webkit-animation: text 1.5s ease-in-out infinite;}
.ssl-main .img span{ width: 188px; height: 49px; float: right; margin: 20px 73px 0 0; background: url("../images/ssl/btn.png") no-repeat center;-webkit-animation: tada1 1s linear infinite;-moz-animation: tada1 1s linear infinite;}
@-moz-keyframes tada1{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.8) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}

@-webkit-keyframes tada1{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.8) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}

.ssl-main .product{float: left; position: relative;width: 754px; padding: 2px; border: 1px solid #ddd;}
.ssl-main dl{background: linear-gradient(#f2f5fa, #fff);overflow: hidden}
.ssl-main dt{padding-top:45px;text-align: center;}
.ssl-main dt h4{font-size: 24px; margin-bottom: 25px;}
.ssl-main dt a{display: inline-block; width: 100px; height: 34px; line-height: 34px;background: #d4e4ff; border-radius: 50px; color: #666666;}
.ssl-main dt a:hover{ color: #2310cc;}
.ssl-main dd{ border-top: 1px dashed #dfdfdf; margin:40px 60px 70px; overflow: hidden}
.ssl-main ul{font-size: 16px; margin: 40px 0 30px; overflow: hidden}
.ssl-main ul li{display: inline-block; position: relative; margin-right: 24px; vertical-align: top; text-align: left; padding: 0 23px;}
.ssl-main ul li:last-child{margin-right: 0}
.ssl-main ul p{color: #666666; margin-bottom: 16px;}
.ssl-main .submit{display: block; text-align: center; background:linear-gradient(to right,#5d86f8,#375ff2);color: #fff; line-height: 60px; font-size: 16px;}
.ssl-main .label{position: absolute; right: -2px; top: -3px; width: 88px;height: 89px; background: url("../images/label.png") no-repeat center;}
.ssl-main .label span{
    display: block;
    text-align: center;
    color: #fff;
    width: 100px;
    margin: 24px 0 0 6px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
@keyframes scaleDraw {
    0% {transform: scale(1);}
    25% {transform: scale(1.2);}
    50% {transform: scale(1);}
    75% {transform: scale(1.2);}
}
.ssl-main .imgs{float: right; width: 490px; overflow: hidden}
.ssl-main .imgs a{height: 110px; display: block; margin-bottom:10px;}
.ssl-main .imgs span{font-family: bebas; display: inline-block; color:#fff554;animation: scaleDraw 1s ease-in-out infinite;-webkit-animation: scaleDraw 1s ease-in-out infinite;}
.ssl-main .group{overflow: hidden}
.ssl-main .group a{float: left; margin-right: 10px; width: 240px;}
.ssl-main .group a:last-child{margin-right: 0;}
.ssl-main .item1{background: url("../images/ssl/img2.jpg") no-repeat center;}
.ssl-main .item1 span{ font-size: 60px; margin-left: 270px; line-height: 110px;}
.ssl-main .item2{background: url("../images/ssl/img3.jpg") no-repeat center;}
.ssl-main .item2 span{ margin:12px 0 0 35px; font-size: 60px;}
.ssl-main .item3{background: url("../images/ssl/img4.jpg?v=1") no-repeat center;}
.ssl-main .item3 p{margin-top: 50px; text-align: center; overflow: hidden}
.ssl-main .item3 p span{font-size: 36px; color: #5f320e}
.ssl-main .item3 p em{display: inline-block;vertical-align: super; margin-left: 8px; line-height: 26px; font-size: 18px; padding: 0 5px; color: #ffd925; border-radius: 6px; background: #5f320e;}
.ssl-main .item4{background: url("../images/ssl/img5.jpg") no-repeat center;}
.ssl-main .item4 span{ font-size: 40px; color: #ffd649; margin: 32px 0 0 138px;}
.ssl-main .item5{ margin-bottom: 0 !important; background: url("../images/ssl/img6.jpg") no-repeat center;}
.ssl-main .item5 em{ height: 48px; width: 272px; float: right; margin: 30px 12px 0 0; background: url("../images/ssl/text1.png") no-repeat center;animation: scale 1s ease-in-out infinite;-webkit-animation: scale 1.5s ease-in-out infinite;}
@keyframes scale {
    0% {transform: scale(1);}
    25% {transform: scale(1.1);}
    50% {transform: scale(1);}
    75% {transform: scale(1.1);}
}


/*优势*/
.ssl-feature{
    background: #f2f5fa;
    padding:95px 0;
    min-width: 1280px;
    overflow: hidden
}
.ssl-feature h3{font-size: 32px; text-align: center}
.ssl-feature ul{text-align: center; margin: 50px 0 10px -86px; overflow: hidden}
.ssl-feature ul li{float: left; color: #666; line-height: 24px; margin-left: 86px; width: 255px;}
.ssl-feature ul li:before{content: ""; display: block; width: 63px; height: 60px; margin: 0 auto 35px;}
.ssl-feature ul h4{ font-size: 16px; color: #333333; margin-bottom: 22px;}
.ssl-feature ul .item1:before{ background: url("../images/ico1.png") no-repeat center;}
.ssl-feature ul .item2:before{ background: url("../images/ico2.png") no-repeat center;}
.ssl-feature ul .item3:before{ background: url("../images/ico3.png") no-repeat center;}
.ssl-feature ul .item4:before{ background: url("../images/ico4.png") no-repeat center;}

/*其他产品*/
.act-other {
    padding: 95px 0;
    min-width: 1280px;
    overflow: hidden;
}
.act-other h3{margin-bottom: 70px;text-align: center;font-size: 32px;}
.act-other .list {
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    color: #333;
    position: relative;
    width: 278px;
    height: 110px;
    padding: 38px 100px 0 20px;
    margin-right: 40px;
}
.act-other .list:last-child {
    width: 277px;
    margin-right: 0;
}
.act-other .list:after {
    content: "";
    width:65px;
    height:60px;
    position: absolute;
    right: 28px;
    top: 44px;
}
.act-other .list:hover {
    border: 1px solid #015bfe !important;
}
.act-other .list h4 {
    font-size: 20px;
    color: #000000;
    margin-bottom: 20px;
}
.act-other .list span {
    color: #ff7900;
}
.act-other .act1:after {
    background: url("/eve/statics/activity/pc/images/activity/act1.png") no-repeat center;
    background-size: contain;
}
.act-other .act2:after {
    background: url("/eve/statics/activity/pc/images/activity/act2.png") no-repeat center;
    background-size: contain;
}
.act-other .act3:after {
    background: url("/eve/statics/activity/pc/images/activity/act3.png") no-repeat center;
    background-size: contain;
}

.event-link {
    position: fixed;
    left: 0;
    top:44%;
    width: 220px;
    height: 365px;
    z-index: 11;
    background: url("../images/eve.jpg?v=2") no-repeat center top;
    background-size: contain;
    overflow: hidden;
}

/*右侧*/
.upper-float {
    width: 45px;
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 3;
}
.upper-float li {
    font-size: 12px;
    position: relative;
}
.upper-float li p {
    display: none;
    position: absolute;
    top: 0;
}
.upper-float .list {
    text-align: center;
    background: #fff;
    cursor: pointer;
    display: block;
    width: 31px;
    padding: 6px;
    border: 1px solid #876337;
    margin: 0 0 5px;
    color: #876337;
    line-height: 14px;
}
.upper-float .list:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 3px;
}
.upper-float .tel {
    left: -174px;
    color: #fff;
    padding: 13px 15px 10px 20px;
    background: -webkit-linear-gradient(left, #b3864b, #653e23);
    background: -o-linear-gradient(right, #b3864b, #653e23);
    background: -moz-linear-gradient(right, #b3864b, #653e23);
    background: linear-gradient(to right, #b3864b, #653e23);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#b3864b',endColorStr='#653e23',gradientType='1');
    overflow: hidden;
}
.upper-float .tel em {
    display: block;
    font-style: italic;
    font-size: 20px;
}
.upper-float .ewm {
    border: 1px solid #876337;
    width: 118px;
    height: 118px;
    left: -124px;
    background: #fff;
}
.upper-float .ewm img {
    display: block;
    width: 110px;
    height: 110px;
    margin: 3px auto;
}
.upper-float .item1 .list:before {
    background: url("../images/float-ico1.png") no-repeat center;
}
.upper-float .item2 .list:before {
    background: url("../images/float-ico2.png") no-repeat center;
}
.upper-float .item3 .list:before {
    background: url("../images/float-ico3.png") no-repeat center;
}
.upper-float .item4 .list:before {
    background: url("../images/float-ico4.png") no-repeat center;
}
.upper-float .item2:hover .tel {
    display: block;
}
.upper-float .item3:hover .ewm {
    display: block;
}

/*规则弹窗*/
.alert-main {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 11;
}
.alert-main .close {
    float: right;
    height: 70px;
    width: 50px;
    background: url("../images/close.png") center no-repeat;
    cursor: pointer;
}
.alert-main .main {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
}
.alert-rules .head {
    line-height: 70px;
    padding: 0 20px 0 30px;
    background: #ececf8;
    font-size: 18px;
}
.alert-rules .main {
    width: 800px;
    margin: -270px 0 0 -400px;
}
.alert-rules .rules {
    padding: 20px 30px;
    overflow: hidden;
}
.alert-rules .rules h5 {
    margin: 15px 0 5px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.alert-rules .rules p {
    line-height: 24px;
    color: #666666;
}

/* 弹窗领取 */
.tcBoxBg{display: none;
position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;
background-color:rgb(0, 0, 0);opacity:0.3;}
.tcBox{display: none;
position:fixed;z-index:999;left:50%;top:50%;margin-left:-260px;margin-top:-150px;
width:520px;height:300px;background:#fff;}
.tcBox .tcTit{padding:0 20px 0 40px;overflow:hidden;
height:60px;line-height:60px;font-size:18px;color:#fff;background:#015bfe;}
.tcBox .tcTit span{}
.tcBox .tcTit .close{float:right;margin:20px 0 0;width:16px;height:16px;cursor:pointer;
background:url(../../../public/images/ico/float-close.png) no-repeat;}
.tcBox .tcBod{margin:30px 40px;}
.tcBox .tcBod a{display:block;float:left;
margin:50px auto 0px;width:200px;height:50px;line-height:50px;
text-align:center;font-size:18px;color:#fff;background:#015bfe;cursor:pointer;}
.tcBox .tcBod a:last-child{float:right;}