ticket_show_r@charset "utf-8";

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
textarea {resize: none;}
/*优惠券界面关闭按钮*/
.closeDialog {
            text-align:center;
            position:absolute;
            top:3px;
            right:3px;
            width:20px;
            height:20px;
            font-size:16pt;
            color:#ffffff;
            background-color:#808080;
            border-radius:10px;
            -webkit-border-radius: 10px;
            transform:rotate(45deg);
            -ms-transform:rotate(45deg); 	/* IE 9 */
            -moz-transform:rotate(45deg); 	/* Firefox */
            -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
            -o-transform:rotate(45deg); 	/* Opera */
        }
/*优惠券领取界面*/
.wrapper_q{ background:url(../../images/Coupon/receive_bg.jpg) no-repeat; background-size:100% 100%;}
.receive_section{ width:70%; height:65%; position:relative;}
.receive_pr .receive_lo{width:30%; height:60px; background:url(../../images/Coupon/logo_bg.png) no-repeat; background-size:100% auto;  margin:0 auto; padding-top:20%; background-position:center bottom;}
.receive_pr .receive_jd{ text-align:center; color:#f7de98; letter-spacing:3px;}
.receive_pr .receive_yh{ text-align:center; color:#f7de98; letter-spacing:2px; margin-top:12%;}
.receive_btn{ position:absolute; width:100%; top:75%;}
.receive_section .receive_btn button{ border:none; width:100%; height:40px; background-color:#ec9017; border-radius:6px;  color:#76161b; font-size:18px; font-family:"黑体"; letter-spacing:5px;}
.receive_apply{ position:fixed; bottom:3%; color:#ccc; font-size:14px; letter-spacing:2px; width:100%; }
.receive_apply p{ text-align:center;}
.receive_apply img{ vertical-align:middle;}
.receive_apply span{ margin-left:8px;}
.wz{ position:absolute; left:0; top:40%;}

/*优惠券界面*/
/*.wrapper_x{ background:url(../../images/Coupon/ticket_bg.jpg) no-repeat; background-size:100% 100%; overflow-x:hidden}
.ticket_sh{ width:90%; margin-top:78%; margin-left:5%;}*/ 
.wrapper_x{ background:/*url(../../images/Coupon/ticket_bg.png)*/ no-repeat; background-size:100% auto; background-color:#fffbc8; overflow-x:hidden}
.ticket_sh{ width:90%; padding-top:70%; margin-left:5%;} 
.ticket_sh .ticket_show{ float:left; width:48%; padding-bottom:2%; background:url(../../images/Coupon/ticket_zh.png) no-repeat; background-size:100% 100%; height:90px;}
.ticket_de{ padding-bottom:3%;}
.ticket_sh .ticket_show_r{ float:right}
.ticket_sh .ticket_show_z{ margin-top:5%;}
.ticket_show .ticket_de li:nth-child(1){ float:left; color:#fdf1d2; margin-top:12%; margin-left:6%; font-size:1.6rem;}
.ticket_show .ticket_de li:nth-child(1) span{ font-size:3rem; font-weight:bold;}
.ticket_show .ticket_de li:nth-child(2){ text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}

/*.ticket_show .ticket_de li:nth-child(2){float:left; color:#ffdb87; margin-top:14%; margin-left:6%;}
.ticket_show .ticket_de li:nth-child(3){ color:#ffeab8; clear:both; font-size:1.1rem; margin-top:2%; margin-left:10%;}
.ticket_show .ticket_de li:nth-child(4){ width:100%; margin-top:1%; margin-left:10%;}
.ticket_show .ticket_de li:nth-child(4) button{height:16px; line-height:16px;  background-color:#ffbf27; border-radius:2px; color:#965201; border:none; font-size:0.9rem; width:80%;}*/

.ticket_show .ticket_de li:nth-child(2){ color:#ffeab8; clear:both; font-size:1.1rem; margin-top:2%; margin-left:10%;}
.ticket_show .ticket_de li:nth-child(3){ width:100%; margin-top:1%; margin-left:10%;}
.ticket_show .ticket_de li:nth-child(3) .button{height:16px; line-height:16px;  background-color:#ffbf27; border-radius:2px; color:#965201; border:none; font-size:0.9rem; width:80%;}
.ticket_rule{ width:90%; padding-top:8px; padding-bottom:8px; background-color:#e9dc95; margin-left:5%; margin-top:10%; margin-bottom:10%;}
/*.ticket_rule li:nth-child(1){ text-align:center; margin-top:10px;}
.ticket_rule li:nth-child(1) img{ width:38%; height:auto;}
.ticket_rule li:nth-child(2),.ticket_rule li:nth-child(3),.ticket_rule li:nth-child(4),.ticket_rule li:nth-child(5){ margin-top:8px; margin-left:35px; margin-right:25px; color:#894e27; font-size:14px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}*/

.ticket_rule .ticket_item_img{ text-align:center; margin-top:10px;}
.ticket_rule .ticket_item_img img{width:38%; height:auto;}
.ticket_rule .ticket_item{ margin-left:4%; margin-right:4%;}
.ticket_rule .ticket_item p{ float:left; color:#894e27; font-size:14px; margin-top:10px;}
.ticket_rule .ticket_item p:nth-child(1){ width:6%;}
.ticket_rule .ticket_item p:nth-child(2){ width:89%; margin-left:3px; }
/*成功领取优惠券界面*/
.wrapper_o{ background:url(../../images/Coupon/draw_se_bg.jpg) no-repeat; background-size:100% 100%; position:relative;}
.success_ov{width:80%; position:relative;}
.success_ov .success_ovm li:nth-child(1){ float:left; width:20%;}
.success_ov .success_ovm li:nth-child(1) img{ width:90%; height:auto;}
.success_ov .success_ovm li:nth-child(2){ float:right; width:80%;}
.success_ov .success_ovm li:nth-child(2) img{ width:100%; height:auto;}
.success_ov .success_ovm li:nth-child(3){ position:absolute; top:50%; left:30%; font-size:1.4rem; color:#9b9a9a; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.success_qy{ position:absolute; /*top:40%;*/ width:65%; /*left:20%;*/ top:25%; left:18%;}
/*.success_qy p{ font-size:2.8rem; line-height:50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }*/

/*成功领取优惠券界面（1）*/
.wrapper_s{ background:url(../../images/Coupon/success_se_bg.jpg) no-repeat; background-size:100% 100%; position:relative;}
.ticket_draw{width:80%; position:relative;}
.ticket_draw .draw_ovm li:nth-child(1){ float:left; width:20%;}
.ticket_draw .draw_ovm li:nth-child(1) img{ width:90%; height:auto;}
.ticket_draw .draw_ovm li:nth-child(2){ float:right; width:80%;}
.ticket_draw .draw_ovm li:nth-child(2) img{ width:100%; height:auto;}
.ticket_draw .draw_ovm li:nth-child(3){ letter-spacing:2px; width:50%; position:absolute; top:42%; left:30%; font-size:1.4rem; color:#9b9a9a; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ticket_sf{ position:relative; width:70%; }
.ticket_sf .ticket_fr{ position:relative;}
.ticket_sf .ticket_fr img{ width:100%; height:auto;}
.ticket_fr .ticket_mo{width:65%; position:absolute; top:55%; left:25%;}
.ticket_fr .ticket_mo p:nth-child(1){ font-size:2.5rem; color:#fe1e1e;}
.ticket_fr .ticket_mo p:nth-child(1) em{ font-size:4rem; margin-right:6px;}
.ticket_fr .ticket_mo p:nth-child(2){ font-size:1.4rem; color:#9b9a9a; margin-top:10px;}
.ticket_fr .ticket_mo p:nth-child(2) em{ margin-left:5px; margin-right:5px;}
.ticket_sf .ticket_gi{ color:#fee5a7; text-align:center;  letter-spacing:3px; margin-top:8%;}
.ticket_sf .ticket_sj{margin-top:6%; text-align:center; }
.ticket_sf .ticket_lj .button{ border:none; width:100%; height:35px; background-color:#ffc002; border-radius:4px; color:#fff; font-size:1.6rem; letter-spacing:5px; margin-top:10%;}

/*优惠券领取使用说明界面*/
.wrapper_a{ background:url(../../images/Coupon/receive_ex_bg.jpg) no-repeat; background-size:100% 100%;}
.receive_ap{ width:85%; height:180px; position:relative; background-color:#fff; border-radius:4px; }
.receive_ap .receive_qb{ margin:0 auto; width:92%; }
.receive_qb .receive_sy h2{ text-align:center; border-bottom:1px solid #888;  padding-top:20px; padding-bottom:10px;}
.receive_qb .receive_zx{ margin-top:10px;}
.receive_qb .receive_zx p{ line-height:25px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.receive_qb .receive_btn_w{ margin-top:20px;}
.receive_qb .receive_btn_w button{ width:100%; height:26px; background-color:#1d9a3a; border:none; border-radius:6px; color:#fff;}

#outer{display:table;}
#middle{display:table-cell;vertical-align:middle;}
@media screen and (min-width:375px)and (max-width:414px){
	.success_qy p{ font-size:2.8rem; line-height:50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; }
	}

@media screen and (min-width:414px){
	.success_qy p{ font-size:2.8rem; line-height:50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical; }

	}
	
@media screen and (min-width:319px)and (max-width:374px){
	.success_qy p{ font-size:2.8rem; line-height:50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; }

	}
@media screen and (min-width:768px){
	.success_qy p{ font-size:2.8rem; line-height:50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:10;-webkit-box-orient: vertical; }

	}