body,
html,
input {
	margin: 0;
	padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
}
.m-box{
    width: 19.2rem;
    height: 10.8rem;
    background: url(../img/home/bg1.png) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.mb14{
    margin-bottom: .14rem;
}

.mb1{
    border-bottom: 1px solid #1A8CFF;

}

.m-head{
    position: relative;
    height: 1.63rem;
    background: url(../img/home/head_bg.png) no-repeat center;
    background-size: cover;
}
.m-head .u-title{
    padding-top: .2rem;
    font-weight: 700;
    font-size: .32rem;
    color: #00F8F4;
    line-height: .42rem;
    text-align: center;
}
.u-date{
    position: absolute;
    top: .23rem;
    left: 1.4rem;
    display: flex;
    align-items: center;
}
.u-date ._ico{
    width: .24rem;
    height: .24rem;
    margin-right: .06rem;
}
.u-date ._text{
    font-weight: 700;
    font-size: .18rem;
    color: #FFFFFF;
    line-height: .24rem;
}

.main{
    padding: 0 .16rem;
    position: relative;
    left: 0;
    right: 0;
    top: -.68rem;
    display: flex;
}
.main .u-lt,.main .u-rt{
    width: 4.6rem;
}
.main .u-ct{
    flex: 1;
    position: relative;
}
.u-ct-list{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 .16rem;
}
.u-ct-list-row{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #1A8CFF;
    border-left: 1px solid #1A8CFF;
}
.u-ct-list_wrap{
    width: 25%;
    padding: .16rem 0 .2rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-right: 1px solid #1A8CFF;
    border-bottom: 1px solid #1A8CFF;
}
.u-ct-list_wrap ._title{
    font-weight:bold;
    font-size: .21rem;
    color: #FFFFFF;
    margin-bottom: .22rem;
}
.u-ct-list_wrap ._value{
    font-weight: bold;
    font-size: .31rem;
    margin-bottom: .22rem;
}
.u-ct-list_wrap ._value_tag{
    font-weight: 400;
    font-size: .18rem;
}
.u-ct-list_wrap ._price{
    font-weight: 700;
    font-size: .28rem;
    color: #ffe499;
}
.u-ct-list_wrap ._price_tag{
    font-weight: 400;
    font-size: .16rem;
    color: #ffe499;
}
.u-ct-list_wrap ._name{
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: .17rem;
    color: #ffe499;
    margin-bottom: .22rem;
}
.u-ct-list_wrap ._nameIco{
    width: .2rem;
    height: .2rem;
    margin-right: .06rem;
}
.u-ct-rt{
    position: absolute;
    top: .25rem;
    right: .12rem;
    background: linear-gradient( 90deg, rgba(0,25,76,0.5) 0%, rgba(0,25,76,0.1) 100%);
}
.u-ct-rt-title{
    text-align: center;
    padding: .06rem 0;
    font-weight: 700;
    font-size: .25rem;
    color: #FFFFFF;
    line-height: .29rem;
    margin-bottom: .11rem;
}
.u-ct-rt-list{
    padding: 0 .15rem;
}
.u-ct-rt-list-wrap{
    display: flex;
    align-items: center;
    margin-bottom: .15rem;
}
.u-ct-rt-list-name{
    width: 1.09rem;
    font-weight:bold;
    font-size: .18rem;
    color: #FFFFFF;
}
.u-ct-rt-list-value{
    flex: 1;
    font-weight: 700;
    font-size: .25rem;
    color: #ff80b5;
    min-width: .28rem;
}
.u-ct-rt-list-tag{
    padding-left: .06rem;
    font-weight: 400;
    font-size: .16rem;
    color: #FFFFFF;
}
.u-ct-rt-list-value_color1{
    color: #39fe94;
}
.u-ct-rt-list-value_color2{
    color: #1A8CFF;
}
.u-ct-map
{

    /*
    position: absolute;
    left: .15rem;
    top: 0;
    width: 7.73rem;
    height: 7.79rem;
    background: url(../img/home/bg2-1.png) no-repeat center;
    background-size: contain;


width: 5.70rem;
    height: 7.29rem;
    border-radius: 20px;
    margin: 0 20px 0 20px;
    opacity: 0.95;


 width: 5.61rem;
    height: 7.29rem;
    position: absolute;
   border-radius: 4%;
   background-size: cover;
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.5); 
  margin: 0 20px 0 20px;


  width: 5.61rem;
    height: 7.29rem;
    position: absolute;
  mask-image: linear-gradient(to right, transparent, black, black, transparent);
    -webkit-mask-image: linear-gradient(to right, rgb(255 255 255 / 72%), #735151, black, rgb(255 255 255 / 72%));
  border-radius: 4%;
    margin: 0 20px 0 20px;
*/
}
.u-ct-map-img
{
    
    

    width: 5.31rem;
    height: 7.23rem;
    position: absolute;
   border-radius: 4%;
   background-size: cover;
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.5); 
  margin: 8px 20px 0 10px;



    }

.t-wrap1{
    height: 4.80rem;
    border: 1px solid #1A8CFF;
    border-radius: 6px;
}
.t-wrap2{
    border: 1px solid #1A8CFF;
    border-radius: 6px;
}
.t-head{
    display: flex;
    align-items: center;
    width: calc(100% - 24px);
    height: .41rem;
}
.t-head_bg1{
    background: url(../img/home/titile_bg.png) no-repeat center;
    background-size: contain;
}
.t-head_bg2{
    background: url(../img/home/title_bg1.png) no-repeat center;
    background-size: contain;
}
.t-head ._born{
    width: .2rem;
    height: .2rem;
    margin: 0 .12rem 0 .08rem;
}
.t-head ._text{
    font-weight: 700;
    font-size: .18rem;
    color: #F0F6FF;
}
.t-total{
    display: flex;
    justify-content: center;
    padding: .1rem 0;
    box-sizing: border-box;
}
.t-chart{
    height: calc(100% - 1.51rem);
}

.t-total-wrap{
    position: relative;
    width: .9rem;
    height: .9rem;
    margin-right: .4rem;
}
.t-total-wrap:last-child{
    margin-right: 0;
}
.t-total-wrap-img{
    width: .9rem;
    height: .9rem;
}
.t-total-cont{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.t-total-num{
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
}
.t-total-name{
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    font-weight:bold;
}