:root {
    --main-color: #1b60a1; /*#1DA119 A custom property named "text-color" */
}
body{
    max-width: 640px;
    margin: 0 auto;
}
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?k2nygx');
    src:  url('../fonts/icomoon.eot?k2nygx#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?k2nygx') format('truetype'),
    url('../fonts/icomoon.woff?k2nygx') format('woff'),
    url('../fonts/icomoon.svg?k2nygx#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-collect-heart:before {
    content: "\e924";
}
.icon-back:before {
    content: "\e923";
}
.icon-level:before {
    content: "\e920";
}
.icon-star2:before {
    content: "\e921";
}
.icon-star1:before {
    content: "\e922";
}
.icon-location:before {
    content: "\e91e";
}
.icon-time:before {
    content: "\e91f";
}
.icon-girl:before {
    content: "\e90d";
}
.icon-boy:before {
    content: "\e91d";
}
.icon-number:before {
    content: "\e914";
}
.icon-apply:before {
    content: "\e915";
}
.icon-set:before {
    content: "\e916";
}
.icon-advice:before {
    content: "\e917";
}
.icon-history:before {
    content: "\e918";
}
.icon-rank:before {
    content: "\e919";
}
.icon-collect:before {
    content: "\e91a";
}
.icon-card:before {
    content: "\e91b";
}
.icon-common:before {
    content: "\e91c";
}
.icon-star:before {
    content: "\e913";
}
.icon-add-achive:before {
    content: "\e912";
}
.icon-achive:before {
    content: "\e90f";
}
.icon-badge:before {
    content: "\e910";
}
.icon-hiking:before {
    content: "\e911";
}
.icon-hk:before {
    content: "\e90e";
}
.icon-group:before {
    content: "\e90c";
}
.icon-cale:before {
    content: "\e909";
}
.icon-short:before {
    content: "\e90a";
}
.icon-leader:before {
    content: "\e908";
}
.icon-child:before {
    content: "\e90b";
}
.icon-my:before {
    content: "\e900";
}
.icon-my-active:before {
    content: "\e901";
}
.icon-meet:before {
    content: "\e902";
}
.icon-meet-active:before {
    content: "\e903";
}
.icon-cate:before {
    content: "\e904";
}
.icon-cate-active:before {
    content: "\e905";
}
.icon-home:before {
    content: "\e906";
}
.icon-home-active:before {
    content: "\e907";
}









