@charset "UTF-8";
/*预览*/
.right_ico{background:url(../images/template/rightPanelIcon.png) no-repeat}
.pop_close{display:block;width:15px;height:15px;background:url(../images/template/rightPanelIcon.png) no-repeat -318px -58px;position:absolute;top:20px;right:15px;z-index:99}
.pop_close:hover{background-position:-376px -58px}

.preview_activities *{box-sizing: border-box;}
.pop_window{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,.6)}
.pop_hd{display:flex;justify-content:space-between;align-items:center;height:60px;line-height:60px;padding:0 25px;border-bottom:1px solid #e5e5e5;font-size:16px}
.close_btn{display:block;width:20px;height:20px;position:absolute;top:25px;right:25px;background-position:-365px -126px}
.close_btn:hover{background-position:-365px -156px}
.pop_mian{background-color:#fff;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}
.preview_activities .pop_mian{width:810px}
.preview_activities .pop_left{float:left;width:409px;height:584px;padding:31px 44px 32px 34px;position:relative;cursor:pointer}
.pop_left .qr_code_warp{display:none;width:331px;height:521px;background-color:rgba(0,0,0,.5);position:absolute;top:31px;left:34px}
.pop_left:hover .qr_code_warp{display:block}
.pop_left .qr_code_warp .code_warp{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;background:#fff;border-radius:5px}
.pop_left .qr_code_warp .code_warp canvas{width: 100%;height: 100%;}
.preview_activities .pop_right{float:left;width:401px;height:584px;padding:30px 35px 20px 36px;box-shadow:-34px 0 68px rgba(0,0,0,.08)}
.preview_activities .act_name{margin:10px 0;font-size:18px;color:#000}
.preview_activities .act_price{display:flex;justify-content:space-between;align-items:center;margin:10px 0;}
.preview_activities .act_price .color_b{color:#0cf}
.preview_activities .act_collect{font-size:12px;color:#999}
.preview_activities .act_collect .ico{display:inline-block;width:15px;height:15px;margin:0 2px 0 0;background-position:-395px -128px;vertical-align:middle}
.preview_activities .act_collect.active .ico{background-position:-395px -158px}
.preview_activities .preview_collect .right_ico{margin: 0 3px 0 0;background: url(../images/template/rightPanelIcon.png) no-repeat -70px -115px;display: inline-block;width: 15px;height: 15px;vertical-align: -2px;}
.preview_activities .preview_collect.collected .right_ico{background-position: -133px -310px;}
.impressum_list{padding: 10px 0;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;margin: 10px 0;font-size: 12px;color: #999;}
.impressum_list li{display: flex;justify-content: space-between;line-height: 26px;}
.impressum_list li .ico{display:inline-block;width:15px;height:15px;margin:0 0 0 6px;background-position:-280px -490px;vertical-align:middle}
.ico{background-image:url(../images/template/rightPanelIcon.png);background-repeat:no-repeat}
.gameplay_intr{display: flex;color: #999;}
.gameplay_intr span:nth-child(1){width: 70px;}
.gameplay_intr span:nth-child(2) {flex: 1;line-height: 1.4;}
.preview_activities .uer_tpl_btn{display: block;height: 42px;line-height: 40px;border: 1px solid #0cf;margin: 10px 0;background-color: #0cf;color: #fff;text-align: center;border-radius: 2px;}
.preview_activities .uer_tpl_btn:hover{color: #fff;background-color: #08b7e2;border-color:#08b7e2;}
.uer_tpl_code{text-align:center;color:#999}
.code_warp{width:146px;height:146px;margin:20px auto 10px}
.preview_activities .uer_tpl_tips{font-size:12px;color:#999}