.n_main{ border-radius: 50%; overflow:hidden; }
.main-inner{position: absolute;left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);width: 300px; height: 300px;}
.n_main a{ background: #fff; height: 150px; font-size: 0.2rem; width: 150px; display: inline-block; margin: 0 1px 1px 0; float: left; opacity: 0.9;}
/*.n_main a > div{ left: 38%; top: 62%;}*/
/*.n_main a > div.ball-l{ left: 62%;}*/
.n_main a > div.ball-hotel-tag{ top: 40%; left: 50%;}
.n_main a > div.car-tag{ left: 53%;}

.n_main a.n_top:active{ background: #0FB70A;}
.n_main a.n_right:active{ background: #0FB70A;}
.n_main a.n_bottom:active{ background: #0097FF;}
.n_main a.n_left:active{ background: #0097FF;}
/*.n_main .center-link{*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*width: 135px;*/
    /*height: 135px;*/
    /*margin: 0;*/
    /*float: none;*/
    /*!*line-height: 135px;*!*/
    /*text-align: center;*/
    /*border-radius: 50%;*/
    /*border: 1px solid #ccc;*/
    /*background: #fff;*/
    /*opacity: 1;*/
    /*z-index: 1;*/
/*}*/
.n_main .center-icon{
    background: url("../images/icon_ski_grey@2x.png") no-repeat center center;
    background-size: 34px 34px;
}

.main-inner{
    display: flex;
    flex-wrap: wrap;
}
.canvas{
    width: 149px;
    height: 149px;
}
.canter-canvas{
    width: 130px;
    height: 130px;
    position: absolute;
    margin-top: 0.5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.new{position:relative;}
.new::before{position:absolute; content: ''; display:block; width:32px; height: 17px;background:url(../images/app_n/icon_new@2x.png) no-repeat center center;background-size: 32px 17px;top:-4px; right: -10px;}

@media (max-width:335px){
    .n_main{width: 250px; height: 250px;}
    .n_main a{height: 125px; }
    .n_main a{font-size: 0.16rem;}
}
@media (min-width:375px){
    .n_main a{font-size: 0.16rem;}
}