/* CSS Document */
@import url("https://imgs.click108.com.tw/css_2013/reset_2.css");
body {
	box-sizing: border-box;
	font-family: "微软正黑体","新宋体", "宋体", Arial, Helvetica, sans-serif;
	color: #333333;
}

/*共用间距*/
.PC #it242 .blank_br {height: 15px;}
.PC #it242 .blank_br2 {height: 30px;}
.PC #it242 .blank_s {height: 10px;}


.MOBILE #it242 .blank_br {height: 15px;}
.MOBILE #it242 .blank_br2 {height: 30px;}
.MOBILE #it242 .blank_s {height: 10px;}

/*消失区*/
.PC #it242-wrapper #watermark-wrapper {display: none;}

.MOBILE #it242-wrapper #watermark-wrapper {display: none;}

/*颜色样式*/
#it242 .purple {color: #a059e8;}
#it242 .red {color: #e42f2f;}
#it242 .red2 {color:#e85959;}
#it242 .pink {color: #f54478;}
#it242 .green {color: #2e6e00;}

/*=================电脑版=================*/
/*=======#it242-wrapper置底浮水印按钮========*/
/*置底浮水印按钮for PC*/
.PC #it242-wrapper .DOWN_BAR {
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0;
	background-image: url(../images/bt_bg.png);
	background-repeat: repeat-x repeat-y;
	z-index: 9999;
	padding: 10px 0;
}

.PC #it242-wrapper .BT_AREA{
	width: 100%;/*500*/
	height: auto;
	margin: 0 auto;
}
.PC #it242-wrapper .BT_AREA a.ONE{
	display: block;
	width:95%;
	margin:0 auto;
	height:48px;
}

.PC #it242-wrapper .BT_AREA a{
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
	width: 220px;
	height: 48px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#b21424;
	background: -moz-linear-gradient(
	top,
	#fb2121 0%,
	#b21424);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#fb2121),
	to(#b21424));
	border:1px solid #bf3539;
	-moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:inset 0px 0px 2px rgba(255,255,255,1);
	margin-left: 10px;
}

.PC #it242-wrapper .BT_AREA a:hover{
	background-color:#fb2121;
	background: -moz-linear-gradient(
	top,
	#b21424 0%,
	#fb2121);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#b21424),
	to(#fb2121));
}

.PC #it242-wrapper .NEW_BT_F{
	width:100%;
	height:auto;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat;
	padding:5px 0px;
	background-size:15px 15px;}

.PC #it242-wrapper .NEW_BT_F a{
	margin:0 auto;
    width: 90%;
	height: 45px;
	font-size:1.5rem;
	line-height: 45px;
	text-decoration:none;
	position: static;}


/*置底浮水印按钮for Mobile*/
.MOBILE #it242-wrapper .DOWN_BAR {
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0;
	background-image: url(../images/bt_bg.png);
	background-repeat: repeat-x repeat-y;
	z-index: 9999;
	padding: 10px 0;
}

.MOBILE #it242-wrapper .BT_AREA{
	width: 100%;/*500*/
	height: auto;
	margin: 0 auto;
}
.MOBILE #it242-wrapper .BT_AREA a.ONE{
	display: block;
	width:95%;
	margin:0 auto;
	height:48px;
}

.MOBILE #it242-wrapper .BT_AREA a{
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
	width: 220px;
	height: 48px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#b21424;
	background: -moz-linear-gradient(
	top,
	#fb2121 0%,
	#b21424);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#fb2121),
	to(#b21424));
	border:1px solid #bf3539;
	-moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:inset 0px 0px 2px rgba(255,255,255,1);
	margin-left: 10px;
}

.MOBILE #it242-wrapper .BT_AREA a:hover{
	background-color:#fb2121;
	background: -moz-linear-gradient(
	top,
	#b21424 0%,
	#fb2121);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#b21424),
	to(#fb2121));
}

.MOBILE #it242-wrapper .NEW_BT_F{
	width:100%;
	height:auto;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat;
	padding:5px 0px;
	background-size:15px 15px;}

.MOBILE #it242-wrapper .NEW_BT_F a{
	margin:0 auto;
    width: 90%;
	height: 45px;
	font-size:1.5rem;
	line-height: 45px;
	text-decoration:none;
	position: static;}
/*          PC 版           */


/*=================手机版=================*/
/*=================整体框架区块=================*/
.PC #it242{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../images/bg.jpg);
	background-size: 270% auto;
	background-repeat: no-repeat;
	background-position: top 30px center;
	-webkit-box-sizing: border-box;
	background-color: #e57d00;
	margin-top: 45px;
}

.PC #it242 .frame{
	width: 100%;
	height: auto;
	overflow:hidden;
	margin:0 auto;
}

.PC #it242 .content_top img,
.PC #it242 .content_foot img{
    display: block;
    width:100%;
    height: auto;
    margin:0 auto;
}

/*=================结果页框架=================*/
.PC #it242 .content{
	width: 750px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(../images/deco_bg.jpg);
    background-size: 100% auto;
}

.PC #it242 .result_top{
	width:100%;
	height:auto; 
	overflow:hidden;
	margin: 0 auto;
	background-image: url(../images/re_title_bg.png);
	background-size: 100% auto;
	background-position:center;
	background-repeat: no-repeat;
}

.PC #it242 .result_top h1{
	width:100%;
	height: 0;
	padding-bottom:38.66666666%;
	margin:0 auto;
	background-image: url(../images/re_title_top.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top:45px;
}

/*结果页内容装饰框架*/
.PC #it242 .content{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../images/deco_bg.jpg);
	background-size:100% auto;
	margin-bottom:10px;
}

.PC #it242 .content .content_top img,
.PC #it242 .content .content_foot img{
    display: block;
    width:100%;
    height: auto;
    margin:0 auto;
}

/*=================输入页=================*/
/*输入页表头区块*/
.PC #it242 .input_frame{
	width:100%;
	height:auto; 
	overflow:hidden;
    margin:0 auto;
}

.PC #it242 .input_top{
	width:100%;
	height:auto; 
	overflow:hidden;
    margin:0 auto;
}

.PC #it242 .input_top h1{
	width:100%;
	height:0;
	padding-bottom: 31.0975609756098%;
	background-image:url(../images/hero_title_input.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	text-indent:-9999px;
    margin-top:45px;
}

/*输入页动态区块*/
.PC #it242 .animation_block{
	width:100%;
	height: 0;
	padding-bottom: 50%;/*47.5609756097561%;*/
	margin:0 auto;
	background-image: url(../images/hero_input_topbg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.PC #it242 .fatechart{
	width:50%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}

.PC #it242 .fatechart .ball_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin-top:10px;
}

.PC #it242 .ball_box img{
	display:block;
	width: 100%;
	height: auto;
}

.PC #it242 .fatechart .ball_box .ball{
	width:20vw;
	height: auto;
}

.PC #it242 .fatechart .ball_box .fade-a{
	animation: glow 1.4s infinite ease;
}
.PC #it242 .fatechart .ball_box .fade-b{
	animation: glow 1.4s infinite ease;
}
.PC #it242 .fatechart .ball_box .fade-c{
	animation: glow 1.4s infinite ease;
}
.PC #it242 .fatechart .ball_box .fade-d{
	animation: glow 1.4s infinite ease;
}

