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;}
ul,ol,li{list-style: none;}
a{text-decoration: none;-webkit-tap-highlight-color: transparent}

.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: .6; z-index: 8; display: none}
.clear:before{content: "";display: table}
.clearfloat:after{content: "";display: block;clear: both}
.key_point{color: #A47A44}

.header{position: relative;width: 100%;background: url("img/header.jpg?1ec472d0") no-repeat top center;height: 33.35rem;background-size: 100% 100%;}
.part_1{position: relative;width: 100%;background: url("img/part_1.jpg?ab2e6dcb") no-repeat top center;height: 33.25rem;background-size: 100% 100%;}
.part_2{position: relative;width: 100%;background: url("img/part_2.jpg?f9dac8ae") no-repeat top center;height: 33.25rem;background-size: 100% 100%;}
.part_3{position: relative;width: 100%;background: url("img/part_3.jpg?9b2e7ec7") no-repeat top center;height: 46.15rem;background-size: 100% 100%;}

.header .top_bar{position: relative;width: 100%;height: 2.75rem;background: #0B0B0B}
.header .logo{float: left;margin: .25rem .25rem 0 .375rem;display: flex;align-items: center;}
.header .logo img{display: block;}
.header .logo img:first-child{width: 2.25rem;}
.header .logo img:last-child{width: 4.48rem;}
.header .language_box{float: right;padding: 0 .8rem;height: 1.875rem;margin: .375rem 0.5rem 0 0;box-sizing: border-box;border: 1px solid #6D6D6D;line-height: 1.875rem;font-size: .55rem;border-radius: 5rem;}
.header .language_box a{color: #ffffff;}
.header .language_box a.cur{color: #FFFAB6;}
.header .language_box span{margin: 0 .5rem;color: #6D6D6D;position: relative;top: -2px;}
.header .menu{display: block;background: url("img/menu.png?b17d24fa") no-repeat top center;width: 1.4rem;height: 1.2rem;background-size: 100% 200%;float: right;margin: .75rem}
.header .menu.open{background-position: bottom center;}
.header .cdw{position: absolute;width: 2.25rem;height: 2.25rem;top: 4.2rem;right: .35rem;}
.header .cdw img{display: block;width: 100%}
.header .gift{position: absolute;width: 2.25rem;height: 2.25rem;top: 6.95rem;right: .35rem;}
.header .gift img{display: block;width: 100%}
.header .time{position: absolute;width: 100%;text-align: center;font-size: .55rem;color: #000000;left: 0;bottom: 7.8rem;background: url("img/countdown.png?4d7d4771") no-repeat top center;background-size: 16.75rem 1.5rem;line-height: 1.5rem;box-sizing: border-box;padding-left: 1rem;}
.header .time span{font-size: .8rem;}
.header .user_info{position: absolute;width: 100%;background: url("img/user_info.png?f605e2b4") no-repeat top center;height: 1.75rem;background-size: 16.3rem 1.75rem;left: 0;bottom: 5.9rem;text-align: center;line-height: 1.75rem;font-size: .6rem;color: #ffffff;}
.header .user_info a{color: #FDEEB5}
.header .join{position: absolute;width: 9.85rem;left: 50%;margin-left: -4.925rem;bottom: 1.9rem;}
.header .join img{display: block;width: 100%}

.part_1 .t{display: block;width: 15.95rem;margin: .95rem auto 0}
.part_1 .tip{text-align: center;font-size: .6rem;color: #333333}
.part_1 .task_list{width: 16.25rem;position: absolute;left: 50%;margin-left: -8.125rem;color: #333333;top: 8rem;}
.part_1 .task_list li{display: flex;width: 100%;height: 3.75rem;box-sizing: border-box;background: #ffffff;border: 2px solid #DBB46B;border-radius: .5rem;margin-bottom: .25rem;align-items: center;justify-content: space-between;padding: 0 .5rem;position: relative;}
.part_1 .task_list li:before{content: "";position: absolute;background: url("img/ico_3.png?2343da99") no-repeat top center;width: 1.55rem;height: 1.65rem;background-size: 100% 100%;top: .85rem;left: -1.125rem;}
.part_1 .task_list li .pj{display: block;width: 2.75rem;}
.part_1 .task_list li .pj_name{display: block;text-align: center;font-size: .5rem;}
.part_1 .task_list li .task{width: 6.6rem;font-size: .55rem;text-align: justify;}
.part_1 .task_list li .btn{display: block;background: url("img/go.png?93eceef2") no-repeat top center;width: 4.85rem;height: 1.7rem;background-size: 100% 200%;}
.part_1 .task_list li .btn.reached{background-position: bottom center;}
.part_1 .tips{position: absolute;text-align: center;width: 100%;color: #333333;font-size: .75rem;bottom: 2.15rem;left: 0;}
.part_1 .down{position: absolute;width: .9rem;left: 50%;margin-left: -.45rem;bottom: .6rem;animation: Float 1s linear infinite alternate;}

.part_2 .t{display: block;width: 14.975rem;margin: .5rem auto 0}
.part_2 .tip{text-align: center;font-size: .6rem;color: #333333}
.part_2 .game_box{position: absolute;width: 17.45rem;height: 25.2rem;left: 50%;margin-left: -8.725rem;top: 6.25rem;background: #FFFBF5;box-sizing: border-box;border-radius: .25rem;overflow: hidden;border: 1px solid #CBB490;}
.part_2 .game_box .step{position: absolute;display: none;width: 17rem;height: 24.75rem;overflow: hidden;background: url("img/bg.png?49dabdaa") no-repeat top center;background-size: 17rem 13.8rem;top: .125rem;left: .125rem;}
.part_2 .game_box .step.cur{display: block;}
.part_2 .game_box .step_1 .step_1{display: block;width: 100%;}
.part_2 .game_box .step_1 .start{position: absolute;width: 9.85rem;left: 50%;margin-left: -4.925rem;bottom: 4.125rem;}
.part_2 .game_box .step_1 .start img{display: block;width: 100%;}
.part_2 .game_box .step_2 .imgbox{position: absolute;width: 17rem;height: 13.8rem;top: 0;left: 0;z-index: 1;pointer-events: none;overflow: hidden;}
.part_2 .game_box .step_2 .imgbox .bg{display: block;width: 100%;top: 0;left: 0;margin-left: 0}
.part_2 .game_box .step_2 .imgbox img{position: absolute;width: 10.25rem;left: 50%;margin-left: -5.125rem;top: 0.8rem;}
.part_2 .game_box .step_2 .imgbox .color{z-index: 1}
.part_2 .game_box .step_2 .imgbox .cloth{z-index: 2}
.part_2 .game_box .step_2 .imgbox .eye{z-index: 3}
.part_2 .game_box .step_2 .imgbox .mouth{z-index: 4}
.part_2 .game_box .step_2 .imgbox .glasses{z-index: 5}
.part_2 .game_box .step_2 .imgbox .headwear{z-index: 6}
.part_2 .game_box .step_3 .cd{display: block;width: 100%;}
.part_2 .game_box .step_3 .sucess{display: block;width: 7.875rem;margin: 0.45rem auto 0;}
.part_2 .game_box .step_3 .line{display: block;width: 16.25rem;margin: 0.25rem auto 0;}
.part_2 .game_box .step_3 div{padding: 0 .625rem;line-height: 1rem;font-size: .55rem;color: #000000;text-align: justify;margin-top: .5rem;}
.part_2 .game_box .step_3 .btns{display: flex;width: 15rem;align-items: center;justify-content: space-between;margin: 0.75rem auto 0;}
.part_2 .game_box .step_3 .btns a{display: block;width: 7.2rem;}
.part_2 .game_box .step_3 .btns a img{display: block;width: 100%;}
.part_2 .game_box .step_3 .tip{text-align: center;}
.part_2 .game_box .step_3 .logo{position: absolute;width: 4rem;top: 0.25rem;right: .5rem;}
.part_2 .game_box .step_3 .cdw{position: absolute;width: 3.775rem;left: 0.25rem;top: 9.95rem;}
.part_2 .game_box .step_3 .u_info{position: absolute;font-size: .55rem;color: #ffffff;left: 0.25rem;top: 12.6rem;line-height: 1rem;}

.part_2 .game_box .drawing_box{position: absolute;width: 100%;height: 10.875rem;z-index: 2;bottom: 0;left: 0;}
.part_2 .game_box .drawing_box .card_cancel{position: absolute;width: 2rem;height: 2rem;top: -2.4rem;left: .375rem;}
.part_2 .game_box .drawing_box .card_cancel img{display: block;width: 100%;}
.part_2 .game_box .drawing_box .card_submit{position: absolute;width: 2rem;height: 2rem;top: -2.4rem;right: .375rem;}
.part_2 .game_box .drawing_box .card_submit img{display: block;width: 100%;}
.part_2 .game_box .drawing_box .drawing_bar{width: 100%;height: 2.75rem;background: #FEEBCB;box-sizing: border-box;border-bottom: .05rem solid #DFB26D;text-align: center;padding-top: .325rem;}
.part_2 .game_box .drawing_bar a{display: inline-block;width: 2.5rem;height: 2.425rem;background-image: url("img/bar.png?5ba5e991");background-size: 600% 200%;margin: 0 .05rem}
.part_2 .game_box .drawing_bar a:nth-child(1){background-position: 0 0}
.part_2 .game_box .drawing_bar a:nth-child(2){background-position: -2.5rem 0}
.part_2 .game_box .drawing_bar a:nth-child(3){background-position: -5rem 0}
.part_2 .game_box .drawing_bar a:nth-child(4){background-position: -7.5rem 0}
.part_2 .game_box .drawing_bar a:nth-child(5){background-position: -10rem 0}
.part_2 .game_box .drawing_bar a:nth-child(6){background-position: -12.5rem 0}
.part_2 .game_box .drawing_bar a:nth-child(1).cur{background-position: 0 -2.425rem}
.part_2 .game_box .drawing_bar a:nth-child(2).cur{background-position: -2.5rem -2.425rem}
.part_2 .game_box .drawing_bar a:nth-child(3).cur{background-position: -5rem -2.425rem}
.part_2 .game_box .drawing_bar a:nth-child(4).cur{background-position: -7.5rem -2.425rem}
.part_2 .game_box .drawing_bar a:nth-child(5).cur{background-position: -10rem -2.425rem}
.part_2 .game_box .drawing_bar a:nth-child(6).cur{background-position: -12.5rem -2.425rem}
.part_2 .game_box .drawing_list{text-align: center;}
.part_2 .game_box .drawing_list a{display: flex;width: 3.5rem;height: 3.5rem;align-items: center;justify-content: center;float: left;margin: .375rem .375rem 0;}
.part_2 .game_box .drawing_list a.cur{background: url("img/sel.png?e3ed39c6") no-repeat top center;background-size: 100% 100%;}
.part_2 .game_box .drawing_list a img{display: block;width: 100%;}
.part_2 .game_box .drawing_list .choice{display: none;}
.part_2 .game_box .drawing_list .choice.cur{display: block;}

.part_3 .t{display: block;width: 14.25rem;margin: .9rem auto 0}
.part_3 .tip{text-align: center;font-size: .65rem;color: #333333;line-height: 1rem;margin-top: 1.8rem;}
.part_3 .award_list{position: absolute;width: 16.25rem;display: flex;left: 50%;margin-left: -8.125rem;justify-content: space-between;top: 13.55rem;}
.part_3 .award_list li{width: 7.875rem;height: 6.25rem;box-sizing: border-box;padding-top: 2.5rem;text-align: center;background-size: 100% 100%;overflow: hidden;}
.part_3 .award_list li:nth-child(1){background-image: url("img/award_1.png?a955ce9e")}
.part_3 .award_list li:nth-child(2){background-image: url("img/award_2.png?eeebcd56")}
.part_3 .award_list li .award_name{font-size: .55rem;color: #333333;line-height: 1rem;}
.part_3 .award_list li .fb{display: block;width: 6.85rem;margin: .5rem auto 0;}
.part_3 .award_list li .fb img{display: block;width: 100%;}
.part_3 .award_list li .get_btn{display: block;background: url("img/get_btn.png?99a0705b") no-repeat center center;width: 6.85rem;height: 1.75rem;background-size: 100% 300%;margin: .5rem auto 0;}
.part_3 .award_list li .get_btn.get{background-position: top center;}
.part_3 .award_list li .get_btn.got{background-position: bottom center;}
.part_3 .invite{position: absolute;width: 4.6rem;right: 1.35rem;top: 20.8rem}
.part_3 .invite img{display: block;width: 100%;}
.part_3 .cd_box{position: absolute;width: 8.15rem;height: 6.575rem;box-sizing: border-box;border: 1px solid #C0E0AE;display: flex;align-items: center;justify-content: center;box-shadow: 2px 2px 2px rgba(207,204,183,.58);left: 1.25rem;top: 23rem;}
.part_3 .cd_box img{display: block;width: 7.625rem;height: 6.1rem;}
.part_3 .collector{position: absolute;background: url("img/collector.png?3a221769") no-repeat top center;width: 7.625rem;height: 6.35rem;background-size: 100% 100%;right: 1.35rem;top: 23.2rem;text-align: center;}
.part_3 .collector .h1{font-size: .6rem;font-weight: bold;color: #A0926E;margin-top: -.5rem;line-height: 1rem;margin-bottom: .15rem}
.part_3 .collector li{height: 1.1rem;line-height: 1.1rem;font-size: .55rem;color: #666666;width: 100%;overflow: hidden;}
.part_3 .cd_list{position: absolute;width: 100%;text-align: center;top: 32.65rem;}
.part_3 .cd_list li{position: relative;display: inline-block;vertical-align: top;margin: 0 .1rem;width: 5.25rem}
.part_3 .cd_list li .cd{background: url("img/cd_bg.png?a87db717") no-repeat top center;width: 5.25rem;height: 4.25rem;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;box-shadow: 2px 2px 2px rgba(207,204,183,.58);position: relative;}
.part_3 .cd_list li .cd:before{content: "";position: absolute;background: url("img/ico_4.png?87dba3a1") no-repeat top center;width: .65rem;height: .725rem;background-size: 100% 100%;left: 50%;margin-left: -.325rem;top: -.35rem;}
.part_3 .cd_list li .cd img{display: block;width: 4.95rem;height: 3.95rem;}
.part_3 .cd_list li .author{font-size: .5rem;color: #000000;height: 1.5rem;line-height: 1.5rem;white-space: nowrap;overflow: hidden;}

.pop_1{position: absolute;background: url("img/pop_1.png?4cb422a2") no-repeat top center;width: 16.525rem;height: 10.3rem;background-size: 100% 100%;top: 5rem;left: 50%;margin-left: -8.2625rem;box-sizing: border-box;z-index: 9;display: none;padding: 0 1rem;}
.pop_1 .close{position: absolute;width: 1.45rem;height: 1.45rem;left: 50%;margin-left: -.725rem;bottom: -2rem;}
.pop_1 .close img{display: block;width: 100%;}
.pop_1 .pop_btn{display: block;background: url("img/btn.png?1d6f1e6f") no-repeat top center;width: 6.65rem;height: 2rem;background-size: 100% 200%;display: flex;align-items: center;justify-content: center;font-size: .85rem;color: #ffffff;text-shadow: 0 0 .125rem #000000;margin: 0 auto;font-weight: bold}

.pop_2{position: absolute;background: url("img/pop_2.png?42ccd4ed") no-repeat top center;width: 16.95rem;height: 22.85rem;background-size: 100% 100%;top: 5rem;left: 50%;margin-left: -8.475rem;box-sizing: border-box;z-index: 9;display: none;padding: 0 1rem;}
.pop_2 .close{position: absolute;width: 1.45rem;height: 1.45rem;left: 50%;margin-left: -.725rem;bottom: -2rem;}
.pop_2 .close img{display: block;width: 100%;}

.pop_pj .pop_con{padding-top: 1.9rem;text-align: center;font-size: .65rem;color: #333333}
.pop_pj .icon_box{display: block;width: 3.475rem;height: 3.475rem;margin: 0 auto .25rem;background: #EDE4DB;border-radius: .5rem;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.pop_pj .icon_box img{display: block;width: 2.9rem;}
.pop_pj .name{font-size: .5rem;margin-bottom: .25rem}
.pop_pj .line{display: block;width: 13.725rem;margin: 0 auto .5rem;}

.pop_award .pop_con{padding-top: 1.75rem;text-align: center;font-size: .55rem;color: #666666}
.pop_award .icon_box{display: block;width: 3.475rem;height: 3.475rem;margin: 0 auto .5rem;background: #EDE4DB;border-radius: .5rem;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.pop_award .icon_box img{display: block;width: 2.9rem;}
.pop_award .line{display: block;width: 13.725rem;margin: 0 auto .25rem;}
.pop_award .h1{font-size: .65rem;color: #333333;line-height: 1.2rem;}

.pop_err .pop_con{padding-top: 3.5rem;text-align: center;font-size: .65rem;color: #333333}
.pop_err .pop_con .pop_btn{margin-top: .8rem;}
.pop_err .pop_con .pop_btn i{display: block;background: url("img/ico_5.png?20f13129") no-repeat top center;width: .925rem;height: .925rem;background-size: 100% 100%;margin-right: .25rem}

.pop_cd_tip .pop_con{padding-top: 3.5rem;text-align: center;font-size: .6rem;color: #333333;line-height: 1rem}
.pop_cd_tip .pop_con .pop_btn{margin-top: .8rem;background-position: bottom center;}

.pop_cd_answer .pop_con{padding-top: 1.9rem;text-align: center;font-size: .6rem;color: #333333;line-height: 1rem}
.pop_cd_answer .pop_con input{display: block;width: 13.2rem;height: 1.55rem;line-height: 1.55rem;box-sizing: border-box;padding: 0 .5rem;font-size: .55rem;background: #ffffff;border: 1px solid #000000;margin: 1rem auto 0}
.pop_cd_answer .pop_con .err{color: #893030}
.pop_cd_answer .btns{width: 13.8rem;display: flex;justify-content: space-between;margin: .75rem auto 0;}
.pop_cd_answer .btns a:nth-child(1){background-position: bottom center;}

.pop_js_tip .pop_con{padding-top: 3.5rem;text-align: center;font-size: .75rem;color: #333333;line-height: 1rem}
.pop_js_tip .pop_con .pop_btn{margin-top: .8rem;background-position: bottom center;}

.pop_search .pop_con{padding-top: 3.5rem;text-align: center;font-size: .75rem;color: #333333;line-height: 1rem}
.pop_search .pop_con .pop_btn{margin-top: .8rem;background-position: bottom center;}

.pop_collect .pop_con{padding-top: 2.75rem;text-align: center;font-size: .6rem;color: #666666;line-height: 1rem}
.pop_collect .h1{font-size: .75rem;color: #333333;margin-bottom: .55rem}
.pop_collect .btns{width: 13.8rem;display: flex;justify-content: space-between;margin: 1.25rem auto 0;}
.pop_collect .btns a:nth-child(1){background-position: bottom center;}

.pop_confirm .pop_con{padding-top: 2.5rem;text-align: justify;font-size: .6rem;color: #666666;line-height: 1rem}
.pop_confirm .btns{width: 13.8rem;display: flex;justify-content: space-between;margin: 1.25rem auto 0;}
.pop_confirm .btns a:nth-child(1){background-position: bottom center;}

.pop_confirm_sec .pop_con{padding-top: 2.5rem;text-align: justify;font-size: .6rem;color: #666666;line-height: 1rem}
.pop_confirm_sec .btns{width: 13.8rem;display: flex;justify-content: space-between;margin: 1.25rem auto 0;}
.pop_confirm_sec .btns a:nth-child(1){background-position: bottom center;}

.pop_tip .pop_con{padding-top: 3.875rem;text-align: center;font-size: .6rem;color: #666666;line-height: 1rem}
.pop_tip .h1{font-size: .75rem;color: #333333;margin-bottom: .5rem}

.pop_rule .pop_con{padding-top: 1.25rem;}
.pop_rule .t{text-align: center;font-size: .75rem;font-weight: bold;margin-bottom: 1rem;line-height: 1rem;}
.pop_rule .rule_list{height: 18.75rem;overflow-y: auto;}
.pop_rule .rule_list li{font-size: .55rem;color: #333333;line-height: .8rem;text-align: justify;margin-bottom: .125rem}

.pop_jlyl .pop_con{padding-top: 1.25rem;}
.pop_jlyl .t{text-align: center;font-size: .75rem;font-weight: bold;margin-bottom: 1rem;line-height: 1rem;}
.pop_jlyl .award_list li{display: flex;align-items: center;justify-content: space-between;height: 5.75rem;}
.pop_jlyl .icon_box{display: block;width: 3.475rem;height: 3.475rem;margin: 0 auto;background: #EDE4DB;border-radius: .5rem;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.pop_jlyl .icon_box img{display: block;width: 100%;}
.pop_jlyl .award{width: 4rem;text-align: center;}
.pop_jlyl .name{font-size: .5rem;color: #333333;line-height: .8rem;white-space: nowrap;}
.pop_jlyl .task{text-align: justify;font-size: .6rem;color: #333333}
.pop_jlyl .status{display: block;background: url("img/status.png?6fe51e0e") no-repeat top center;width: 5.325rem;height: 3.475rem;background-size: 100% 200%;}
.pop_jlyl .status.s_2{background-position: bottom center;}
.pop_jlyl .tips{text-align: center;font-size: .55rem;color: #666666}

.pop_detail{position: absolute;background: url("img/pop_detail.png?4189e913") no-repeat top center;width: 18.75rem;height: 22.225rem;background-size: 100% 100%;box-sizing: border-box;z-index: 9;display: none;top: 3rem;left: 0}
.pop_detail .close{position: absolute;width: 1.45rem;height: 1.45rem;left: 50%;margin-left: -.725rem;bottom: 0.5rem;}
.pop_detail .close img{display: block;width: 100%;}
.pop_detail .pop_con{padding-top: 4.45rem;text-align: center;}
.pop_detail .pop_con .cd{display: block;width: 15.9rem;margin: 0 auto;}
.pop_detail .tips{font-size: .6rem;margin-top: 1rem;color: #ffffff;}
.pop_detail .tips span{color: #F7DAB4}

.pop_menu{position: absolute;width: 100%;top: 2.75rem;left: 0;z-index: 7;display: none;text-align: center;background: rgba(0,0,0,.85);height: calc(100% - 2.75rem)}
.pop_menu .pop_con{padding-top: 4.25rem;}
.pop_menu ul li{position: relative;width: 100%;font-size: .9rem;color: #ffffff;line-height: 3.2rem;height: 3.2rem;box-sizing: border-box;}
.pop_menu ul li a{color: #ffffff;}
.pop_menu ul li:not(:last-child):before{content: "";position: absolute;background: url("img/line_1.png?16489115") no-repeat top center;background-size: 17.2rem .025rem;width: 100%;height: .25rem;left: 0;bottom: 0;}
.pop_menu .download{display: block;width: 9.85rem;margin: 2rem auto 1.75rem;}
.pop_menu .download img{display: block;width: 100%;}
.pop_menu .fb{font-size: .65rem;color: #ffffff;}
.pop_menu .fb img{display: inline-block;width: 1.5rem;vertical-align: middle;margin: -2px 0 0.125rem}

.pop_my_cdw{position: absolute;background: url("img/pop_my_cdw.png?62be2f23") no-repeat top center;width: 18.325rem;height: 19.225rem;background-size: 100% 100%;box-sizing: border-box;z-index: 9;display: none;top: 5rem;left: 50%;margin-left: -9.1625rem}
.pop_my_cdw .close{position: absolute;width: 1.45rem;height: 1.45rem;left: 50%;margin-left: -.725rem;bottom: -2rem;}
.pop_my_cdw .close img{display: block;width: 100%;}
.pop_my_cdw .pop_con{padding-top: 3rem;}
.pop_my_cdw .tip{display: block;background: url("img/tip.png?bf094853") no-repeat top center;width: 16.25rem;height: 2.5rem;background-size: 100% 100%;margin: 0 auto;text-align: center;font-size: .6rem;color: #333333;box-sizing: border-box;line-height: .8rem;padding-top: .2rem}
.pop_my_cdw .cd_list{width: 100%;text-align: center;margin: .7rem auto 0;}
.pop_my_cdw .cd_list li{position: relative;display: inline-block;vertical-align: top;margin: 0 .1rem .375rem;width: 5.25rem}
.pop_my_cdw .cd_list li .cd{background: url("img/cd_bg.png?a87db717") no-repeat top center;width: 5.25rem;height: 4.25rem;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;box-shadow: 2px 2px 2px rgba(207,204,183,.58);position: relative;}
.pop_my_cdw .cd_list li .cd img{display: block;width: 4.95rem;height: 3.95rem;}
.pop_my_cdw .bottom_box{display: flex;width: 16.25rem;align-items: center;justify-content: space-between;font-size: .55rem;color: #333333;margin: 1rem auto 0}
.pop_my_cdw .bottom_box .lottery{display: block;width: 6.85rem;}
.pop_my_cdw .bottom_box .lottery img{display: block;width: 100%;}
.pop_my_cdw .picbox{width: 16.8rem;margin: 0 auto;background-color: #fbf6f3}

.pop_u_cdw{position: absolute;background: url("img/pop_u_cdw.png?d0710f14") no-repeat top center;width: 18.55rem;height: 29rem;background-size: 100% 100%;box-sizing: border-box;z-index: 9;display: none;top: 5rem;left: 50%;margin-left: -9.275rem}
.pop_u_cdw .close{position: absolute;width: 1.45rem;height: 1.45rem;left: 50%;margin-left: -.725rem;bottom: -2rem;}
.pop_u_cdw .close img{display: block;width: 100%;}
.pop_u_cdw .pop_con{padding-top: 2.5rem;}
.pop_u_cdw .tip{width: 10rem;text-align: center;margin: 0 auto;font-size: .6rem;line-height: .9rem}
.pop_u_cdw .cd_box{position: absolute;width: 8.15rem;height: 6.575rem;box-sizing: border-box;border: 1px solid #C0E0AE;display: flex;align-items: center;justify-content: center;box-shadow: 2px 2px 2px rgba(207,204,183,.58);left: 1rem;top: 7rem;}
.pop_u_cdw .cd_box img{display: block;width: 7.625rem;height: 6.1rem;}
.pop_u_cdw .collect{position: absolute;width: 7.2rem;right: 1.5rem;top: 9.4rem;}
.pop_u_cdw .collect img{display: block;width: 100%;}
.pop_u_cdw .cd_list{position: absolute;width: 100%;text-align: center;top: 16.875rem;}
.pop_u_cdw .cd_list li{position: relative;display: inline-block;vertical-align: top;margin: 0 .1rem;width: 5.25rem}
.pop_u_cdw .cd_list li .cd{background: url("img/cd_bg.png?a87db717") no-repeat top center;width: 5.25rem;height: 4.25rem;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;box-shadow: 2px 2px 2px rgba(207,204,183,.58);position: relative;}
.pop_u_cdw .cd_list li .cd:before{content: "";position: absolute;background: url("img/ico_4.png?87dba3a1") no-repeat top center;width: .65rem;height: .725rem;background-size: 100% 100%;left: 50%;margin-left: -.325rem;top: -.35rem;}
.pop_u_cdw .cd_list li .cd img{display: block;width: 4.95rem;height: 3.95rem;}
.pop_u_cdw .cd_list li .author{font-size: .5rem;color: #000000;height: 1.5rem;line-height: 1.5rem;white-space: nowrap;overflow: hidden;}

.pop_pt{position: absolute;background: url("img/pop_pt.png?79cfa69e") no-repeat top center;width: 17.35rem;height: 17.35rem;background-size: 100% 100%;box-sizing: border-box;z-index: 9;display: none;top: 5rem;left: 50%;margin-left: -8.675rem}
.pop_pt .close{position: absolute;width: 1.45rem;height: 1.45rem;left: 50%;margin-left: -.725rem;bottom: -2rem;}
.pop_pt .close img{display: block;width: 100%;}
.pop_pt .time{position: absolute;background: url("img/time.png?1263e551") no-repeat top center;width: 6.3rem;height: 1.425rem;background-size: 100% 100%;top: -2.1rem;left: 50%;margin-left: -3.15rem;font-size: .6rem;color: #ffffff;line-height: 1.425rem;text-align: center;box-sizing: border-box;padding-left: 1rem}
.pop_pt .time span{color: #FFE9C9}
.pop_pt .guide{position: absolute;width: 16.5rem;height: 16.5rem;left: 50%;margin-left: -8.25rem;top: .4rem;}
.pop_pt .guide .pic{position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0}
.pop_pt .guide .pt{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0}
.pop_pt .guide .start{position: absolute;background: url("img/btn.png?1d6f1e6f") no-repeat bottom center;width: 6.65rem;height: 2rem;background-size: 100% 200%;display: flex;align-items: center;justify-content: center;font-size: .85rem;color: #ffffff;text-shadow: 0 0 .125rem #000000;font-weight: bold;left: 50%;margin-left: -3.325rem;bottom: 1.5rem;z-index: 3}
.pop_pt .pt_box{position: absolute;width: 16.5rem;height: 16.5rem;left: 50%;margin-left: -8.25rem;top: .4rem;box-sizing: border-box;display: none;}
.pop_pt .pt_box a{position: absolute;width: 5.45rem;height: 5.45rem;box-sizing: border-box;}
.pop_pt .pt_box a.cur{border: .075rem solid #D38F32;box-shadow: 0 0 .125rem .125rem #F9F2D9}
.pop_pt .pt_box a img{display: block;width: 100%;height: 100%;}
.pop_pt .pt_box .pt:nth-child(1){top: .025rem;left: .025rem;}
.pop_pt .pt_box .pt:nth-child(2){top: .025rem;left: 5.525rem;}
.pop_pt .pt_box .pt:nth-child(3){top: .025rem;left: 11.025rem;}
.pop_pt .pt_box .pt:nth-child(4){top: 5.525rem;left: .025rem;}
.pop_pt .pt_box .pt:nth-child(5){top: 5.525rem;left: 5.525rem;}
.pop_pt .pt_box .pt:nth-child(6){top: 5.525rem;left: 11.025rem;}
.pop_pt .pt_box .pt:nth-child(7){top: 11.025rem;left: .025rem;}
.pop_pt .pt_box .pt:nth-child(8){top: 11.025rem;left: 5.525rem;}
.pop_pt .pt_box .pt:nth-child(9){top: 11.025rem;left: 11.025rem;}



@-webkit-keyframes Float{
    from { transform: translateY(0); }
    to { transform: translateY(-10px); }
}
@keyframes Float{
    from { transform: translateY(0); }
    to { transform: translateY(-10px); }
}