.Actives-dialog-back{ position: fixed; width: 100%; height: 100%; display: flex; background: rgba(0,0,0,0.6); z-index: 9999; top: 0; left: 0; } .Actives-dialog-back .adb-dialog{ width: 592px; height: 530px; margin: 295px auto 0; background: url(//static.588ku.com/imgPath/NameOfLove/images/lovedialog/IndexDialog.png) no-repeat center; box-sizing: border-box; text-align: center; position: absolute; left: 50%; margin-left: -296px; top: -80px; display: flex; justify-content: center; align-items: center; } .Actives-dialog-back .adb-dialog .fontz{ /*font-size: 147px;*/ font-size:197px; color: #fff; display: inline-block; font-weight: bold; text-shadow: 0 0 0.2em #db0f25, 0 0 0.2em #db0f25; letter-spacing: initial; margin-top: -66px; } .Actives-dialog-back .adb-dialog .abd-closeIcon{ width: 48px; height: 48px; position: absolute; right: 0; top: 0; cursor: pointer; } .Actives-dialog-back .adb-dialog .adb-text{ display: flex; align-items: center; padding-left: 10px; flex-wrap: nowrap; margin-top: -15px; } .Actives-dialog-back .adb-dialog .adb-text .Vipimg, .Actives-dialog-back .adb-dialog .adb-text .zimg { display: inline-block; } .Actives-dialog-back .adb-dialog .adb-text .Vipimg{ width: 120px; height: 120px; background: url(//static.588ku.com/imgPath/NameOfLove/images/lovedialog/dialogfont.png)no-repeat 3px 5px; margin-right: -12px; } .Actives-dialog-back .adb-dialog .adb-text .zimg{ width: 160px; height: 120px; background: url(//static.588ku.com/imgPath/NameOfLove/images/lovedialog/dialogfont.png)no-repeat -208px 5px; margin-left: -12px; } .Actives-dialog-back .Ftimebtn{ background:#febdcd; background-image: -webkit-linear-gradient(90deg, #f8c121, #f7640d); background-image: -moz-linear-gradient(90deg, #f8c121, #f7640d); background-image: -o-linear-gradient(90deg, #f8c121, #f7640d); background-image: linear-gradient(90deg, #f8c121, #f7640d); width: 365px; height: 62px; text-align: center; position: absolute; bottom: 118px; left: 131px; border-radius: 100px; text-align: center; font-size: 35px; font-weight: bold; display: inline-block; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 10px 23px rgba(157,14,53,0.8); cursor: pointer; } /*20180510气泡弹窗新样式*/ .Actives-dialog-back .adb-dialog{ background: url(//static.588ku.com/imgPath/NameOfLove/images/activeHref.png)no-repeat center center; background-size: 473px auto; } .Actives-dialog-back .abd-closeIcon{ width: 48px; height: 48px; border-radius: 50px; border: 1px solid #fff; color: #fff; background: url(//static.588ku.com/imgPath/NameOfLove/images/Activeclose.png)no-repeat center center; background-size: 80%; } .Ftimebtna{ position: absolute; top: 41px;/*top: 312px;*/ left: 60px;/*left: 148px;*/ display: inline-block; z-index: 9999; /*width: 292px; height: 60px;*/ width: 470px; height: 450px; border-radius: 250px; } /*20180515 - 520活动弹窗背景图及尺寸修改*/ .Ftimebtna{ width: 550px; height: 348px; border-radius: 100px; left: 50px; } .Actives-dialog-back .adb-dialog { background: url(//static.588ku.com/imgPath/NameOfLove/images/activeHref3.png)no-repeat center center; background-size: 550px auto; width: 650px; height: 430px; margin-left: -325px; top: 50%; margin-top: -265px; } /*20180601 618活动首页样式 start*/ .s618-indexm{ background: #59169f; position: relative; display: none; } .s618-indexm>div{ max-width: 1440px; width: 100%; margin: 0 auto; position: relative; } .s618-indexm>div>img{ width: 100%; display: block; } .s618-indexm .s618-iclose{ position: absolute; width: 25px; height: 25px; background: rgba(119,16,255,0.5); top: 0; color: #fff; font-size: 20px; text-align: center; line-height: 25px; right: 0; cursor: pointer; border-radius: 25px; text-align: center; } /*618浮动窗*/ .s618rfl{ position: absolute; right: 3%; top: 3.5%; animation: s618rfl 1s ease infinite alternate; z-index: 8888; } .s618rfl a{display: block;} .s618rfl .s618rfl-iclose{ position: absolute; border-radius: 30px; width: 25px; height: 25px; background: rgba(119,16,255,0.5); top: 0; right: 0; color: #fff; font-size: 20px; text-align: center; line-height: 25px; cursor: pointer; } @keyframes s618rfl{ from{top: 3.5%;} to{top: 3%;} } @-ms-keyframes s618rfl{ from{top: 3.5%;} to{top: 3%;} } @-webkit-keyframes s618rfl{ from{top: 3.5%;} to{top: 3%;} } @-moz-keyframes s618rfl{ from{top: 3.5%;} to{top: 3%;} } .s618-tbottom{ position: fixed; bottom: 0; right: 0; z-index: 9999; display: none; } .s618-tbottom img{ /*width: 240px;*/ } .s618-tbottom .s618b-close { width: 25px; height: 25px; cursor: pointer; position: absolute; text-align: center; line-height: 25px; color: #fff; top: -42px; right: 42px; border-radius: 25px; background: #7710ff; background: rgba(119,16,255,0.5); font-size: 20px; } .s618-tbottom .s618b-close>span{ height: 21px; width: 1px; background: #7710ff; background: rgba(119,16,255,0.5); position: absolute; bottom: -20px; right: 12px; } /*20180601 618活动首页样式 end*/