/*输入页内容装饰框架*/
.PC #it242 .input_content{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../images/deco_bg.jpg);
	background-size:100% auto;
	margin-bottom:10px;
}

/*输入页内容区块*/
.PC #it242 .con_box{ 
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.PC #it242 .con_box img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*第一则推广区块*/
.PC #it242 .first_box{margin-top:10px;}
.PC #it242 .second_box{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}.PC #it242 .second_box img{
	display:block;
	width:92%;
	height: auto;
	margin:0 auto;
}

.PC #it242 .promo_block{
	width:95%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}

.PC #it242 .deco_line{
	border-bottom: 2px solid #f6ebe4;
    width: 100%;
    margin: 16px auto;
}

/*输入页 清单*/
.PC #it242 .norm_case{
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #c15a11;
    box-sizing: border-box;
}

.PC #it242 .norm_case .norm_title{
    width: 100%;
    height: 60px;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    margin: 0px auto;
}

.PC #it242 .norm_case .bar1{
	background-image: url(../images/title_bar.jpg);
    background-position: top center;
    background-repeat: no-repeat;
	background-size: cover;
}

.PC #it242 .norm_case .bar2{
	background-color: #e6932c;
	border: 1px solid #e6932c;
}

.PC #it242 .norm_case .norm_content{
    width: 95%;
    margin: 20px auto;
    overflow: hidden;
}

.PC #it242 .icon-1{
    background-image: url(../images/icon-1.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 28px auto;
}

.PC #it242 .norm_case .list_title{
	width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.PC #it242 .norm_case .list_title::before{
    content: '';
    display: inline-block;
    width:30px;
    height: auto;
    padding-right:0px;
}

.PC #it242 .norm_case .list_item{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom:15px;
}

.PC #it242 .norm_case .list_item .disc{
    width: 100%;
    list-style: disc;
    list-style-position: outside;
    padding: 0px 0px 0px 30px;
    box-sizing: border-box;
    font-size:1.1rem;
    line-height: 2rem;
}

.PC #it242 .norm_case .list_item .marker li::marker{color:#b46127;}

.PC #it242 .norm_case .list_item .sec_item{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.PC #it242 .norm_case .list_item .sec_item li::before{
    content:'∟';
    display: inline-block;
}

/*=================结果页区块=================*/
/*双栏配图文字区块*/
.PC #it242 .two_block_main {
	width: 95%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}

.PC #it242 .two_block_main ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.PC #it242 .two_block_main .item_ph {
	width: 100%;
	height: auto;
}

.PC #it242 .two_block_main .item_ph img {
	display: block;
	width: 65%;
	height: auto;
	margin: 0 auto;
}

.PC #it242 .two_block_main .item_text {
	width: 100%;
}

/*使用者个人资料区块*/
.PC #it242 .userinfo{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	text-align:center;
	margin-top:5px;
}

.PC #it242 .userinfo .GENDER{ 
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 auto;
	margin-bottom:-8px;
}

.PC #it242 .userinfo .GENDER img{ 
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}

.PC #it242 .mainstars{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top:10px;
}

.PC #it242 .mainstars .fatebox{
	width:48%;
	height: auto;
	min-height:105px;
	border-radius: 15px;
	overflow: hidden;
}

.PC #it242 .fate-info{
	display: block;
	height: auto;
	overflow: hidden;
	text-align:center;
}

.PC #it242 .fate-title{
	font-size:1.2rem;
	font-weight:bold;
	line-height: 2.4rem;
	color:#ffffff;
}

.PC #it242 .fate-info li{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.PC #it242 .fate-info li:nth-child(2){
	font-size:1.5em;
	font-weight:bold;
	padding-top:5px;
}

.PC #it242 .fate-stars{
	width:100%;
	height: 99px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/*协助放置命盘*/
.PC #it242 .fate_chart{
	width:100%;
	height: 320px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fcf4ff;
	border:1px solid #e1b7f1;
	box-sizing: border-box;
}

.PC #it242 .notice_block{
	font-size:1em;
	line-height: 1.6em;
	text-align: center;
	margin:10px 0px;
}

/*装饰框副标*/
.PC #it242 .deco_frame{
	width:100%;
	height: auto;
	margin:0 auto;
	text-align: center;
	background-color: #fffae5;
	margin-top:10px;
	margin-bottom:10px;
}

.PC #it242 .deco_frame li{
	font-weight:bold;
	padding:5px 0px;
	color:#d12427;
}

.PC #it242 .deco_frame li:nth-child(1){
	padding-bottom:0px;
}

.PC #it242 .deco_frame .small_text{
	font-size:1.4rem;
	line-height: 1.7rem;
}

.PC #it242 .deco_frame .point_text{
	font-size:1.7rem;
	line-height: 2rem;
}

.PC #it242 .deco_frame img{
	display: block;
	width:100%;
	height: auto;
	margin:0 auto;
}

.PC #it242 .ph-icon{
	width: 100%;
	height: auto;
	margin:0 auto;
	background-image: url(../images/icon-deco-bg1.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size:20% auto;
	margin-top:10px;
}

.PC #it242 .ph-icon2{
	width: 100%;
	height: auto;
	margin:0 auto;
	background-image: url(../images/icon-deco-bg2.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size:20% auto;
	margin-top:10px;
}

/*重点文字样式*/
.PC #it242 .text_tips{
	width:100%;
	height: auto;
	margin-top:20px;
	margin-bottom:5px;
}

.PC #it242 .text_tips p{
	font-size:1.2rem;
	font-weight:bold;
	line-height: 1.7rem;
	text-align: center;
}

/*副标装饰bar1*/
.PC #it242 .ad_titlebar{
	width:625px;
	height: 45px;
	margin:0 auto;
	background-image: url(../images/ph-deco-titlebar.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom:10px;
}

.PC #it242 .ad_titlebar p{
	color:#ffffff;
	font-size:1.2rem;
	font-weight: bold;
	line-height: 45px;
	text-indent: 20px;
}

/*副标装饰bar2*/
.PC #it242 .ad_titlebar2{
	width:100%;
	height: 40px;
	margin:0 auto;
	margin-bottom:10px;
	background-color: #e9f3e6;
	border-radius: 5px;
}

.PC #it242 .ad_titlebar2 p{
	color:#333333;
	font-size:1.2rem;
	font-weight: bold;
	line-height: 40px;
	text-indent: 15px;
}

.PC #it242 .bar_title{
	width: 100%;
	text-indent: 10px;
    border-left: 5px solid #b46000;
    margin:10px 0 10px 0;
	font-size:1.2rem;
	font-weight: bold;
}

/*财库三种现象*/
.PC #it242 .situation_block{
	width: 100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}

.PC #it242 .situation_block ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.PC #it242 .situation_block li{
	font-size:1.1rem;
	line-height: 1.8rem;
}

.PC #it242 .situation_block .s_box{
	margin-bottom:10px;
}

.PC #it242 .situation_block .s_ph{
	width:17%;
	padding-right:10px;
}

.PC #it242 .situation_block .s_info{
	width:100%;
}

/*你的先天财富能量*/
.PC #it242 .talent_block{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	background-color: #fbf1d9;
	margin-top:10px;
	margin-bottom:20px;
	padding:14px 10px;
	box-sizing: border-box;
}

