/* header */
.wg-header{
    padding-top:30px;
}
.wg-header-logo{
    display:flex;
    justify-content: space-between;
}
.wg-header-logo .logo{
    width:280px;
    height:28px;
}
.wg-header-logo .login{
    font-size:16px;
    color:#23AEE7;
}
.wg-header-logo .login a{
    color:#23AEE7;
}
.wg-header-list{
    display:flex;
    justify-content:flex-end;
    font-size:18px;
    font-weight: bold;
}
.wg-header-item a{
    display:block;
    color:#494949;
    padding:36px 22px 36px 18px;
    transition:all .5s;
}
.wg-header-item.active a{
    background-color:#23AEE7;
    color:white;
}
.wg-header-item a:hover{
    background-color:#23AEE7;
    color:white;
}

.wg-userInfo{
    display:flex;
    align-items: center;
    disp3lay:none;
}
.wg-userInfo-message{
    position: relative;
    display: flex;
    align-items: center;
}
.wg-userInfo-message .s:first-child img{
    width:24px;
}
.wg-userInfo .s{
    padding-right: 20px;
}

.wg-userInfo .l img,.wg-userInfo .s img{
    width:22px;
    height:24px;
}

.wg-userInfo .l::after{
    content:'';
    display:block;
    width:6px;
    height:6px;
    background-color:#FC2C2F;
    border-radius:50%;
    position: absolute;
    right: 18px;
    top: 3px;
}
.wg-userInfo .l.no::after{
    display:none;
}
.wg-userInfo .r{
    width:40px;
    height:40px;
}
.wg-userInfo .r img{
    width:40px;
    height:40px;
    border-radius:50%;
    overflow: hidden;
}

.wg-userInfo-it .hover-element:hover .wg-userInfo-set{
    display:block;
}
.wg-userInfo-it{
    position: relative;
}
/* 设置  */
.wg-userInfo-set{
    width:126px;
    position: absolute;
    right:-48px;
    top: 36px;
    box-shadow: 0 0 2px #ededed;
    background-color:#FFFFFF;
    display:none;
}
.wg-userInfo-set a{
    padding:12px;
    font-size:14px;
    color:#494949;
    display:flex;
    align-items: center;
    cursor: pointer;
}

.wg-userInfo-set a img{
    margin-right:8px;
}
.wg-userInfo-set a:hover{
    background-color: rgba(0,0,0,.1);
}
.wg-userInfo-set a:nth-child(1) img{
    width:18px;
    height:19px;
}
.wg-userInfo-set a:nth-child(2) img{
    width:15px;
    height:19px;
}
.wg-userInfo-set a:nth-child(3) img{
    width:17px;
    height:13px;
}
/* 站内信 */
.station-letter{
    position: absolute;
    width: 298px;
    z-index:9;
    top:32px;
    right:-64px;
    background-color:#FFFFFF;
    box-shadow: 0 0 2px #ededed;
    border:1px solid #ededed;
    font-size:14px;
    dis3play:none;
}
.station-letter .start{
    height:30px;
    background-color:#FAFAFA;
    border-bottom:1px solid #ededed;
    text-align: center;
    line-height:30px ;
    color:#28ADE9;
}
.station-letter .end{
    display:block;
    height:30px;
    background-color:#FAFAFA;
    border-top:1px solid #ededed;
    text-align: center;
    line-height:30px ;
    color:#494949;
}
.station-letter .list{
    height:240px;
    overflow-y: auto;
    padding:12px;
}
.station-letter .list a{
    display:block;
    background-color:#FAFAFA;
    padding:4px 10px;
    border:1px solid #ededed;
    color:#333333;
    margin-bottom:8px;
}
.station-letter .list a .time{
    float: right;
    color:#999999;
    font-size:12px;
}
/* footer */
.wg-footer{
    background-color:#23AEE7;
    color:white;
    font-family: '思源黑体','微软雅黑';
    padding-top:30px;
}
.wg-footer-list{
    display:flex;
    justify-content: space-between;
}
.wg-footer-item h4{
    font-size:20px;
}
.wg-footer-item div{
    line-height: 28px;
    margin-top:12px;
}
.wg-footer-item a{
    display:block;
    color:white;
    font-size:16px;
    color:rgba(255,255,255,.8);
}
.wg-footer .banquan{
       text-align:center;
       font-size:14px;
       background-color:rgba(0,0,0,.3);
       margin-top:32px;
       padding:10px;
       color: rgba(255,255,255,.9);
}
.wg-footer .banquan a{
       font-size:14px;
       color: rgba(255,255,255,.9);
}
/* 站内信 全部信息 */
.allInformation-item{
    background-color:white;
    margin-bottom:12px;
    border-radius:6px;
    padding:20px;
}
.allInformation-item div{
    display:flex;
    justify-content: space-between;
    padding-bottom:6px;
}
.allInformation-item p,.allInformation-item div span{
    color:#494949;
}
/* banner */
.wg-banner img{
    width:100%;
}

