body,html{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
/* -----------------运势------ */
.yunshiPage{
    background:#5225ac;
    padding-bottom: 1px;
    max-width: 1200px;
}
.yunshi_bg{
    width: 100%;
}
.yunshiPage .nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.13rem;
    margin-top: -1.1rem;
    position: relative;
    z-index: 100;
}
.yunshiPage .nav_item{
    width: 1.14rem;
    height: 1.14rem;
    background-image: linear-gradient(0deg, 
        #ccb4fe 0%, 
        #9e8ef7 100%);
    border-radius: 50%;
    font-size: 0.36rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yunshiPage .nav .current{
    border: solid 1px #ff8b83;
    width: 1.86rem;
    height: 1.86rem;
    background: none;
}
.yunshiPage .my_infor{
	background-color: #ffffff;
    border-radius: 0.20rem;
    margin: 0.68rem 0.12rem 0.3rem;
    position: relative;
    padding-bottom: 0.4rem;
}
.yunshiPage .my_infor .avator{
    width: 0.76rem;
    height: 0.76rem;
    border: 0.06rem solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
}
.yunshiPage .my_infor .name{
    font-size: 0.20rem;
    text-align: center;
    padding-top: 0.50rem;
}
.yunshiPage .my_infor .lucky{
    display: flex;
    justify-content: space-between;
    padding: 0 0.45rem;
    margin-top: 0.4rem;
}
.yunshiPage .my_infor .lucky>div{
    width: 1.92rem;
	height: 1.88rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 0.03rem 0rem 
		rgba(0, 0, 0, 0.2);
    border-radius: 0.15rem;
    font-size: 0.28rem;
    color: #202020;
    letter-spacing: 0.01rem;
    text-align: center;
    box-sizing: border-box;
}
.yunshiPage .my_infor .lucky_word{
    font-weight: 600;
}
.yunshiPage .my_infor .lucky_color{
    padding-top: 0.39rem;
}
.yunshiPage .my_infor .lucky_color .color{
    width: 0.36rem;
    height: 0.58rem;
    margin:  0 auto 0.23rem;
}
.yunshiPage .my_infor .lucky_color .color img{
    width: 100%;
}
.yunshiPage .my_infor .lucky_num .num{
    width: 0.50rem;
	height: 0.50rem;
    border: solid 1px #191a1a;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 50%;
    margin: 0.46rem auto 0.22rem;
}
.yunshiPage .my_infor .lucky_zuo .xinzuo{
    margin: 0.58rem 0 0.22rem;
    color: #232323;
}
.yunshiPage .my_infor .now_yunshi{
    
}
.yunshiPage .my_infor .now_yunshi{
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 0.4rem;
}
.yunshiPage .my_infor .yunshi_xzuo{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin: 0 auto;
}
.yunshiPage .my_infor .yunshi_name{
    font-size: 0.32rem;
    margin: 0.16rem 0 0.08rem;
    font-weight: 600;
}
.yunshiPage .my_infor .yunshi_time{
    font-size: 0.2rem;
    margin-bottom: 0.16rem;
}
.yunshiPage .my_infor .change_xz{
    width: 1.70rem;
    height: 0.44rem;
    line-height: 0.44rem;
	border-radius: 0.22rem;
    border: solid 1px #ec73a9;
    color: #ec73a9;
    font-size: 0.28rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yunshiPage .my_infor .change_xz img{
    width: 0.24rem;
    height: 0.20rem;
    margin-right: 0.04rem;
}
.yunshiPage .my_infor .yunshi_r{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.1rem 0;
}
.yunshiPage .my_infor .yunshi_r_list{
    font-size: 0.32rem;
    letter-spacing: 0.02rem;
    text-align: left;
    margin-left: 0.45rem;
    display: flex;
    align-items: center;
}
.yunshiPage .my_infor .yunshi_r_list .yunshi_r_list_xing{
    display: flex;
    align-items: center;
    width: 2.2rem;
}
.yunshiPage .my_infor .yunshi_r_list span{
    font-size: 0.32rem;
}
.yunshiPage .my_infor .yunshi_r_list img{
    width: 0.3rem;
    margin-left: 0.12rem;
}
.yunshiPage .cur_nav{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 1.64rem;
    height: 1.64rem;
    background-image: linear-gradient(0deg, 
        #ec72ab 0%, 
        #ee7f89 100%);
}
.yunshiPage .healthbox{
    background-image: linear-gradient(90deg, 
		#65c8d5 0%, 
		#91f6e0 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
}
.yunshiPage .workbox{
    background-image: linear-gradient(90deg, 
		#5ea2f0 0%, 
		#7bc4f0 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
}
.yunshiPage .moneybox{
    background-image: linear-gradient(90deg, 
		#ee9771 0%, 
		#f5c68e 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
}
.yunshiPage .lovebox{
    background-image: linear-gradient(90deg, 
		#ec868a 0%, 
		#f09889 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
}
.yunshiPage .contentbox_top{
    font-size: 0.40rem;
    letter-spacing: 0.02rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 0.3rem 0.2rem;
}
.yunshiPage .desc_img{
    margin-right: 0.14rem;
}
.yunshiPage .healthbox .desc_img{
    height: 0.54rem;
}
.yunshiPage .workbox .desc_img, .moneybox .desc_img{
    height: 0.5rem;
}
.yunshiPage .lovebox .desc_img{
    height: 0.44rem;
}
.yunshiPage .radar_box {
    margin: 0 0.12rem;
    border-radius: 10px;
    color: #000;
    min-height: 4.32rem;
}
.yunshiPage .radar_card_yunshi {
    display: block;
    width: 100%;
}
.yunshiPage .lovebox {
    margin-top: 0;
}
.yunshiPage .contentbox {
    display: block;
    position: relative;
    margin: 0.3rem 0.12rem;
    overflow: hidden;
    border-radius: 10px;
}
.yunshiPage .contentitem {
    position: relative;
    padding: 0 0.2rem;
}
.yunshiPage .fortune_chart {
    display: block;
    width: 100%;
    margin-bottom: 0.3rem;
}
.yunshiPage .desc_box {
    display: block;
    background-color: white;
    border-radius: 0.16rem;
    margin: 0 0 0.3rem 0;
    padding: 0.3rem 0.34rem;
}
.yunshiPage .lovebox .desc_title{
    color: #e77b7d;
}
.yunshiPage .moneybox .desc_title{
    color: #e6a562;
}
.yunshiPage .workbox .desc_title{
    color: #6095e7;
}
.yunshiPage .healthbox .desc_title{
    color: #62c29d;
}
.yunshiPage p.desc_item {
    font-size: 0.28rem;
    display: block;
    line-height: 0.42rem;
    margin-bottom: 5px;
    text-align: justify;
    letter-spacing: 0.01rem;
}
.yunshiPage .desc_title {
    display: block;
    font-size: 0.4rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
}
.yunshiPage img.staricon {
    margin-left: 0.12rem;
    width: 0.3rem;
}
.fixloadingbox {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
}
.loadingimgbox {
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 4.68rem;
    height: 3.3rem;
    border-radius: 10px;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
}
.newloading {
    display: block;
    margin: 15% auto 20px auto;
    width: 60px;
    -webkit-animation: spin 1s linear 1s 5 alternate;
    animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.loading_text {
    font-size: 16px;
    text-align: center;
    color: white;
}
/* -----------星座 */
.fixed{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    width: 600px;
    border-radius: 0.16rem;
    background: #fff;
    overflow: hidden;
    padding-bottom: 0.35rem;
    z-index: 101;
    transition: all .3s linear;
}
.fixed_color{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    z-index: 100;
    display: none;
}
.fixed .fix_item_top{
    height: 130px;
    background-color: #9294e1;
    font-size: 26px;
    text-align: center;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    letter-spacing: 0.02px;
}
.fixed .fix_item_top span{
    font-size: 26px;
    letter-spacing: 0.01px;
}
.fixed .fix_close{
    width: 40px;
    height:40px;
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
}
.fixed .fix_list_item{
    text-align: center;
    width: 80px;
    margin-top: 40px;
}
.fixed .fix_list_item_img{
    width: 80px;
	height: 80px;
	background-color: yellow;
	border-radius: 50%;
}
.fixed .fix_list_item_name{
    color: #333333;
    font-size: 16px;
    margin: 0.17rem 0 0.07rem;
}
.fixed .fix_list_item_time{
    font-size: 16px;
}
.fixed .fix_item_list{
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
    justify-content: space-between;
}