html {
    font-size: 16px
}

body {
    font-size: 16px
}

@media only screen and (min-width: 400px) {
    html {
        font-size:16px!important
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size:16px!important
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size:16px!important
    }
}
ul,li{margin: 0;padding: 0;list-style-type: none;}
p {margin-bottom: 0px;}
label.weui-cell {font-weight: normal; margin-bottom: 0px;}
*{box-sizing: border-box;}
a{color: #333;}
.weui-btn_primary{background: #0171fb;}
.weui-btn_primary:not(.weui-btn_disabled):active{background: #0372e2;}
.weui-btn_plain-primary{border: #0171fb solid 1px;color: #0171fb;}
.weui-btn_plain-primary:not(.weui-btn_disabled):active{border: #3998f7 solid 1px;color: #3998f7;}
.weui-cells{margin-top: .5rem;}
.weui-tabbar{background: #fff;}
.weui-tabbar:before{border-top:#eee solid 1px}
.weui-btn img{width: .8rem;display: inline-block;position: relative;top: 3px;}
.weui-dialog__btn {color:#DF3831 ;}
.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before {color: #DF3831;}

.toolbar, .toolbar .title{font-size: 16px; margin: 0px;}
.toolbar .picker-button{color: #DF3831;}
.picker-calendar-day.picker-calendar-day-selected span{background: #DF3831;}

.e1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.e2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.e3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal!important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.wrapbox{width: 100%;height: 100vh;display: flex;flex-direction: column;background: #f5f5f5;font-size: .7rem;}
.headerbox{width:100%;height: 2.5rem;background: #fff;display: flex;}
.headerbox .iconbox{width: 2.5rem;height: 2.5rem;}
.headerbox .iconbox a{width: 2.5rem;height: 2.5rem;display: inline-flex;align-items: center;justify-content: center;}
.headerbox .iconbox a:active{background: #eee;}
.headerbox .titlebox{flex: 1;display: flex;align-items: center;justify-content: center; font-size: 1rem;}
.headerbox~.pagebox{flex: 1;}
.pagebox{overflow: auto;flex: 1; background: #fff;}
.homepage .pagebox{background: none;}
.wrapbox .weui-cell:first-child:before{ display: block}

.tabnavbox a,.tabnavbox a:hover,.tabnavbox a:focus {text-decoration: none;}
.tabnavbox{width: 100%; max-width: 550px;height:55px;border-top: #eee solid 1px;background: #fff;display: flex; margin: 0 auto; font-size: 16px;}
.tabnavbox .navlist{flex:1;display: flex;justify-content: center;align-items: center;flex-direction: column;cursor: pointer;}
.tabnavbox .navlist i{width:24px;height:24px; background-size: 100% 100%;display: block; margin: 0px auto; position: relative; left: -1px}
.tabnavbox .navlist p{font-size: .9em !important;margin-top: 3px;}
.tabnavbox .navlist:active{background: #eee;color: #0171fb;}
.tabnavbox .navlist:hover,.tabnavbox .navlist.active{color: #0171fb;}

.tabnavbox .navlist.home i{background-image: url(../../img/icon/nav/icon_tabnav_home.png);}
.tabnavbox .navlist.activity i{background-image: url(../../img/icon/nav/icon_tabnav_event.png);}
.tabnavbox .navlist.association_activity i{background-image: url(../../img/icon/nav/icon_tabnav_sai.png);}
.tabnavbox .navlist.notice i{background-image: url(../../img/icon/nav/icon_tabnav_db.png);}
.tabnavbox .navlist.usercenter i{background-image: url(../../img/icon/nav/icon_tabnav_me.png);}

.tabnavbox .navlist.home:hover i{background-image: url(../../img/icon/nav/icon_tabnav_home_primary.png);}
.tabnavbox .navlist.activity:hover i{background-image: url(../../img/icon/nav/icon_tabnav_event_primary.png);}
.tabnavbox .navlist.association_activity:hover i{background-image: url(../../img/icon/nav/icon_tabnav_sai_primary.png);}
.tabnavbox .navlist.notice:hover i{background-image: url(../../img/icon/nav/icon_tabnav_db_primary.png);}
.tabnavbox .navlist.usercenter:hover i{background-image: url(../../img/icon/nav/icon_tabnav_me_primary.png);}

.tabnavbox .navlist.home.active i{background-image: url(../../img/icon/nav/icon_tabnav_home_primary.png);}
.tabnavbox .navlist.activity.active i{background-image: url(../../img/icon/nav/icon_tabnav_event_primary.png);}
.tabnavbox .navlist.association_activity.active i{background-image: url(../../img/icon/nav/icon_tabnav_sai_primary.png);}
.tabnavbox .navlist.notice.active i{background-image: url(../../img/icon/nav/icon_tabnav_db_primary.png);}
.tabnavbox .navlist.usercenter.active i{background-image: url(../../img/icon/nav/icon_tabnav_me_primary.png);}

.tabnavbox .notice a {position: relative;}
.tabnavbox .notice .icon_number {position: absolute;top: 5px;right: 5px;box-sizing: border-box;min-width: 16px;padding: 0 3px;color: #fff;font-weight: 500;font-size: 12px;font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;line-height: 1.2;text-align: center;background-color: #ee0a24;border: 1px solid #fff;border-radius: 16px;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);-webkit-transform-origin: 100%;transform-origin: 100%;}
.homepage .pagebox{padding: 0 0 .5rem 0;}
.pagebox{padding:.5rem 0;}
.panelbox~.panelbox{margin-top: .5rem;}
.panelbox{width:calc(100% - 20px);margin: 0 10px; position: relative; z-index: 10; min-height: 5rem;background: #fff;border-radius: 0px;box-shadow: rgba(0,0,0,.06) 0 3px 5px;}
.panelbox.no-data{ display: flex; justify-content: center; box-shadow: none; background: none;}
.panel-head{width: 100%;display: flex;justify-content: space-between;align-items: center; padding:20px 20px 0 20px;}
.panel-head .title{font-size: .8rem;font-weight: bold;}
.more i{font-size: .6rem;}
.panel-body .item-alllist .list:last-child{border-radius: 0 0 10px 10px;}

.ac-container {width: 100%; max-width: 960px; margin: 0px auto;}

/*登录首页*/

.loginwrap{width: 100%;height: 100vh;}
.logo-box{margin: 25% 0 10% 0;}
.logo-box .logo{width: 100%;text-align: center;}
.logo-box .logo img{width: 60%;}
.logo-box .name{text-align: center;font-size: 1rem;}
.loginbtn-box{padding: 0 10%;}
.loginwrap-head{width: 100%;height: 250px;background: url(../../img/bg-login.png);background-size:100% 100%;background-position: center center; padding: 90px 20px 20px 20px;color: #fff;}
.loginwrap-body{padding: 0 15px;margin-top: -3rem;}
.loginwrap-body form{background: #fff;border-radius: 10px; padding:0 20px; box-shadow: rgba(0,0,0,.1) 0 5px  15px;}
.form-input{width: 100%;border: none;outline: none;font-size: .7rem;}

.loginwrap-body .form-input{height: 3rem;}
.form-input~.form-input{border-top: #eee solid 1px;}
.loginwrap-body form+.weui-btn{margin-top: 1rem;}
.weui-btn{border-radius: 10px;padding: .2rem 0;font-size: .7rem;}
.weui-btn:after{display: none;}
.weui-btn_default{border: #ddd solid 1px;}

/*注册*/

.formbox~.formbox{margin-top: 10px;}
.formgroup{background: #fff; padding: 10px 15px;}
.formgroup~.formgroup{border-top: #eee solid 1px;}
.formgroup .form-input{flex: 1; height: 2rem;font-weight: bold;}
.formgroup-label{color: #666;font-size: .6rem;}
.formgroup-body{display: flex;align-items: center;}
.formgroup-body .form-icon{width:1.5rem;text-align: center;}
.formgroup-body .form-icon img{width: .7rem;position: relative;top: 3px;}
.footerbtn-box{padding: 15px;background: #fff;display: flex; width: 100%; max-width: 960px; margin: 0 auto}
.footerbtn-box .weui-btn{flex: 1;}
.footerbtn-box .weui-btn~.weui-btn{margin-top: 0;margin-left: 15px;}
.footerbtn-box-ac  {max-width: inherit;}
.widthmax960 {max-width: 960px;}
.form-p{flex: 1;}

/*首页*/
/*.homepage .headerbox{background: transparent;}*/
.homefoucebox{width: 100%;height: 15rem;}
.homefoucebox+.panelbox{margin-top: -4.5rem;}


.swiper-home {width: 100%;height: 350px;margin-left: auto; margin-right: auto;background: #f5f5f5;position: relative;}
.swiper-home .swiper-slide {position: relative;position: relative;}
.swiper-home .swiper-slide:before{content: "";position: absolute;top: 0;left: 0; padding-top: 40%;}
.swiper-home .swiper-slide img{width: 100%;}
.swiper-pagination-bullet{background: #fff;opacity: 1;}
.swiper-pagination-bullet-active{width: 15px;border-radius: 4px;}
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction{top: 9rem;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2px;}


.menu-list{width: 100%;display: flex;flex-wrap: wrap;padding: 1rem .5rem;}
.menu-list li{width: 25%;}
.menu-list li a{display: flex;flex-direction:column;justify-content: center;align-items: center;padding: .5rem 0;}
.menu-list li i{width: 2.5rem;height: 2.5rem;display: block;}
.menu-list li i img{width: 100%;height: 100%;}
.menu-list li a:active{background: #ffffe7;}



/*公告列表*/
.item-alllist .list{display: flex;border-bottom: #efefef solid 1px;padding:15px;background: #fff;}
.item-alllist .list:last-child{margin-bottom: 0;border-bottom: none;}
.item-alllist .list .pic{width:30%;border-radius: 5px;position: relative;}
.item-alllist .list .pic::before{content: "";padding-top: 75%;display: block;}
.item-alllist .list .pic img{width: 100%;height: 100%;border-radius: 5px;position: absolute;top: 0;left: 0;}
.item-alllist .list .cont{flex: 1; padding-left: 20px;display: flex;flex-direction: column;justify-content: space-between;}
.item-alllist .list .cont h1{font-size:.8rem;text-align: justify;line-height: 1rem;font-weight: normal;}
.item-alllist .list .cont h1~p{margin-top: 10px;color: #666;}
.item-alllist .list .cont p{color: #999;display: flex;align-content: center;}
.item-alllist .list .cont p span{margin-right: .5rem;}

.item-alllist .list .cont p img{width: .7rem; height: .7rem;display: inline-block;margin-right: .2rem;position: relative;top: 2px;}
.item-alllist a.list:active{background: #eee;}
.news-desc img{
	width: .7rem;
	height: .7rem;
	display: inline-block;
	margin-right: .2rem;
	position: relative;
	top: 1px;
}

/*活动列表*/
.event-list{display: block;position: relative;}
.event-list .pic{width: 100%;position: relative;}
.event-list .pic:before{content: "";padding-top: 50%;display: block;}
.event-list .pic img{width: 100%;height: 100%; position: absolute;top: 0;border-radius: 0;}
.event-list .info{padding: 20px;}
.event-list .info h1{font-size: .8rem;margin-bottom: .2rem;}
.event-list .info p{color: #666;}
a.event-list:active{background: #eee;}
.event-list.event-end .pic:after{width: 100%;height: 100%;border-radius: 0 0; content: "";background:url(../../img/bg-endevent.png) rgba(0,0,0,.4) center center no-repeat;background-size:150px 150px; position: absolute;top: 0;left: 0;z-index: 10;}
.event-list.event-end .info h1,.event-list.event-end .info p{color: #999;}
.list.event-end .pic:after{width: 100%;height: 100%;border-radius: 0 0; content: "";background:url(../../img/bg-endevent.png) rgba(0,0,0,.4) center center no-repeat;background-size:150px 150px; position: absolute;top: 0;left: 0;z-index: 10; background-size: 70%;}

.weui-panel-body{padding: 20px;}
.weui-panel-body-no-padding-bottom {padding-bottom: 0px;}
.detail-title h1{font-size: 1.2rem; font-weight: bold;}
.detail-date{font-size: 1rem;}
.detail-date span:first-child{color: #999;margin-right: 10px;}
.detail-date span em{margin: 0 5px;}
.detail-cont{margin-top: 1rem;}
.detail-cont .pic img{width: 100%;border-radius: 0px;}
.detail-cont p{margin-top: .5rem;line-height: 1.4rem;text-align: justify;}
.detail-cont .pic~p{margin-top: .5rem;}
.detail-cont p:first-child{margin-top: 0;}
.detail-cont strong {font-weight: bold;}


.weui-cell{padding: 15px;}
.weui-cell__ft~.weui-cell__bd{padding-left: 1rem;}
.weui-cells{font-size: inherit;}

.weui-panel-no-border:before {border-top: none !important;}

/*竞赛*/
.answer-title{text-align: justify;line-height: 1.3rem; font-size: .8rem;}
.answer-title span{
	padding: 3px 10px;border-radius: 4px;color: #fff; font-size: .8rem;margin-right: 10px;position: relative;top: -2px;
}
.answer-title~.answer-options{margin-top: 1.5rem;}
.answer-options li{display: flex;padding: 1rem;margin-top: .5rem;border-radius: 10px;border: #eee solid 1px;align-items: center;}
.answer-options li p{flex: 1;}
.answer-options li span i{width: 1rem; height: 1rem;display: block;}
.answer-options li span i img{width: 100%;}
.answer-options li:hover,.answer-options li.active{background: #98c0f1;border: #98C0F1 solid 1px;}
.answer-options li.success{background: #cde9c9;color: #329627;border: #83cb78 solid 1px;}
.answer-options li.error{background: #fef4de;color: #ff6600;border: #fbdfa0 solid 1px;}
.answer-options li p{padding-left: .5rem;}


/* .modalwrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background:rgba(0,0,0,.6);z-index: 100;display: none;}

.modal{width: 90%;min-height: 300px;background: #fff;border-radius: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.modal-pic img{width: 100%;border-radius: 10px 10px 0 0;}
.modal-body{padding: 20px;}

.modal-body h1{text-align: center;font-size: 1rem;margin-bottom: 1rem;font-weight: normal;}
.modal-body h1 b{color: #f60;}
.modal-body .btnbox{display: flex;}
.modal-body .btnbox .weui-btn{flex: 1;}
.modal-body .btnbox .weui-btn~.weui-btn{margin-top: 0;margin-left: 15px;} */


/*统计*/
.chartbox{padding: 15px;display: flex;flex-direction: column;}
.chartbox .chart-title{font-size: .8rem;margin-bottom: 10px;}


/*排行*/
.rankwrap{background: #056beb; height: 100%;}
.pagebox .rankwrap{margin: -.5rem 0; height: calc(100% + 1rem); padding: .5rem 0;overflow: auto; font-size: 16px;}
.rankwrap .panelbox {box-shadow: none; -webkit-box-shadow: none; border-radius: 10px;}
.rank-title{padding: 15px;}
.rank-title h1{font-size: 1em;margin-bottom: .5rem; font-weight: bold;}
.rank-title p{color: #999;}

.rank-alllist{padding: .5rem 1rem;}
.rank-alllist .list{width: 100%;display: flex; padding: 10px 0;border-bottom: #eee solid 1px;}
.rank-alllist .list:last-child{border-bottom: none;}
.rank-alllist .list p{flex: 1; line-height: 25px;}
.rank-alllist .list span{ line-height: 25px;}
.rank-alllist .list:nth-of-type(1) span,.rank-alllist .list:nth-of-type(2) span,.rank-alllist .list:nth-of-type(3) span{color: #f60;}
.rank-alllist .list i{font-style: inherit;color: #87624a; width: 1rem;height: 1rem;text-align: center;margin-right: 15px;font-weight: bold;}
.rank-alllist .list i img{width: 100%;height: 100%;}


/* 公用 */
.cus-pager .pagination {width: auto; text-align: center;}
.cus-pager  .pagination>li {display: inline-block;}

.pagination {
	margin-top: 10px;
	margin-bottom: 10px;
}

.pagination {
	display: block;
	margin: 20px auto;
	width: 150px;
	padding-left: 0;
	border-radius: 4px;
}
.pagination>li {
	display: inline;
}
.pagination>li>a {
	background: #fafafa;
	color: #666;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}
.pagination>li>a, .pagination>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	padding: 5px 10px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

/** 空数据 **/
.empty-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 32px 0;
}
.empty-box .empty-box_image {
    width: 90px;
    height: 90px;
}
.empty-box .empty-box_image img {
    width: 100%;
    height: 100%;
}
.empty-box .empty-box_description {
    margin-top: 16px;
    padding: 0 60px;
    color: #969799;
    font-size: 14px;
    line-height: 20px;
}
/** btn **/
.btn-ac {
	border-radius: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
	outline: none;
}
.btn-ac:hover, .btn-ac:focus {
	color: #fff;
	text-decoration: none;
	outline: none;
}
.btn-ac-red {
    background-color: #DF3831;
}
.btn-ac-green {
	background-image: -webkit-linear-gradient(0deg, #5cb85c 0, #5cb85c 1%, #5cb85c 43%, #3fa83f 100%, #3fa83f 100%);
	background-image: -moz-linear-gradient(90deg, #5cb85c 0, #5cb85c 1%, #5cb85c 43%, #3fa83f 100%, #3fa83f 100%);
	background-image: linear-gradient(90deg, #5cb85c 0, #5cb85c 1%, #5cb85c 43%, #3fa83f 100%, #3fa83f 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}
.btn-ac-oranage,.btn-ac-oranage:focus,.btn-ac-oranage:active {
	background-image: -webkit-linear-gradient(0deg, #5cb85c 0, #5cb85c 0, #fdbe5d 0, #fda95d 94%, #fda95d 100%);
	background-image: -moz-linear-gradient(90deg, #5cb85c 0, #5cb85c 0, #fdbe5d 0, #fda95d 94%, #fda95d 100%);
	background-image: linear-gradient(90deg, #5cb85c 0, #5cb85c 0, #fdbe5d 0, #fda95d 94%, #fda95d 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}
.btn-ac-blue {
	background-color: rgba(73,181,244);
}
.btn-ac-purl-blue {background-color: #09BDD9;}
.btn-ac-purl-red {background-color: #DF3831;}
.btn-ac-purl-red-light {background-color: #fff; border: 1px solid #DF3831; color:#DF3831;}
.btn-ac-purl-red-light:focus, .btn-ac-purl-red-light:hover, .btn-ac-purl-red-light:active {color: #DF3831;}
.btn-ac-disable {
	background-color: rgba(206,206,206,1)
}
.btn-ac-gray {
	background-color: #ccc
}
.btn-ac-purl-disable {background-color: rgba(206,206,206,1);}
.btn-ac-red {background-color: #DF3831;}


/* 列表 */
a:hover {text-decoration: none;}
.mt2rem {margin-top: 2rem;}
.bt-list {padding-top: 0px; font-size: 16px; display: flex; flex-wrap: wrap;}
.bt-list .list {
    background-color: #fff; border-bottom: #efefef solid 1px; display: block;
    /* box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%); */
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 15px;
}
.bt-list .list:last-child  {border-bottom: none;}
.bt-list .list .pic {position: relative}
.bt-list .list .pic-cover {width: 100%; height: 130px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.bt-list .list .pic img {border-radius: 0px; width: 100%; height: 100%;}
.bt-list .list .cont { padding: 10px;}
.bt-list .list .cont .title {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bt-list .list .cont .desc {font-size: .9em;}
.bt-list .list .item-alllist-other {min-height:45px; font-size: .9em;}
/* .panel-body .item-alllist .list:last-child {border-radius: 0;} */

.bt-list .list .pic .activity-over {position: absolute; top: -10px; right: -10px; width: 40%; height: auto;}
.bt-list .list-type-2 .block-date, .item-withimage-list .list-type-3 .block-date {display: none;}


.bt-list p {margin-bottom: 0px;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
@media (max-width:992px) {
    .bt-list {display: block;}
    .bt-list .list {display: flex;}
    .bt-list .list .pic {}
    .bt-list .list .pic-cover {height: 100%;width: 150px;}
    .bt-list .list .cont .title {white-space: normal;}
}
/**layer**/
.layer-openurl .layui-layer-setwin .layui-layer-close2 {
    right: 5px; font-size: 24px;
}
.layer-customz .layui-layer-btn a {
	border: none;
	background-color: transparent;
	height: auto;
	padding: 0px;
	/* margin: 0px; */
	font-weight: normal;
	
}
.layer-customz .layui-layer-btn a .btn {
	padding: .25rem 1rem;
	display: inline-block;
	min-width: 5rem;
}
.layer-openreason .layui-layer-content {
	padding: 15px;
}
.layer-openreason textarea.layui-layer-input {
	border: 1px solid #e6e6e6;
	color: #333;
    line-height: 20px;
    padding: 6px 10px;
}

.layui-timeline {
    padding-left: 5px
}

.layui-timeline-item {
    position: relative;
    padding-bottom: 20px
}

.layui-timeline-axis {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #16b777;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.layui-timeline-axis:hover {
    color: #ff5722
}
.layui-timeline-item:before {
    background-color: #eee;
}
.layui-timeline-item:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 0;
    width: 1px;
    height: 100%
}
.layui-timeline-item:first-child:before {
    display: block
}
.layui-timeline-item:last-child:before {
    display: none
}
.layui-timeline-item .layui-text p {margin-bottom: 5px; margin-top: 0px;}
.layui-timeline-content {
    padding-left: 25px
}
.layui-timeline-title {
    position: relative;
    margin-bottom: 6px;
    line-height: 22px;
    font-size: 16px;
}

/**layer形式的表单第二种形式参考app.user_advice._form.blade.php**/
.layer-form2{margin-bottom: 50px;}
.layer-form2 .fieldset-h {font-size: 1.2rem; border-left: 5px solid #DF3831; padding-left: 5px; margin-left: 10px;margin-top: 10px;margin-bottom: 10px;}

.layer-form2 .layui-form-item {display: flex; align-items: center;}
.layer-form2 .layui-form-itemblock {display: block;}
.layer-form2 .layui-form-item {margin: 0px 0; font-size: 1rem !important; padding: 5px 10px 5px 10px; background-color: #fff;}
.layer-form2 .layui-form-item .layui-form-label {float: none;text-overflow:initial; padding:0px; line-height:38px; background: none; border: none; text-align: left;overflow: hidden;
    white-space: pre-wrap; line-height: normal;}
.layer-form2 .layui-form-itemblock	.layui-form-label {width: 100%;}
.layer-form2 .layui-input-block {margin-left:0px; flex: 1; min-height: auto;}
.layui-form2 .footer-box-fix {position: fixed; bottom: 0px; left: 50%; transform: translate(-50%, 0%); width: 100%; max-width: 960px; text-align: center; padding-bottom: 0px; background: none; padding: 0px;}
.layui-form2 .footerbtn-box-ac {background-color: #fff;}

.layer-form2  .layui-input-prefix, .layer-form2  .layui-input-split, .layer-form2  .layui-input-suffix {height: auto; top: 10px;}
.layui-form-select dl dd.layui-this {font-weight: bold !important; color: #333 !important;}
/**common**/
.bg-gray {background-color: #F9F9F9;}
.text-red {color: #DF3831;}

/**活动详情**/
.detail_info {background-color: #fff; font-size: 16px; border-radius: 10px; padding: 15px; margin-top: 15px;}
.detail_info h1 {font-size: 1.1em; font-weight: bold;}
.detail_info .other {display: flex; color: #666; align-items: center; margin: 5px 0; font-size: .9em;}
.detail_info .other .iconfont {font-size: 1.2em;}
.detail_info .other .icon-position {font-size: 1em; margin-right: 5px;}
.detail_info .debug-tips {color: #DF3831; text-align: center; padding: 10px 0; background-color: #fff;}

.detail-main {padding: 15px; background-color: #fff;border-radius: 10px; margin-top: 15px;font-size: 16px; }
.detail-main .weui-panel:first-child::before {border-top: none;}
.detail-main .weui-panel-body {padding: 0px;}
.detail-main .detail-body-summary {line-height: 25px;}
.detail-main .detail-cont {color: #333; margin-top: 0px;}
.detail-main .hide {display: none;}
.detail-main .operation {text-align: center; background-color: #fff; opacity: .7; color: #333; position: relative; top: 0px; font-size: .7rem; padding: 10px 0;}
.detail-main .operation i {margin-right: 10px;}
.detail-main .operation .up-close {}

.activity-show .detail-main .operation,.detail-main .operation {padding-bottom: 0px; font-size: .9em; top: 0px;}
.activity-show .detail-main  .detail-body,.detail-main  .detail-body {font-size: .9em; margin-top: 0px;}
.bradius10 {border-radius: 10px;}
.mt15 {margin-top: 15px;}

/**底部按钮区域**/
button:foucs{
	outline:0 !important;
	-webkit-tap-highlight-color: transparent !important;
	border: 0px solid transparent;
}
.btn-ac-outer {font-size: 16px; padding: 0px;}
.btn-ac-outer .btn-ac {font-size: 1em; border-radius: 1.3em; margin: 15px 0; padding: 0px;}
.btn-ac-outer .weui-btn~.weui-btn {margin-top: 15px; margin-bottom: 15px;}
.btn-ac-outer .btn-ac:first-child {margin-left: 15px;}
.btn-ac-outer .btn-ac:last-child {margin-right:15px;}

.btn-ac-outer .btn-ac:active, .btn-ac-outer .btn-ac:focus {outline:0;}
.swal-modal .swal-footer {text-align: center;}
.swal-modal .swal-title {font-size: 16px;}
.swal-button--confirm {background-color: #DF3831;}
.swal-button--ok {background-color: #DF3831;}
.swal-button:not([disabled]):hover,.swal-button:active {
	background-color: #DF3831;
}

.layui-layer-dialog .layui-layer-btn .layui-layer-btn0 {
    border-color: #DF3831;
    background-color: #DF3831;
    color: #fff
}

/**jqueryweui & layui form修改**/
.weui-cell-layuiform .layui-form-item {margin: 0px;;}
.weui-cell-layuiform .layui-input-block {margin: 0px;}
.weui-cell-layuiform .layui-form-select .layui-input {border: none; text-align: right;}

/**协议书**/
.layer-commitment-custom .layui-layer-title {text-align: center; padding: 0px 20px; font-size: 1rem; font-weight: bold;}
.layer-commitment-custom .layui-layer-setwin {display: none;}
.commitment_body_wrapper {padding: 10px;}
.commitment_body_wrapper img {width: 100%;;}
.layer-commitment-custom .layui-layer-btn .layui-layer-btn0 {
    border-color: #DF3831;
    background-color: #DF3831;
    color: #fff
}

/**管理台待办**/
.admin_pending {width: 100%;}
.admin_pending .row {
    display: flex;
    flex-wrap: wrap;
}
.admin_pending .row .col {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 5px 15px;
}
.admin_pending .row .col .pull-left {flex: 1;}
.admin_pending .row .col .pull-right {
    text-align: right;
}
.admin_pending .row strong {
    font-weight: bold; color: #DF3831; font-size: 18px;
}
@media screen and (max-width: 560px) {
    .admin_pending .row .col {
        width: 100%;
    }
}