.PC #it242 .user_talent_box{
	width:100%;
	height: auto;
	overflow: hidden;
	border-radius: 5px;
}

.PC #it242 .talent_title{
	width:100%;
	height: auto;
	background-color: #a54515;
	font-size: 1.4rem;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	padding:5px 0px;
}

.PC #it242 .talent_info{
	width:100%;
	height: auto;
	background-image: url(../images/ph-pattern01.jpg);
	background-repeat: repeat;
	box-sizing: border-box;
}

.PC #it242 .info_frame{
	width:85%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding:10px 0px;
	box-sizing: border-box;
}

.PC #it242 .talent_item{
	width:145px;
	height: 145px;
	background-image: url(../images/ph-talent-round.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.PC #it242 .talent_info ul{
	height: 145px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.PC #it242 .talent_info .i_title{
	font-size:1.2rem;
	line-height: 1.7rem;
	color:#a54515;
	text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
}

.PC #it242 .talent_info .i_score{
	font-size:2.2rem;
	font-weight: bold;
	color:#555555;
	text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
}

/*最多出现四大运区块*/
.PC #it242 .fate_four_block{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.PC #it242 .fate_f_box .fate_f_top{
	width:100%;
	height: 20px;
	display: none;
	}.PC #it242 .fate_f_box .fate_f_top img{
		display: block;
		width:100%;
		height: auto;
	}

.PC #it242 .fate_f_box .fate_f_content{
	width:100%;
	height: auto;
	margin:0 auto;
	background-image: url(../images/ph-talent-decobg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.PC #it242 .fate_f_content .fate_detailed{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	
}

.PC #it242 .fate_detailed .detailed_top{
	width:90%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

.PC #it242 .fate_detailed ul{
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.PC #it242 .fate_detailed .d_title{
	font-size:1.5rem;
	line-height: 2rem;
	font-weight: bold;
	color: #a54515;
}

.PC #it242 .fate_detailed .d_date{
	font-size:1.1rem;
	line-height: 1.7rem;
	color:#555555;
	text-align: center;
}

.PC #it242 .fate_detailed .arrow{
	display: block;
}

/*三大能力区块*/
.PC #it242 .point_block{
	width:100%;
	height: auto;
	overflow: hidden;
}

.PC #it242 .point_box{
	width:100%;
	height: auto;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom:5px;
}

.PC #it242 .point_box ul{
	width:100%;
	height:auto;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: relative;
}

.PC #it242 .point_box ul::after{
	display: inline-block;
    content:'';
    border-right:1px solid #d0b56c;
    width:1px;
    height:35px;
    position: absolute;
    top:75%;
    left: 100%;
    transform: translate(-75%, -100%);
}

.PC #it242 .point_box ul:last-child::after{
	display: none;
}

.PC #it242 .point_box .p_title{
	font-size:1.2rem;
	line-height:1.7rem;
	color: #a54515;
}

.PC #it242 .point_box .p_score{
	font-size:2.2rem;
	font-weight: bold;
	color:#555555;
	text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
}

.PC #it242 .point_box .decrease_icon,
.PC #it242 .point_box .increase_icon{
	display:inline-block;
	width:25px;
	height: 25px;
}

.PC #it242 .point_box .decrease_icon img,
.PC #it242 .point_box .increase_icon img{
	display:block;
	width:100%;
	height: auto;
}

.PC #it242 .point_note{
	width:90%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

.PC #it242 .point_note::before{
	content: '';
	display: inline-block;
	width:100%;
	height: 1px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:15px;
}

.PC #it242 .point_note p{
	font-size:1.1rem;
	line-height: 1.7rem;
	color:#555555;
}

.PC #it242 .point_box .bad_s{color:#3dc471;}
.PC #it242 .point_box .good_s{color:#ec4c46;}

/*关键大运*/
.PC #it242 .fate_board{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	margin-top:10px;
	margin-bottom:10px;
}

.PC #it242 .MAP_WRAPPER{
	background-image: url(../images/energymap/3-1.jpg);
	position: relative;
    margin: 0 auto;
    width: 556px;
    height: 486px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.PC #it242 .ENERGY_MAP{
	width: 90%;
	position: absolute;
	padding-bottom: 68.87%;
	background-image: url(../images/energymap/3-2.jpg);
	background-position: center top;
	background-size: 98% auto;
	background-repeat: no-repeat;
	top: 7%;
	left: 5%;}

.PC #it242 .MAP_WRAPPER ul{
	width: 427px;
    position: absolute;
    bottom: 103px;
    left: 98px;
}

.PC #it242 .MAP_WRAPPER li{ 
    float: left;
    width: 23%;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #cd0303;
    font-weight: bold;
    text-align: center;}

.PC #it242 .MAP_WRAPPER li p{
	font-size: 0.9em;
	line-height:20px;
	font-weight:normal;
	color:#636363;
	font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica;}

.PC #it242 .MAP_WRAPPER .QMARK2:before{
	content: '?';
	position: absolute;
	top: 19%;
	left: 45%;
	color: #cd0303;
	font-size: 28vw;
	font-weight: bold;
	-webkit-text-shadow: 1px 0px 1px #fff,
				 0px 1px 1px #fff,
				 -1px 0px 1px #fff,
				 0px -1px 1px #fff,
				 0px 0px 2px #fff;
	text-shadow: 1px 0px 1px #fff,
				 0px 1px 1px #fff,
				 -1px 0px 1px #fff,
				 0px -1px 1px #fff,
				 0px 0px 2px #fff;}	
/*项目符号清单*/
.PC #it242 .list_block{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}

.PC #it242 .list_b_title{
	width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.PC #it242 .list_b_title::before{
	content: '';
    display: inline-block;
    width: 32px;
    height: auto;
    padding-right: 0px;
}

.PC #it242 .list_b_item{
	width: 100%;
    height: auto;
    overflow: hidden;
}

.PC #it242 .list_b_item li{margin-bottom:15px;}
.PC #it242 .list_b_item li:last-child{margin-bottom:0px;}

.PC #it242 .list_b_item .disc{
	width: 100%;
    list-style: disc;
    list-style-position: outside;
    padding: 0px 0px 0px 27px;
    box-sizing: border-box;
    font-size:1.1rem;
    line-height: 1.8rem;
}

.PC #it242 .list_b_item .marker li::marker{color:#b46127;}

/*结果页-流年命盘-开运磁场*/
.PC #it242 .re_map{
	width:100%;
	height: auto;
	overflow: hidden;
	margin-top:15px;
	margin-bottom:15px;
}

.PC #it242 .MAP{
	width:100%;
	height:0;
	padding-bottom:70.625%;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/re_ph_bg03.png);
	position:relative;
	margin:0 auto;
	}
	
.PC #it242 .MAP_Z{background-image:url(../images/map_x.jpg);}
	
.PC #it242 .MAP .COLOR_BG{
	width:27.5%;
	position:absolute;
	}
	
.PC #it242 .MAP .COLOR{
	width:100%;
	height:0;
	padding-bottom:61.93181818%;
	background-repeat:no-repeat;
	background-size:cover;
	}
	
