body{ background:#fafeff; }
.uk-hr, hr{ background: none;}

.banner .uk-dotnav{ bottom:30px; right:10px; }
.banner .uk-dotnav>*>*{ border:0; background:#fff; width:30px; height:4px; border-radius: 5px; }
.banner .uk-dotnav .uk-active>*{ background:#5a32a5; }

.ibody{ /*margin-top:-20px;*/ background:#fafeff; box-shadow: 0 -5px 3px 1px #ebebeb; position: relative; z-index: 2; border-radius: 10px; padding-top:10px; padding-bottom:10px; }

.inotice_wrap{ background:#eaf8ff; margin:0 10px 10px; position: relative; border-radius: 40px; padding:0 15px 0 55px; }
.inotice_wrap .ico{ position: absolute; left: 0; top:0; background:#5a32a5; color:#fff; border-top-left-radius: 40px; border-bottom-left-radius: 40px; padding:0 5px 0 15px; height:30px;  }
.inotice_wrap .ico::before{ position: absolute; right:-10px; top:0; content:''; display: block; width:0; height:0; border-width:15px 5px; border-style: solid; border-color: transparent; border-left-color: #5a32a5; border-top-color: #5a32a5; }
.inotice_wrap .ico .iconfont{ line-height:30px; }
.inotice{  border-radius: 10px; height: 30px; line-height: 30px; overflow: hidden; color:#5a32a5; }

/*加油宝贝*/
.ubaby{ margin:5px 15px 10px; padding:10px 20px; border-radius: 10px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); }
.ubaby .ico{ width:60px; height:60px; margin-right:10px; border-radius: 50%; border:1px solid #ebebeb; padding:9px;}
.ubaby .iconfont{ font-size:40px; line-height: 40px; color:#41a1f7; }

.babys ul{ margin:10px 0 10px 10px; }
.babys li { border-bottom:1px solid #efefef; }
.babys li>.hd{ padding:10px 20px 10px 0px; }
.babys li .con{ flex: 1;} 
.babys li .ico{ width:30px; height: 30px; text-align: center; margin-right: 10px; line-height: 30px; border-radius: 15px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); }
.babys li>.bd{ padding:0px 20px 10px 0px; }

/*天赋*/
.talent{ padding:20px; }
.talent .title{ border-bottom:1px solid #ebebeb; padding:5px; }
#radar{ height: 300px;}
.suggest{ padding-left:20px; }
.suggest li{ padding-bottom: 20px; position: relative; }
/* .suggest li .cate .uk-button{ background:#42a7f5; } */
.suggest li .desc{ margin-top:10px; background:#fff; border-radius: 6px; padding:10px 15px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); }
.suggest li .tracks{  box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); }
.suggest li .tracks .uk-table{ border:1px solid #e5e5e5;margin:10px 10px 10px 0;}
.suggest li .tracks .uk-table td{ padding:5px; border:1px solid #e5e5e5; vertical-align: middle; }
.suggest li .tracks .uk-table tr td:first-child{ width:100px; }
.suggest li .tracks .uk-table tr.ext{ background:#f6f6f6; }

.suggest li::after{ display: block; content: ''; border-radius: 50%; width: 9px; height: 9px; position: absolute; left: -20px; top:10px; background-color: #42a7f5; box-shadow: 0 0 0 2px rgb(12 100 235 / 30%); }

.suggest li::before{ content: ''; position: absolute; left: -16px; top: 10px; z-index: 0;width: 1px;height: 100%; background:#e6e6e6; }
.suggest li:last-child::before{ display: none;}

.suggestlist{ padding:20px; }

/*记录*/
.recordlist{ padding:10px; }
.recordlist .month{ position: relative;}
.recordlist .month::before{ position: absolute; left: -10px; content:''; display: block; width:5px; height: 100%; background:#41a1f7; }
.records>li{ margin-bottom: 20px; }
.records ol>li>a{ display: block; border:1px solid #ebebeb; }
.records ol>li>a video{ object-fit: cover; height: 100%; }


/*上传视频图片*/
.addform{ background:#fff; padding-left:10px; }
.addform ul li{ border-bottom:1px solid #ebebeb; padding:4px 0; }
.addform ul li .uk-width-2-5{ line-height: 40px;}
.fmlist input,.fmlist select{ width:100%; line-height: 40px; padding-right: 15px; border:0; }
.fmlist textarea{ padding:0 15px 0 0; border:0; }

.addform .radios label{ display: flex; align-items: center; justify-content:center; background:#fff; background:#f6f6f6; padding:5px; min-width: 70px; }
.addform .radios label input{ margin-top:0; width: 20px; height: 20px; border:1px solid #ccc; margin-right:5px; }
.addform .radios label .uk-radio:checked{border:1px solid #41a1f7; }
.addform .radios label:last-child{ margin-right:10px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.addform .radios label:first-child{ border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.picbox{ display:flex; }
.picbox dl{ width:100px; margin:0 5px 5px 0; position:relative; }
.picbox dl img{ width:100px; height:100px; border:1px solid #e5e5e5; }
.picbox dl video{ width:100px; height:100px; border:1px solid #e5e5e5; object-fit: cover; }
.picbox dl dd{ position:absolute; top:0; right:0; padding:5px 15px; font-size:12px; background:rgba(0,0,0,0.6); color:#fff; cursor: pointer; }

/*底部按钮*/
.fixedbottom{ bottom:0; left: 0; right:0; }
.fixedbottom .uk-button{  height: 50px; line-height: 48px; font-size:16px; }

.imenu { margin:0 10px 10px; }
.imenu .ico{ width:60px; height:60px; margin:0 auto 2px; border-radius: 50%; border:1px solid #ebebeb; padding:9px;}
.imenu .iconfont{ font-size:40px; line-height: 40px; }
.imenu .uk-grid>div:nth-child(1) .iconfont{ color:#41a1f7; }
.imenu .uk-grid>div:nth-child(2) .iconfont{ color:#d678ea; }
.imenu .uk-grid>div:nth-child(3) .iconfont{ color:#f1a978; }
.imenu .uk-grid>div:nth-child(4) .iconfont{ color:#22b1d6; }

.footblank{ height:60px; }

.logo img{ max-height: 60px;}

.fotnav{ bottom:0; left: 0; right:0; width: 100%; background: #fff; z-index: 999; }
.fotnav>div{ position: relative; text-align: center;}
.fotnav>div>div{ position: relative; }
.fotnav .active{ color:#41a1f7; }

.uk-icon{ vertical-align: text-top;}

/*线路*/
.ilinewrap{ padding:0 10px; }
.linelist .wrap{ border-radius: 15px; margin-bottom:25px; }
.linelist .wrap .hd{ position: relative; z-index: 2; background:#fff; border-radius: 10px; box-shadow:0 0 5px 2px #ebebeb; padding:20px 20px 20px 80px; color:#fff; min-height:90px; background:#63d1f1; }
.linelist .wrap .hd .ico{ position: absolute; left: 20px; top:20px; width:50px; height:50px; border-radius: 50%; border:2px solid rgba(255, 255, 255, 0.3); color:rgba(255, 255, 255, 0.9); overflow: hidden; }
.linelist .wrap .hd .ico img{ left: 50%; top:50%; }
/* .linelist .wrap .hd .ico .iconfont{ font-size:30px; line-height: 30px; } */
.linelist .wrap .hd .tit{ line-height: 25px;}
.linelist .wrap .fd{ margin:0 10px; background:#fff; box-shadow:0 3px 5px 2px #ebebeb; padding:8px 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.linelist .wrap .uk-position-z-index{ z-index: 3; }
.linelist li:nth-child(1) .wrap .hd{ background: linear-gradient(to right, #41a1f7 , #63d1f1); }
.linelist li:nth-child(2) .wrap .hd{ background: linear-gradient(to right, #d678ea , #617aea); }
.linelist li:nth-child(3) .wrap .hd{ background: linear-gradient(to right, #f1a978 , #fe5e9c); }


.tBody{ padding:15px 0 40px; }

/**/
h1.f20{ line-height: 1.4;}
.infos{ border-bottom:1px dashed #eaeaea; padding:7px; margin-bottom:15px; }


.newslist li{ border-bottom:1px dashed #eaeaea; margin-bottom:15px; padding-bottom:15px; }
.newslist li>div{ padding-left:70px; min-height:60px; }
.newslist li>div .date{ position: absolute; left: 0; top:0; width:60px; text-align: center; border-right:1px solid #efefef; padding-right:10px; }
.newslist li>div .date .f36{ line-height: 30px; }
.newslist li>div .con{ height:60px; padding:5px 0; }
.newslist li>div .con>div{ line-height: 25px; }


/*顶部导航*/
.topbar{ background: #fff; height: 46px; text-align: center; width:100%; z-index: 99; }
.topbar a.goback{position: absolute; left: 0; top:0; right:auto; bottom:0; vertical-align: middle; padding:9px; }
.topbar a.gohome{position: absolute; right: 0; top:0; left:auto; bottom:0; vertical-align: middle; padding:9px; }
.topbar .tit.f18{ line-height: 46px; }
.topbarspace{ height: 46px; }

.login{ background: url(../images/bg_log.png) #fff no-repeat; background-size:100% auto; }
.logintit{ padding-top:33%;}
.logintit .wrap{ padding:0 20px;}

.loginform{ padding-top:40px; }
.loginform .uk-input{ border-top-color:transparent; border-left-color:transparent; border-right-color:transparent;}


.ucenter{ background: url(../images/bg_uc.png) #fff no-repeat; background-size:100% 130px; padding-top:100px; }
.ucenter .hd{ background:#fff; border-top-left-radius: 25px; border-top-right-radius: 25px; position: relative; padding:10px; }
.ucenter .hd .avatar{ margin:-50px auto 0; width:80px; }
.ucenter .hd .avatar img{ width:80px; height:80px; border-radius: 50%; border:1px solid #fff; background:#fff; }

.uico{ border-radius: 10px; box-shadow: 0 0 8px 5px #ebebeb; margin:10px 15px 20px; padding:18px 15px 15px; }

.ucnav li{ line-height: 50px; padding:0 0 0 15px;}
.ucnav li>div{ border-bottom:1px solid #ebebeb; }
.ucnav li:last-child>div{ border-bottom:1px solid #fff; }
.ucnav li>div .uk-position-center-right{ right: 15px; }


/*表单*/
.fmlist input{ width:100%; line-height: 40px; padding-right: 15px; }
.fmlist textarea{ padding:0 15px 0 0; border:0; margin-top:-15px; }
.fmlist .uk-select{ border:0; line-height: 40px;}

/*修改*/
.umodify{ padding-top:50px; }
.umodify>.uk-position-relative{ padding-top:10px; background:#fff; }
.umodify .avatar{ margin-top:-40px; margin-left:15px; width:60px; }
.umodify .avatar img{ width:60px; height:60px; border-radius: 50%; border:1px solid #fff; background:#fff; }
.umodify .name{ margin-top:-5px; }


.logs{ background: #fff; padding:15px 15px;}
.logs li{ border-bottom: 1px dashed #e4e4e4; padding-bottom:10px; margin-bottom: 10px; }
.logs li:last-child{ border-bottom:0; padding-bottom:0; margin-bottom: 0; }





/*分页*/
.pages{ margin-top:20px; margin-bottom: 20px;}
.pages a,.pages .page-num{ display: block; padding:0; height: 32px; line-height: 30px; padding:0 6px; min-width:32px; text-align: center; border:1px solid #e9e9e9;  background: #ffffff; margin-left:-1px; }
.pages a:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.pages a:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.pages a span{ display: block; height: 100%; line-height: 38px;}
.pages .page-num-current, .pages a:hover{ color:#fff; background: #5a32a5; border-color:#5a32a5; }
.pages a:hover span{ color:#fff;}
.pages .uk-icon{ display: block; line-height: 28px; }

/*活动*/
.ban_line .tit{ padding:7px 15px; background:rgba(0,0,0,0.5); color:#fff;}

.orderinfo{ padding:0 10px; border-bottom:10px solid #f6f6f6; }
.uk-line{ position: relative; margin:10px 0; }
.orderinfo .tit{ position: absolute; left: 10px; line-height: 40px; font-size:14px; }
.orderinfo .uk-input{ padding-left:80px; }
.orderinfo .uk-input.uk-text-center{ padding-left:160px; padding-right:40px;}
.orderinfo .ctrl{ position: absolute; top:0; z-index: 2; width:40px; height:40px; text-align: center; padding:10px; }
.orderinfo .ctrl span{ display: block;}
.orderinfo #reduce,.orderinfo .minus{ left:120px;}
.orderinfo #add,.orderinfo .add{ right:0px;}

.orderinfo2 .tit{ border-bottom: 1px solid #e5e5e5; padding:8px 15px; }
.orderinfo2 li{ line-height: 40px; color:#808080; }

#popup-zan .weui-popup__modal,#popup-payfee .weui-popup__modal{ overflow: inherit;}
#popup-zan .uk-button-orange,#popup-payfee .uk-button-green{height:44px; line-height:42px;}
.close-popup{ position: absolute; top:-15px; right:15px; width:30px; height:30px; background:#fff; padding:5px; border-radius: 50%; }
.close-popup span{ display: block;}
.msgform .hd{ padding: 10px;}


.babylist{ margin:10px; }
.babylist>ul>li>div.wrap{ border:1px solid #efefef; border-radius: 8px; overflow: hidden; background:#fff; }
.babylist>ul>li>div .tit{padding:3px 10px; background:rgba(0,0,0,0.5); color:#fff;}
.babylist>ul>li>div .num{ background:#fafeff; padding:0 10px; border-bottom-left-radius: 10px; }
.babylist>ul>li>div .btn a{ display: block;}

.lineintro{ border-bottom: 10px solid #f6f6f6; border-top: 10px solid #f6f6f6;}
.lineintro>.tit{ border-bottom: 1px solid #e5e5e5; padding:8px 15px; }
.lineintro>.ctn{ padding: 15px; }



.tabs{ border-bottom:2px solid #ebebeb; margin:0;}
.tabs.uk-subnav-pill li{ padding-left:0; }
.tabs.uk-subnav-pill li a{ text-align: center; font-size:16px; }
.tabs.uk-subnav-pill>.uk-active>a{ background:#5a32a5; }


.fotbar{ bottom: 0; left:0; right:0; background:#fff; }
.fotbar .uk-width-auto{ width:60px; text-align: center; line-height: 1.2; padding-top:8px; border-top:1px solid #efefef; border-right:1px solid #efefef;  }
.fotbar .uk-button{ height:50px; line-height:48px; padding:0 5px; text-align:center; }

.uside{ position: fixed; right:5px; bottom:60px; display: block; width:36px; height: 36px; padding:8px; border-radius: 50%; background:#fff; }
.uside span{ display: block;}


/*音乐*/
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



/*弹出*/
.uk-modal .uk-modal-close-default{ background:rgba(0,0,0,.5); border-radius: 50%; padding:10px; color:#fff; }
.uk-modal .uk-modal-close-default svg{ width:20px; }
.uk-modal .uk-modal-dialog{ border-radius: 15px; }
.uk-modal .ico img{ height:80px; }
.uk-modal .uk-modal-body .uk-button{ height:44px; line-height: 42px;}
.uk-modal .uk-modal-body{ padding:40px; }

.uk-modal .uk-modal-header{ padding:15px 20px; border-top-left-radius: 15px; border-top-right-radius: 15px;  }
.uk-modal .uk-modal-footer{ padding:15px 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.my-modal-full .uk-modal-body{ padding:20px; }

.uk-modal [class*=uk-modal-close-]{ bottom:-60px; left: 50%; top:auto; right:auto; margin-left:-20px; }


.uk-modal-full .uk-modal-close-full{top:0; bottom:auto; right:0; left: auto; margin-left:0; padding:12px;}
.uk-modal-full .uk-modal-dialog{ border-radius: 0;}



.text-purple{ color:#5a32a5; }
.text-orange{ color:#ff9b00; }

#root{ max-width: 640px; margin:0 auto; }

.tbody{ background: url(../images/bg_gray.jpg); background-size: 100% auto; }
.tbody .bd{ padding:20px; }
.tbody .linebox .tit{ padding-left:10px; }
.tbody .linebox .con{ margin-top:-2px; border:1px solid #5a32a5; padding:10px 15px; border-radius: 10px; }

.tbody .infobox .tit{ margin-bottom: 20px;}
.tbody .infobox .tit span{ width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; background: #5a32a5; color:#fff; margin:0 4px; }
.tbody .infobox .tit span:nth-child(even){ background: #ff9b00; }
.tbody .infobox .con{ position: relative; background: #fff; padding:40px 25px 25px; border-radius: 10px; box-shadow: 0 0 8px 5px rgba(0,0,0,0.03); text-align: center; }
.tbody .infobox .con::before, .tbody.infobox.con::after{     content: '';
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d;
    width: 12px;
    height: 12px;
    left: 12px;
    top:10px;
    -webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    z-index: 2; }

#sidectrl{ position: absolute; top:240px; left: 0;  }
#sidectrl #sharebtn{ position: relative; background: #f80000; color:#fff; padding:5px 10px; border-radius: 0 0px 5px 0; }
#sidectrl #musicbtn{ padding:10px 5px; background: #ffc8c8;  border-radius: 0 5px 0px 0; }

#audioBtn{ display: block; background:url(../images/music.png); background-size:100% auto; width:34px; height:34px; }
#audioBtn.play{ background-position: top; -webkit-animation: spin 5s linear 1s 5 alternate; animation: spin 5s linear infinite; }
#audioBtn.pause{ background-position: bottom; }


.rankbox{ background:url(../images/bg_light.png) top center no-repeat rgba(90, 50, 165, 0.08); padding:20px 15px; }
.rankbox .tit{ margin-bottom: 20px; }
.rankbox .ranking{ margin-bottom: 30px; }
.rankbox .ranking .hd{ margin-bottom: 10px; }
.rankbox .ranking .hd span{ display: inline-block; background:#5a32a5; padding:5px 20px; border-radius: 20px; color:#fff; text-align: center; margin-left: auto; margin-right: auto; }


.rankbox .ranking .bd{ border-radius: 15px; padding:10px; }
.rankbox .ranking .bd li{ background: #fff; padding:5px 0; border-bottom: 1px dashed #ececec; }
.rankbox .ranking .bd li:last-child{ border-bottom: 0;}
.rankbox .ranking .bd .uk-grid>div{line-height: 40px;}
.rankbox .ranking .bd li .uk-grid>div:first-child{ width: 50px; }
.rankbox .ranking .bd li .uk-grid>div:last-child{ width: 120px; text-align: right; }
.rankbox .ranking .bd li .uk-grid>div:nth-child(2){ text-align: left; }
.rankbox .ranking .bd li .uk-width-expand img{ height: 30px; width: 30px; border-radius: 50%; object-fit: cover; border:1px solid #e5e5e5; }
.rankbox .ranking .bd li .uk-grid>div:last-child span{ display: inline-block; padding:0 10px 0 30px; background: url(../images/icon_zan.png) left center no-repeat; background-size: auto 18px; color:#f30; }