/* CSS Document */

/*====
	弹出层样式
	次样式文件可以脱离其他样式单独使用
====*/

/*全局样式*/
.radius3 {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.radius5 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.radius8 {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.radius10 {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.radius15 {border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}
.radius20 {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.radius50 {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.center {text-align: center;}
.noBorder {border: none;}
.re{position:relative; z-index: 1;left: 0;top: 0;} /*相对定位样式*/
.ab{ position:absolute; z-index: 10;}/*绝对定位公用样式*/
.fixed{position: fixed; z-index: 100;}

.publicPop {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/pop/blackFilter.png);	
}
.popContainer {
	width: 90%;
	border: none;
	left: 50%;
	top: 50%;
	background: #fff;
}
.popContent {
	padding: 25px 0;	
}
.popCloseBtn {
	right: 10px;
	top: 10px;	
	width: 26px;
	height: 26px;
	cursor: pointer;
	background: url(../images/pop/closeBtn.png) no-repeat center;
}
.popCloseBtn:hover {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	    /* Opera */	
}

.popBtnGroup .popBtn {
	padding: 0 20px;
	min-width: 96px;
	margin: 0 5px;
	height: 34px;
	outline: none;	
}
.popBtnGroup .popBtn:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;	
}
.popBtnGroup .cancelBtn {
	color: #666;
	background: #EDEDED;
	border: none;
}
.popBtnGroup .sureBtn {
	background: #49a5f7;
	border: none;
	color: #fff;
}

.zIndexMax {z-index: 10000;}

/*======
		弹出层表单样式覆写
=====*/
.redPacketPop .loginBtn {
	display: block;
	height: 42px;
	width: 100%;
	margin: 6px 0 0 0;
	background: #fd5a5f;
	font-size: 18px;
	color: #fff;	
}
.redPacketPop .disabled {
	background: #c7c7c7;
}
.redPacketPop .loginBtn:hover {
	background: #fb6e73;	
}

/*文字提示弹出*/
.redPacketPop .alertContent {
	padding: 0 15px;
}
.redPacketPop .alertContent .alertIcon {
	width: 35%;	
}
.redPacketPop .alertContent .textTitle {
	font-size: 18px;
	padding: 30px 0;
	color: #191919;	
}
.redPacketPop .alertContent .textTitle01 {
	line-height: 30px;	
}
.redPacketPop .alertContent .textTitle01 .greenText {
	color: #34b8c4;	
}
.redPacketPop .alertContent .textInfor {
	font-size: 16px;	
	color: #4c4c4c;
	padding: 0 0 20px 0;
}
.redPacketPop .alertContent .redText {
	color: #fd5a5f;
}
.redPacketPop .alertContent .loginBtn {
	width: 80%;
	margin: 15px auto 0 auto;	
}

div.guidePop {
	background: rgba(0,0,0,0.85);	
}
div.guidePop .guideIcon {
	width: 80%;
	right: 10%;
	top: 20px;	
}
.redPacketPop .alertContent .copyPhoneNum {
	padding: 15px 0 5px 0;
	color: #191919;	
	font-size: 16px;
}
.redPacketPop .alertContent .copyPhoneNum img {
	width: 20px;
}

.redPacketPop .alertContent .popShareBox {
	background: url(../images/pic_pc/yaoqingBg02.png) no-repeat center;
	background-size: contain;
	min-height: 110px;
	width: 258px;
}	
.redPacketPop .alertContent .popShareBox .shareUser {
	line-height: 30px;
	width: 100%;
	text-align: center;
	bottom: 6px;
	font-size: 14px;
	color: #191919;	
}
.redPacketPop .alertContent .popShareBox .shareCode {
	text-align: center;
	font-size: 24px;
	color: #1e1e1e;
	line-height: 80px;
	width: 100%;
}

/* SAMSUNG */
@media only screen and (min-width: 360px) {
	
}

/* iphone7 */
@media only screen and (min-width: 375px) {
.redPacketPop .loginPopForm {
	width: 80%;
}
.redPacketPop .loginPopForm li .alertText {
	font-size: 14px;	
}
}

/* iphone7 Plus */
@media only screen and (min-width: 414px) {
.redPacketPop .loginPopForm .title {
	font-size: 18px;	
}
}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */
@media only screen and (min-width: 481px) {

}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
	
/*======
		弹出层内容部分样式
=====*/

/*抽奖页面常规弹出样式*/
.redPacketPop .popContainer {
	width: 500px;	
}
.redPacketPop .loginBtn {
	display: block;
	height: 55px;
	width: 100%;
	margin: 25px 0 10px 0;
	background: #fd5a5f;
	font-size: 20px;
	color: #fff;	
	cursor: pointer;
}
.redPacketPop .disabled {
	background: #c7c7c7;
}
.redPacketPop .loginBtn:hover {
	background: #fb6e73;	
}

/*文字提示弹出*/
.redPacketPop .popContainer02 {
	width: 500px;	
}
.redPacketPop .alertContent {
	padding: 0 40px;
}
.redPacketPop .alertContent .alertIcon {
	width: auto;	
}
.redPacketPop .alertContent .textTitle {
	font-size: 24px;
	padding: 30px 0;
	color: #191919;	
}
.redPacketPop .alertContent .textInfor {
	font-size: 20px;	
	color: #4c4c4c;
	padding: 0 0 20px 0;
}
.redPacketPop .alertContent .textTitle01 {
	line-height: 36px;	
}
.redPacketPop .alertContent .redText {
	color: #fd5a5f;
}
.redPacketPop .popContainer03 {
	width: 450px;	
}
.redPacketPop .alertContent .loginBtn {
	width: 80%;
	margin: 20px auto 0 auto;	
}

.redPacketPop .alertContent .copyPhoneNum {
	padding: 15px 0 5px 0;
	color: #191919;
	font-size: 24px;
}
.redPacketPop .alertContent .copyPhoneNum img {
	width: auto;
}

.redPacketPop .alertContent .popShareBox {
	background: url(../images/pop/yaoqingBg.png) no-repeat center;
	background-size: auto;
	min-height: 166px;
	width: 385px;
}	
.redPacketPop .alertContent .popShareBox .shareUser {
	line-height: 30px;
	width: 100%;
	text-align: center;
	bottom: 16px;
	font-size: 20px;
	color: #191919;	
}
.redPacketPop .alertContent .popShareBox .shareCode {
	text-align: center;
	font-size: 42px;
	color: #1e1e1e;
	line-height: 120px;
	width: 100%;
}


}