.PC #it242 .MAP .LUCK_ICON{
	width:31%;
	height:0;
	padding-bottom:31%;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	bottom:2px;
	left:35%;}

.PC #it242 .MAP .BAD_ICON{
	width:31%;
	height:0;
	padding-bottom:31%;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	bottom:5px;
	right: 36%;
}

/*幸运区块*/
.PC #it242 .fate_suggestion .two_block_spe1{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.PC #it242 .two_block_spe1 .spe_ph{
	width:100%;
	height: auto;
	margin-bottom:10px;
}

.PC #it242 .two_block_spe1 .spe_info{
	width:100%;
	height: auto;
	font-size:1.1rem;
	line-height: 1.8rem;
	color:#333333;
}

.PC #it242 .two_block_spe1 .spe_info li{margin-bottom:5px;}
.PC #it242 .two_block_spe1 .spe_info li:last-child{margin-bottom:0px;}

.PC #it242 .two_block_spe1 .spe_info .spe_in_title{
	font-size:1.3rem;
	font-weight: bold;
	line-height: 1.8rem;
}

.PC #it242 .two_block_spe1 .spe_info .spe_in_text{
	font-size: 1.1rem;
}

.PC #it242 .two_block_spe1 .spe_ph img{
	display: block;
	width:50%;
	height: auto;
	margin:0 auto;
}

/*关键大运*/
.PC #it242 .fate_board{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	margin-top:10px;
}

.PC #it242 .fate_board .board_box{
	width:100%;
	height: auto;
	border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin:0 auto;
}

.PC #it242 .board_box .board-title{
	width:100%;
	height: 45px;
	line-height: 45px;
	font-size: 1.6rem;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
}

.PC #it242 .board_box .board-title::before{
	content:'';
	display: inline-block;
	width:30px;
	height: 30px;
	background-image: url(../images/icon-3.png);
	background-position: top center;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-right:5px;
}

.PC #it242 .board_line{
	border-bottom: 1px solid #ddae58;
    width: 100%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
}

.PC #it242 .board_box .board-title::after{
	content:'';
	display: inline-block;
	width:30px;
	height: 30px;
	background-image: url(../images/icon-3.png);
	background-position: top center;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-left:5px;
}

.PC #it242 .board_box .board-info{
	width:100%;
	height: auto;
	min-height: 50px;
	font-size:1.5rem;
	color:#333333;
	display: flex;
	justify-content: center;
	align-items: center;
}

.PC #it242 .board_text{
	width:100%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

/*结语区块*/
.PC #it242 .fate_end{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	margin-top:40px;
}

.PC #it242 .fate_end .end_top{
	width:100%;
	height: auto;
}

.PC #it242 .fate_end .end_top img{
	display: block;
	width:90%;
	height: auto;
	margin:0 auto;
}

.PC #it242 .end_box{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	background-color: #fffcf2;
	padding:15px;
	box-sizing: border-box;
}

.PC #it242 .end_ph_item{
	width:100%;
	height: auto;
	margin:0 auto;
}

.PC #it242 .end_ph_item img{
	display: block;
	width:100%;
	height: auto;
	margin:0 auto;
}

.PC #it242 .end_info{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	padding-top: 10px;
	box-sizing: border-box;
}

.PC #it242 .mb_none{
	display:none;
}

/*免费页结尾区块配图*/
.PC #it242 .end_ph_block{
	width:100%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-bottom:20px;
}

.PC #it242 .end_ph_block img{
	display: block;
	width:80%;
	height: auto;
	margin:0 auto;
}

.PC #it242 .end_ph_block .pq_e_BT{width:80%;}
.PC #it242 .end_ph_block .pq_e_BT a{
	font-size:1.5rem;
}

/*=================免费页区块=================*/
/*模糊字按钮区块*/
.PC #it242 .fuzzy_frame{
	width:100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.PC #it242 .free_bt_box{
	width: 90%;
	height: auto;
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.PC #it242 .free_bt_box2{
	width: 100%;
	height: auto;
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, .7);
}

.PC #it242 .free_bt_box p,
.PC #it242 .free_bt_box2 p{
	padding:5px 0px;
	text-align: center;
	text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
}

/*免费页-免费按钮上方配图*/
.PC #it242 .fuzzy_frame .free-ph{
	width:90%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

.PC #it242 .fuzzy_frame .free-ph img{
	display: block;
	width:100%;
	height: auto;
	margin:0 auto;
}

/*控制免费页按钮区块上方配图 按钮宽度*/
.PC #it242 .free_bt_box2 a{
	width:90%;
	margin:0 auto;
}

/*控制四大运中小字字级*/
.PC #it242 .fuzzy_frame .point_note p{
	font-size:1rem;
	line-height: 1.6rem;
	color:#0088ff;
}

/*控制免费页模糊区块项目符号问题*/
.PC #it242 .fuzzy_frame li{
	width:100%;
	float:left;
	box-sizing: border-box;
}

.PC #it242 .fuzzy_frame li > svg{
	width:100%;
	float: left;
}

/*免费页图表*/
.PC #it242 .money_free{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.PC #it242 .money_free p{
	text-align: center;
	font-size:6.5rem;
	font-weight:bold;
	color:#b21424;
}

/*免费页关键大运*/
.PC #it242 .free_f_info{
	width:100%;
	height: auto;
	overflow: hidden;
}

.PC #it242 .free_fuzzybox{
	width:50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin:0 auto;
}

.PC #it242 .f_age{
	font-size:2rem;
	font-weight: bold;
	text-align: center;
}

.PC #it242 .free_fuzzybox li{
	width:50%;
}

/*控制月历*/
.PC #it242 .pq_CALENDAR2 .TIME{
	line-height: 6.3rem;
}

.PC #it242 .fate_block .f_info_free{
	font-size:2rem;
	font-weight: bold;
	text-align: center;
}

/*控制幸运区块 按钮宽度*/
.PC #it242 .luckybt_box{
	width:80%;
	margin:0 auto;
}

/*方位图*/
.PC #it242 .free_mapbox{
	position: absolute;
	width:70%;
	height: 100px;
	margin:0 auto;
	background-color: rgba(172, 93, 46, .98);
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.PC #it242 .free_mapbox p{
	font-size:1.2rem;
	color:#ffffff;
	text-align:center;	
}

/*          PC版   */



/*=================手机版=================*/
/*=================整体框架区块=================*/
.MOBILE #it242{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../images/bg.jpg);
	background-size: 270% auto;
	background-repeat: no-repeat;
	background-position: top 30px center;
	-webkit-box-sizing: border-box;
	background-color: #e57d00;
	margin-top: 45px;
}

.MOBILE #it242 .frame{
	width: 100%;
	height: auto;
	overflow:hidden;
	margin:0 auto;
}

.MOBILE #it242 .content_top img,
.MOBILE #it242 .content_foot img{
    display: block;
    width:100%;
    height: auto;
    margin:0 auto;
}

/*=================结果页框架=================*/
.MOBILE #it242 .content{
	width: 750px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(../images/deco_bg.jpg);
    background-size: 100% auto;
}

.MOBILE #it242 .result_top{
	width:100%;
	height:auto; 
	overflow:hidden;
	margin: 0 auto;
	background-image: url(../images/re_title_bg.png);
	background-size: 100% auto;
	background-position:center;
	background-repeat: no-repeat;
}