/* 通知广告 */
.notification{
    display:flex;
    justify-content: space-between;
    padding:30px 0;
}
.notification-left{
    width:32%;
    height:340px;
    overflow: hidden;
    border:1px solid #ededed;
    padding:8px 12px;
    box-shadow: 0 0 2px #ededed;
}
.notification-right{
    width:66%;
    height:340px;
    overflow: hidden;
    border:1px solid #ededed;
    padding:8px 12px;
    box-shadow: 0 0 2px #ededed;
}
.notification-nav{
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px solid #ededed;
}
.notification-nav>a{
    font-size:14px;
    color:#696969;
}
.notification-nav>div{
    display:flex;
}
.bread-crumbs-list{
    display:flex;
    align-items: center;
    margin-left:30px;
}
.bread-crumbs-item{
    cursor: pointer;
}
.bread-crumbs-item.active{
    color:#23B0E8;
}
.bread-crumbs-item + .bread-crumbs-item::before{
    content:'|';
    margin:0 6px;
    color:#333333;
}
.notification-left-item::before{
    content:'·';
    font-size:24px;
    color:#24AFE7;
}
.notification-left-item a,.notification-right-item a{
    color:#494949;
}
.notification-right-list {
    display:flex;
    flex-wrap: wrap;
    line-height: 32px;
}
.notification-right-item{
    width:32%;
    margin-right:8px;
}
.association,.services{
    border:1px solid #ededed;
    padding:8px 12px;
    box-shadow: 0 0 2px #ededed;
}
.association-box{
    display:flex;
    height:300px;
    justify-content: space-between;
    overflow: hidden;
    padding-top:4px;
}
.association-left{
    width:38%;
}
.association-left img{
    width:100%;
    height:100%;
}
.association-right{
    width:60%;
}
.association-right h4{
    color:#333333;
    font-size:18px;
}
.association-right p{
    text-indent:32px;
    padding:12px 0;
    color:#333333;
}
.services{
    margin-top:30px;
}
.services-list{
    display:flex;
    padding:20px 0;
}
.services-item{
    width:33%;
    text-align:center;
    color:#494949
}
.services-item img{
    width:300px;
    height:200px;
    display:block;
    margin:0 auto 6px;
}
.services-item p{
    width:300px;
    margin:0 auto 6px;
}
.footerbanner{
    margin:30px 0;
}
.footerbanner img{
    width:100%;
}
.development{
    display:flex;
    justify-content: space-between;
    margin-bottom:30px;
}
.development-left,.development-right{
    width:49%;
    border: 1px solid #ededed;
    padding: 8px 12px;
    box-shadow: 0 0 2px #ededed;
}
.development-left-box{
    display:flex;
    justify-content: space-between;
}
.development-left-box>div,.development-left-box>ul{
    width:49%;
    height:196px;
    overflow: hidden;
}
.development-left-box>div img{
    width:100%;
    height:100%;
}
/* 小轮播 */
.development-container {
    width:100%;
    height:196px;
}
.development-left .swiper-slide{
    position: relative;
}
.development-left .swiper-slide p{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:30px;
    line-height: 30px;
    padding:0 6px;
    color:white;
    background-color:rgba(0,0,0,.6);
    font-size:14px;
}
.development-left .swiper-button-next:after,.development-left  .swiper-button-prev:after{
    font-size: 26px !important;
}
.development-left .swiper-button-prev,.development-left  .swiper-button-next {
    color: white !important;
    text-shadow: 0 0 2px #000;
}
.thinktank-container{
    width:100%;
    margin-top:28px;
}
.thinktank-container .swiper-wrapper{
    margin-left:27px;
}
.thinktank-container .swiper-slide img{
    width:90%;
}
.thinktank-container .swiper-slide p{
    width:90%;
    text-align: center;
}
.thinktank-container .swiper-button-prev{
    background-color:white;
    left:0;top:22px;
    height:100%;
}
.thinktank-container .swiper-button-next{
    background-color:white;
    right:0;top:22px;
    height:100%;
}
.thinktank-container .swiper-button-prev::after,.thinktank-container .swiper-button-next::after{
    font-size: 26px !important;
}

