@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;
}

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 {
    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;
}

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;
    -webkit-tap-highlight-color: transparent;
}


/**** 公共css ****/


/* 入口页 */

.inletWrap {
    width: 100%;
    float: left;
}

.inletHead {
    width: 100%;
    float: left;
    line-height: 1rem;
    text-align: center;
    background-color: #a41e24;
    color: #fff;
}

.inletTip {
    width: 100%;
    float: left;
    padding: .2rem;
}

.inletTip b {
    display: block;
    padding-bottom: .1rem;
    font-size: .35rem;
    color: #a41e24;
}

.space {
    width: 100%;
    float: left;
    padding-bottom: .4rem;
    background-color: #f5f5f5;
}

.inletZeri {
    width: 100%;
    float: left;
    padding: 0 0 .2rem 0;
}

.inletZeri_top {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    line-height: .8rem;
    background-color: #f3ece4;
}

.inletZeri_top .ji {
    position: absolute;
    top: .2rem;
    left: .4rem;
    width: .4rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    font-size: .28rem;
    border-radius: .1rem;
    background-color: #ffe6e7;
}

.inletZeri_top a {
    font-weight: bold;
    color: #a41e24;
}

.inletZeri_top a img {
    display: inline-block;
    width: .27rem;
    margin: -.08rem 0 0 0;
    vertical-align: middle;
}

.inletZeri table {
    width: 100%;
    float: left;
}

.inletZeri table th {
    font-weight: bold;
    padding-top: .3rem;
}

.inletZeri table td {
    width: 14.2%;
    padding: 0.1rem 0.05rem;
    line-height: .35rem;
    font-size: .28rem;
    text-align: center;
}

.inletZeri table td div {
    padding: 0.1rem 0;
}

.inletZeri table td div.slect {
    border-radius: .1rem;
    background-color: #ffe6e7;
}

.inletZeri table td div a {
    font-size: .35rem;
}

.inletZeri table td div a em {
    font-size: .24rem;
}

.inletLuck {
    width: 100%;
    float: left;
    padding: .2rem 0;
}

.inletLuck_tit {
    width: 100%;
    float: left;
    padding: 0 0 0 .2rem;
    font-weight: bold;
    font-size: .35rem;
}

.inletLuck_tit a {
    color: #a41e24;
}

.inletLuck_prd {
    width: 100%;
    float: left;
}

.inletLuck_prd a {
    width: 25%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: .25rem;
}

.inletLuck_prd a img {
    display: block;
    width: 1.02rem;
    margin-bottom: .15rem;
}

.inletLuck_Link {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 .2rem .2rem .2rem;
    box-sizing: border-box;
}

.inletLuck_Link a {
    display: block;
    width: 22%;
    line-height: .5rem;
    font-size: .26rem;
    margin: .3rem 0 0 0;
    text-align: center;
    border-radius: .25rem;
    background: #f3ece4;
    color: #000000;
}

.inletPlate {
    width: 100%;
    float: left;
    display: flex;
    padding: .3rem .2rem;
}

.inletPlate_left {
    width: 42%;
    background: url(../images/logoPic.png)no-repeat;
    background-size: 2.49rem .84rem;
    background-position: center center;
    border-right: .02rem solid #eeeeee;
}

.inletPlate_right {
    width: 58%;
    padding-left: .3rem;
    font-size: .24rem;
    letter-spacing: normal;
    color: #999999;
}

.plate_tip {
    font-size: .28rem;
    font-weight: bold;
    color: #000;
}


/* 入口页 */


/* 首页 */

.indexWrap {
    width: 100%;
    float: left;
    /* padding: 1rem 0; */
}

.indexHd {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 7.5rem;
    line-height: 1rem;
    text-align: center;
    background-color: #a41e24;
    color: #fff;
    z-index: 999;
}

.indexZeri {
    width: 100%;
    float: left;
}

.indexZeri_tit {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .15rem 0;
    margin-bottom: 20rpx;
    text-align: center;
    font-weight: bold;
    background-color: #b93b3c;
    color: #fff;
}

.indexZeri_tit .prev,
.indexZeri_tit .next {
    display: flex;
    width: .8rem;
    height: .6rem;
    align-items: center;
}

.indexZeri_tit .next {
    justify-content: flex-end;
}

.indexZeri_tit .prev::before {
    content: '';
    display: block;
    width: .2rem;
    height: .2rem;
    border-top: .04rem solid #fff;
    border-left: .04rem solid #fff;
    transform: rotate(-45deg);
}

.indexZeri_tit .next::after {
    content: '';
    display: block;
    width: .2rem;
    height: .2rem;
    border-top: .04rem solid #fff;
    border-right: .04rem solid #fff;
    transform: rotate(45deg);
}

.indexZeri_tit .year {
    color: #fff;
}

.indexZeri_tit .year img {
    display: inline-block;
    width: .27rem;
    vertical-align: middle;
    margin: -.08rem 0 0 0;
}

.indexZeri_tit .today {
    width: .5rem;
    line-height: .5rem;
    margin: 0 0 0 .25rem;
    border-radius: 50%;
    text-align: center;
    background-color: #c7a47c;
    color: #fff;
}

.indexZeri table {
    width: 100%;
    float: left;
}

.indexZeri table th {
    font-weight: bold;
    padding-top: .3rem;
}