.MOBILE #it242 .result_top h1{
	width:100%;
	height: 0;
	padding-bottom:38.66666666%;
	margin:0 auto;
	background-image: url(../images/re_title_top.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top:45px;
}

/*结果页内容装饰框架*/
.MOBILE #it242 .content{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../images/deco_bg.jpg);
	background-size:100% auto;
	margin-bottom:10px;
}

.MOBILE #it242 .content .content_top img,
.MOBILE #it242 .content .content_foot img{
    display: block;
    width:100%;
    height: auto;
    margin:0 auto;
}

/*=================输入页=================*/
/*输入页表头区块*/
.MOBILE #it242 .input_frame{
	width:100%;
	height:auto; 
	overflow:hidden;
    margin:0 auto;
}

.MOBILE #it242 .input_top{
	width:100%;
	height:auto; 
	overflow:hidden;
    margin:0 auto;
}

.MOBILE #it242 .input_top h1{
	width:100%;
	height:0;
	padding-bottom: 31.0975609756098%;
	background-image:url(../images/hero_title_input.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	text-indent:-9999px;
    margin-top:45px;
}

/*输入页动态区块*/
.MOBILE #it242 .animation_block{
	width:100%;
	height: 0;
	padding-bottom: 50%;/*47.5609756097561%;*/
	margin:0 auto;
	background-image: url(../images/hero_input_topbg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.MOBILE #it242 .fatechart{
	width:50%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}

.MOBILE #it242 .fatechart .ball_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin-top:10px;
}

.MOBILE #it242 .ball_box img{
	display:block;
	width: 100%;
	height: auto;
}

.MOBILE #it242 .fatechart .ball_box .ball{
	width:20vw;
	height: auto;
}

.MOBILE #it242 .fatechart .ball_box .fade-a{
	animation: glow 1.4s infinite ease;
}
.MOBILE #it242 .fatechart .ball_box .fade-b{
	animation: glow 1.4s infinite ease;
}
.MOBILE #it242 .fatechart .ball_box .fade-c{
	animation: glow 1.4s infinite ease;
}
.MOBILE #it242 .fatechart .ball_box .fade-d{
	animation: glow 1.4s infinite ease;
}

/*输入页内容装饰框架*/
.MOBILE #it242 .input_content{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../images/deco_bg.jpg);
	background-size:100% auto;
	margin-bottom:10px;
}

/*输入页内容区块*/
.MOBILE #it242 .con_box{ 
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.MOBILE #it242 .con_box img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*第一则推广区块*/
.MOBILE #it242 .first_box{margin-top:10px;}
.MOBILE #it242 .second_box{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}.MOBILE #it242 .second_box img{
	display:block;
	width:92%;
	height: auto;
	margin:0 auto;
}

.MOBILE #it242 .promo_block{
	width:95%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}

.MOBILE #it242 .deco_line{
	border-bottom: 2px solid #f6ebe4;
    width: 100%;
    margin: 16px auto;
}

/*输入页 清单*/
.MOBILE #it242 .norm_case{
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #c15a11;
    box-sizing: border-box;
}

.MOBILE #it242 .norm_case .norm_title{
    width: 100%;
    height: 60px;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    margin: 0px auto;
}

.MOBILE #it242 .norm_case .bar1{
	background-image: url(../images/title_bar.jpg);
    background-position: top center;
    background-repeat: no-repeat;
	background-size: cover;
}

.MOBILE #it242 .norm_case .bar2{
	background-color: #e6932c;
	border: 1px solid #e6932c;
}

.MOBILE #it242 .norm_case .norm_content{
    width: 95%;
    margin: 20px auto;
    overflow: hidden;
}

.MOBILE #it242 .icon-1{
    background-image: url(../images/icon-1.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 28px auto;
}

.MOBILE #it242 .norm_case .list_title{
	width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.MOBILE #it242 .norm_case .list_title::before{
    content: '';
    display: inline-block;
    width:30px;
    height: auto;
    padding-right:0px;
}

.MOBILE #it242 .norm_case .list_item{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom:15px;
}

.MOBILE #it242 .norm_case .list_item .disc{
    width: 100%;
    list-style: disc;
    list-style-position: outside;
    padding: 0px 0px 0px 30px;
    box-sizing: border-box;
    font-size:1.1rem;
    line-height: 2rem;
}

.MOBILE #it242 .norm_case .list_item .marker li::marker{color:#b46127;}

.MOBILE #it242 .norm_case .list_item .sec_item{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.MOBILE #it242 .norm_case .list_item .sec_item li::before{
    content:'∟';
    display: inline-block;
}

/*=================结果页区块=================*/
/*双栏配图文字区块*/
.MOBILE #it242 .two_block_main {
	width: 95%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}

.MOBILE #it242 .two_block_main ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.MOBILE #it242 .two_block_main .item_ph {
	width: 100%;
	height: auto;
}

.MOBILE #it242 .two_block_main .item_ph img {
	display: block;
	width: 65%;
	height: auto;
	margin: 0 auto;
}

.MOBILE #it242 .two_block_main .item_text {
	width: 100%;
}

/*使用者个人资料区块*/
.MOBILE #it242 .userinfo{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	text-align:center;
	margin-top:5px;
}

.MOBILE #it242 .userinfo .GENDER{ 
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 auto;
	margin-bottom:-8px;
}

.MOBILE #it242 .userinfo .GENDER img{ 
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}

.MOBILE #it242 .mainstars{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top:10px;
}

.MOBILE #it242 .mainstars .fatebox{
	width:48%;
	height: auto;
	min-height:105px;
	border-radius: 15px;
	overflow: hidden;
}

.MOBILE #it242 .fate-info{
	display: block;
	height: auto;
	overflow: hidden;
	text-align:center;
}

.MOBILE #it242 .fate-title{
	font-size:1.2rem;
	font-weight:bold;
	line-height: 2.4rem;
	color:#ffffff;
}

.MOBILE #it242 .fate-info li{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.MOBILE #it242 .fate-info li:nth-child(2){
	font-size:1.5em;
	font-weight:bold;
	padding-top:5px;
}

.MOBILE #it242 .fate-stars{
	width:100%;
	height: 99px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/*协助放置命盘*/
.MOBILE #it242 .fate_chart{
	width:100%;
	height: 320px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fcf4ff;
	border:1px solid #e1b7f1;
	box-sizing: border-box;
}

.MOBILE #it242 .notice_block{
	font-size:1em;
	line-height: 1.6em;
	text-align: center;
	margin:10px 0px;
}

/*装饰框副标*/
.MOBILE #it242 .deco_frame{
	width:100%;
	height: auto;
	margin:0 auto;
	text-align: center;
	background-color: #fffae5;
	margin-top:10px;
	margin-bottom:10px;
}

.MOBILE #it242 .deco_frame li{
	font-weight:bold;
	padding:5px 0px;
	color:#d12427;
}

.MOBILE #it242 .deco_frame li:nth-child(1){
	padding-bottom:0px;
}

.MOBILE #it242 .deco_frame .small_text{
	font-size:1.4rem;
	line-height: 1.7rem;
}

.MOBILE #it242 .deco_frame .point_text{
	font-size:1.7rem;
	line-height: 2rem;
}

