html,body,div,ul,ol,li,span,p,a,b,i,img,h1,h2{ margin: 0; padding: 0; border: 0 }
html,body{ width: 100%; height: 100%;position: relative; font-family: Hiragino Sans GB;}
ul,ol,li{list-style: none;}
input,select,textarea,button{ outline: none}
a{text-decoration: none;-webkit-tap-highlight-color: transparent;}

.pop_num_game::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #353535;
    font-size: 2.5rem;
}
.pop_num_game:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #353535;
    font-size: 2.5rem;
}
.pop_num_game::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #353535;
    font-size: 2.5rem;
}
.pop_num_game:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #353535;
    font-size: 2.5rem;
}

.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: .8; z-index: 8; display: none}

.clear:before{content: "";display: table}
.clearfloat:after{content: "";display: block;clear: both}
.key_point{color: #F25833;}

.top_info{position: fixed;width: 100%;height: 2.75rem;background: #3F282A;box-sizing: border-box;border-bottom: 1px solid #5B4140;z-index: 7}
.top_info .logo{display: block;width: 5.975rem;margin: .4rem 0 0 .75rem;float: left;}
.top_info .logo img{display: block;width: 100%;}
.top_info .fb{display: block;float: right;width: 4rem;height: 1.9rem;background: url("img/fb_m.png?cf6605f6") no-repeat top center;background-size: 100% 100%;text-align: center;font-size: .55rem;line-height: 1.9rem;color: #FFECD5;font-family: Source Han Serif SC;margin: .425rem .75rem 0 .5rem;}
.top_info .home{display: block;float: right;width: 4rem;height: 1.9rem;background: url("img/home_m.png?78226aab") no-repeat top center;background-size: 100% 100%;text-align: center;font-size: .55rem;line-height: 1.9rem;color: #FFECD5;font-family: Source Han Serif SC;margin-top: .425rem;}

.header{position: relative;width: 100%;height: 27.925rem;background: url("img/header.jpg?204c874a") no-repeat top center;background-size: 100% 100%;overflow-x: hidden;}
.container{position: relative;width: 100%;height: 59.675rem;background: url("img/container.png?e8b7a276") no-repeat top center;background-size: 100% 100%;z-index: 2;top: -2rem;}

.header .damu_box{width: auto;height: 2.75rem;position: absolute;z-index: 2;top: 3.25rem;}
.header .damu_box ul{white-space: nowrap}
.header .damu_box li{ position: relative;height: 1.125rem;line-height: 1.125rem;color: #FCDFA6;font-size: .5rem;background: rgba(114,74,55,.7);border-radius: 1rem;display: inline-block;margin-right: .25rem;margin-bottom: .25rem;box-sizing: border-box;padding:0 .75rem}
.header .switch{position: absolute;width: 2.8rem;height: 3.3rem;background: url("img/switch.png?4c2d5745") no-repeat top center;background-size: 100% 100%;right: 0;top: 7.2rem;}
.header .switch:before{content: "Display";position: absolute;width: 1.25rem;font-size: .55rem;color: #fff;left: .7rem;top:1rem;line-height: .6rem;font-family: "Hiragino Sans GB";}
.header .switch i{position: absolute;width: .65rem;height: .65rem;background: #fff;border-radius: 1rem;bottom: .9rem;left: 1rem;transition: .5s}
.header .switch.close:before{content: "Hide";left: 1.1rem;}
.header .switch.close i{left: 1.9rem;}
.header .write{position: absolute;width: 2.8rem;right: 0;top: 10.5rem;}
.header .write img{display: block;width: 100%;}
.header .time{position: absolute;width: 11.5rem;height: 1.25rem;line-height: 1.25rem;background: url("img/time_m.png?846e82af") no-repeat top center;background-size: 100% 100%;left: 50%;margin-left: -5.75rem;top: 13.5rem;text-align: center;font-size: .6rem;color: #FFFBED;}
.header .btn_list li a{position: absolute;width: 3rem;height: 3rem;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;}
.header .btn_list li:nth-child(1) a{background-image: url("img/btn_1.png?594be7fd");left: -.2rem;top: 16.8rem;}
.header .btn_list li:nth-child(2) a{background-image: url("img/btn_2.png?567805ad");left: 2.85rem;top: 16.9rem;}
.header .btn_list li:nth-child(3) a{background-image: url("img/btn_3.png?750ac445");right: 2.5rem;top: 16.9rem;}
.header .btn_list li:nth-child(4) a{background-image: url("img/btn_4.png?b426d369");right: -.2rem;top: 16.8rem;}
.header .btn_list li:nth-child(1) a.free:before{content: "";position: absolute;width: 1.95rem;height: 1.4rem;background: url("img/free.png?26d393a8") no-repeat top center;background-size: 100% 100%;right: -.25rem;top: -.5rem}
.header .btn_list li:nth-child(2) a.open:before{content: "";position: absolute;width: 1.95rem;height: 1.4rem;background: url("img/open.png?d99427ef") no-repeat top center;background-size: 100% 100%;right: -.25rem;top: -.5rem}

.container .user_info{display: block;width: 15.65rem;height: 1.5rem;line-height: 1.5rem;background: url("img/user_info.png?d544bb22") no-repeat top center;background-size: 100% 100%;text-align: center;font-size: .6rem;color: #522A1D;margin: 2.85rem auto 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.container .user_info a{color: #F25833}
.container .t_1{display: block;width: 17.325rem;margin: 0 auto;}
.container .task{font-size: .55rem;color: #522A1D;margin: .875rem 0 .75rem 0;}
.container .task img{display: inline-block;width: 6.6rem;margin-right: .25rem;vertical-align: bottom}
.container .task_list{padding: .5rem;border-radius: .5rem;margin: 0 auto;width: 17.75rem;box-sizing: border-box;box-shadow: 5px 5px 1rem 1rem rgba(229,186,134,1) inset}
.container .task_list li{width: 16.75rem;height: 2.25rem;background: #FFEED4;border-radius: .5rem;line-height: 2.25rem;color: #522A1D;box-sizing: border-box;padding-left: .75rem;font-size: .55rem;}
.container .task_list li .key_point{display: block}
.container .task_list li div{float: left;line-height: .8rem;margin-top: .4rem}
.container .task_list li:not(:last-child){margin-bottom: .25rem;}
.container .task_list li .btn{display: block;float: right;width: 3.5rem;height: 1.75rem;background: url("img/btn.png?73c516e0") no-repeat top center;background-size: 100% 100%;margin: .25rem .25rem 0 0;text-align: center;line-height: 1.75rem;color: #FFFAE9;font-family: Source Han Serif SC;font-size: .65rem;}
.container .task_list li .btn.got{color: #FFCAA3}
.container .tips{text-align: center;font-size: .55rem;color: #522A1D;line-height: 2.2rem;}
.container .btn_box{width: 15.5rem;margin: 0 auto;}
.container .btn_box a{display: block;width: 7.5rem;height: 2.5rem;text-align: center;line-height: 2.5rem;font-size: .8rem;color: #FFF6E6;font-family: Source Han Serif SC;}
.container .btn_box a:first-child{float: left;background: url("img/btn_5.png?57e43040") no-repeat top center;background-size: 100% 100%;}
.container .btn_box a:last-child{float: right;background: url("img/btn_6.png?ee94b1fc") no-repeat top center;background-size: 100% 100%;}
.container .invite_box{display: block;width: 100%;height: 21.15rem;background: url("img/invite_box.png?02fecde6") no-repeat top center;background-size: 100% 100%;margin-top: 1rem;box-sizing: border-box;padding-top: 7.25rem;}
.container .invite_box .content{width: 17.5rem;height: 8.75rem;background: url("img/content.png?a8835b23") no-repeat top center;background-size: 100% 100%;margin: 0 auto;}
.container .invite_box .content .h1{font-size: .75rem;text-align: center;margin: .5rem auto .5rem;}
.container .invite_box .content .link_box{width: 16rem;height: 2.15rem;background: #FFD29E;line-height: 2.15rem;color: #522A1D;box-sizing: border-box;padding-left: .5rem;margin: 0 auto .5rem;border-radius: .25rem;}
.container .invite_box .content .link_box input{display: block;width: 85%;outline: 0;background: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border: 0;height: 100%;float: left;font-size: .5rem}
.container .invite_box .content .link_box .copy{display: block;float: right;margin-right: .5rem;text-decoration: underline;height: 2.15rem;font-size: .65rem}
.container .invite_box .content .tip{font-size: .55rem;color: #D58A48;text-align: center;}
.container .invite_box .content .invite_record{width: 16rem;margin: 1rem auto 0;display: block;color: #522A1D;font-size: .65rem;line-height: 1rem;}
.container .invite_box .content .invite_record .right{float: right;}
.container .invite_box .invite_rule{display: block;margin: .5rem auto 0;color: #FFEACF;width: 2.75rem;padding-top: .25rem;text-decoration: underline;font-size: .65rem;text-align: center;}
.container .task_desc{display: block;margin: .5rem auto 0;color: #522A1D;width: 7rem;padding-top: .25rem;text-decoration: underline;font-size: .65rem;text-align: center;}

.pop{position: absolute;width: 17.25rem;left: 50%;margin-left: -8.625rem;border: 1px solid #FFB978;border-top: 0;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;top: 5rem;z-index: 9;display: none;background: #f5eee0;}
.pop .close{position: absolute;width: 1.25rem;height: 1.25rem;right: .75rem;top: -2.2rem;z-index: 5}
.pop .close img{display: block;width: 100%;}
.pop:before{content: "";position: absolute;width: 18.25rem;height: 2.325rem;background: url("img/pop_top.png?a1522175") no-repeat top center;background-size: 100% 100%;left: 50%;margin-left: -9.125rem;top: -1.9rem;}
.pop .pop_con{position: relative;width: 100%;height: auto;min-height: 7rem;box-sizing: border-box;border: 2px solid #C06D57;border-top: 0;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;overflow: hidden;padding: 0 .75rem .75rem;color: #522A1D;font-size: .6rem;}
.pop .pop_con .tips{text-align: center;color: #D3A276;line-height: 1rem;}
.pop .pop_con:after{content:"";position: absolute;width: 100%;height: 6.85rem;background: url("img/pop_bottom.jpg?318102ca") no-repeat top center;background-size: 100% 100%;left: 0;bottom: 0;z-index: -1}
.pop .pop_con .h1{font-size: 1.2rem;text-align: center;color: #F06C38;font-family: Source Han Serif SC;margin: .25rem auto .5rem;font-weight: bold;position: relative;z-index: 0}
.pop .pop_con .h2{font-size: .75rem;text-align: left;color: #E0913D;margin-top: .5rem;margin-bottom: .25rem}
.pop .pop_con .table_box{width: 100%;max-height: 10.5rem;overflow-y: auto;box-sizing: border-box;border: 1px solid #FFD4A1}
.pop .pop_con .pop_table{width: 100%;}
.pop .pop_con .pop_table tr td{box-sizing: border-box;height: 1.75rem;line-height: 1.75rem;font-size: .55rem;text-align: center;border-bottom: 1px solid #FFD4A1;background: #FEEEDD}
.pop .pop_con .pop_table tr:last-child td{border-bottom: 0}
.pop .pop_con .pop_table tr:first-child td{background: #FFE1C4}
.pop .pop_con .pop_table tr:first-child td:not(:last-child){border-right: 1px solid #FFD4A1}
.pop .pop_con .rule_list{max-height: 20rem;overflow-y: auto;}

.pop_s{position: absolute;width: auto;height: 2.5rem;line-height: 2.5rem;box-sizing: border-box;background: #F5EEE0;border-radius: 2rem;text-align: center;color: #522A1D;font-size: .75rem;left: 50%;top:10rem;z-index: 10;display: none;}
.pop_s .pop_con{padding: 0 .75rem;white-space: nowrap}
.pop_s img{display: inline-block;vertical-align: middle;width: 1.4rem;margin-right: .5rem}

.pop_common .pop_con{text-align: center;}

.pop_invite_rule .rule_list{line-height: 1rem;font-size: .6rem;}
.pop_num_rule .rule_list{line-height: 1rem;font-size: .6rem;}
.pop_qiu_rule .rule_list{line-height: 1rem;font-size: .6rem;}

.pop_tip .pop_con{text-align: center;}
.pop_tip .btn_box{width: 14rem;height: 2.25rem;margin: .5rem auto 0;text-align: center;}
.pop_tip a{display: inline-block;width: 6.5rem;height: 2.25rem;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;text-align: center;line-height: 2.25rem;font-family: "Source Han Serif SC";font-size: .9rem;color: #FFFFFF;margin: 0 .125rem}
.pop_tip .confirm{background-image: url("img/pop_btn_1.png?4deacf3a")}
.pop_tip .cancel{background-image: url("img/pop_btn_2.png?7fe0b54e");color: #F58141;}

.pop_exchange_confirm .pop_con{text-align: center;}
.pop_exchange_confirm .btn_box{width: 14rem;height: 2.25rem;margin: .5rem auto 0;text-align: center;}
.pop_exchange_confirm a{display: inline-block;width: 6.5rem;height: 2.25rem;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;text-align: center;line-height: 2.25rem;font-family: "Source Han Serif SC";font-size: .9rem;color: #FFFFFF;margin: 0 .125rem}
.pop_exchange_confirm .confirm{background-image: url("img/pop_btn_1.png?4deacf3a")}
.pop_exchange_confirm .cancel{background-image: url("img/pop_btn_2.png?7fe0b54e");color: #F58141;}

.pop_num_confirm .pop_con{text-align: center;}
.pop_num_confirm .btn_box{width: 14rem;height: 2.25rem;margin: .5rem auto 0;text-align: center;}
.pop_num_confirm a{display: inline-block;width: 6.5rem;height: 2.25rem;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;text-align: center;line-height: 2.25rem;font-family: "Source Han Serif SC";font-size: .9rem;color: #FFFFFF;margin: 0 .125rem}
.pop_num_confirm .confirm{background-image: url("img/pop_btn_1.png?4deacf3a")}
.pop_num_confirm .cancel{background-image: url("img/pop_btn_2.png?7fe0b54e");color: #F58141;}
.pop_num_confirm .num{line-height: 3rem;font-size: 2.5rem;font-weight: bold;color: #522A1D}

.pop_invite_record li{line-height: 1rem;font-size: .55rem;}

.pop_wish textarea{width: 100%;border: 1px solid #F2CAA7;background: #FFF8F1;height: 3.75rem;box-sizing: border-box;border-radius: .5rem;color: #F7BD80;font-size: .55rem;padding: .5rem;line-height: .8rem;resize: none;outline: none;}
.pop_wish a.wish_btn{display: block;width:100%;height: 2.25rem;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;text-align: center;line-height: 2.25rem;font-family: "Source Han Serif SC";font-size: .9rem;color: #FFFFFF;margin: 0.5rem auto 0;background-image: url("img/pop_btn_3.png?2ea415bf")}

.pop_welfare .pop_con{height: 7.5rem;}
.pop_welfare .pop_con div{width: 10rem;font-size: .65rem;line-height: 1rem;margin: 1.5rem 0 0 0rem;text-align: justify}
.pop_welfare .pop_con img{position: absolute;width: 6.05rem;bottom: 0;right: .6rem;}

.pop_code .code{display: block;width: 100%;height: 2.25rem;background: #FFFDFA;border-radius: .5rem;box-sizing: border-box;border: 1px solid #FFD4A1;margin: .5rem auto;padding:0 .5rem;}
.pop_code a.exchange_btn{display: block;width:100%;height: 2.25rem;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;text-align: center;line-height: 2.25rem;font-family: "Source Han Serif SC";font-size: .9rem;color: #FFFFFF;margin: 0.5rem auto 0;background-image: url("img/pop_btn_3.png?2ea415bf")}

.pop.pop_shop .pop_con{padding: 0 .25rem .75rem;text-align: center;}
.pop_shop .pop_con .goods_list{text-align: center;width: 100%;margin: .75rem auto .5rem;position: relative;z-index: 2}
.pop_shop .pop_con .goods_list li{display: inline-block;width: 7.5rem;height: 8rem;box-sizing: border-box;background: #FFFCF7;border: 1px solid #ECDBC6;position: relative;border-radius: .5rem;margin: 0 .25rem;}
.pop_shop .pop_con .goods_list li:not(:last-child){margin-bottom: 1rem;}
.pop_shop .pop_con .goods_list li .limit{position: absolute;padding: 0 .5rem;height: .95rem;line-height: .95rem;font-size: .55rem;color: #FFEDDB;background: #FF7C62;border-bottom-right-radius: 1rem;border-top-right-radius: 1rem;left: 0;top: .75rem;}
.pop_shop .pop_con .goods_list li .goods_name{line-height: 1rem;}
.pop_shop .pop_con .goods_list li img{display: block;width: 4.5rem;margin: 1.25rem auto 0;}
.pop_shop .pop_con .goods_list li .btn{position: absolute;width: 4.75rem;height: 1.8rem;line-height: .75rem;font-size: .55rem;color: #E84100;left: 50%;margin-left: -2.25rem;bottom: -.7rem;background: url("img/pop_btn_4.png?fea0969a") no-repeat top center;background-size: 100% 100%;box-sizing: border-box;padding: .25rem .5rem;}
.pop_shop .exchange_recored{display: inline-block;font-size: .75rem;font-weight: bold;color: #ED622C;margin: 1rem auto 0;text-decoration: underline;}
.pop_shop .male{position: absolute;width: 15.375rem;left: -.5rem;top: -4rem;z-index: 1}
.pop_shop .h1{padding-left: 2.5rem}
.pop_shop .num{padding-left: 5.5rem}
.pop.pop_shop .pop_con .h1{position: relative;left: 1.5rem;}

.pop.pop_num_game .pop_con{padding: 0 .25rem .75rem;text-align: center;}
.pop_num_game .role{position: absolute;width: 6.025rem;left: 0rem;top: -4rem;z-index: 1}
.pop_num_game .h1{padding-left: 2.5rem}
.pop_num_game .num{padding-left: 2.5rem;position: relative;top: -.5rem}
.pop_num_game .input_box{position: relative;width: 15.15rem;height: 4.65rem;background: url("img/input_box.png?c03e4986") no-repeat top center;background-size: 100% 100%;box-sizing: border-box;margin: 0 auto 0.5rem;z-index: 2}
.pop_num_game .input_box .input_t{position: absolute;width: 7.225rem;height: 1.25rem;background: url("img/input_t.png?a14d5a7a") no-repeat top center;background-size: 100% 100%;line-height: 1.25rem;font-size: .6rem;color: #FFFFFF;left: 50%;margin-left: -3.6125rem;top: 0;}
.pop_num_game .input_box li{display: inline-block;margin: .25rem .125rem;}
.pop_num_game .input_box input{display: block;width: 4.5rem;height: 4rem;border-radius: .5rem;border: 0;background: linear-gradient(to bottom,#F0D2BF,#FBF2EC);line-height: 4rem;font-size: 2.5rem;color: #353535;text-align: center;}
.pop_num_game .btn_box{width: 14rem;height: 2.25rem;margin: .5rem auto 0;text-align: center;}
.pop_num_game .btn_box a{display: inline-block;width: 6.5rem;height: 2.25rem;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;text-align: center;line-height: 2.25rem;font-family: "Source Han Serif SC";font-size: .9rem;color: #FFFFFF;margin: 0 .125rem}
.pop_num_game .confirm{background-image: url("img/pop_btn_1.png?4deacf3a")}
.pop_num_game .tip{position: absolute;width: 11rem;height: 2.45rem;background: url("img/tip.png?41f55951") no-repeat top center;background-size: 100% 100%;left: 50%;margin-left: -4.5rem;top: -3rem;box-sizing: border-box;padding: .5rem 0rem 0 0.25rem;text-align: center;line-height: .7rem;font-size: .55rem;}
.pop_num_game .join{display: block;width: 15rem;height: 3rem;background: url("img/join.png?14fe4943") no-repeat top center;background-size: 100% 100%;margin: 0 auto .5rem;position: relative;z-index: 2;}
.pop_num_game .game_desc{display: inline-block;font-size: .75rem;color: #ED622C;text-decoration: underline;margin: .5rem auto 0.5rem;font-weight: bold;}
.pop_num_game .jlyl{position: absolute;width: 3.45rem;height: 3.45rem;background: url("img/jlyl.png?aea9b7ab") no-repeat top center;background-size: 100% 100%;right: 0.5rem;bottom: 0}
.pop_num_game .game_after .input_box{margin-bottom: 1rem;}

.pop.pop_num_open .pop_con{padding: 0 .25rem .75rem;text-align: center;}
.pop_num_open .role{position: absolute;width: 6.025rem;left: -0.125rem;top: -4rem;z-index: 1}
.pop_num_open .h1{padding-left: 3.5rem}
.pop_num_open .num{padding-left: 3.5rem;position: relative;top: -.5rem}
.pop_num_open .input_box{position: relative;width: 15.15rem;height: 4.65rem;background: url("img/input_box.png?c03e4986") no-repeat top center;background-size: 100% 100%;box-sizing: border-box;margin: 1rem auto 2rem;z-index: 2}
.pop_num_open .input_box .input_t{position: absolute;width: 7.225rem;height: 1.25rem;background: url("img/input_t.png?a14d5a7a") no-repeat top center;background-size: 100% 100%;line-height: 1.25rem;font-size: .6rem;color: #FFFFFF;left: 50%;margin-left: -3.6125rem;top: 0;}
.pop_num_open .input_box li{display: inline-block;margin: .25rem .125rem;}
.pop_num_open .input_box input{display: block;width: 4.5rem;height: 4rem;border-radius: .5rem;border: 0;background: linear-gradient(to bottom,#DF6041,#F3B097);line-height: 4rem;font-size: 2.5rem;color: #FFFFFE;text-align: center;}
.pop_num_open .tip{position: absolute;width: 10.5rem;height: 3.8rem;background: url("img/tip.png?41f55951") no-repeat top center;background-size: 100% 100%;left: 50%;margin-left: -4.25rem;top: -3.5rem;box-sizing: border-box;padding: .25rem 0.25rem 0 .65rem;text-align: left;line-height: .7rem;font-size: .55rem}
.pop_num_open .game_desc{display: inline-block;font-size: .75rem;color: #ED622C;text-decoration: underline;margin: .5rem auto 0.5rem;font-weight: bold;}
.pop_num_open .jlyl{position: absolute;width: 3.45rem;height: 3.45rem;background: url("img/jlyl.png?aea9b7ab") no-repeat top center;background-size: 100% 100%;right: 0.5rem;bottom: 0}
.pop_num_open .order_box{position: absolute;width: 100%;height: 1.25rem;overflow: hidden;background: #FFEAE0;border-bottom-right-radius: .5rem;border-bottom-left-radius: .5rem;}
.pop_num_open .order_box li{line-height: 1.25rem;color: #522A1D;font-size: .55rem;height: 1.25rem;box-sizing: border-box;display: block;margin: 0;width: 100%;padding: 0 .25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pop_jlyl .pop_con img{display: block;width: 15.5rem;margin: 0 auto;}

.pop_gift .role{position: absolute;width: 6.725rem;bottom: 0;right: .5rem;}
.pop_gift .gift_box{float: left;margin: 1rem 0 0 3rem}
.pop_gift .gift_box .gift{width: 4.5rem;height: 4.5rem;background: #FFFFFF;border: 1px solid #F5DCBB;}
.pop_gift .gift_box .gift img{display: block;width: 100%;height:100%;}
.pop_gift .gift_box .gift_name{font-size: .55rem;line-height: 1.5rem;text-align: center;}

.pop_award .award_list{text-align: center;width: 12rem;margin: 0.5rem auto 0;}
.pop_award .award_list li{display: inline-block;margin: 0 .25rem}
.pop_award .award_list li .award{width: 4.5rem;height: 4.5rem;background: #FFFFFF;border: 1px solid #F5DCBB;box-sizing: border-box;}
.pop_award .award_list li .award.card{background: none;border: 0;display: flex;justify-content: center;align-items: center;}
.pop_award .award_list li .award img{display: block;width: 100%;height:100%;}
.pop_award .award_list li .award.card img{display: block;width: 2rem;height: auto}
.pop_award .award_list li .award_name{font-size: .55rem;line-height: 1.5rem;text-align: center;}

.pop.pop_qiu_game .pop_con{padding: 0 .25rem 1rem;text-align: center;}
.pop_qiu_game .role{position: absolute;width: 4.575rem;left: -0.2rem;top: -2.5rem;z-index: 3}
.pop_qiu_game .h1{padding-left: 2.5rem}
.pop_qiu_game .num{padding-left: 2.5rem;position: relative;font-size: .55rem;white-space: nowrap;z-index: 4}
.pop_qiu_game .tip{position: absolute;width: 10.5rem;height: 2.45rem;line-height: .8rem;background: url("img/tip.png?41f55951") no-repeat top center;background-size: 100% 100%;left: 50%;margin-left: -4.25rem;top: -3rem;box-sizing: border-box;padding: 0.5rem .65rem 0;text-align: center;font-size: .55rem}
.pop_qiu_game .qiu_box{position: relative;z-index: 2;background: url("img/qiu_box.png?a9fb321a") no-repeat top center;background-size: 100% 100%;width: 100%;height: 7.65rem;margin: 0 auto .5rem;}
.pop_qiu_game .btn_box{float: left;margin: .75rem 0 0 3.25rem}
.pop_qiu_game .btn_box a{display: inline-block;color: #ED622C;font-size: .75rem;font-weight: bold;text-decoration: underline;margin-right: 1.75rem;}
.pop_qiu_game .jlyl{position: absolute;width: 3.45rem;height: 3.45rem;background: url("img/jlyl_1.png?90cdf35d") no-repeat top center;background-size: 100% 100%;right: 0.5rem;bottom: 0.5rem}
.pop_qiu_game .ys_box{position: absolute;width: 17.25rem;height: 4.05rem;left: 50%;margin-left: -8.625rem;bottom: -3.4rem;z-index: 2;background: url("img/ys_box.png?5fe59830") no-repeat top center;background-size: 100% 100%;}
.pop_qiu_game .ys_box ul{text-align: center;width: 9.6rem;position: absolute;right: .5rem;top: 1.5rem;}
.pop_qiu_game .ys_box ul li{display: inline-block;width: 1.5rem;height: 2rem;background: url("img/card.png?4aed8579") no-repeat;background-size: 500% 200%;margin: 0 .125rem;position: relative;}
.pop_qiu_game .ys_box ul li:nth-child(1){background-position: 0 -2rem;}
.pop_qiu_game .ys_box ul li:nth-child(2){background-position: -1.5rem -2rem;}
.pop_qiu_game .ys_box ul li:nth-child(3){background-position: -3rem -2rem;}
.pop_qiu_game .ys_box ul li:nth-child(4){background-position: -4.5rem -2rem;}
.pop_qiu_game .ys_box ul li:nth-child(5){background-position: -6rem -2rem;}
.pop_qiu_game .ys_box ul li span{display: none}
.pop_qiu_game .ys_box ul li:nth-child(1) span{color: #E65C55}
.pop_qiu_game .ys_box ul li:nth-child(2) span{color: #DA3E9A}
.pop_qiu_game .ys_box ul li:nth-child(3) span{color: #D07C15}
.pop_qiu_game .ys_box ul li:nth-child(4) span{color: #9751C3}
.pop_qiu_game .ys_box ul li:nth-child(5) span{color: #5685E8}
.pop_qiu_game .ys_box ul li.card span{position: absolute;display: block;width: .6rem;height: .6rem;text-align: center;line-height: .6rem;background: #FFFFFF;font-size: .5rem;top: -.125rem;right: -.125rem;border-radius: 1rem;padding: 0;}
.pop_qiu_game .ys_box ul li.card:nth-child(1){background-position: 0 0;}
.pop_qiu_game .ys_box ul li.card:nth-child(2){background-position: -1.5rem 0;}
.pop_qiu_game .ys_box ul li.card:nth-child(3){background-position: -3rem 0;}
.pop_qiu_game .ys_box ul li.card:nth-child(4){background-position: -4.5rem 0;}
.pop_qiu_game .ys_box ul li.card:nth-child(5){background-position: -6rem 0;}
.pop.pop_qiu_game .pop_con .h1{line-height: 1rem;font-size: .9rem;margin: .25rem auto;}

.pop_qiu_game .ball_list{width: 15.25rem;margin-top: .4rem;margin-left: .7rem}
.pop_qiu_game .ball_list li{float: left;width: 2.025rem;height: 2.625rem;box-sizing: border-box;margin-right: 1.25rem;position: relative;}
.pop_qiu_game .ball_list li:nth-child(5){margin-right: 0rem}
.pop_qiu_game .ball_list li:nth-child(10){margin-right: 0rem}
.pop_qiu_game .ball_list li:nth-child(1){margin-bottom: 1.35rem}
.pop_qiu_game .ball_list li:nth-child(2){margin-bottom: 1.35rem}
.pop_qiu_game .ball_list li:nth-child(3){margin-bottom: 1.35rem}
.pop_qiu_game .ball_list li:nth-child(4){margin-bottom: 1.35rem}
.pop_qiu_game .ball_list li:nth-child(5){margin-bottom: 1.35rem}
.pop_qiu_game .ball_list li i{content: "";position: absolute;width: 2.025rem;height: 2.625rem;background-image: url("img/qiu.png?06856afa");background-repeat: no-repeat;background-size: 500% 300%;top: 0;left: 0;transform-origin: top center;}
.pop_qiu_game .ball_list li .dart{z-index: 4;content: "";position: absolute;width: 1.925rem;height: 1.575rem;background: url("img/dart.png?be50c86f") no-repeat top center;background-size: 100% 100%;top: 1rem;left: 1rem;transform-style:preserve-3d;opacity: 0;transition: .1s;transform-origin: .05rem .2rem;}
.pop_qiu_game .ball_list li.cur:nth-child(1) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px)}
.pop_qiu_game .ball_list li.cur:nth-child(2) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(-40deg);}
.pop_qiu_game .ball_list li.cur:nth-child(3) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(-20deg);}
.pop_qiu_game .ball_list li.cur:nth-child(4) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(-30deg);}
.pop_qiu_game .ball_list li.cur:nth-child(5) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(0deg);}
.pop_qiu_game .ball_list li.cur:nth-child(6) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(-15deg);}
.pop_qiu_game .ball_list li.cur:nth-child(7) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(0deg);}
.pop_qiu_game .ball_list li.cur:nth-child(8) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(-20deg);}
.pop_qiu_game .ball_list li.cur:nth-child(9) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(-40deg);}
.pop_qiu_game .ball_list li.cur:nth-child(10) .dart{opacity: 1; transform: perspective(500px) translate3d(0px,0px,-200px) rotate(-30deg);}
.pop_qiu_game .ball_list li .i_1{z-index: 1;background-position: -4.05rem -2.625rem;opacity: 0}
.pop_qiu_game .ball_list li .i_2{z-index: 2;background-position: -4.05rem -5.25rem;}
.pop_qiu_game .ball_list li .i_3{z-index: 3;background-position: -4.05rem 0;}
.pop_qiu_game .ball_list li.cur .i_1{opacity: 1;transition: .1s .2s}
.pop_qiu_game .ball_list li.cur .i_2{animation: Scale_2 .1s ease-in .2s;animation-fill-mode: forwards}
.pop_qiu_game .ball_list li.cur .i_3{animation: Scale_1 .1s ease-in .1s;animation-fill-mode: forwards}

.pop_qiu_game .ball_list li.selected .i_1{opacity: 1!important;}
.pop_qiu_game .ball_list li.selected .i_2{opacity: 0!important;}
.pop_qiu_game .ball_list li.selected .i_3{opacity: 0!important;}
.pop_qiu_game .ball_list li.selected .dart{opacity: 1!important;}

.pop_qiu_game .ball_list li:nth-child(2) .i_1{z-index: 1;background-position: 0rem -2.625rem;}
.pop_qiu_game .ball_list li:nth-child(2) .i_2{z-index: 2;background-position: 0 -5.25rem;}
.pop_qiu_game .ball_list li:nth-child(2) .i_3{z-index: 3;background-position: 0 0;}
.pop_qiu_game .ball_list li:nth-child(3) .i_1{z-index: 1;background-position: -6.075rem -2.625rem;}
.pop_qiu_game .ball_list li:nth-child(3) .i_2{z-index: 2;background-position: -6.075rem -5.25rem;}
.pop_qiu_game .ball_list li:nth-child(3) .i_3{z-index: 3;background-position: -6.075rem 0;}
.pop_qiu_game .ball_list li:nth-child(4) .i_1{z-index: 1;background-position: -8.1rem -2.625rem;}
.pop_qiu_game .ball_list li:nth-child(4) .i_2{z-index: 2;background-position: -8.1rem -5.25rem;}
.pop_qiu_game .ball_list li:nth-child(4) .i_3{z-index: 3;background-position: -8.1rem 0;}
.pop_qiu_game .ball_list li:nth-child(5) .i_1{z-index: 1;background-position: -2.025rem -2.625rem;}
.pop_qiu_game .ball_list li:nth-child(5) .i_2{z-index: 2;background-position: -2.025rem -5.25rem;}
.pop_qiu_game .ball_list li:nth-child(5) .i_3{z-index: 3;background-position: -2.025rem 0;}
.pop_qiu_game .ball_list li:nth-child(6) .i_1{z-index: 1;background-position: -6.075rem -2.625rem;}
.pop_qiu_game .ball_list li:nth-child(6) .i_2{z-index: 2;background-position: -6.075rem -5.25rem;}
.pop_qiu_game .ball_list li:nth-child(6) .i_3{z-index: 3;background-position: -6.075rem 0;}
.pop_qiu_game .ball_list li:nth-child(8) .i_1{z-index: 1;background-position: 0rem -2.625rem;}
.pop_qiu_game .ball_list li:nth-child(8) .i_2{z-index: 2;background-position: 0 -5.25rem;}
.pop_qiu_game .ball_list li:nth-child(8) .i_3{z-index: 3;background-position: 0 0;}
.pop_qiu_game .ball_list li:nth-child(9) .i_1{z-index: 1;background-position: -6.075rem -2.625rem;}
.pop_qiu_game .ball_list li:nth-child(9) .i_2{z-index: 2;background-position: -6.075rem -5.25rem;}
.pop_qiu_game .ball_list li:nth-child(9) .i_3{z-index: 3;background-position: -6.075rem 0;}
.pop_qiu_game .ball_list li:nth-child(10) .i_1{z-index: 1;background-position: -8.1rem -2.625rem;}
.pop_qiu_game .ball_list li:nth-child(10) .i_2{z-index: 2;background-position: -8.1rem -5.25rem;}
.pop_qiu_game .ball_list li:nth-child(10) .i_3{z-index: 3;background-position: -8.1rem 0;}

@keyframes Scale_1 {
    0%{transform: scale(1)}
    99%{transform: scale(1.5);opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes Scale_1 {
    0%{transform: scale(1)}
    99%{transform: scale(1.5);opacity: 1}
    100%{opacity: 0}
}

@keyframes Scale_2 {
    0%{transform: scale(1.5)}
    99%{transform: scale(2);opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes Scale_2 {
    0%{transform: scale(1.5)}
    99%{transform: scale(2);opacity: 1}
    100%{opacity: 0}
}