@charset "utf-8";
/* CSS Document */
body {
	min-width: 3.2rem;
	max-width: 7.5rem;
	margin: 0 auto !important;
	overflow-x: hidden;
	background: #fff;
	font: .32rem/1.5 "microsoft yahei", Arial, Helvetica, sans-serif;
	color: #333;
}
body, section, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, th, td, input, textarea, select, img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: lighter;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em, i {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
}
textarea, select, input {
	font-family: "Microsoft Yahei";
	font-size: .32rem;
	color: #666;
}
b {
	font-weight: bold;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover { /*color:#333; */
	text-decoration: none;
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea {
	-webkit-appearance: none;
}
.cfx:after, nav.mini:after, .h:after, .hn:after, .PH:after {
	content: ' ';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
}
* {
	box-sizing: border-box;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/**** 公共css ****/


/**** 首页 ****/
.indexWrap {
	width: 100%;
	float: left;
	background: url(../images/indexBg.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 0 0 .5rem 0;
}
.indexBann, .indexBann img {
	width: 100%;
	float: left;
}
.indexPicBg {
	width: 100%;
	float: left;
	height: 8.48rem;
	background: url(../images/indexBg2.png) no-repeat;
	background-size: 100% 100%;
}
.indexPicBg .swiper-container,
.resultSelect .swiper-container{
	white-space: nowrap;
	overflow: hidden;
	height: 1.45rem;
}
.indexPicBg .swiper-container .swiper-wrapper,
.resultSelect .swiper-container .swiper-wrapper{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: .2rem 0 0 0;
}
.indexPicBg .swiper-container .swiper-wrapper .swiper-slide,
.resultSelect .swiper-container .swiper-wrapper .swiper-slide{
	flex-shrink: 0;
	text-align: center;
}
.indexPicBg .swiper-slide-active,
.indexPicBg .swiper-slide-duplicate-active {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	transition-duration: 1000ms;
	z-index: 1002;
}
.indexPicBg .swiper-container .swiper-wrapper .swiper-slide img,
.resultSelect .swiper-container .swiper-wrapper .swiper-slide img{
	width: 1.1rem;
}
.indexPicBg .swiperPicSe {
	width: 100%;
	float: left;
	padding: 0 2.55rem;
	margin: 1.9rem 0 0 0;
}
.indexPicBg .swiperPicSe img {
	width: 100%;
	float: left;
	animation: flicker .5s linear infinite alternate;
}
@keyframes flicker {
	from { }
	to {
		opacity: .6;
	}
}
.indexBtn {
	width: 100%;
	float: left;
	padding: 0 2.55rem;
	margin: 1.2rem 0 0 0;
}
.indexBtn a, .indexBtn a img {
	width: 100%;
	float: left;
}
.indexTips {
	width: 100%;
	float: left;
	font-size: .2rem;
	color: #A498C3;
	text-align: center;
	margin: .3rem 0 0 0;
}
/**** 首页 ****/


/**** 结果页 ****/
.resultWrap {
	width: 100%;
	float: left;
	padding: .5rem 0 1.7rem 0;
}
.resultWrap.bg1 {
	background: url(../images/mainBg1.jpg) no-repeat;
	background-size: 100% 100%;
}
.resultWrap.bg2 {
	background: url(../images/mainBg1.jpg) no-repeat;
	background-size: 100% 100%;
}
.resultTop {
	width: 100%;
	float: left;
	font-size: .9rem;
	color: #fbffe2;
	text-align: center;
}
.resultTop.lineH {
	line-height: .7;
}
.resultTop span {
	font-size: .28rem;
}
/* 选择星座 */
.resultSelect {
	width: 100%;
	float: left;
	margin: .5rem 0 0 0;
}


.resultMain {
	width: 100%;
	float: left;
	padding: .01rem .3rem;
}
.bigbox {
	width: 100%;
	float: left;
	background: #fff;
	border-radius: .1rem;	
	padding: .3rem;
	margin: .3rem 0 0 0;
}
.bigbox.bg {
	background: #fff url(../images/resultBg1.png) no-repeat;
	background-size: 100% auto;
}
.resultSave {
	width: 100%;
	float: left;
	margin: -.2rem 0 0 0;
}
.resultSave span {
	width: 2.4rem;
	float: right;
	margin: 0 -.3rem 0 0;
	background: #ebe4f7;
	border-radius: .3rem 0 0 .3rem;
	line-height: .45rem;
	font-size: .24rem;
	color: #321b5a;
	text-align: center;
}
.resultPic, .resultPic img {
	width: 100%;
	float: left;
}
.resultNum {
	width: 100%;
	float: left;
	margin: .2rem 0 .3rem 0;
}
.resultNum ul li {
	width: 50%;
	font-size: .28rem;
	color: #2a236a;
	font-weight: bold;
	text-align: center;
}
.resultNum ul li:first-child {
	float: left;
}
.resultNum ul li:last-child {
	float: right;
}
.resultNum ul li img {
	width: 100%;
}
.resultTitle {
	width: 100%;
	float: left;
}
.resultTitle.marg30 {
	margin: .3rem 0 0 0;
}
.resultTitle .txt {
	width: auto;
	float: left;
	font-size: .36rem;
	color: #593499;
	font-weight: bold;
}
.resultTitle .txt img {
	width: .4rem;
	vertical-align: middle;
	margin: -.05rem 0 0 0;
}
.resultTitle .bar {
	width: 2rem;
	float: left;
	height: .24rem;
	background: #e9e9e9;
	border-radius: .2rem;
	margin: .15rem .2rem 0 .2rem;
}
.resultTitle .bar span {
	float: left;
	height: .24rem;
	border-radius: .3rem;
}
.resultTitle.bg2 .bar span {
	background-image: linear-gradient(#ff66ae, #ff596d);
}
.resultTitle.bg3 .bar span {
	background-image: linear-gradient(#679dff, #606aff);
}
.resultTitle.bg4 .bar span {
	background-image: linear-gradient(#ffca58, #ffa465);
}
.resultTitle.bg5 .bar span {
	background-image: linear-gradient(#6eefc8, #55d76d);
}
.resultTitle.bg6 .bar span {
	background-image: linear-gradient(#7d70ff, #b15dff);
}
.resultTitle .num {
	width: auto;
	float: left;
	line-height: .54rem;
	font-size: .22rem;
	color: #999;
}
.resultKey {
	width: 100%;
	float: left;
	text-align: center;
	margin: .3rem 0 0 0;
}
.resultKey span {
	width: auto;
	display: inline-block;
	border-radius: .3rem;
	padding: 0 .3rem;
	font-size: .36rem;
	font-weight: bold;
}
.resultKey.bg1 span {
	background: #efefff;
	color: #593499;
}
.resultKey.bg2 span {
	background: #ffeff1;
	color: #ff4c72;
}
.resultKey.bg3 span {
	background: #edf4ff;
	color: #637fff;
}
.resultKey.bg4 span {
	background: #fff1ea;
	color: #ee6d16;
}
.resultKey.bg5 span {
	background: #defff0;
	color: #2b8067;
}
.resultKey.bg6 span {
	background: #fbe7ff;
	color: #84509c;
}
.resultTxt {
	width: 100%;
	float: left;
	text-align: justify;
	margin: .3rem 0 0 0;
}
.resultTxt .zuo {
	width: .55rem;
	float: left;
	border-radius: .3rem;
	padding: .3rem 0;
	font-size: .36rem;
	font-weight: bold;
	text-align: center;
	margin: 0 .3rem 0 0;
}
.resultTxt.bg1 .zuo {
	background: #fff1ea;
	color: #ef9b42;
}
.resultTxt.bg2 .zuo {
	background: #ffe2e7;
	color: #ff4e84;
}
.resultTxt .you {
	overflow: hidden;
}
.resultTxt b.color1 {
	color: #593499;
}
.resultMonth {
	width: 100%;
	float: left;
	color: #593499;
	font-weight: bold;
	margin: .3rem 0 0 0;
}
.resultMonth span {
	background: #efefff;
	border-radius: .3rem;
	padding: 0 .3rem;
}
.resultLine {
	width: 100%;
	float: left;
	border-bottom: dotted .02rem #dfdfdf;
	margin: .3rem 0 0 0;
}
.remindBtn {
	width: 100%;
	float: left;
	margin: .3rem 0 0 0;
}
.remindBtn a {
	width: 100%;
	float: left;
	background: #ffc949;
	border-radius: .1rem;
	line-height: .85rem;
	color: #504678;
	text-align: center;
}
/** 结果页 **/


/**** 浮动按钮 ****/
.floatBtn {
	width: 100%;
	float: left;
	background: url(../images/bt_bg.png) repeat;
	padding: .2rem;
	position: fixed;
	bottom: 0;
	max-width: 7.5rem;
	z-index: 9;
}
.floatBtn a {
	width: 48%;
}
.floatBtn a:first-child {
	float: left;
}
.floatBtn a:last-child {
	float: right;
}
.floatBtn a img {
	width: 100%;
	float: left;
}
/*** 浮动按钮 ***/


/*** 水逆 ***/
.resultYuJ {
	width: 100%;
	float: left;
	text-align: center;
}
.resultYuJ span {
	width: auto;
	display: inline-block;
	background: url(../images/resultBg2.png) no-repeat center bottom;
	background-size: 100% .12rem;
	font-weight: bold;
	text-align: center;
	margin: .3rem 0 0 0;
}
.resultBiZhi {
	width: 100%;
	float: left;
	margin: .3rem 0 0 0;
}
.resultBiZhi ul li {
	width: 48%;
}
.resultBiZhi ul li:first-child {
	float: left;
}
.resultBiZhi ul li:last-child {
	float: right;
}
.resultBiZhi ul li .pic, .resultBiZhi ul li .pic img {
	width: 100%;
	float: left;
}
.resultBiZhi ul li .txt {
	width: 100%;
	float: left;
	font-size: .22rem;
	color: #5a5a5a;
	text-align: center;
	margin: .1rem 0;
}
.resultBiZhi ul li .btn {
	width: 100%;
	float: left;
}
.resultBiZhi ul li .btn a {
	width: 100%;
	float: left;
	background-image: linear-gradient(to bottom right, #fe1e5d , #ff3f4d);  
	border-radius: .1rem;
	line-height: .65rem;
	color: #fff;
	text-align: center;
}
.resultTips {
	width: 100%;
	float: left;
	font-size: .2rem;
	color: #929292;
	text-align: center;
	margin: .3rem 0 0 0;
}
/*** 水逆 ***/


/*** 海报 ***/
.haibaoWrap {
	width: 100%;
	float: left;
	background: url(../images/haibaoBg.jpg) no-repeat;
	background-size: 100% 100%;
	padding: .3rem;
}
.haibaoPic, .haibaoPic img {
	width: 100%;
	float: left;
}
.haibaoData {
	width: 100%;
	float: left;
	margin: .3rem 0 0 0;
}
.haibaoData .avatar {
	width: .85rem;
	float: left;
}
.haibaoData .avatar img {
	width: .85rem;
	height: .85rem;
	border-radius: 50%;
}
.haibaoData .nick {
	width: auto;
	float: left;
	margin: 0 0 0 .2rem;
	font-size: .28rem;
	color: #9788d4;
}
.haibaoData .nick span {
	color: #fff;
}
.haibaoData .txt {
	width: auto;
	float: left;
	margin: 0 0 0 .8rem;
	font-size: .28rem;
	color: #fff;
}
.haibaoData .qrcode {
	width: 1rem;
	float: right;
}
.haibaoData .qrcode img {
	width: 100%;
	float: left;
}
/*** 海报 ***/