game.css 6.5 KB

1
  1. #detail{position:relative;width:100%}#detail img{position:relative;width:100%}#detail a{display:block;position:absolute;top:62%;width:25%;height:8%}#detail .prize{left:23%}#detail #game{right:23%}#detail #play{left:37%}#detail .btn_prize{width:6%;left:43%;background:url(../images/59.png) no-repeat;background-size:100%;text-align:center;color:#fff}#prize-mask{display:none;display:inline-block;width:100%;height:100%}#prize-mask #head{position:relative;background:#e9451f;color:#fff}#prize-mask #head a{position:absolute;top:1em;left:1em;text-decoration:initial;color:#fff}#prize-mask #head h4{display:inline-block;margin:0;width:100%;text-align:center;padding:1em 0}#prize-mask #mask_name ul{margin:0;padding:0}#prize-mask #mask_name ul li{list-style:none;padding:.5em .5em 0 .5em}#prize-mask #mask_name ul li .div_content{display:-moz-box;display:-webkit-box;display:box;border-bottom:1px solid #ccc;padding-bottom:.5em}#prize-mask #mask_name ul li .div_content img{border-radius:4px;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1}#prize-mask #mask_name ul li .div_content .div_1{width:40%;-moz-box-flex:2;-webkit-box-flex:2;box-flex:2}#prize-mask #mask_name ul li .div_content .div_1 p{margin:0}#prize-mask #mask_name ul li .div_content .div_2{width:38%;-moz-box-flex:2;-webkit-box-flex:2;box-flex:2;margin-top:.6em}#prize-mask #mask_name ul li .div_content .div_2 i{display:inline-block;float:right;width:16px;height:16px;background:url(../images/63.png) no-repeat;background-size:100%;vertical-align:sub}#prize-mask #mask_name ul li .div_content .div_2 em{margin-top:.2em;margin-left:.5em;display:inline-block;float:right;font-size:.6em;color:#ccc;text-align:right;font-style:normal}#prize-mask #mask_name .top_p{padding:.5em 0 0 .5em}#prize-mask #mask_name .top_p span{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#prize-mask #mask_name .down_p{padding:.2em 0 0 .5em}#prize-mask #mask_name .down_p i{display:inline-block;width:16px;height:16px;background:url(../images/62.png) no-repeat;vertical-align:sub;background-size:100%}#prize-mask #mask_name .down_p em{display:inline-block;margin-left:.4em;font-size:.6em;color:#ccc;font-style:normal}.gl-con{position:fixed;left:0;top:100%;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;z-index:0}.gl-con nav{position:relative;width:100%}.gl-con nav img{position:relative}.gl-con nav a{display:inline-block;position:absolute;width:9%;height:6%;top:4%;right:6%}.gl-con img{width:100%}.gl-con-show{top:0 !important}#gl-content{position:absolute;top:14%;left:22%;width:57%;height:72%;border-radius:1.3em;font-size:.75em;text-align:left}#gl-content p{margin:0;padding:.2em .6em}.prize-con{position:fixed;left:0;top:100%;right:0;bottom:0;width:100%;height:120%;background:rgba(0,0,0,0.6);text-align:center;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;z-index:0}.prize-con nav{position:relative;width:100%}.prize-con nav img{position:relative}.prize-con nav a{display:block;position:absolute;right:5.5%;top:3%;width:10%;height:7%;font-size:.6em}.prize-con nav a.a_cloud{font-family:Arial;background:url(../images/19.png) no-repeat;background-size:100%;text-align:center;text-decoration:none;color:#fff;padding-top:3px}.prize-con nav a.a_1{right:50%;top:13%;width:7%;height:4%}.prize-con nav a.a_3{right:50%;top:29%;width:7%;height:4%}.prize-con nav a.a_5{right:50%;top:45%;width:7%;height:4%}.prize-con nav a.a_7{right:50%;top:62%;width:7%;height:4%}.prize-con nav a.a_2{right:22%;top:13%;width:7%;height:4%}.prize-con nav a.a_4{right:22%;top:29%;width:7%;height:4%}.prize-con nav a.a_6{right:22%;top:45%;width:7%;height:4%}.prize-con nav a.a_8{right:22%;top:62%;width:7%;height:4%}.prize-con nav .film{top:88%;left:7%;width:40%;height:9%}.prize-con nav .other{top:88%;left:50%;width:40%;height:9%}.prize-con img{width:100%}.main-mask{position:fixed;padding-top:10%;left:0;top:0;right:0;bottom:0;width:100%;height:120%;background:rgba(0,0,0,0.6);text-align:center;z-index:0}.main-mask div.null_div{position:relative;width:100%}.main-mask div.null_div .img_58{position:relative;width:100%}.main-mask div.null_div #a_btn_null{position:absolute;top:14%;width:13%;height:20.5%;right:10%}.main-mask div.s_div{position:relative;width:100%}.main-mask div.s_div .msg_img{position:relative;width:100%;margin-top:16%}.main-mask div.s_div #a_btn_ok{position:absolute;top:82%;width:50%;height:15.5%;left:25%}.main-mask div.s_div #img_51{position:absolute;top:66%;left:32%;display:inline-block;width:40%;height:6%;color:#fff}.main-mask div.s_div #span_51{position:absolute;top:71%;left:50%;display:inline-block;width:28%;height:6%;color:#000}.main-mask div.s_div #down_href{position:absolute;top:66%;left:32%;display:inline-block;width:40%;height:9%}.main-mask div.prize_div{position:relative;width:100%;height:100%}.main-mask div.prize_div .msg_img{position:relative;width:100%}.main-mask div.prize_div #lable_1{display:inline-block;position:absolute;top:24%;left:37%;width:38%;height:4%}.main-mask div.prize_div #lable_1 input{display:inline-block;width:100%;height:100%;border:0;color:#fff;background:#f66d1a;font-size:70%;position:absolute;top:0;left:0;right:0;bottom:0}.main-mask div.prize_div #lable_2{display:inline-block;position:absolute;top:30%;left:41%;width:38%;height:4%}.main-mask div.prize_div #lable_2 input{display:inline-block;width:100%;height:100%;border:0;color:#fff;background:#f66d1a;font-size:70%;position:absolute;top:0;left:0;right:0;bottom:0}.main-mask div.prize_div #lable_3{display:inline-block;position:absolute;top:36%;left:50%;width:28%;height:4%}.main-mask div.prize_div #lable_3 input{display:inline-block;width:100%;height:100%;border:0;color:#fff;background:#f66d1a;font-size:70%;position:absolute;top:0;left:0;right:0;bottom:0}.main-mask div.prize_div #a_btn_prize{position:absolute;top:44%;width:50%;height:8.5%;left:25%}.main-mask div.share_div{position:relative;width:100%}.main-mask div.share_div .msg_img{position:relative;width:100%}.main-mask div.share_div #a_btn_share{position:absolute;top:79%;width:50%;height:15.5%;left:25%}.main-mask .btn_a_close{position:absolute;width:10%;height:6%;top:10%;right:20%;z-index:1}.main-mask .btn_a_close_1{position:absolute;width:10%;height:9%;top:19%;right:19%;z-index:2}.more_loading{position:relative;display:none;height:30px;text-align:center;background:url(../images/more-loading.gif) no-repeat center 0}@media (max-width:320px){#img_51{font-size:.8em}}