/* 关于我们 */
.main-container{
    display:flex;
    justify-content: space-between;
    padding:30px 0;
}
.main-container-left{
    width:15%;
}
.main-container-left-title{
    color:#23AEE7;
    margin-bottom:8px;
}
.main-container-nav li{
    border-bottom:1px solid #ededed;
}
.main-container-nav li:first-child{
    border-top:1px solid #ededed;
}
.main-container-nav li a{
    display:block;
    color:#494949;
    padding:8px 4px 8px 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-container-nav li.curr a{
    background-color:#23AEE7;
    color:white;
}
/* 右侧 */
.main-container-right{
    width:82%;
}
.main-container-right-title{
    display:flex;
    margin-bottom: 20px;
}
.main-container-right-title>div{
    margin:0 auto;
    width: 25%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASEAAAAuCAYAAABnPK96AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjVBQjEzNzE0QzlEMTFFQThBOEFFQ0M3QzgzN0FDMzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjVBQjEzNzI0QzlEMTFFQThBOEFFQ0M3QzgzN0FDMzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NUFCMTM2RjRDOUQxMUVBOEE4QUVDQzdDODM3QUMzOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NUFCMTM3MDRDOUQxMUVBOEE4QUVDQzdDODM3QUMzOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjrlq7sAAADpSURBVHja7N3BDYIwFIBhSjqEA+BALooDOYBuUePBxAu2L5oW4/edOL+UH6KhTaWUifeO59vz0rCISJfTwRQqshHEF5YR0MADq9FsBIAIASIEIEKACAGIECBCACIEiBCACAEiBCBCgAgBiNA4vqDHWhEhQIQARAgQIYAPpWW9mgLgTQj4T4+N7m3I3eGN0wh+lvujQ4TcIOABMm7Azh2rezl3DEKcO1bnNyFAhAARAhAhQIQARGjH/JWItSJCgAgBiBAgQgAiBIgQgAgBIgQgQoAIAYgQIEIAIgSIEMCGbARhtmiAL7oLMAA+SBUVfEzVBgAAAABJRU5ErkJggg==) no-repeat;
    background-size:100% 100%;
    font-weight: bold;
}

