.rota_img {
    clear: both;
    zoom: 1;
    position: relative;
    width: 50%;
    margin: 0 auto;
}
.share_coupon_title{
	    color: #333;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}
.share_coupon_text{
	color: #f60;
}
 .rota_img:after {
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	content: ".";
	visibility: hidden
}

.rota_img img {
	width: 100%;
	margin: 0 auto
}

.rota_img .bg {
	position: relative;
	z-index: 1
}

.rota_img .rotate {
	width: 83%;
	position: absolute;
	top: 8%;
	left: 9%;
	z-index: 2
}

.rota_img .pointer {
	width: 30%;
	position: absolute;
	top: 32%;
	left: 36%;
	z-index: 3;
	cursor: pointer
}
@media (max-width:1440px) {
	 .rota_img {
		width: 40%
	}
}
@media (max-width:1080px) {
 .rota_img {
		width: 48%
	}
}
@media (max-width:960px) {
 .rota_img {
		width: 50%
	}
}
@media (max-width:768px) {
 .rota_img {
		width: 60%
	}
}
@media (max-width:640px) {
 .rota_img {
		width: 70%
	}
	
}
@media (max-width:320px) {
 .rota_img {
		width: 75%
	}
	
}
.bm_dialog {
	width: 100%;
	word-spacing: -3px;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	height: 100%;
	text-align: center;
	font-size: 0;
	letter-spacing: -3px
}

.bm_dialog>* {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	letter-spacing: 0;
	word-spacing: 0
}

.bm_dialog>i {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.bm_dialog .dialog_c {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	letter-spacing: 0;
	word-spacing: 0;
	border-radius: 4px;
	position: relative;
	width: 80%;
	min-width: 300px;
	max-width: 600px;
	text-align: left;
	background-color: #fff;
	padding: 15px
}

.bm_dialog .dialog_c h4 {
	padding: 0 0 15px;
	font-size: 16px;
	color: #333;
	font-weight: 400
}

.bm_dialog .icon-close {
	position: absolute;
	right: 15px;
	top: 15px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background: url(//img.tttcdn.com/img/lottery/close.png) center center no-repeat
}
.m_text_control .text_c {
	display: table;
	width: 100%;
	text-align: left;
	font-size: 0;
	letter-spacing: -3px;
	word-spacing: -3px
}

.m_text_control .text_c>* {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	letter-spacing: 0;
	word-spacing: 0
}

.m_text_control .text_c label {
	width: 140px;
	text-align: right;
	margin-right: 5px
}

.m_text_control .text_c input {
	width: 280px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	padding: 0 10px
}

.hide {
	display: none
}

.m_text_control .text_c a.btn:hover {
	opacity: .8
}

.m_text_control.error .error_info {
	color: #ce352c
}

.m_text_control.sucess .error_info {
	color: #60a917!important
}

.m_text_control.error input {
	border-color: #ce352c
}

.m_text_control.sucess input {
	border-color: #60a917
}

.m_text_control.error .error_info,
.m_text_control.sucess .error_info {
	display: block
}

.m_text_control .error_info {
	display: none;
	padding-top: 5px
}

.m_text_control {
	padding: 0 0 10px
}

.lineBlock {
	display: inline-block;
	vertical-align: middle
}

.share_mask {
	position: absolute;
	background: rgba(0, 0, 0, 0);
	z-index: 2;
	cursor: pointer;
	bottom: 70px;
	right: 0;
	width: 100%;
	height: 100%
}

.share_tips {
	position: relative;
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #f60;
	border-radius: 2px;
	color: #fff
}

.share_tips .triangle {
	display: block;
	position: absolute;
	top: 4px;
	left: -12px;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: transparent #f60 transparent transparent
}

i.icon_right {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 37px;
	background: url(//img.tttcdn.com/img/lottery/icon_small.png) -46px -130px no-repeat;
	margin-right: 10px;
	color: #5ea81e;
	line-height: 36px;
	font-size: 12px
}

.m_email_input .dialog_c {
	max-width: 402px
}
.m_get_code .dialog_c,
.m_share .dialog_c {
	width: 50%!important;
	max-width: 500px;
	padding: 15px
}

.m_get_code .share_coupon,
.m_share .share_coupon {
	margin-top: 15px
}

.m_get_code .share_coupon .share_coupon_item,
.m_share .share_coupon .share_coupon_item {
	width: 424px;
	padding: 25px 0 25px 50px;
	margin-right: 20px
}

.m_get_code .share_coupon .share_coupon_item h3,
.m_share .share_coupon .share_coupon_item h3 {
	margin-bottom: 20px
}

.m_get_code .share_coupon .share_coupon_item h3>.lineBlock,
.m_share .share_coupon .share_coupon_item h3>.lineBlock {
	width: 310px
}

.m_get_code .share_coupon .share_coupon_item h3 .share_coupon_title,
.m_share .share_coupon .share_coupon_item h3 .share_coupon_title {
	color: #333;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 10px
}

.m_get_code .share_coupon .share_coupon_item h3 .share_coupon_text,
.m_share .share_coupon .share_coupon_item h3 .share_coupon_text {
	color: #f60
}

.m_get_code .share_coupon .share_coupon_item .coupon_warp,
.m_share .share_coupon .share_coupon_item .coupon_warp {
	padding-left: 55px
}

.m_get_code .share_coupon .share_coupon_item .coupon_warp .coupon,
.m_share .share_coupon .share_coupon_item .coupon_warp .coupon {
	width: 158px;
	height: 78px;
	text-align: center;
	line-height: 78px;
	font-size: 26px;
	color: #f60;
	vertical-align: middle;
	border: 1px dashed #f60;
	margin-right: 20px
}

.m_get_code .share_coupon .share_coupon_item .coupon_warp a,
.m_share .share_coupon .share_coupon_item .coupon_warp a {
	text-decoration: underline
}

.m_share_check .dialog_c {
	width: 57%!important;
	max-width: 400px;
	text-align: center;
	padding: 25px 0;
	color: #666
}

.m_share_check .dialog_c .minibox_c p {
	font-size: 14px;
	margin-bottom: 15px
}

.m_share_check .dialog_c .minibox_c a {
	min-width: 90px;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 0;
	padding: 4px 12px;
	border-radius: 2px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #4f4f4f
}

.m_share_check .dialog_c .minibox_c a:first-of-type {
	margin-right: 10px;
	background-color: #f90;
	border-color: #f90;
	color: #fff
}

.m_share_check .dialog_c .minibox_c a:first-of-type:hover {
	color: #fff
}

.m_share_check .dialog_c .minibox_c .share_error i.icon_erro {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(//img.tttcdn.com/img/lottery/iconsprite.png) 1px 1px no-repeat;
	background-size: 276px auto;
	margin-right: 10px;
	line-height: 36px;
	font-size: 12px;
	vertical-align: middle
}

.m_share_check .dialog_c .minibox_c .share_error,
.m_share_check .dialog_c .minibox_c .share_success {
	text-align: left;
	padding: 0 15px
}

.m_share_check .dialog_c .minibox_c .share_error h3 .lineBlock,
.m_share_check .dialog_c .minibox_c .share_success h3 .lineBlock {
	vertical-align: middle;
	width: 280px
}

.m_share_check .dialog_c .minibox_c .share_error h3 p,
.m_share_check .dialog_c .minibox_c .share_success h3 p {
	margin-bottom: 0
}

.at-svc-odnoklassniki_ru,
.at-svc-pinterest_share {
	display: none!important
}

@media (max-width:632px) {
	.share_error h3,
	.share_success h3 {
		text-align: center
	}
	.share_error h3 i,
	.share_success h3 i {
		margin-bottom: 10px
	}
}

@media (max-width:840px) {
	.m_share .share_coupon {
		text-align: center
	}
	.m_share .share_coupon .share_coupon_item {
		width: 100%;
		padding: 0;
		margin: 0;
		word-wrap: break-word
	}
	.m_share .share_coupon .share_coupon_item .icon_right {
		margin-bottom: 10px
	}
	.m_share .share_coupon .share_coupon_item h3>.lineBlock {
		width: 100%
	}
}
.hide {
	display: none
}
.cl{
	content: " ";
	clear: both;
}
.dialog_show {
	display: block!important
}

#bm_dialogBg,
.bm_dialogBg {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 150%;
	opacity: .6;
	background-color: #000
}
/*弹层提示*/
.modal,.bm_dialog_game{width: 100%;height: 100%;color:#4c0101;background:url("https://deal.tomtop.com/activity/201711/cdn-resource/black.png") repeat;position: fixed;top: 0;left: 0;z-index: 999;}
.modal .tip_wrap{width: 467px;height:auto;text-align:center;border-radius: 4px;z-index: 1000;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.modal .modalBg{background: url("https://deal.tomtop.com/activity/201711/cdn-resource/modalBg.png") no-repeat center;background-size:100% 100%;}
.modal .modalNotBg{background: url("https://deal.tomtop.com/activity/201711/cdn-resource/modalNotBg.png") no-repeat center;background-size:100% 100%;}
.bm_dialog_game .modalActive{width: 350px;height:auto;background: #fff;padding: 16px 30px 16px 20px;border-radius: 4px;z-index: 1000;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.bm_dialog_game .modalActive .p1{margin-bottom: 10px;}
.bm_dialog_game .modalActive .resend_btn{line-height:30px;padding:5px 10px;background:#ffa324;color:#fff;font-size:12px;text-decoration:none;border-radius:4px;text-align:center;display: inline-block;margin-bottom: 10px;}
.bm_dialog_game .modalActive .disable{background:#f5f5f5;cursor:not-allowed;color: #666;}
.modal .tip_wrap .close_btn,.bm_dialog_game .modalActive .close_btn{display: inline-block;width: 55px;height:55px;position:absolute;top:2px;right:2px;}
.modal .tip_wrap .tips h2{font-size: 36px;padding: 11% 0;color: #fff;}
.modal .tip_wrap .tips p{font-size: 26px;color: #666;padding: 8% 6%;}
.modal .tip_wrap .tips a{display: inline-block;width: 67%;height:46px;line-height:46px;background: #ffb400;color: #fff;font-size: 24px;border-radius: 20px;margin-bottom: 4%;}
/*未中奖*/
.modal .modalNotBg .tips p{padding: 39% 6% 0;}
.modal .modalNotBg .tips a{margin-top: 5%;}

@media (max-width: 768px) {
	.modal .tip_wrap{width: 350px;}
	.modal .tip_wrap .tips h2{font-size: 28px;}
	.modal .tip_wrap .tips p{font-size: 22px;}
	.modal .tip_wrap .tips a{font-size: 22px;height:40px;line-height:40px;}
	.g_banner_box01,.g_banner_box02,.g_banner_box03{top: 57%;width: 23%;}
	.g_banner_box01{left:16%;}
	.g_banner_box02{left:40%;}
	.g_banner_box03{left:66%;}
}
@media (max-width: 640px) {
	.modal .tip_wrap{width: 280px;}
	.modal .tip_wrap .tips h2{font-size: 24px;}
	.modal .tip_wrap .tips p{font-size: 20px;}
	.modal .tip_wrap .tips a{font-size: 20px;}
	.g_banner_box01,.g_banner_box02,.g_banner_box03{width: 27%;}
	.g_banner_box01{left:13%;}
}
@media (max-width: 414px) {
	.modal .tip_wrap .tips h2{font-size: 20px;}
	.modal .tip_wrap .tips p{font-size: 16px;}
	.modal .tip_wrap .tips a{font-size: 16px;height:30px;line-height:30px;}
	.bm_dialog_game .modalActive{width: 250px;}
	.g_product_procut_box{padding-top: 35px;}
	.g_banner_box01,.g_banner_box02,.g_banner_box03{top: 52%;width: 30%;}
	.g_banner_frame01{top:88%;}
	.m_text_control{top:114%;}
}