a:hover,a:active,a:visited,a:link{color:#3f3f3f;}
a.weui-btn:hover,a.weui-btn:active,a.weui-btn:visited,a.weui-btn:link{color:#fff;}
.headimg{
    width:70%;
    padding-bottom:70%;
    display: inline-block;
    background-size:cover;
    background-position:center;
    border-radius: 50%;
    border:none;
}
.color-success{
    font-style: normal;
    color:#EEA420;
}
.footer a span {
    font-size: 22px;
}

.footer a.icon-active span {
    color: var(--main-color);
}
.footer a {
    padding-bottom: 5px;
}

.footer a.icon-active p {
    color: var(--main-color) !important;
}
.weui-footer_fixed-bottom {
    bottom: 0;
    z-index: 10000;
}

/*-------------------------menu beign-------------------------*/
.menu a {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #3f3f3f;
}

.menu a span {
    display: block;
    text-align: center;
    padding-top: 10px;

}

.menu a img {
    width: 30px;
}

.menu .weui-flex {
    padding: 10px 0;
}
.menu i {
    color: #fff;
    background: #B9C928;
    font-size: 25px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    padding: 5px;
}

.icon-bg1 {
    background: #1b60a1 !important;
}

.icon-bg2 {
    background: #47C49D !important;
}

.icon-bg3 {
    background: #59C7C3 !important;
}

.icon-bg4 {
    background: #5AB4DC !important;
}

.icon-bg5 {
    background: #795ED4 !important;
}
.content {
    background: #F0F1F4;
    border-top: 1px solid #ECEDF1;
}

/*-------------------------end menu-------------------------*/
.swiper-container img{
    display: block;
}



/*list-card*/
.list-card{
    padding:0;
}
.list-card section{
    background: #fff;
    padding:10px 10px 0 10px;
    margin:10px 0 0 0;
}
.list-card img{
    display: block;
}
.list-card .weui-media-box{
    padding:10px 0;
}
.list-card .weui-media-box__title{
    font-size:14px;
    line-height: 20px;
}
.list-card .weui-media-box__desc{
    font-size:12px;
    line-height: 20px;
    margin:0;

}
.list-card .weui-media-box_appmsg .weui-media-box__hd{
    width:40px;
    height:40px;
}
.list-card .title{
    margin:0;
    position: absolute;
    font-size:14px;
    color:#fff;
    background: rgba(0,0,0,0.7);
    bottom:0;
    width: 100%;
    z-index: 10;
    line-height: 30px;
    font-weight: normal;
}
.list-card .box{
    position: relative;
}
.list-card .act-status{
    color:#fff;
    padding:2px 8px;
    font-size:12px;
    font-weight:normal;
    border-radius: 5px;
}
.list-card .price{
    position: absolute;
    top:0px;
    right:10px;
    background: rgba(0,0,0,0.7);
    color:#fff;
    font-size:14px;
    padding:5px;
}
.head-img{
    border-radius: 50%;
    width: 100%;
    padding-bottom:100%;
    background-size: cover;
    background-position: center;
    display: block;
}
/*list-card*/
/*list-list*/
.list-list{
    background: #F0F1F4;
}
.list-list .weui-media-box__title{
    line-height: 28px;
    font-size:14px;
}
.list-list .weui-media-box__desc{
    line-height: 20px;
    font-size:12px;
    margin:0;
}
.list-list .weui-media-box_appmsg .weui-media-box__hd{
    width:120px;
    height: 68px;
}
.list-list .weui-media-box{
    padding:10px;
}
.list-list .weui-panel__hd{
    color:var(--main-color);
    background: #fff;
}
.list-list .weui-media-box{
    margin-bottom:10px;
    background: #fff;
}
.list-list .weui-panel:after{
    border-bottom:none !important;
}
/*list-list*/

.icon-girl:before {
    color:#C31C3A;
}
.icon-boy:before {
    color:#2B397D;
}
.icon-back:before {
    color:var(--main-color);
}

/*公共样式*/
.height65{
    height: 65px;
}
.padding-b10{
    padding-bottom:10px !important;
}
.padding-10{
    padding:10px !important;
}
.padding-b50{
    padding-bottom:50px !important;
}
.padding-b80{
    padding-bottom:80px !important;
}
.margin-b10{
    margin-bottom:10px !important;
}
.margin-b50{
    margin-bottom:50px !important;
}
.margin-b60{
    margin-bottom:60px !important;
}
.margin-b80{
    margin-bottom:80px !important;
}
.margin-b100{
    margin-bottom:100px !important;
}
.margin-t0{
    margin-top:0px !important;
}
.margin-t10{
    margin-top:10px !important;
}
.margin-t50{
    margin-top:50px !important;
}
.padding-t10{
    padding-top:10px !important;
}
.padding-t30{
    padding-top:30px !important;
}
.padding-t40{
    padding-top:40px !important;
}
.padding-t50{
    padding-top:50px !important;
}
.padding-t80{
    padding-top:80px !important;
}
.padding-h10{
    padding-left:10px !important;
    padding-right:10px !important;
}
.main-color{
    color:var(--main-color);
}
.position-relative{
    position: relative !important;
}
.position-fixed{
    position: fixed!important;
}
.bg_white{
    background: #fff !important;
}

/*css色相环*/
.color-price{
    color:#ff5000;
}
.icon-star1{
    color:var(--main-color);
}
.icon-star2{
    color:var(--main-color);
}
.css-color1{
    color:#C31C3A;
}
.css-color2{
    color:#D53E25;
}
.css-color3{
    color:#DF6822;
}
.css-color4{
    color:#EEA420;
}
.css-color5{
    color:#FDD218;
}
.css-color6{
    color:#1b60a1 !important;
}
.css-color7{
    color:#75AB31;
}
.css-color8{
    color:#369637;
}
.css-color9{
    color:#048B42;
}
.css-color10{
    color:#017461;
}
.css-color11{
    color:#006076;
}
.css-color12{
    color:#003255;
}
.css-color13{
    color:#2B397D;
}
.css-color14{
    color:#4D2E74;
}
.css-color15{
    color:#6B256B;
}
.css-color16{
    color:#9B1A57;
}

.weui-cells:before {
    border-top:none;
}
.weui-panel:before {
    border-top:none;
}

.options_title {
    font-size: 14px !important;
}

.act .info .weui-media-box{
    padding:10px;
}
.act .info .weui-panel .weui-cell{
    font-size:14px;
}
.act .info .weui-panel .weui-cell .icon{
    padding-right:5px;
    font-size:16px;
    height: 20px;
}
.act .info .weui-panel .weui-cell__hd{
    line-height: 25px;
}
.act #collect{
    bottom:60px;
    right:20px;
    font-size:35px;
    width:40px;
    height:40px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    border-radius: 50%;
    color:#50525D;
    border:1px solid #50525D;
    z-index: 10000;
}
.act #collect.active{
    border:1px solid #EF121E;
    color:#EF121E;
}
.act #collect span{
    vertical-align: middle;
    line-height: 40px;
    display: block;
}