.indexZeri table td {
    width: 14.2%;
    padding: 0.1rem 0.05rem;
    line-height: .35rem;
    font-size: .28rem;
    text-align: center;
}

.indexZeri table td:nth-of-type(6) div a,
.indexZeri table td:nth-of-type(7) div a,
.indexZeri table th:nth-of-type(6),
.indexZeri table th:nth-of-type(7) {
    color: #a41e24;
}

.indexZeri table td div {
    padding: 0.1rem 0;
    position: relative;
    border-radius: .1rem;
}

.indexZeri table td div.grey a,
.inletZeri table td div.grey a {
    color: #CCCCCC!important;
}

.indexZeri table td div.rest::after {
    content: '休';
    position: absolute;
    top: -.17rem;
    right: -.17rem;
    display: block;
    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    font-size: .24rem;
    border: .01rem solid #fff;
    color: #fff;
    background-color: #46d5a4;
}

.indexZeri table td div.work::after {
    content: '班';
    position: absolute;
    top: -.17rem;
    right: -.17rem;
    display: block;
    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    font-size: .24rem;
    border: .01rem solid #fff;
    color: #fff;
    background-color: #FF4322;
}

.indexZeri table td div.now {
    background-color: #C7A47C;
}

.indexZeri table td div a {
    font-size: .35rem;
}

.indexZeri table td div a em {
    font-size: .24rem;
}

.indexZeri table td div.now a,
.indexZeri table td div.slt a {
    color: #fff;
}

.indexZeri table td div.slt {
    background-color: #FF4322;
}

.indexHl {
    width: 100%;
    float: left;
    padding: .4rem .2rem;
    background: url(../images/wnl_daybg3.png)no-repeat;
    background-size: 100% 100%;
}

.indexHl_top {
    width: 100%;
    display: flex;
}

.indexHl_top .terms_bg {
    width: .68rem;
    height: .95rem;
    padding: 0 .1rem 0 0;
    background: url(../images/terms_bg.png)no-repeat;
    background-size: 100% 100%;
    font-size: .4rem;
    writing-mode: tb-rl;
    text-align: center;
    font-family: "STXinwei";
    color: #fff6d3;
    box-sizing: border-box;
}

.indexHl_top .terms_mid {
    width: 100%;
    padding: 0 0 0 .1rem;
    box-sizing: border-box;
}

.indexHl_top .terms_day {
    font-size: .4rem;
    color: #a41e24;
    font-weight: bold;
}