/* 领导团队 */
.leading-list{
    display:flex;
    flex-wrap:wrap;
}
.leading-item{
    width:33.3333%;
    font-size:0;
}
.leading-item>div{
    margin:12px 20px;
    box-shadow: 0 0 2px #ededed;
    position: relative;
}
.leading-item-img img{
    width:100%;
    height:312px;
}
.leading-item-content{
    width:100%;
    font-size:16px;
    padding:20px 6px 10px;
    border:1px solid #ededed;
    background-color:#F9F8F6;
    color:#333333;
}
.leading-item-name{
    font-size:18px;
    position: absolute;
    top:296px;left:6px;
    background-color:#23AEE7;
    color:white;
    width:96px;height:30px;
    line-height: 30px;
    text-align:center;
}
/* 联系我们 */
.contact-us>div{
    width:50%;
    float: left;
    line-height: 32px;
    color:#333333;
}
.contact-us>div p{
    font-weight: bold;
}
.contact-us>div span{
    font-weight: normal;
}
/* 通知公告 */
.announcement-item{
    display:flex;
    justify-content: space-between;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px dashed #ededed;
    overflow: hidden;
}
.announcement-item-date{
    width:84px;
    height:84px;
    background-color:#F9F8F6;
    flex-shrink: 0;
    display:flex;
    flex-flow:column;
    justify-content: center;
    align-items: center;
    color:#333333;
}
.announcement-item-date p{
    font-size:20px;
    color:#26A9E1;
    font-weight: bold;
}
.announcement-item-content{
    height: 84px;
    padding:6px 20px;
    color:#333333;
}
.announcement-item-content h4{
    margin-bottom:10px;
}
.announcement-item-content p{
    height:42px;
    overflow: hidden;
    color:#494949;
}
/* 协会新闻 */
.associationNews-item{
    display:flex;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px dashed #ededed;
}
.associationNews-item-img{
    width:132px;
    height:84px;
    flex-shrink: 0;
}
.associationNews-item-img img{
    width:100%;
    height:100;
    border:1px solid #ededed;
}
.associationNews-item .announcement-item-content{
    width:750px;
}
/* 详情页 */
.detail-title{
    font-size:18px;
    text-align:center;
}
.detail-subtitle{
    text-align:center;
    padding:10px 0;
    color:#494949;
    border-bottom:1px dashed #ededed;
}
.detail-content{
    line-height: 28px;
    color:#333333;
    padding:20px 20px 26px;
}
.detail-page{
    display:flex;
    justify-content: space-between;
    padding:10px 20px;
    border-top:1px dashed #ededed;
}
.detail-page a{
    width:30%;
    color:#333333;
}
/* 协会服务 */
.professional-list{
    display:flex;
    flex-wrap: wrap;
}
.professional-item{
    width:33.3333%;
    text-align:center;
}
.professional-item img{
    width:100%;
}
.professional-item>a{
    display:block;
    padding:10px 12px;
    color:#494949;
}
/* 会员名单 */
.member-list{
    display:flex;
    flex-wrap: wrap;
    line-height: 30px;
}
.member-list a{
    width:33.33%;
    color:#333333;
    box-sizing: border-box;
    padding-right:12px;
}
/* 在线留言 */
.onlineMessage-textarea textarea{
    display:block;
    width:100%;
    height:80px;
    resize:none;
    border:1px solid #ededed;
    padding:8px;
    border-radius:5px;
    margin:12px 0;
}
.onlineMessage-textarea a{
    display:block;
    width:80px;height:26px;
    background-color:#23AEE7;
    color:white;
    text-align:center;
    line-height:26px;
    outline: #23AEE7;
    border:2px solid transparent;
    border-radius:5px;
}
.onlineMessage-textarea a:focus{
    border:2px solid #58AE39;
}
.onlineMessage-textarea .lat{
    padding:40px 0 10px;
    border-bottom:1px dashed #ededed;
}

.onlineMessage-item{
    display:flex;
    padding:20px 0;
    border-bottom:1px dashed #ededed;
    align-items: flex-start;
}
.onlineMessage-item-headImg{
    width:6%;
    flex-shrink: 0;
}
.onlineMessage-item-headImg img{
    width:58px;
    height:58px;
    border-radius:50%;
    overflow: hidden;
}
.onlineMessage-item-content{
    width:94%;
    padding-left:12px;
}
.onlineMessage-item-content .name{
    display: flex;
    justify-content: space-between;
    color:#999999;
    font-size:14px;
}
.onlineMessage-item-content .bl{
    color: #23AEE7;
    font-size:16px;
}
.onlineMessage-item-content .bl *{ vertical-align:middle;}
.onlineMessage-item-content .bl img{display:inline-block;margin-right:6px;}

