@charset "utf-8";
body{max-width: 750px;margin: 0 auto;}
img{max-width: 100%;}
.br5{border-radius: 5px;}
.webkit-flex{display: -webkit-flex;display: flex;flex-direction:row;}
.flex{flex: 1;}
.bg-white{background-color: #fff;}
.sear-input{height: 30px;line-height: 30px; background: #f4f4f4 url("../images/h5/cms/sear.png") no-repeat;background-size:14px;background-position: 15px center; border-radius: 15px;padding-left:40px;}
.sear-input input{width: 100%;height: 100%;border:none;outline: none;background: transparent;color: #999999;font-size: 12px;vertical-align: top!important;}
.sear-sao{margin: 0px 8px;width: 20px;}
.nav-box a{color:#999;font-size: 16px;font-weight: bold;margin: 0 10px;}
.nav-box a.active{color:#333333;font-size:20px;}
.bb5{border-bottom: 5px solid #f5f5f5!important;}
.bb10{border-bottom: 10px solid #f5f5f5!important;}
.fixed-top{position: fixed;top: 0;left: 0;right: 0;width: 100%;max-width:750px;margin:0 auto;z-index: 10;}
.bb-active-h{height: 50px;}
.fixed-top-sear-nav-h{height: 92px;}
.bb-f5{border-bottom: 1px solid #f5f5f5;}
.am-slider .am-slides>li{border-radius: 5px;overflow: hidden;}
/*head*/
.bb-header{border-bottom: 1px solid #f5f5f5;}
.am-header .am-header-title {font-size: 1.6rem;}
.bb-header a{color: #333; font-size: 1.4rem;display: block;overflow: hidden;}
.bb-header a i.am-icon-angle-left{font-size: 2.8rem;margin-left:1rem; margin-right: 0.8rem;vertical-align: top;margin-top: -2px;}
/**/
.am-slider-a4 .am-viewport{border-radius: 5px;}
.am-slider-a4 .am-control-nav li a{width: 4px;height: 4px;background: #ddd;}
.am-slider-a4 .am-control-nav li a.am-active{width: 12px;height: 4px;background-color:#2771e4;border-radius: 4px;}
.am-titlebar-multi{background-color:transparent;border-top:none;border-bottom:none;}
.am-titlebar-multi .am-titlebar-title{color: #333;}
.am-titlebar-multi a{color: #999;}

/**/
.item-half ul{margin: 0 -6px;padding: 0;}
.item-half ul li{float: left;width: 50%;padding:6px;list-style: none;}
.item-box{border-radius: 5px;border: 1px solid #dddddd;overflow: hidden;}
.item-box-img{height: 1%;width: 100%; position: relative;padding-top: 57.57%;overflow: hidden; }
.item-box-img img{position: absolute;top: 0;left: 0;right:0;width: 100%;}
.item-box-info{padding:10px 15px;}
.item-box-info h3{margin-bottom: 0; height: 42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
    font-size: 1.5rem;line-height: 1.4;}
.item-box-info p{margin:.5rem 0 0; color:#666666;font-size:1.2rem;display: block;overflow: hidden;}

.item-three ul{margin:0px -6px;padding:0;}
.item-three ul li{list-style: none;float: left;width: 33.33%;padding:6px;}
.item-three-logo{width: 44px;height: 44px;overflow: hidden;margin:5px auto;}
.item-three-info{margin-top: 1.6rem;}
.item-three-info p{margin:0; font-size: 1.2rem;color: #333;height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4;}
.item-three-info span{color:#999999;font-size:0.9rem;}
.btn-gz{margin-top: .5rem;
    border: 1px solid rgb(39, 113, 228);
    width: 100%;
    height: 20px;
    border-radius: 10px;
    color:#2771e4;
    font-size: 1.2rem;
    background-color: transparent;
}
.hr-f5{
    background-color:#f5f5f5;
    width: 100%;
    height: 10px;
}
.list-head{padding:30px 0 20px; font-size: 1.8rem;color:#333;font-weight: bold;text-align: center;border-bottom: 1px solid #f5f5f5;}
.list-head:before{content: "";display: inline-block;vertical-align: middle;margin-right:17px; width: 26px;height: 2px;background-color: #333333;}
.list-head:after{content: "";display: inline-block;vertical-align: middle;margin-left:17px;width: 26px;height: 2px;background-color: #333333;}
.part-list ul{margin:0;padding:0;}
.part-list ul li{list-style: none;border-bottom: 10px solid #f5f5f5;}
.pl-main-box-img{width: 45%;height: 1%;padding-top: 25.5%;position: relative;overflow: hidden;}
.pl-main-box-img img{position: absolute;top: 0;left: 0;right: 0;}
.pl-main-box-info{margin-top: -5px;}
.pl-main-box-info h3{margin-bottom: 0; font-size: 16px;color:#282828;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;height: 50px;}
.pl-main-box-info p{margin:8px 0 0; color: #666666;font-size: 12px;}
.pl-main-box-info p span{margin-right: 10px;}
.pl-bottom{border-top:1px solid #f5f5f5;}
.btn-r{display: inline-block; border: 1px solid rgb(39, 113, 228);
    min-width: 78px;
    height: 25px;
    line-height: 25px;
    padding: 0 1rem;
    border-radius: 15px;
    color:#2771e4;
    font-size: 1.4rem;
    background-color: transparent;}
.btn-r-none{border: 1px solid #999;color: #999;}
.pl-bottom-title{color: #2771e4;font-size: 12px;line-height: 25px;}
.pl-bottom-title span{margin-right: 7px;}


/**/
.host-wrap{border-bottom: 10px solid #f5f5f5;}
.host-logo{width: 36px;height: 36px;border-radius: 5px;overflow: hidden;}
.host-con-t{display: flex;flex-direction: row;justify-content: space-between;}
.host-con-t h2{margin: 0; color: #282828;font-size: 14px;font-weight: normal;}
.host-con-t button{border: 1px solid rgb(39, 113, 228);
    width: 60px;
    height: 22px;
    border-radius: 15px;
    color:#2771e4;
    font-size: 1.2rem;
    background-color: transparent;}
.host-con-m div{display: inline-block;margin-right: 2.5rem; color:#999999;font-size: 1rem;}
.host-con-m div span{color: #333333;margin-left: 1rem;}
.host-con-b{font-size: 1rem;color: #333333;}
.host-con-b-info{height: 18px;overflow: hidden;}
.in-h{height: auto;}
.host-con-btn{font-size: 1.6rem;line-height: 1;}

/*我的*/
.user-head{
      background-image: -moz-linear-gradient( 90deg, rgb(96,155,255) 0%, rgb(39,113,228) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgb(96,155,255) 0%, rgb(39,113,228) 100%);
      background-image: -ms-linear-gradient( 90deg, rgb(96,155,255) 0%, rgb(39,113,228) 100%);
    padding:1.8rem 1.6rem;}
.user-head-img{display: inline-block;margin-right: 1rem; width: 62px;height: 62px;border-radius: 34px;overflow: hidden;border:1px solid #fff;}
.user-head-con{display: inline-block;vertical-align: top;color: #fff;}
.user-head-con-name{font-size: 1.6rem;}
.user-head-con-name span{display: inline-block;padding:0 3px;margin-left: 10px; background-color: rgba(255,255,255,.2);font-size: .9rem;border-radius: 5px;}
.user-head-con-btn{margin-top: 10px; width:86px;height: 26px;line-height: 24px; border: 1px solid #fff;border-radius: 14px;font-size: 12px;text-align: center;}
.user-head-con-btn a{display: block;color: #fff;}
.user-head-sao{width: 20px;height: 20px;}
.user-active-bb,.user-list{border-bottom: 1px solid #f5f5f5;}
.user-item a{height: 50px; display: -webkit-flex;display: flex;flex-direction:row;justify-content:space-between;align-items:center}
.user-webkit-flex{display: -webkit-flex;display: flex;flex-direction:row;justify-content:space-between;}
.user-webkit-flex i{display: block; width: auto;height: 20px;text-align: center;}
.user-webkit-flex i img{height: 100%;}
.user-webkit-flex p{color: #333;font-size: 1.2rem;margin:1.2rem 0;}
.user-item-l{color: #333;}
.user-item-l i{margin-right:1rem;display: inline-block;width: 18px;}
.user-item-r{color: #999;}
.user-item-r i{font-size: 2rem;line-height: 1;margin-left: 1rem;vertical-align: bottom;}
.user-list .user-item{border-bottom: 1px solid #f5f5f5;}
.user-list .user-item:last-child{border-bottom: none;}

/*找活动*/
.bb-header-fixed-active-h{height: 127px;}
.swiper1 {
    width: 100%;
    color: #333;
    font-size: 1.5rem;
    /*border-bottom:1px solid #f8f8f8;*/
    background-color: #fff;
    z-index: 10;
    padding-left: 10px;
}
.swiper1 span{
    display: inline-block;
    line-height: 48px;
    padding:0 8px;
    color: #333;
}
.swiper1 .selected  span{
    color: #2771e4;
    font-size: 1.8rem;
    font-weight: bold;
}
.swiper1 .swiper-slide {
    text-align: center;
    font-size: 1.5rem;
    height: 50px;
    width: auto;
    padding:0 5px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}
.bb-dropdown{border-bottom: 1px solid #f5f5f5;padding: 0 15px;}
.bb-dropdown button{padding: 5px 10px 15px; border: none;background-color: transparent;outline: none;font-size: 1.2rem;}
.bb-dropdown button span{color:#999999;margin-left: 5px;}
.bb-dropdown .am-dropdown{position:static;}
.bb-dropdown .am-dropdown-content{min-width: 100%;border: none;top:inherit;padding:0px 15px;margin-top: 1px;}
.bb-dropdown .am-dropdown-content:before,.bb-dropdown .am-dropdown-content:after, .am-dropdown-content:before{display: none;}
.bb-dropdown .am-dropdown-content li{border-bottom:1px solid #f5f5f5;font-size: 1.2rem;}
.bb-dropdown ul.am-dropdown-content>li>a{padding: 10px 20px;}

/*活动详情*/
.bb-move-con{position: relative;}
.bb-move-con h2{font-size: 1.8rem;color: #282828;margin-bottom: 0;}
.bb-move-div{padding: 2px 0; color: #666666;font-size: 1.2rem;display: block;overflow: hidden;}
.bb-move-div i{display: inline-block;margin-right: 10px; margin-left: 2px; float: left;font-size: 2rem;vertical-align: middle;}
.bb-move-div p{margin:10px 0 0 20px;}

.move-online span{color:#2871e4;margin: 0 10px;display: inline-block;line-height: 20px;}
.move-online-icon{width: 20px;height: 18px;}
.move-online-active{width: 68px;height: 20px;}
.move-online-fix{position: absolute;top: 2rem;right: 1.5rem;width: 68px;}
.move-online-ing span{color: #ff4040;}

.move-con-btn a{display: inline-block; width:45%;max-width: 120px; height: 24px;line-height: 22px;padding: 0; font-size: 1.4rem;border: 1px solid #2771e4;border-radius: 12px;color: #2771e4;}
.move-con-btn a:first-child{margin-right:10%;}
.move-con-btn a.move-add{background-color:#2771e4;color: #fff;}

.move-foot ul.am-navbar-nav li{width:15%;float: left;}
.move-foot ul li:last-child{width: 70%;padding-left: 1rem; padding-right: 2rem;}
.micon-m{display: inline-block;width: 1.6rem;height: 1.5rem;background: no-repeat center;margin-top:8px;}
.icon-share {
     background-image: url('../images/h5/cms/icon-share.png');
     background-size:auto 100%;
}
.icon-host {
     background-image: url('../images/h5/cms/icon-host.png');
     background-size:auto 100%;
}
.icon-sc {
    background-image: url('../images/h5/cms/icon-sc.png');
    background-size:auto 100%;
}
.icon-sc-active{
    background-image: url('../images/h5/cms/icon-sc-yes.png');
    background-size:auto 100%;
}
.move-foot ul.am-navbar-nav .move-foot-apply{
    display: inline-block;
    background-image: -moz-linear-gradient( 90deg, rgb(96,155,255) 0%, rgb(39,113,228) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(96,155,255) 0%, rgb(39,113,228) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(96,155,255) 0%, rgb(39,113,228) 100%);
    height: 33px;line-height: 33px; color: #fff;font-size:1.5rem;
    border-radius: 18rem;
}
.move-foot ul.am-navbar-nav .move-foot-apply-nostart{
    display: inline-block;
    background: #1bd6b1;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size:1.5rem;
    border-radius: 18rem;
}
.move-foot ul.am-navbar-nav .move-foot-apply-end{
    display: inline-block;
    background: #999999;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size:1.5rem;
    border-radius: 18rem;
}
.move-foot ul.am-navbar-nav .move-foot-apply-over{
    display: inline-block;
    border: 1px solid #2771e4;
    color: #2771e4;
    height: 33px;
    line-height: 33px;
    font-size:1.5rem;
    border-radius: 18rem;
}
/*报名详情页*/
.bm-info{font-size: 1.2rem;color: #aaaaaa;}
.bm-head{font-size: 2rem;color: #333333;font-weight: bold;}
.bm-form-group{border-bottom: 1px solid #f5f5f5;padding: 20px 0 10px;}
.bm-form-group input{border: none;font-size: 1.4rem;width: 100%;height: 3rem;outline: none;}
.bm-btn{border: none;background-color: #2771e4;width: 100%;height: 40px;color: #fff;font-size: 1.5rem;border-radius: 20px;}
.bm-form-group input::-webkit-input-placeholder{color:#aaaaaa;}
.bm-form-group input::-moz-placeholder{color:#aaaaaa;}
.bm-form-group input:-ms-input-placeholder{color:#aaaaaa;}
.bm-form-group input::-webkit-input-placeholder{color:#aaaaaa;}
.bm-form-group input::placeholder{color:#aaaaaa;}
/*成功报名*/
.succ-top{font-size: 1.8rem;color: #2771e4;font-weight: bold;}
.succ-info ul{padding: 0;color: #333;font-size: 1.4rem;}
.succ-info ul li{list-style: none;}
.return-btn a{height: 40px;display: block;background-color: #2771e4; color: #fff;font-size: 1.5rem;border-radius: 20px;text-align: center;line-height: 40px;}
.countdown{color: #aaaaaa;font-size: 1.2rem;text-align: center;padding: 1rem 0;}
/*个人资料*/
.personal-data ul{padding-left: 1.6rem;}
.personal-data ul li{padding-right: 1.6rem; border-bottom: 1px solid #f5f5f5;height: 4.4rem;line-height: 4.4rem; font-size: 1.4rem;color: #333333;}
.personal-data ul li div:nth-child(2){color: #999;text-align: right;}
.personal-data ul li input{border: none;width: 100%;height: 100%;text-align: right;vertical-align: top!important;outline: none;}
.personal-data ul li input::-webkit-input-placeholder{color:#cccccc;}
.personal-data ul li input::-moz-placeholder{color:#cccccc;}
.personal-data ul li input:-ms-input-placeholder{color:#cccccc;}
.personal-data ul li input::-webkit-input-placeholder{color:#cccccc;}
.personal-data ul li input::placeholder{color:#cccccc;}
.personal-data-img{display: inline-block;overflow: hidden;margin-top: 4px; width:36px;height: 36px;}
.personal-data-img img{vertical-align: top;}
.personal-data ul li a{display:block; color: #999;}
.personal-data ul li i{margin-left: 10px;font-size: 1.6rem;}
/*我的活动*/
/*.swiper1.my-active-swiper{padding-left: 0;}*/
/*.swiper1 .swiper-slide{width: 20%;}*/
.swiper1.my-active-swiper span{color: #999999;}
.swiper1.my-active-swiper .selected span{color: #333333;font-size: 1.5rem;font-weight: normal;position: relative;}
.swiper1.my-active-swiper .selected span:after{content: "";display: inline-block;width: 17px;height: 2px;background-color:#2771e4; border-radius: 1px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
/**/
.img_wp img{width: 100%; border-radius: 5px;}
.img_wp_qy{width: 65%;margin: 0 auto;}
.change-data ul li div:nth-child(2) {color: #333;}
.change-icon img{height: 19px;}
.change-code .button-code{margin-top: 7px; width:80px;height: 29px;line-height: 29px; border-radius: 5px;background-color: #2771e4;color: #fff;font-size: 1.2rem;text-align: center;}
/*推广*/
.extension-data{font-size:1.2rem;color: #666;}

/*直播*/
.online-list ul{margin: 0;padding: 0;}
.online-list ul li{list-style: none;margin-bottom: 1rem;background: #f5f5f5;border-radius: 5px;}
.online-list-img img{width: 100%;}
.online-list-text{padding: 1rem; color: #333;font-size: 1.5rem;}
.online-list-text a{color: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 4.8rem;}
.online-list-time{padding: 1rem 1rem 0; color:#333;font-size: 1.2rem;line-height: 1;}
.online-list-time span{display: inline-block;margin-right: 1.5rem;}
.online-list-time-order{padding: .5rem; text-align: center;border-radius: 5px; background: #2771e4;font-size: .9rem;color: #fff;}

/*主办方*/
.host-item ul{margin:0 -.5rem; padding: 0;display: block;overflow: hidden;}
.host-item ul li{padding: .5rem; float: left;width: 33.33%;list-style: none;}
.host-item-border{padding: 2rem 1rem 1.5rem; border: 1px solid #f5f5f5;border-radius: 5px;text-align: center;}
.host-item-logo{width: 44px;height: 44px;margin: 0 auto; border-radius: 5px;overflow: hidden;}
.host-item-border p{margin:1rem 0 0;font-size: 1.2rem;line-height: 1.4; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.host-item-border span{display:block;color: #999999;font-size: .9rem;}
.host-item-border span em{font-style: normal;margin-left:.5rem;}
.host-item-border button{width: 100%;max-width: 83px;height: 22px;border: 1px solid #2771e4;color: #2771e4;font-size: 1.2rem;border-radius: 11px;background: #fff;}
.host-all-list ul{margin: 0;padding: 0;}
.host-all-list ul li{padding:1.5rem 0;border-bottom: 1px solid #f5f5f5; list-style: none;display: flex;flex-direction:row; justify-content:space-between;}
.host-all-list-img{width: 3.6rem;height: 3.6rem;border-radius: 5px;overflow: hidden;}
.host-all-list-info{flex: 1;margin:0 2.5rem;overflow:hidden}
.host-all-list-info h3{margin: 0; color: #282828;font-size: 1.5rem;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.host-all-list-info p{margin: 0.5rem 0; color: #333333;font-size: 1.1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.host-all-list-info p span{display: inline-block;width: 50%; color: #999;font-size: 1rem;}
.host-all-list-info p span b{color: #333;margin-left: 1rem;font-weight: normal;}
.btn-gz-add{width: 6rem;height: 2.2rem;height: 22px;border: 1px solid #2771e4;color: #2771e4;font-size: 1.2rem;border-radius: 11px;background: #fff;}

/*品牌专题具体列表*/
/*专题详情*/
.zt-section{padding:1.5rem; border-radius: 5px;background-color:#fff;box-shadow: 0px 3px 5px 0px rgba(11, 3, 6, 0.1);position: relative;margin-top: -1.5rem;}
.zt-section h2{margin-bottom: 1rem; color: #333;font-size: 1.5rem;}
.zt-section p{margin: 0; color: #999999;font-size: 1.2rem;line-height: 2;}
.zt-list{padding-top: 2rem;}
.zt-list ul{margin: 0 -.5rem;padding: 0;display: block;overflow: hidden;}
.zt-list ul li{list-style: none;float:left;width:50%;padding:1.2rem .5rem;}
.zt-list-item{border: 1px solid #ddd;padding: 0 .7rem;}
.zt-list-item .zt-list-img{margin-top: -1rem;text-align: center;}
.zt-list ul li h3{margin: .5rem 0;font-size: 1.5rem; font-weight: normal; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 50px;}
.zt-list ul li h3 a{color: inherit;}
.zt-list-bot{border-top:1px solid #ddd;padding: 1rem 0 0;}
.zt-list-bot p{margin: 0 0 1rem 0; color:#666;font-size: 1.2rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.zt-list-bot p i{display: inline-block;vertical-align: text-bottom;margin-right: .5rem; width:1.5rem;height: 1.6rem;}
.zt-list-bot p i.icon-time{background: url("../images/h5/cms/icon-time.png") no-repeat center; background-size: contain;}
.zt-list-bot p i.icon-addr{background: url("../images/h5/cms/icon-addr.png") no-repeat center; background-size: contain;}

/*搜索*/
.head-return a{color: #333;font-size: 2rem;line-height: 1.3;}
.ysh-index{margin-left:30px;background-color: #f6f6f6;}
.ysh-index input::-webkit-input-placeholder {color: #c7c7c7;font-size: 12px;}
.ym-search-info{margin-top: 0.5rem;}
.ym-search-info-tit{font-size: 1.1rem;color: #999;display: block;overflow: hidden;margin-bottom: 15px;}
.ym-s-i-r{float: right;font-size: 1rem;}
.ym-s-i-r a{color: #333; }
.ym-s-i-r a.w-a{color: #ff6000;}
.ym-s-i-r img{ width: 14px; }
.ym-s-i-r em{display: inline-block; height: 15px; background-color: #d2d2d2;width: 1px;margin:-3px 10px 0; vertical-align: middle;}
.ym-search-info-box{margin-left: -5px; margin-right: -5px;}
.ym-search-info-box span{display: inline-block;height: 24px;line-height: 24px; padding:0 16px;background-color: #f6f6f6;font-size: 1.1rem;color: #333;border-radius: 12px;margin:0 5px 15px;}
.ym-search-info-box span a{color: #999;margin-left: 5px;line-height: 1;}
.ym-search-info-box span a em{display: inline-block; height: 12px; background-color: #d2d2d2;width: 1px;margin-right: 5px;margin-top: -3px;vertical-align: middle;}
.ym-search-info-box span a i{font-size: 0.8rem;}
.ym-search-info-more{text-align: center;}
.ym-search-info-more a{font-size: 1rem; color: #999;}
.ym-search-info-more a i{margin-left: 10px;}
hr{border-color: #f5f5f5;}
.ym-search-info-tit{color: #333;font-size:1.4rem;font-weight: bold;}
.ym-search-info-box{font-size: 0;}
.ym-search-info-box span{height: 27px;line-height: 27px;margin:5px;}
.sear-tog-btn{padding:0px 15px;margin:5px; display: inline-block;vertical-align: top; background:none;border:none;outline: none;color:#000;font-size:2rem;height: 27px;line-height: 27px;}
.sear-find a{display: inline-block; margin: 1rem 0; font-size: 1.1rem;color: #333333;}
.sear-nav-two{border-bottom: 1px solid #f5f5f5;height: 43px;line-height: 43px;}
.sear-nav-two a{display: inline-block;float: left; width: 50%;color: #999;font-size: 1.5rem;text-align: center;}
.sear-nav-two a.active span{display: inline-block; line-height: 38px; border-bottom: 2px solid #2771e4;color: #333;}

/*直播*/
.online-wrap-room{position: relative;}
.data-box{height: 4.4rem;line-height: 4.4rem;padding:0 1.6rem;  background: rgba(51,51,51,.8);font-size: 1.6rem;color: #fff;position: absolute;bottom:0;left: 0;right: 0;}
.online-btn{position: absolute;top:50%;left: 0;right: 0;margin: -16px auto 0;width: 165px; height: 32px;line-height: 30px;background: #333;color: #fff;font-size: 1.6rem;border-radius: 16px;text-align: center;}
.online-btn a{display:block;overflow:hidden;color: #fff;}
.icon-data{display: inline-block;vertical-align: middle;margin-right: 5px; width: 16px;height: 15px;background: url("../images/h/cms/icon-data.png") no-repeat center;background-size: 100%;}

/*模板分享*/
.mb-use{height: 45px;line-height: 45px; background: #2871e4;text-align: center;}
.mb-use a{ color: #fff;font-size: 1.4rem;border-radius:25px;border: 1px solid #fff;padding: 3px 10px;}

/*首页底部-域安备信息*/
.m-foot {
    background-color: #f5f5f5;
    padding: 15px 0;
    font-size: .8rem;
    text-align: center;
}
.m-foot a { color: #000;}
/*下拉加载更多*/
.pop-bottom{background-color: #f5f5f5;color:#a2a2a2;font-size:1rem;text-align: center;padding: 1rem 0;display: none}
.pop-bottom:before{content:'';width: 20%;border-top:1px solid #e0e0e0;display: inline-block;vertical-align: middle;margin-right:1rem;}
.pop-bottom:after{content:'';width: 20%;border-top:1px solid #e0e0e0;display: inline-block;vertical-align: middle;margin-left: 1rem;}

.foot_line {background-color: #f5f5f5;text-align: center;padding: 2rem 0 2rem 0;}

.foot_line:before{content:'';width: 15%;border-top:1px solid #e0e0e0;display: inline-block;vertical-align: middle;margin-right:auto;}
.foot_line:after{content:'';width: 15%;border-top:1px solid #e0e0e0;display: inline-block;vertical-align: middle;margin-left: auto;}