.indexHl_top .terms_day span {
    padding: .1rem .05rem;
    margin-left: .2rem;
    font-size: .26rem;
    border-radius: .1rem;
    background: linear-gradient(to bottom, #f7deab, #ffd789);
    color: #c13219;
}

.indexHl_top .terms_day img {
    display: inline-block;
    width: .35rem;
    vertical-align: middle;
    margin: -.1rem 0 0 0;
}

.indexHl_top .terms_day a.luck {
    display: block;
    float: right;
    width: 1.5rem;
    font-size: .3rem;
    text-align: center;
    line-height: .5rem;
    border-radius: .1rem;
    font-weight: normal;
    color: #fff;
    background-color: #ff4322;
}

.indexHl .line {
    width: 100%;
    margin: .3rem 0;
    border-top: .02rem solid #ededed;
}

.indexHl_down {
    width: 100%;
    float: left;
}

.indexHl_down a {
    display: block;
    float: left;
    width: 100%;
    line-height: .4rem;
}

.indexHl_down .yi,
.indexHl_down .ji {
    display: flex;
}

.indexHl_down .yi {
    color: #b93b3c;
}

.indexHl_down .ji {
    margin-top: .2rem;
    color: #48699e;
}

.indexHl_down .yi_tit,
.huangli_suit .left ul li span {
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
    border-radius: .05rem;
}

.indexHl_down .yi_tit.bg1,
.huangli_suit .left ul li span.bg1 {
    background-color: #e4b4aa;
}

.indexHl_down .yi_tit.bg2,
.huangli_suit .left ul li span.bg2 {
    background-color: #aabbe3;
}

.indexFortune {
    width: 100%;
    float: left;
}

.indexFortune {
    width: 100%;
    padding: .3rem .2rem 0 .2rem;
    box-sizing: border-box;
    background-color: #fff;
}

.indexFortune_con {
    width: 100%;
    float: left;
    display: flex;
}

.indexFortune_mid {
    width: 1.8rem;
    display: flex;
    align-items: center;
}

.indexFortune_mid img {
    display: block;
    width: 100%;
}

.indexFortune_right {
    flex: 1;
    padding: 0 0 0 .5rem;
}

.indexFortune_right li:nth-of-type(1) {
    width: 1.7rem;
    line-height: .5rem;
    border-radius: .25rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #a41e24;
}

.indexFortune_right li:nth-of-type(2) {
    font-size: .5rem;
    font-weight: bold;
    color: #a41e24;
}

.indexFortune_right li:nth-of-type(2) span {
    font-size: .32rem;
    padding: 0 .2rem 0 0;
    letter-spacing: normal;
}

.indexFortune_right li:nth-of-type(3) {
    letter-spacing: normal;
}

.indexFortune_down {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .2rem 0;
    margin: .2rem 0 0 0;
    border-top: .02rem solid #ededed;
    border-bottom: .02rem solid #ededed;
}

.indexFortune_down li {
    text-align: center;
}

.indexFortune_down li span {
    font-weight: bold;
    color: #ff5b3e;
}

.indexFortune .look {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    padding: .1rem .2rem;
    color: #666;
}

.indexFortune .look img {
    display: block;
    width: .48rem;
}

.indexTab {
    width: 100%;
    display: flex;
    max-width: 7.5rem;
    position: fixed;
    bottom: 0;
    height: 1rem;
    z-index: 999;
    background-color: #fff;
}

.indexTab a {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
}

.indexTab a img {
    display: block;
    width: .5rem;
}


/* 首页 */


/* 黄历详情页 */

.indexWrap.huangli {
    width: 100%;
    float: left;
    /* padding: 1rem 0 0 0; */
}

.add_desktop {
    position: fixed;
    top: 2.8rem;
    right: 0;
    width: 1.9rem;
    line-height: .5rem;
    text-align: center;
    border-radius: .25rem 0 0 .25rem;
    font-size: .26rem;
    border: .02rem solid #DCDCAC;
    background-color: #f3f3e4;
    color: #d8c1a7;
    z-index: 99;
}

.add_desktop img {
    display: inline-block;
    width: .27rem;
    margin-right: .1rem;
    vertical-align: middle;
}

.indexHd_con {
    width: 100%;
    position: relative;
}

.indexHd_con a {
    position: absolute;
    width: .5rem;
    height: .6rem;
}

.indexHd_con a.back {
    top: .23rem;
    left: .2rem;
    background: url(../images/back.png)no-repeat;
    background-size: .18rem .32rem;
    background-position: center center;
}

.indexHd_con a.home {
    left: .8rem;
    top: .21rem;
    background: url(../images/home2.png)no-repeat;
    background-size: .36rem .4rem;
    background-position: center center;
}

.huangli_main {
    width: 100%;
    float: left;
    padding: .2rem;
    background: #eee;
}

.huangli_solar {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
}

.huangli_solar a {
    color: #c97836;
}

.huangli_solar .year::after {
    content: '';
    display: inline-block;
    width: .15rem;
    height: .15rem;
    margin: 0 0 .09rem .15rem;
    border-right: .01rem solid #a41e24;
    border-bottom: .01rem solid #a41e24;
    transform: rotate(45deg);
}

.huangli_solar .today {
    position: absolute;
    top: 0;
    right: .2rem;
}

.huangli_solar .today img {
    display: block;
    width: .43rem;
}

.huangli_lunar {
    width: 100%;
    float: left;
    padding: .2rem;
}

.huangli_lunar ul {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.huangli_lunar ul li {
    font-size: .5rem;
    font-weight: bold;
    cursor: pointer;
    color: #c97836;
}

.huangli_lunar ul li:nth-of-type(1),
.huangli_lunar ul li:nth-of-type(3) {
    flex: 1;
    display: flex;
    justify-content: center;
    font-size: .6rem;
    color: #c97836;
}

.huangli_lunar .week {
    width: 100%;
    float: left;
    text-align: center;
    font-size: .28rem;
    color: #c97836;
}

.huangli_suit {
    width: 100%;
    float: left;
    display: flex;
    padding: .3rem 0;
    background-color: #fff;
    border-radius: .08rem;
}

.huangli_suit .left {
    flex: 0.84;
}

.huangli_suit .left ul li {
    width: 100%;
    float: left;
    padding: .2rem;
    display: flex;
    font-size: .3rem;
}

.huangli_suit .left ul li:nth-of-type(2) {
    border-top: .01rem solid #ededed;
}

.huangli_suit .right {
    display: flex;
    flex: 0.26;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.huangli_suit .right a {
    display: block;
    width: 1.35rem;
    line-height: .5rem;
    font-size: .24rem;
    text-align: center;
    border-radius: .1rem;
}

.huangli_suit .right a.query {
    /* width: 85%; */
    border: .02rem solid #b93b3c;
    color: #b93b3c;
    /* animation: btnZoom 1s linear infinite alternate;
    -webkit-animation: btnZoom 1s linear infinite alternate; */
}

.huangli_suit .right a.term {
    margin: .3rem 0 0 0;
    border: .02rem solid #e5bb67;
    color: #e5bb67;
}

@keyframes btnZoom {
    0% {}
    100% {
        transform: scale(.8);
    }
}

@-webkit-keyframes btnZoom {
    0% {}
    100% {
        transform: scale(.8);
    }
}

.huangliCon {
    width: 100%;
    float: left;
    margin: .2rem 0 0 0;
    background-color: #fff;
    border-radius: .08rem;
}

.wuxing_chong_sha {
    width: 100%;
    float: left;
    border-bottom: .01rem solid #e6e6e6;
}

.wuxing_chong_sha li {
    width: 33.33%;
    float: left;
    text-align: center;
    height: .68rem;
    line-height: .68rem;
}

.huangliCon em {
    color: #a41e24;
}

.huangliCon .wuxing_chong_sha li em {
    margin-right: .15rem;
}

.huangliCon.wuxing_chong_sha li:nth-of-type(2) {
    border-left: .01rem solid #e6e6e6;
    border-right: .01rem solid #e6e6e6;
}

.huangliCon .luckPst {
    width: 100%;
    float: left;
}

.huangliCon .luckPst .luckPst_left,
.huangliCon .luckPst .luckPst_right {
    width: 30%;
    float: left;
    text-align: center;
}

.huangliCon .luckPst .luckPst_left {
    border-right: .01rem solid #e6e6e6;
}

.huangliCon .luckPst .luckPst_right {
    border-left: .01rem solid #e6e6e6;
}

.huangliCon .luckPst .luckPst_left li,
.huangliCon .luckPst .luckPst_right li {
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: .01rem solid #e6e6e6;
}

.huangliCon .luckPst .luckPst_mid {
    width: 40%;
    float: left;
    padding: .26rem 0;
    border-bottom: .01rem solid #e6e6e6;
}

.huangliCon .luckPst .luckPst_mid img {
    display: block;
    width: 2.48rem;
    margin: 0 auto;
}

.huangliCon .luckPst .god {
    padding: .03rem .15rem;
    margin-right: .15rem;
    color: #fff;
}

.huangliCon .luckPst .god.col1 {
    background-color: #a41e24;
}

.huangliCon .luckPst .god.col2 {
    background-color: #46d5a4;
}

.huangliCon .luckPst .god.col3 {
    background-color: #ab7622;
}

.huangliCon .luckPst .god.col4 {
    background-color: #ff4322;
}

.huangliCon .parameter {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: .01rem solid #e6e6e6;
}

.huangliCon .parameter .parameter_left,
.huangliCon .parameter .parameter_right {
    width: 15%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.huangliCon .parameter .parameter_left em,
.huangliCon .parameter .parameter_right em {
    writing-mode: vertical-rl;
}

.huangliCon .parameter .parameter_mid {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    border-left: .01rem solid #e6e6e6;
}

.huangliCon .parameter .parameter_mid li {
    width: 50%;
    padding: .12rem .08rem;
    text-align: center;
    border-right: .01rem solid #e6e6e6;
    border-bottom: .01rem solid #e6e6e6;
}

.huangliCon .parameter .parameter_mid li:nth-of-type(3),
.huangliCon .parameter .parameter_mid li:nth-of-type(4) {
    border-bottom: none;
}

.huangliCon .timeList {
    width: 100%;
    padding: .15rem 0;
    float: left;
}

.huangliCon .timeList .timeList_tit {
    float: left;
    width: .6rem;
    writing-mode: vertical-lr;
    color: #a41e24;
}

.huangliCon .timeList .timeList_con {
    width: calc(100% - .6rem);
    float: left;
}

.huangliCon .timeList .timeList_con .txt li {
    writing-mode: vertical-lr;
}

.huangliCon .timeList .timeList_con .txt,
.huangliCon .timeList .timeList_con .luck {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-around;
}

.huangliCon .timeList .timeList_con .luck {
    margin: .2rem 0 0 0;
}

.huangliCon .timeList .timeList_con .luck li {
    width: .4rem;
    line-height: .4rem;
    border-radius: .2rem;
    text-align: center;
    color: #fff;
}

.huangliCon .timeList .timeList_con .luck li.bg1 {
    background-color: #aabce4;
}

.huangliCon .timeList .timeList_con .luck li.bg2 {
    background-color: #e4b4aa;
}

.huangli_line {
    width: 100%;
    float: left;
    margin: .2rem 0 0 0;
    border-bottom: .01rem solid #e6e6e6;
}


/* 弹窗 */

.huangli_noun {
    width: 6rem;
    border-radius: .1rem;
    overflow: hidden;
}

.huangli_nounTop {
    line-height: 1rem;
    text-align: center;
    font-weight: bold;
    font-size: .4rem;
    background-color: #ffe6bf;
    color: #a41e24;
}

.huangli_nounDown {
    padding: .3rem;
    text-align: justify;
    background-color: #fff;
}

.huangli_close {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
}

.huangli_close a {
    display: block;
    width: .65rem;
    margin: 0 auto;
}

.huangli_close a img {
    display: block;
    width: 100%;
}


/* 弹窗 */

.hlixiaob {
    width: 100%;
    float: left;
    margin: .2rem 0 0 0;
    line-height: .5rem;
    font-size: .34rem;
    text-align: center;
}

.hlixiaob span {
    color: #d0021b;
}

.hlitime {
    width: 100%;
    float: left;
    float: left;
    border: solid .01rem #ccc;
    border-right: none;
    border-bottom: none;
    margin: 0.2rem 0 0 0;
}

.hlitime li {
    width: 16.666%;
    float: left;
    border: solid .01rem #ccc;
    border-left: none;
    border-top: none;
    line-height: .85rem;
    font-size: .3rem;
    text-align: center;
}

.hlitime li.current {
    background: #c87937;
    color: #fff;
    font-weight: bold;
}

.huangli_txt {
    width: 100%;
    float: left;
    margin: .2rem 0 0 0;
}

.huangli_txt li {
    width: 50%;
    float: left;
    line-height: .5rem;
    font-size: .3rem;
}

.huangliCon.sty3 {
    padding: 0 .2rem .2rem .2rem;
}

.huangli_txt li:nth-of-type(1) {
    width: 100%;
}

.huangli_txt li img {
    width: 0.34rem;
    vertical-align: middle;
    margin: -0.03rem 0 0 0;
}

.hlixiaob_tit {
    width: 100%;
    float: left;
    margin: .2rem 0 0 0;
    color: #000;
    font-weight: bold;
}

.inletLuck_title {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .2rem 0 0 0;
    padding: 0 .2rem;
}

.inletLuck_title li:nth-of-type(1) {
    font-weight: bold;
    color: #000;
}

.inletLuck_title li:nth-of-type(2) {
    overflow: hidden;
    width: 1.7rem;
    display: flex;
    line-height: .45rem;
    border-radius: .3rem;
}

.inletLuck_title li:nth-of-type(2) a {
    flex: 1;
    line-height: .45rem;
    text-align: center;
    font-size: .28rem;
    background-color: #EBEBEB;
    color: #A9A9A9;
}

.inletLuck_title li:nth-of-type(2) a.cur {
    color: #fff;
    background-color: #F4955B;
}

.huangli_txt li span {
    color: #d0021b;
}


/* 黄历详情页 */


/* 择日页面 */

.eventMain {
    width: 100%;
    float: left;
}

.eventTab {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}

.eventTab a {
    display: block;
    width: 2rem;
    line-height: 1rem;
    text-align: center;
    font-weight: bold;
    font-size: .35rem;
    color: #999999;
}

.eventTab a.cur {
    color: #fff;
}

.eventTab.bg1 {
    background-color: #b93b3c;
}

.eventTab.bg2 {
    background-color: #48699e;
}

.eventBaner {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    height: 2.1rem;
    border-bottom: .01rem solid #e6e6e6;
}

.eventBaner img {
    display: block;
    width: 7rem;
    margin: 0 auto;
}

.eventMain {
    width: 100%;
    position: relative;
}

.eventScro {
    width: 100%;
    /* height: calc(100vh - 5.1rem); */
    height: calc(100vh - 1.8rem);
    overflow-y: scroll;
    padding: 0 18% 0 0;
}

.eventScro_left {
    width: 100%;
    float: left;
}

.eventCon {
    padding: .3rem .2rem;
}

.eventCon .tit {
    height: .4rem;
    line-height: .4rem;
    margin: .1rem .1rem 0 .1rem;
    padding-left: .2rem;
    font-weight: bold;
    font-size: .35rem;
    border-left: .08rem solid #a41e24;
    color: #a41e24;
}

.eventCon .tit img {
    display: inline-block;
    width: .3rem;
    margin: -.08rem 0 0 0;
    vertical-align: middle;
}

.eventCon .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    letter-spacing: normal;
}

.eventCon .items li {
    width: 29%;
    margin: .4rem 0 0 0;
    padding: .06rem 0;
    text-align: center;
    border-radius: .08rem;
    background: #f3ece4;
    color: #2a2a2a;
}

.eventCon .items.hot li {
    background-color: #e19295;
    color: #fff;
}

.eventCon .items.hot li a {
    color: #fff;
}

.eventCon .items em {
    width: 29%;
}

.eventScro_right {
    width: 18%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f5f5f5;
}

.eventScro_right li {
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    background-color: #f5f5f5;
    color: #999999;
}

.eventScro_right li.cur {
    background: #fff;
    color: #a41e24;
}

.eventTxt {
    width: 100%;
    float: left;
    margin: .2rem 0 0 0;
    text-align: justify;
}

.eventTxt.col {
    color: #CD853F;
}


/* 择日页面 */


/* 生肖运势 */

.fortuneCon {
    width: 100%;
    float: left;
    background: #b93b3c url(../images/month_bg.jpg)no-repeat;
    background-position: top center;
    background-size: 100% auto;
    min-height: 100vh;
}

.fortuneHd {
    width: 100%;
    float: left;
    height: 3rem;
    padding: .3rem;
}

.fortuneHd_pic {
    width: 1.8rem;
    margin: 0 auto;
}

.fortuneHd_pic img {
    display: block;
    width: 100%;
}

.fortuneHd_txt {
    position: relative;
    width: 1.27rem;
    height: .49rem;
    line-height: .49rem;
    margin: .2rem auto 0 auto;
    background: url(../images/sxBg.png)no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-weight: bold;
    color: #a41e24;
}

.fortuneHd_txt::after {
    position: absolute;
    content: '';
    top: .15rem;
    right: .15rem;
    display: block;
    width: .08rem;
    height: .08rem;
    border-left: .02rem solid #a41e24;
    border-bottom: .02rem solid #a41e24;
    transform: rotate(-45deg);
}

.fortuneMain {
    width: 100%;
    float: left;
    padding: 0 .2rem .4rem .2rem;
}

.fortuneTab {
    width: 100%;
    float: left;
    overflow: hidden;
    display: flex;
    border-radius: .1rem;
}

.fortuneTab a {
    flex: 1;
    text-align: center;
    font-weight: bold;
    line-height: .94rem;
    font-size: .34rem;
    background-color: #fff;
    color: #999999;
}

.fortuneTab a.cur {
    background: linear-gradient(to right, #f4bb68, #f7daab);
    color: #a41e24;
}

.fortuneLuck {
    width: 100%;
    float: left;
}

.bigbox {
    width: 100%;
    float: left;
    margin: .4rem 0 0 0;
}

.bigbox .top {
    width: 100%;
    height: .81rem;
    float: left;
    margin-bottom: -.01rem;
    background: url(../images/sxPic/top.png)no-repeat;
    background-size: 100% 100%;
}

.bigbox .con {
    width: 100%;
    float: left;
    padding: .01rem .2rem 0 .2rem;
    box-sizing: border-box;
}

.bigbox .mid {
    width: 100%;
    float: left;
    background: url(../images/sxPic/mid.png)repeat-y;
    background-size: 100% auto;
}

.bigbox .down {
    width: 100%;
    height: .78rem;
    float: left;
    margin-top: -.01rem;
    background: url(../images/sxPic/down.png)no-repeat;
    background-size: 100% 100%;
}

.fortuneTime {
    width: 100%;
    float: left;
    text-align: center;
}

.fortuneTime span {
    color: #999999;
}

.fortuneGrade {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
}

.fortuneGrade span {
    display: block;
    width: 2.88rem;
    margin: 0 auto;
    line-height: 1.31rem;
    text-align: center;
    background: url(../images/sxPic/gradeBg.png)no-repeat;
    background-size: 100% 100%;
    font-size: .6rem;
    font-weight: bold;
    color: #a41e24;
}

.fortuneTip {
    width: 100%;
    float: left;
    text-align: center;
    margin: .3rem 0 0 0;
}

.fortuneTip b {
    display: block;
    margin: .1rem 0 0 0;
    color: #a41e24;
}

.fortunePis {
    width: 100%;
    float: left;
    display: flex;
    margin: .3rem 0 0 0;
    padding: .2rem;
    /* justify-content: center; */
    justify-content: space-around;
    border-radius: .1rem;
    box-sizing: border-box;
    letter-spacing: normal;
    background-color: #fff;
    color: #a67e5a;
}

.fortunePis ul li span {
    color: #a41e24;
}

.fortunePis_left {
    width: 100%;
    padding-left: .4rem;
}

.fortuneMth_tit {
    width: 100%;
    float: left;
    height: .58rem;
    padding-top: .01rem;
    margin: -.3rem 0 0 0;
}

.fortuneMth_tit img {
    width: 2.42rem;
    display: block;
    margin: -.2rem auto 0 auto;
}

.fortuneMth {
    width: 100%;
    float: left;
    display: flex;
    padding: 0 0 .3rem 0;
}

.fortuneMth_left span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .8rem;
    height: .8rem;
    border-radius: .1rem;
    background-color: #fff;
    border: .02rem solid #e19295;
}

.fortuneMth_left span em {
    display: block;
    width: .7rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: .1rem;
    text-align: center;
    font-size: .35rem;
    font-weight: bold;
    background-color: #e19295;
    color: #fff;
}

.fortuneMth_left {
    display: flex;
    align-items: center;
}

.fortuneMth_right {
    padding-left: .2rem;
    text-align: justify;
}

.fortunebx {
    width: 100%;
    float: left;
    padding: .3rem 0;
    border-top: .02rem solid #eeeeee;
}

.fortunebx.sty2 {
    padding: .3rem 0 0 0;
}

.fortunebx .tit {
    width: 1.68rem;
    line-height: .48rem;
    text-align: center;
    border-radius: .24rem;
    font-weight: bold;
    color: #fff;
}

.fortunebx .tit.bg1 {
    background-color: #ff4322;
}

.fortunebx .tit.bg2 {
    background-color: #7877f2;
}

.fortunebx .tit.bg3 {
    background-color: #ab7622;
}

.fortunebx .tit.bg4 {
    background-color: #46d5a4;
}

.fortuneTxt {
    width: 100%;
    float: left;
    text-align: justify;
    margin: .3rem 0 0 0;
}

.fortuneBtn {
    width: 100%;
    float: left;
    margin: .4rem 0 0 0;
    line-height: .9rem;
    text-align: center;
    font-weight: bold;
    border-radius: .1rem;
    font-size: .34rem;
    cursor: pointer;
    background: linear-gradient(to right, #f4ba67, #f7daab);
    color: #a41e24;
}


/* 弹窗 */

.popMask {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: rgba(78, 78, 78, .75);
    max-width: 7.5rem;
    z-index: 999;
}

.fortuneAnim {
    overflow: hidden;
    width: 6rem;
    border-radius: .1rem;
    padding-bottom: .3rem;
    background-color: #fff;
}

.fortuneAnim .tit {
    width: 100%;
    line-height: .9rem;
    font-weight: bold;
    text-align: center;
    font-size: .34rem;
    color: #a41e24;
    background-color: #ffe7c0;
}

.fortuneAnim .selt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 .3rem;
    box-sizing: border-box;
}

.fortuneAnim .selt li {
    width: 1.2rem;
    text-align: center;
    margin: .3rem 0 0 0;
    color: 999999;
}

.fortuneAnim .selt li.cur {
    color: #e19295;
}

.fortuneAnim .selt li span {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: .15rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.fortuneAnim .selt li:nth-of-type(1) span {
    background-image: url(../images/sxpic2/shu.png);
}

.fortuneAnim .selt li:nth-of-type(2) span {
    background-image: url(../images/sxpic2/niu.png);
}

.fortuneAnim .selt li:nth-of-type(3) span {
    background-image: url(../images/sxpic2/hu.png);
}

.fortuneAnim .selt li:nth-of-type(4) span {
    background-image: url(../images/sxpic2/tu.png);
}

.fortuneAnim .selt li:nth-of-type(5) span {
    background-image: url(../images/sxpic2/long.png);
}

.fortuneAnim .selt li:nth-of-type(6) span {
    background-image: url(../images/sxpic2/she.png);
}

.fortuneAnim .selt li:nth-of-type(7) span {
    background-image: url(../images/sxpic2/ma.png);
}

.fortuneAnim .selt li:nth-of-type(8) span {
    background-image: url(../images/sxpic2/yang.png);
}

.fortuneAnim .selt li:nth-of-type(9) span {
    background-image: url(../images/sxpic2/hou.png);
}

.fortuneAnim .selt li:nth-of-type(10) span {
    background-image: url(../images/sxpic2/ji.png);
}

.fortuneAnim .selt li:nth-of-type(11) span {
    background-image: url(../images/sxpic2/gou.png);
}

.fortuneAnim .selt li:nth-of-type(12) span {
    background-image: url(../images/sxpic2/zhu.png);
}

.fortuneAnim .selt li.cur:nth-of-type(1) span {
    background-image: url(../images/sxpic2/shu2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(2) span {
    background-image: url(../images/sxpic2/niu2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(3) span {
    background-image: url(../images/sxpic2/hu2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(4) span {
    background-image: url(../images/sxpic2/tu2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(5) span {
    background-image: url(../images/sxpic2/long2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(6) span {
    background-image: url(../images/sxpic2/she2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(7) span {
    background-image: url(../images/sxpic2/ma2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(8) span {
    background-image: url(../images/sxpic2/yang2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(9) span {
    background-image: url(../images/sxpic2/hou2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(10) span {
    background-image: url(../images/sxpic2/ji2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(11) span {
    background-image: url(../images/sxpic2/gou2.png);
}

.fortuneAnim .selt li.cur:nth-of-type(12) span {
    background-image: url(../images/sxpic2/zhu2.png);
}

.foruneClose {
    width: .65rem;
    height: .65rem;
    margin: .3rem 0 0 0;
    background: url(../images/close.png)no-repeat;
    background-size: 100% 100%;
}


/* 弹窗 */


/* 生肖运势 */


/* 我的 */

.myContainer {
    width: 100%;
    float: left;
    background: #b93b3c url(../images/my_bg.jpg)no-repeat;
    background-size: 100% auto;
    min-height: 100VH;
}

.myLogin {
    width: 100%;
    float: left;
    height: 1.6rem;
    padding: .2rem .4rem;
    display: flex;
    align-items: center;
    padding-left: 40rpx;
}

.myLogin .avatar {
    width: 1.1rem;
    margin: 0 0 0 .2rem;
}

.myLogin .avatar img {
    width: 100%;
    display: block;
}

.myLogin .logon {
    margin-left: .3rem;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}

.myLogin ul {
    display: flex;
    width: calc(100% - 1.1rem);
    line-height: .6rem;
    color: #fff;
}

.myLogin ul li:nth-of-type(1) {
    width: 50%;
    padding: 0 0 0 .3rem;
}

.myLogin ul li:nth-of-type(2) {
    width: 40%;
    text-align: center;
    background: linear-gradient(#8faee7, #7389d1);
    border-radius: .3rem;
    font-size: .28rem;
}

.myMain {
    width: 100%;
    float: left;
    padding: .2rem;
}

.myMenuBox {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .2rem 0;
    background: url(../images/my_bg2.png)no-repeat;
    background-size: 100% 100%;
}

.myMenuBox a {
    width: 30%;
}

.myMenuBox a img {
    display: block;
    height: .7rem;
    margin: 0 auto .1rem auto;
}

.myTool {
    width: 100%;
    float: left;
    padding: .2rem 0;
    margin: .3rem 0 0 0;
    border-radius: .1rem;
    background: #fff;
}

.myTool_tit {
    width: 100%;
    float: left;
    padding: 0 0 0 .2rem;
    font-size: .33rem;
    color: #000;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.myTool_tit span {
    width: .08rem;
    height: .4rem;
    float: left;
    margin-right: .1rem;
    border-radius: .05rem;
    background-color: #B7B3E3;
}

.myPrd {
    width: 100%;
    float: left;
}

.myPrd a {
    width: 25%;
    float: left;
    text-align: center;
    margin: .2rem 0 0 0;
}

.myPrd a img {
    display: block;
    width: 1rem;
    border-radius: 50%;
    margin: 0 auto .1rem auto;
}


/* 我的 */


/* 更多 */

.moreMain {
    width: 100%;
    float: left;
    padding: .01rem .2rem .2rem .2rem;
    background-color: #b93b3c;
    min-height: 100vh;
}

.myTool_tit.sty {
    margin: .3rem 0 0 0;
}

.myPrd.line {
    padding: 0 0 .3rem 0;
    border-bottom: .02rem solid #EDEDED;
}


/* 更多 */


/* 择日详情 */

.detailsMain {
    width: 100%;
    float: left;
    padding: .2rem;
}

.details_tit {
    width: 100%;
    float: left;
    padding: .2rem 0 .1rem 0;
    font-weight: bold;
    font-size: .36rem;
    color: #be2c3c;
}

.details_txt {
    width: 100%;
    float: left;
}

.details_tip {
    width: 100%;
    float: left;
    padding: .3rem;
    margin: .3rem 0 0 0;
    box-sizing: border-box;
    text-align: justify;
    border-radius: .1rem;
    font-size: .28rem;
    background-color: #fbe5e5;
    color: #9f4f09;
}

.details_tip b {
    display: block;
    width: 100%;
    float: left;
    padding: 0 0 .15rem 0;
    text-align: center;
    font-size: .32rem;
}

.details_tip .btn {
    width: 100%;
    float: left;
    padding: 0 25%;
    margin: .2rem 0 0 0;
}

.details_tip .btn span {
    display: block;
    width: 100%;
    float: left;
    line-height: .68rem;
    border-radius: .1rem;
    font-size: .32rem;
    border: .02rem solid #ef3737;
    background-color: #fb7070;
    color: #fff;
    text-align: center;
}

.detailRange {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    margin: .3rem 0 0 0;
}

.detailRange li div em {
    margin-right: .2rem;
    color: #a41e24;
}

.detailRange li div img {
    display: inline-block;
    width: .27rem;
}

.detailRange li:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    font-size: .26rem;
    color: #cccccc;
}

.detailRange li:nth-of-type(2) span {
    margin: .1rem 0 0 0;
}

.detailRange_swc {
    width: 32%;
}

.detailRange_swc span {
    font-size: .27rem;
}

.detailLuck {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
    padding: .3rem 0 0 0;
    border-top: .02rem solid #eeeeee;
}

.detailAus {
    width: 100%;
    float: left;
    text-align: center;
    font-size: .28rem;
}

.detailAus span,
.detailAus b {
    color: #a41e24;
}

.detailAus b {
    font-size: .35rem;
}

.detailCalend {
    width: 100%;
    float: left;
}

.detailCalend a {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: .3rem .4rem;
    margin: .3rem 0 0 0;
    border-radius: .2rem;
    background-color: #fef9e6;
}

.detailCalend a::after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - .1rem);
    right: .25rem;
    width: .2rem;
    height: .2rem;
    border-right: .06rem solid #a41e24;
    border-bottom: .06rem solid #a41e24;
    transform: rotate(-45deg);
}

.detailCalend a .calend_left {
    padding-right: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    font-size: .25rem;
    border-right: .01rem solid #ededed;
}

.detailCalend a .calend_left.redCur {
    color: #a41e24;
}

.detailCalend a .calend_left b {
    font-size: .38rem;
}

.detailCalend a .calend_right {
    flex: 1;
    padding-left: .2rem;
    font-size: .25rem;
    line-height: .4rem;
}

.detailCalend a .calend_right .lunar {
    width: 100%;
    float: left;
}

.detailCalend a .calend_right .lunar span {
    float: right;
    padding-right: .4rem;
    color: #999999;
}

.detailCalend a .calend_right ul {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.detailCalend a .calend_right ul li {
    width: 50%;
    color: #999999;
}

.detailMore {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
    line-height: .9rem;
    text-align: center;
    font-weight: bold;
    font-size: .32rem;
    border-radius: .1rem;
    background: linear-gradient(to right, #de3e31, #fe926b);
}

.detailMore a {
    display: block;
    color: #fff;
}

.detailMore a.icon {
    width: 100%;
    background-image: url(../../images/down_arrow.png);
    background-repeat: no-repeat;
    background-size: .27rem .11rem;
    background-position: center .7rem;
}

#switch {
    float: right;
    width: 1rem;
    height: .46rem;
    background-color: #ccc;
    border-radius: .23rem;
    position: relative;
    cursor: pointer;
}

#switch-checkbox {
    display: none;
}

#switch-checkbox:checked+label {
    left: calc(100% - .4rem);
}

#switch label {
    position: absolute;
    top: 0;
    left: 0;
    width: .46rem;
    height: .46rem;
    background-color: #fff;
    border-radius: 50%;
    transition: left 0.2s;
}


/* 择日详情 */


/* 宜忌术语解释 */

.explainMain {
    position: relative;
    width: 100%;
    float: left;
    height: calc(100vh - 1rem);
}

.explainScro {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: 100%;
}

.explainTab {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20%;
    background-color: #f5f5f5;
}

.explainTab a {
    display: block;
    width: 100%;
    line-height: 1.5rem;
    text-align: center;
}

.explainTab a.cur {
    background-color: #fff;
    color: #a41e24;
}

.explainCont {
    width: 100%;
    float: left;
    padding: .4rem 20% 0 .4rem;
    box-sizing: border-box;
    border-bottom: .01rem solid #eee;
}

.explainCont_tit {
    width: 100%;
    float: left;
    padding: 0 0 0 .2rem;
    margin-bottom: .3rem;
    line-height: .4rem;
    font-weight: bold;
    font-size: .35rem;
    letter-spacing: .02rem;
    border-left: .08rem solid #a41e24;
    color: #a41e24;
}

.explainCont_lab {
    width: 100%;
    float: left;
    padding: 0 0 .5rem 0;
}

.explainCont_lab span {
    float: left;
    width: 1.9rem;
    padding: .05rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e19295;
    color: #fff;
    border-radius: .1rem;
}

.explainCont_lab .txt {
    width: 100%;
    float: left;
    padding: 0 .3rem 0 0;
    text-align: justify;
    margin: .2rem 0 0 0;
}

.explainCont_lab em {
    float: left;
    line-height: .5rem;
    padding: 0 0 0 .15rem;
    margin: .1rem .4rem 0 0;
    border-radius: .1rem;
    font-size: .28rem;
    border: .02rem solid #b93b3c;
    color: #b93b3c;
}


/* 宜忌术语解释 */