.MOBILE #it242 .deco_frame img{
	display: block;
	width:100%;
	height: auto;
	margin:0 auto;
}

.MOBILE #it242 .ph-icon{
	width: 100%;
	height: auto;
	margin:0 auto;
	background-image: url(../images/icon-deco-bg1.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size:20% auto;
	margin-top:10px;
}

.MOBILE #it242 .ph-icon2{
	width: 100%;
	height: auto;
	margin:0 auto;
	background-image: url(../images/icon-deco-bg2.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size:20% auto;
	margin-top:10px;
}

/*重点文字样式*/
.MOBILE #it242 .text_tips{
	width:100%;
	height: auto;
	margin-top:20px;
	margin-bottom:5px;
}

.MOBILE #it242 .text_tips p{
	font-size:1.2rem;
	font-weight:bold;
	line-height: 1.7rem;
	text-align: center;
}

/*副标装饰bar1*/
.MOBILE #it242 .ad_titlebar{
	width:625px;
	height: 45px;
	margin:0 auto;
	background-image: url(../images/ph-deco-titlebar.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom:10px;
}

.MOBILE #it242 .ad_titlebar p{
	color:#ffffff;
	font-size:1.2rem;
	font-weight: bold;
	line-height: 45px;
	text-indent: 20px;
}

/*副标装饰bar2*/
.MOBILE #it242 .ad_titlebar2{
	width:100%;
	height: 40px;
	margin:0 auto;
	margin-bottom:10px;
	background-color: #e9f3e6;
	border-radius: 5px;
}

.MOBILE #it242 .ad_titlebar2 p{
	color:#333333;
	font-size:1.2rem;
	font-weight: bold;
	line-height: 40px;
	text-indent: 15px;
}

.MOBILE #it242 .bar_title{
	width: 100%;
	text-indent: 10px;
    border-left: 5px solid #b46000;
    margin:10px 0 10px 0;
	font-size:1.2rem;
	font-weight: bold;
}

/*财库三种现象*/
.MOBILE #it242 .situation_block{
	width: 100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}

.MOBILE #it242 .situation_block ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.MOBILE #it242 .situation_block li{
	font-size:1.1rem;
	line-height: 1.8rem;
}

.MOBILE #it242 .situation_block .s_box{
	margin-bottom:10px;
}

.MOBILE #it242 .situation_block .s_ph{
	width:17%;
	padding-right:10px;
}

.MOBILE #it242 .situation_block .s_info{
	width:100%;
}

/*你的先天财富能量*/
.MOBILE #it242 .talent_block{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	background-color: #fbf1d9;
	margin-top:10px;
	margin-bottom:20px;
	padding:14px 10px;
	box-sizing: border-box;
}

.MOBILE #it242 .user_talent_box{
	width:100%;
	height: auto;
	overflow: hidden;
	border-radius: 5px;
}

.MOBILE #it242 .talent_title{
	width:100%;
	height: auto;
	background-color: #a54515;
	font-size: 5.5vw;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	padding:5px 0px;
}

.MOBILE #it242 .talent_info{
	width:100%;
	height: auto;
	background-image: url(../images/ph-pattern01.jpg);
	background-repeat: repeat;
	box-sizing: border-box;
}

.MOBILE #it242 .info_frame{
	width:98%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding:10px 0px;
	box-sizing: border-box;
}

.MOBILE #it242 .talent_item{
	width:100%;
	height: auto;
	background-image: url(../images/ph-talent-round.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.MOBILE #it242 .talent_info ul{
	width:100%;
	height: 25vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.MOBILE #it242 .talent_info .i_title{
	font-size:4vw;
	color:#a54515;
	text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
}

.MOBILE #it242 .talent_info .i_score{
	font-size:8.5vw;
	font-weight: bold;
	color:#555555;
	text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
}

/*最多出现四大运区块*/
.MOBILE #it242 .fate_four_block{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.MOBILE #it242 .fate_f_box .fate_f_top{
	width:100%;
	height: 20px;
	display: none;
	}.PC #it242 .fate_f_box .fate_f_top img{
		display: block;
		width:100%;
		height: auto;
	}

.MOBILE #it242 .fate_f_box .fate_f_content{
	width:100%;
	height: auto;
	margin:0 auto;
	background-image: url(../images/ph-talent-decobg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.MOBILE #it242 .fate_f_content .fate_detailed{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	
}

.MOBILE #it242 .fate_detailed .detailed_top{
	width:90%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

.MOBILE #it242 .fate_detailed ul{
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.MOBILE #it242 .fate_detailed .d_title{
	font-size:5.5vw;
	line-height: 8vw;
	font-weight: bold;
	color: #a54515;
}

.MOBILE #it242 .fate_detailed .d_date{
	font-size:4vw;
	line-height: 6vw;
	color:#555555;
	text-align: center;
}

.MOBILE #it242 .fate_detailed .arrow{
	display: block;
}

/*三大能力区块*/
.MOBILE #it242 .point_block{
	width:100%;
	height: auto;
	overflow: hidden;
}

.MOBILE #it242 .point_box{
	width:100%;
	height: auto;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom:5px;
}

.MOBILE #it242 .point_box ul{
	width:100%;
	height:auto;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: relative;
}

.MOBILE #it242 .point_box ul::after{
	display: inline-block;
    content:'';
    border-right:1px solid #d0b56c;
    width:1px;
    height:35px;
    position: absolute;
    top:75%;
    left: 100%;
    transform: translate(-75%, -100%);
}

.MOBILE #it242 .point_box ul:last-child::after{
	display: none;
}

.MOBILE #it242 .point_box .p_title{
	font-size:4vw;
	line-height: 5.5vw;
	color: #a54515;
}

.MOBILE #it242 .point_box .p_score{
	font-size:8.5vw;
	font-weight: bold;
	color:#555555;
	text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
}

.MOBILE #it242 .point_box .decrease_icon,
.MOBILE #it242 .point_box .increase_icon{
	display:inline-block;
	width:25px;
	height: 25px;
}

.MOBILE #it242 .point_box .decrease_icon img,
.MOBILE #it242 .point_box .increase_icon img{
	display:block;
	width:100%;
	height: auto;
}

.MOBILE #it242 .point_note{
	width:90%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

.MOBILE #it242 .point_note::before{
	content: '';
	display: inline-block;
	width:100%;
	height: 1px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:15px;
}

.MOBILE #it242 .point_note p{
	font-size:4.4vw;
	line-height: 6.7vw;
	color:#555555;
}

.MOBILE #it242 .point_box .bad_s{color:#3dc471;}
.MOBILE #it242 .point_box .good_s{color:#ec4c46;}

/*关键大运*/
.MOBILE #it242 .fate_board{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	margin-top:10px;
	margin-bottom:10px;
}

.MOBILE #it242 .MAP_WRAPPER{
	position: relative;
	margin: 10px auto 0px auto;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 87.41%;
	background-image: url(../images/energymap/3-1.jpg);
	background-position: center top;
	background-size: 98% auto;
	background-repeat: no-repeat;}