.onlineMessage-item-content h3{color:#666; border:0px solid #ccc;margin-top:8px;}
.onlineMessage-item-content .msg{
    padding:12px 0 12px 1px;
    color:#333333;
}
.onlineMessage-item-content .clearfix{
    float: right;
}
.onlineMessage-item-content .clearfix a{
    display:inline-block;
    padding:0 10px;
}
/* 登录  注册 */
.position-container-footer{
    display:flex;
    justify-content: center;
    align-items: center;
    color:#494949;
}
.position-container-footer a{
    color:#494949;
}
.position-container-main{
    background: url(../img/bj.png) no-repeat;
    background-size:100% 100%;
    position: relative;
}
.position-container-main-login{
    position: absolute;
    background-color:white;
    right:10%;
    top:50%;
    width:360px;
    height:386px;
    margin-top:-193px;
    border-radius:6px;
    box-shadow: 0 0 2px #ededed;
    padding:20px;
}
.login-title{
    display:flex;
    justify-content: space-between;
    font-size:18px;
    font-weight: bold;
    border-bottom:1px solid #ededed;
    margin-bottom:20px;
}
.login-title a{
    color:black;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding:6px 12px;
}
.login-title a.active{
    border-bottom:2px solid #23AEE7;
}
.login-from-item{
    border:1px solid #ededed;
    border-radius:5px;
    margin-bottom:20px;
    font-size:16px;
    color:#494949;
}
.login-from-item span{
    display:inline-block;
    min-width: 52px;
    padding-left:12px;
}
.login-from-item input{
    display:inline-block;
    height:40px;
    width:210px;
    border:0;
    outline: none;
}
.login-from-reg{
    display:flex;
}
.login-from-reg .login-from-item{
    flex-shrink: 0;
}
.login-from-reg .login-from-item input{
    width:91px !important;
}
.login-from-reg .exp{
    display:flex;
    align-items:center;
    justify-content: space-around;
    height:44px;
    width:50%;
    font-size:14px;
    color:#23AEE7;
}
.login-from-reg .exp span{
    cursor: pointer;
}
.login-from-reg .exp>div{
    display:flex;
    align-items:center;
    width:80px;
    height:38px;
    background-color:#91D6F3;
    border-radius:5px;
}

.login-from-btn a{
    background-color:#25ADE7;
    border-radius:7px;
    height:42px;
    line-height: 42px;
    text-align:center;
    display: block;
    color:white;
    margin-bottom:18px;
    font-weight: bold;
    letter-spacing: 6px;
    border:2px solid transparent;
    transition:all .5s;
}
.login-from-btn a:focus,.forget-from-item  a:focus{
    border:2px solid rgba(0,0,0,.3);
}
.login-from-forget a{
    float:right;
    font-size:14px;
    color:#23AEE7;
}
.position-container-main-registered{
    height: 480px;
    margin-top:-240px;
}
.position-container-main-registered .login-from-item input{
    width:208px;
}
/* 忘记密码 */
.forget-footer{
    height:120px;
    display:flex;
    justify-content: center;
    align-items: center;
    color:#494949;
}
.forget-footer a{
    color:#494949;
}
.forget-container-title{
    color:#494949;
}
.forget-container-title span{
    color:#28ADE9;
}
.forget-container{
    height:600px;
    background-color:#F6F6F6;
    border-radius:8px;
    margin-top:20px;
    padding:30px 0;
}
.forget-container-scorll{
    width:80%;
    margin:0 auto;
    height:60px;
    display:flex;
    justify-content: center;
    padding:20px 0 0 0;
}
.forget-container-scorll li{
    width:33.333%;
    display:flex;
    justify-content: center;
}
.forget-container-scorll li>div{
    font-size:14px;
    color:#494949;
    position: relative;
    width:100%;
}
.forget-container-scorll li>div::after{
    content:'';
    display:block;
    position:absolute;
    top:8px;
    left:0;
    width:100%;
    height:4px;
    background-color:#C1C1C1;
}
.forget-container-scorll li i{
    display:block;
    margin:0 auto;
    width:20px;
    height:20px;
    text-align: center;
    line-height: 20px;
    background-color:#C1C1C1;
    border-radius:50%;
    color:white;
    position: relative;
    z-index: 2;
}
.forget-container-scorll li span{
    display:block;
    text-align: center;
    padding-top:3px;
}
.forget-container-scorll li.active i,.forget-container-scorll li.active div::after{
    background-color: #28ADE9;
}
.forget-container-scorll li.active span{
    color: #28ADE9;
}
.forget-from{
    width:336px;
    margin:40px auto 0;
    transform: translateX(-28px);
    -webkit-transform: translateX(-28px);
}
.forget-from-item{
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:16px 0;
}
.forget-from-item input{
    width: 208px;
    height: 38px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #ededed;
    background-color: white;
    padding: 0 10px;
}
.forget-from-item span{
    width:96px;
    text-align: right;
}
.forget-from-item  a{
    display:block;
    width:226px;
    height: 32px;
    background-color: #28ADE9;
    color:white;
    border-radius: 5px;
    border:2px solid transparent;
    text-align: center;
    line-height: 32px;
}
.forget-from-return{
    display:flex;
    align-items: center;
    width:300px;
    margin:120px auto 0;
}
.forget-from-return img{
    width:38px;
    margin-right:12px;
}
.forget-from-return p{
    color:#28ADE9;
}
.forget-from-return span{
    color:#494949;
    font-size:14px;
}
.forget-from-return span a{
    color:#28ADE9;
}
.forget-header-user{
    width:100%;
    height:260px;
    background: url(../img/lo-banner.png) no-repeat;
    background-size:100% 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    color:white;
}
.forget-header-user .t1{
    width:96px;
    height:96px;
    overflow: hidden;
    border:2px solid white;
    border-radius:50%;
    margin:0 auto;
}
.forget-header-user .t1 img{
    width:100%;
    height:100%;
}
.forget-header-user .t2{
    text-align: center;
    padding:12px 0;
}
.forget-header-user .t2 span{
    font-size:14px;
}
.forget-header-user .t2 span img{
    width:13px;
    height:14px;
}
.main{
    background-color:#F6F6F6;
}
.back-towel{
    padding-top:20px;
    background-color:white;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
}
.back-towel a{
    color:#333333;
    font-weight: bold;
}

.back-towel div{
    padding-bottom:12px;
}
.back-towel div.active  a{
    color:#28ADE9;
    border-bottom:2px solid #28ADE9;
    padding:0 4px 12px;
}
.forget .onlineMessage-item{
    background-color:white;
    padding:20px;
    border:0;
    margin-top: 20px;
	
}

.onlineMessage-list .item
{
	display:flex;
    line-height:28px;
    padding:12px 0;
	background-color:#fff;
	padding-left:60px;
	border-top:1px dashed #ccc;
}
.onlineMessage-list .item img{
    width:40px;
    height:40px;
    flex-shrink: 0;
    margin-right:12px;
	border-radius:50%;
}
.onlineMessage-list .item:nth-child(3){
    mar3gin-left: 30px;
}
.onlineMessage-list .item:nth-child(4){
    m4argin-left: 60px;
}
.onlineMessage-list .item div{color:#333;}
.onlineMessage-list .item .time{
    display:block;
    color:#999;
    font-size:14px;
	
}

.returnForget-box{
    padding:12px 0;
}
.returnForget-list-item{
    background-color:white;
    padding:20px;
    color:#494949;
    margin-bottom:12px;
}
.returnForget-list-item span{
    color:#28ADE9;
}
.returnForget-list-item .message{
    width:100%;
    padding:12px 20px;
    background-color:#F6F6F6;
    border-radius:5px;
    line-height: 28px;
}
.returnForget-list-item .time{
    display:block;
    color:#999999;
    font-size:14px;
}
.returnForget-list-item .item{
    display:flex;
    line-height:28px;
    padding:12px 0;
}
.returnForget-list-item .item img{
    width:40px;
    height:40px;
    flex-shrink: 0;
    margin-right:12px;
}
.returnForget-list-item .item:nth-child(3){
    margin-left: 30px;
}
.returnForget-list-item .item:nth-child(4){
    margin-left: 60px;
}
.returnForget-list-item .textarea{
    border:1px solid #ededed;
    padding:12px 20px;
    border-radius:5px;
}
.returnForget-list-item .textarea textarea{
    display:block;
    resize: none;
    width:100%;
    height:60px;
    padding:8px 20px;
    border:0;
    box-sizing: border-box;
    outline: none;
}
.returnForget-list-item .button{
    height:40px;
}
.returnForget-list-item .button a{
    float: right;
    display: block;
    width: 99px;
    height: 28px;
    background-color: #25ADE7;
    color: #FCFAFF;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    margin-top: 16px;
    border:2px solid transparent;
}

.returnForget-list-item .button a:focus{
    border:2px solid rgba(0,0,0,.3);
    opacity: .9999;
}
.userInfo-container .forget-from-item{
    padding:10px 0;
}
.userInfo-container .forget-from-item div{
    width:230px;
}