.weui-cell__hd,span,.weui-media-box__ft{
    vertical-align: middle;
}
.level span.star{
    font-size:20px;
}

.act-desc .nav{
    background: #fff;
    width:100%;
    z-index: 100;
    font-size:14px;
    text-align: center;
    left:0;
    top:0;
}
.act-desc .weui-flex__item{
    border-bottom:1px solid #e5e5e5;
}
.act-desc .weui-flex__item a{
    padding:10px 0;
    display: block;
}
.act-desc .nav .active{
    border-bottom:1px solid var(--main-color);
}
.act-desc .nav .active a{
    color:var(--main-color);
}
.act-desc .weui-article{
    /*padding-top:0;*/
}
.act-desc .weui-article .title{
    color:var(--main-color);
    font-size:12px;
    line-height: 30px;
}
.act-desc .weui-article .title:before{
    content: '';
    left:-15px;
    position: relative;
    border-left:3px solid var(--main-color);
}
.act-desc .desc-name span{
    font-size:12px;
    background:var(--main-color);
    color:#fff;
    padding:2px 5px;
}
.act-desc .desc-value{
    font-size:12px;
    line-height: 22px;
    margin-bottom:10px;
}
.act-desc .desc-value p{
    margin:0;
}
.act-desc .prepare{
    position: relative;
}
.act-desc .prepare p {
    margin: 0;
    padding-left: 20px;
    font-size:12px;
}
.act-desc .prepare p.day{
    padding:0;
    color:var(--main-color);
    font-weight: bold;
}
.act-desc .prepare .day-content{
    padding-bottom:5px;
}
.act-desc .prepare .day-content span.time{
    color:#3f3f3f;
    padding-right:10px;
}
.act-desc .prepare .day-content span{
    color:#888;
}
.leader-desc .weui-media-box__desc{
    line-height: 20px;
    font-size:12px;
}
.act-footer{
    text-align: center;
    background: #fff;
    border-top:1px solid #e5e5e5;
    color: #3f3f3f;
    font-size:14px;
}
.act-footer .btn{
    padding:15px;
    line-height: 18px;
}
.act-footer .apply{
    color:#fff;
    font-size:14px;
    font-weight: bold;
}