.MOBILE #it242 .ENERGY_MAP{
	width: 90%;
	position: absolute;
	padding-bottom: 68.87%;
	background-image: url(../images/energymap/3-2.jpg);
	background-position: center top;
	background-size: 98% auto;
	background-repeat: no-repeat;
	top: 7%;
	left: 5%;}

.MOBILE #it242 .MAP_WRAPPER ul{
	width: 82%;
	position: absolute;
	top: 67.5%;
	left: 16.5%;}

.MOBILE #it242 .MAP_WRAPPER li{ 
	float: left;
	width: 22%;
	overflow: hidden;
	font-size: 3vw;
	line-height: 5vw;
	color:#cd0303;
	font-weight: normal;
	text-align: center;}

.MOBILE #it242 .MAP_WRAPPER li p{
	font-weight:normal;
	color:#636363;}

.MOBILE #it242 .MAP_WRAPPER .QMARK2:before{
	content: '?';
	position: absolute;
	top: 19%;
	left: 45%;
	color: #cd0303;
	font-size: 28vw;
	font-weight: bold;
	-webkit-text-shadow: 1px 0px 1px #fff,
				 0px 1px 1px #fff,
				 -1px 0px 1px #fff,
				 0px -1px 1px #fff,
				 0px 0px 2px #fff;
	text-shadow: 1px 0px 1px #fff,
				 0px 1px 1px #fff,
				 -1px 0px 1px #fff,
				 0px -1px 1px #fff,
				 0px 0px 2px #fff;}	
/*项目符号清单*/
.MOBILE #it242 .list_block{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}

.MOBILE #it242 .list_b_title{
	width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.MOBILE #it242 .list_b_title::before{
	content: '';
    display: inline-block;
    width: 32px;
    height: auto;
    padding-right: 0px;
}

.MOBILE #it242 .list_b_item{
	width: 100%;
    height: auto;
    overflow: hidden;
}

.MOBILE #it242 .list_b_item li{margin-bottom:15px;}
.MOBILE #it242 .list_b_item li:last-child{margin-bottom:0px;}

.MOBILE #it242 .list_b_item .disc{
	width: 100%;
    list-style: disc;
    list-style-position: outside;
    padding: 0px 0px 0px 27px;
    box-sizing: border-box;
    font-size:1.1rem;
    line-height: 1.8rem;
}

.MOBILE #it242 .list_b_item .marker li::marker{color:#b46127;}

/*结果页-流年命盘-开运磁场*/
.MOBILE #it242 .re_map{
	width:100%;
	height: auto;
	overflow: hidden;
	margin-top:15px;
	margin-bottom:15px;
}

.MOBILE #it242 .MAP{
	width:100%;
	height:0;
	padding-bottom:70.625%;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/re_ph_bg03.png);
	position:relative;
	margin:0 auto;
	}
	
.MOBILE #it242 .MAP_Z{background-image:url(../images/map_x.jpg);}
	
.MOBILE #it242 .MAP .COLOR_BG{
	width:27.5%;
	position:absolute;
	}
	
.MOBILE #it242 .MAP .COLOR{
	width:100%;
	height:0;
	padding-bottom:61.93181818%;
	background-repeat:no-repeat;
	background-size:cover;
	}
	
.MOBILE #it242 .MAP .LUCK_ICON{
	width:31%;
	height:0;
	padding-bottom:31%;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	bottom:2px;
	left:35%;}

.MOBILE #it242 .MAP .BAD_ICON{
	width:31%;
	height:0;
	padding-bottom:31%;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	bottom:5px;
	right: 36%;
}

/*幸运区块*/
.MOBILE #it242 .fate_suggestion .two_block_spe1{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.MOBILE #it242 .two_block_spe1 .spe_ph{
	width:100%;
	height: auto;
	margin-bottom:10px;
}

.MOBILE #it242 .two_block_spe1 .spe_info{
	width:100%;
	height: auto;
	font-size:1.1rem;
	line-height: 1.8rem;
	color:#333333;
}

.MOBILE #it242 .two_block_spe1 .spe_info li{margin-bottom:5px;}
.MOBILE #it242 .two_block_spe1 .spe_info li:last-child{margin-bottom:0px;}

.MOBILE #it242 .two_block_spe1 .spe_info .spe_in_title{
	font-size:1.3rem;
	font-weight: bold;
	line-height: 1.8rem;
}

.MOBILE #it242 .two_block_spe1 .spe_info .spe_in_text{
	font-size: 1.1rem;
}

.MOBILE #it242 .two_block_spe1 .spe_ph img{
	display: block;
	width:50%;
	height: auto;
	margin:0 auto;
}

/*关键大运*/
.MOBILE #it242 .fate_board{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	margin-top:10px;
}

.MOBILE #it242 .fate_board .board_box{
	width:100%;
	height: auto;
	border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin:0 auto;
}

.MOBILE #it242 .board_box .board-title{
	width:100%;
	height: 45px;
	line-height: 45px;
	font-size: 1.6rem;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
}

.MOBILE #it242 .board_box .board-title::before{
	content:'';
	display: inline-block;
	width:30px;
	height: 30px;
	background-image: url(../images/icon-3.png);
	background-position: top center;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-right:5px;
}

.MOBILE #it242 .board_line{
	border-bottom: 1px solid #ddae58;
    width: 100%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
}

.MOBILE #it242 .board_box .board-title::after{
	content:'';
	display: inline-block;
	width:30px;
	height: 30px;
	background-image: url(../images/icon-3.png);
	background-position: top center;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-left:5px;
}

.MOBILE #it242 .board_box .board-info{
	width:100%;
	height: auto;
	min-height: 50px;
	font-size:1.5rem;
	color:#333333;
	display: flex;
	justify-content: center;
	align-items: center;
}

.MOBILE #it242 .board_text{
	width:100%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

/*结语区块*/
.MOBILE #it242 .fate_end{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	margin-top:40px;
}

.MOBILE #it242 .fate_end .end_top{
	width:100%;
	height: auto;
}

.MOBILE #it242 .fate_end .end_top img{
	display: block;
	width:90%;
	height: auto;
	margin:0 auto;
}

.MOBILE #it242 .end_box{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	background-color: #fffcf2;
	padding:15px;
	box-sizing: border-box;
}

.MOBILE #it242 .end_ph_item{
	width:100%;
	height: auto;
	margin:0 auto;
}

.MOBILE #it242 .end_ph_item img{
	display: block;
	width:100%;
	height: auto;
	margin:0 auto;
}

.MOBILE #it242 .end_info{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	padding-top: 10px;
	box-sizing: border-box;
}

.MOBILE #it242 .mb_none{
	display:none;
}

/*免费页结尾区块配图*/
.MOBILE #it242 .end_ph_block{
	width:100%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-bottom:20px;
}

.MOBILE #it242 .end_ph_block img{
	display: block;
	width:80%;
	height: auto;
	margin:0 auto;
}

.MOBILE #it242 .end_ph_block .pq_e_BT{width:80%;}
.MOBILE #it242 .end_ph_block .pq_e_BT a{
	font-size:1.5rem;
}

/*=================免费页区块=================*/
/*模糊字按钮区块*/
.MOBILE #it242 .fuzzy_frame{
	width:100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.MOBILE #it242 .free_bt_box{
	width: 90%;
	height: auto;
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.MOBILE #it242 .free_bt_box2{
	width: 100%;
	height: auto;
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, .7);
}

.MOBILE #it242 .free_bt_box p,
.MOBILE #it242 .free_bt_box2 p{
	padding:5px 0px;
	text-align: center;
	text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff;
}

/*免费页-免费按钮上方配图*/
.MOBILE #it242 .fuzzy_frame .free-ph{
	width:90%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

.MOBILE #it242 .fuzzy_frame .free-ph img{
	display: block;
	width:100%;
	height: auto;
	margin:0 auto;
}

/*控制免费页按钮区块上方配图 按钮宽度*/
.MOBILE #it242 .free_bt_box2 a{
	width:90%;
	margin:0 auto;
}

/*控制四大运中小字字级*/
.MOBILE #it242 .fuzzy_frame .point_note p{
	font-size:1rem;
	line-height: 1.6rem;
	color:#0088ff;
}

/*控制免费页模糊区块项目符号问题*/
.MOBILE #it242 .fuzzy_frame li{
	width:100%;
	float:left;
	box-sizing: border-box;
}

.MOBILE #it242 .fuzzy_frame li > svg{
	width:100%;
	float: left;
}

/*免费页图表*/
.MOBILE #it242 .money_free{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.MOBILE #it242 .money_free p{
	text-align: center;
	font-size:6.5rem;
	font-weight:bold;
	color:#b21424;
}

/*免费页关键大运*/
.MOBILE #it242 .free_f_info{
	width:100%;
	height: auto;
	overflow: hidden;
}

.MOBILE #it242 .free_fuzzybox{
	width:50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin:0 auto;
}

.MOBILE #it242 .f_age{
	font-size:2rem;
	font-weight: bold;
	text-align: center;
}

.MOBILE #it242 .free_fuzzybox li{
	width:50%;
}

/*控制月历*/
.MOBILE #it242 .pq_CALENDAR2 .TIME{
	line-height: 6.3rem;
}

.MOBILE #it242 .fate_block .f_info_free{
	font-size:2rem;
	font-weight: bold;
	text-align: center;
}

/*控制幸运区块 按钮宽度*/
.MOBILE #it242 .luckybt_box{
	width:80%;
	margin:0 auto;
}

/*方位图*/
.MOBILE #it242 .free_mapbox{
	position: absolute;
	width:70%;
	height: 100px;
	margin:0 auto;
	background-color: rgba(172, 93, 46, .98);
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.MOBILE #it242 .free_mapbox p{
	font-size:1.2rem;
	color:#ffffff;
	text-align:center;	
}


/*    手机版    */

@keyframes glow {
	0%,100% {
        filter: brightness(1);
	}
	50% {
        filter: brightness(1.2);
		opacity:0.8;
	}
}
/*命宫双栏*/
#it242 .color-purple{
	background-color: #f9e9ff;
	box-shadow: inset 0px 0px 50px 0px #E1B7F1;
}

#it242 .color-brown{
	background-color: #fff1dd;
	box-shadow: inset 0px 0px 50px 0px #ffddac;
}

#it242 .barcolor1{background-color: #ad59d4;}
#it242 .barcolor2{background-color: #d27537;}

#it242 .icon-b-1{
	background-image: url(../images/icon-2.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 25px auto;
}


.PC #it242 .spe_contentbox{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
.PC #it242 .spe_contentbox p{
	padding:0px 5px 0px 15px;
}

/*控制pq 内文边界*/
.PC #it242 .pq_RECOM_BOX{width:95%;}


.MOBILE #it242 .spe_contentbox{
	width:100%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
.MOBILE #it242 .spe_contentbox p{
	padding:0px 5px 0px 15px;
}

/*控制pq 内文边界*/
.MOBILE #it242 .pq_RECOM_BOX{width:95%;}

/*关键大运*/
#it242 .border-1{border:1px solid #e1a840;}
#it242 .border-2{border:1px solid #5897dd;}
#it242 .undercolor-1{background-color: #e1a840;}
#it242 .undercolor-2{background-color: #5897dd;}
#it242 .underph-1{
	background-image: url(../images/pattern01.png);
	background-position: top center;
}

#it242 .underph-2{
	background-image: url(../images/pattern02.png);
	background-position: top center;
}

.PC #it242 .calendar_block{
	width:100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

.MOBILE #it242 .calendar_block{
	width:100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

/*列印页区块-大图标题*/
/*=================列印页区块=================*/
/*.PC #it242 .print_top{
	width:680px;
	height:200px;
	margin:0 auto;
}

.PC #it242 .print_top img{
	width:100%;
	height: auto;
}

.PC #it242 .print_bg {
	width: 680px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
}

.PC #it242 .print_bg img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.PC #it242 .print_bg .two_block_main{
	margin-top:15px;
}*/

/*列印页区块-内容框架*/
/*.PC #it242 .print_bg .con_box{
	width: 670px;
	height: auto;
	margin: 0 auto;
}

.PC #it242 .print_bg .situation_block .s_ph{width:12%;}

/*=========================防止iPADmini没有背景================*/
/*@media (max-width: 768px){
    .PC #it242{
        width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(../images/bg.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        background-attachment: initial;
        background-color: #e57d00;
    }
}*/
/*=========================防止iPADmini没有背景================*/

/* Portrait and Landscape */
/*@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.MOBILE #it242 .two_block_main .item_ph{
		display: block;
		width:60%;
		height: auto;
		margin:0 auto;
	}

	.MOBILE #it242 .situation_block .s_ph{width:10%;}
	.MOBILE #it242 .talent_block{padding:20px;}
	.MOBILE #it242 .user_talent_box .talent_title{
		font-size:3.5vw;
		padding:10px 0px;
	}
	.MOBILE #it242 .fate_f_box .fate_f_content{padding:10px 0px;}
	.MOBILE #it242 .user_talent_box .talent_item{background-size: 90% auto;}
	.MOBILE #it242 .user_talent_box .talent_item ul{height: 23.5vw;}
	.MOBILE #it242 .user_talent_box .i_title{font-size:3vw;}
	.MOBILE #it242 .user_talent_box .i_score{font-size:6vw;}
	.MOBILE #it242 .detailed_top .d_title{
		font-size:3.5vw;
		line-height: 5vw;
	}
	.MOBILE #it242 .detailed_top .d_date{
		font-size:3vw;
		line-height: 4.5vw;
	}

	.MOBILE #it242 .point_block .increase_icon,
	.MOBILE #it242 .point_block .decrease_icon{
		width:35px;
		height: auto;
	}
	.MOBILE #it242 .point_block .p_title{
		font-size:3vw;
		line-height: 4vw;
	}

	.MOBILE #it242 .point_block .p_score{font-size:6vw;}
	.MOBILE #it242 .point_block .point_note p{
		font-size:3vw;
		line-height: 4.6vw;
	}

	.MOBILE #it242 .fate_suggestion .spe_ph{
		width:60%;
		height: auto;
	}

	.MOBILE #it242 .free_mapbox{
		width:80%;
		height: 40vw;
		margin:0 auto;
	}

	.MOBILE #it242 .free_mapbox p{font-size:3.2vw;}
}*/

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
/*@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.MOBILE #it242 .fuzzy_frame .ipad_1{
		width:90%;
		height: 40vw;
	}	
}

*/