.layui-fixbar li
{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    border: solid 3px #CEEAF8;
}
.more-book
{
    width:100%; float:left; display:inline; text-align:center; padding-bottom:15px; font-size:12px !important; 
    }
    .more-book a
    {
        color:#89918C;
        }
            .more-book a:hover
            {
                 color:#0FAAEB
                
                }
.s-pen
{
    font-size: 17px !important;
    font-family: 'Microsoft YaHei UI' ,微软雅黑;
}
.main-wrapper
{
    width: 100%;
    float: left;
    display: inline;
    margin-top: 10px;
}
.left-main-box
{
    width: 68%;
    float: left;
    display: inline;
    margin-left: 1%;
}
.right-main-box
{
    width: 29%;
    float: right;
    display: inline;
    margin-right: 1%;
}
.hot-group-box
{
    width: 100%;
    float: left;
    display: inline;
    margin-bottom: 10px;
    background-color: White;
}
.group-box
{
    width: 95%;
    float: left;
    display: inline;
    margin-left: 1%;
}
.group-slide-box
{
    width: 3%;
    float: left;
    display: inline;
    padding-top: 60px;
}
.group-slide-box img
{
    width: 99%;
}
.group-item
{
    width: 23.6%;
    border: solid 1px #E3E8E5;
    float: left;
    display: inline;
    margin-bottom: 8px;
    margin-right: 1%;
}
.group-icon
{
    width: 30%;
    float: left;
    display: inline;
}
.group-icon img
{
    width: 100%;
}
.group-info
{
    width: 66%;
    float: left;
    display: inline;
    margin-left: 4%;
}
.group-info li
{
    width: 100%;
    float: left;
    display: inline;
    padding-bottom: 6px;
}
.group-title
{
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px;
    height: 16px;
    line-height: 16px;
    white-space: nowrap; /*不换行*/
    overflow: hidden; /*超出的隐藏*/
    text-overflow: ellipsis; /*超出部分自动用...来表示*/
}
.focus
{
    border: solid 1px #5B5858;
    padding: 1px 6px 1px 6px;
    color: #5B5858;
    font-size: 12px;
}
.focus:hover
{
    color: #0F9ADB;
}
.c-gray
{
    color: #969696;
    font-size: 12px;
}
.group-title-box
{
    width: 99%;
    float: left;
    display: inline;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #333;
    margin-left: 1%;
    border-bottom: solid 3px #F4F3EF;
    background-color: White;
    margin-bottom: 10px;
}
.title-box
{
    width: 100%;
    float: left;
    display: inline;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #333;
    border-bottom: solid 3px #F4F3EF;
    background-color: White;
    margin-bottom: 10px;
}
.tab-box
{
    width: 100%;
    float: left;
    display: inline;
    background-color: White;
}
.grid
{
    width: 100%;
    float: left;
    display: inline;
}
.grid-item
{
    width: 50%;
    float: left;
    display: inline;
    margin-bottom: 15px;
}
.grid-item-box
{
    width: 93%;
    border-radius: 10px;
    margin: 0 auto;
    padding: 1.6%;
    background-color: White;
}
.grid-item-box ul
{
    width: 100%;
    float: left;
    display: inline;
}
.grid-item-box ul li
{
    width: 100%;
    float: left;
    display: inline;
}
.li-col1
{
    width: 10% !important;
    float: left;
    display: inline;
}
.li-col1 img
{
    width: 99%;
}
.li-col2
{
    width: 88% !important;
    float: right !important;
    display: inline;
}
.dl-name
{
    font-size: 12px;
    font-weight: bold;
    color: #3E3D3C;
    padding-bottom: 4px;
}
.dl-name a
{
    color: #4B4948;
}
.dl-other
{
    color: #9A9B9B;
}
.dl-other a
{
    color: #9A9B9B;
}

.item-li1
{
    font-size: 17px;
    line-height: 165%;
    font-weight: bold;
    padding-top: 8px;
}
.item-li1 a
{
    color: #444242 !important;
}
.item-li1 a:hover
{
    color: #DF4305 !important;
}

.item-li2
{
    padding-top: 4px;
    padding-bottom: 7px;
}
.item-li2 img
{
    width: 100%;
}
.item-li3
{
    color: #666;
    line-height: 22px;
    word-wrap: break-word; /*自动换行*/
}
.item-li4
{
    text-align: right;
    font-size: 12px !important;
    color: #CF6B47;
    border-bottom: solid 5px #F9F7F7;
    padding-bottom: 10px;
}
.item-li4 a
{
    color: #CF6B47;
}
.item-li4 a:hover
{
    color: #D04110;
}
.blog-item
{
    width: 97%;
    float: left;
    display: inline;
    margin-left: 1%;
    border-bottom: solid 1px #F5F4F3;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.blog-author
{
    width: 7%;
    float: left;
    display: inline;
}
.blog-author img
{
    width: 99%;
}
.blog-info
{
    width: 91%;
    float: left;
    margin-left: 1.5%;
}
.blog-info li
{
    width: 100%;
    float: left;
    display: inline;
}
.font-auther
{
    color: #6E6D6A;
}
.font-title
{
    font-size: 18px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 10px;
}
.font-title a:hover
{
    color: #DF4305;
}
.font-preview
{
    color: #47484A;
    line-height: 20px;
    padding-bottom: 10px;
    word-wrap: break-word; /*自动换行*/
}
.font-stat dl
{
    width: 25%;
    float: left;
    display: inline;
    color: #96989B;
    font-size: 12px;
}
.kind
{
    border: solid 1px #E0E3DF;
    border-radius: 10px;
    padding: 1px 5px 1px 5px;
    background-color: #FAFBFB;
}
.tag
{
    border: solid 1px #E0E3DF;
    border-radius: 10px;
    padding: 1px 5px 1px 5px;
    background-color: #FAFBFB;
    margin-bottom: 3px;
    float: left;
    display: inline;
    margin-right: 3px;
    font-size: 9px;
}
.btn-yellow-small
{
    border: solid 1px #5FB878;
    border-radius: 10px;
    padding: 3px 10px 3px 10px;
    color: #5FB878;
    font-size: 12px;
}
.btn-green-small
{
    border: solid 1px #5FB878;
    border-radius: 10px;
    padding: 1px 8px 1px 8px;
    color: #5FB878;
    font-size: 12px;
}
.btn-blue-small
{
    border-radius: 10px;
    padding: 3px 11px 3px 11px;
    color: white;
    font-size: 12px;
    background-color: #1E9FFF;
}
.btn-orange-small
{
    border-radius: 10px;
    padding: 3px 11px 3px 11px;
    color: white;
    font-size: 12px;
    background-color: #FF5722;
}
.btn-answer
{
    color: #FF5722;
}
.btn-collect
{
    color: #5FB878;
}
.btn-cancle
{
    border: solid 1px #E1BA04;
    border-radius: 10px;
    padding: 3px 10px 3px 10px;
    color: #E1BA04;
    font-size: 12px;
}
.ask-item
{
    width: 97%;
    float: left;
    display: inline;
    margin-left: 1%;
    border-bottom: solid 1px #F5F4F3;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.ask-item-ul1
{
    width: 7%;
    float: left;
    display: inline;
}
.ask-item-ul2
{
    width: 78%;
    float: left;
    display: inline;
    margin-left: 1.5%;
}
.ask-item-ul2 li
{
    width: 100%;
    float: left;
    display: inline;
}
.ask-item-ul3
{
    width: 12%;
    float: right;
    display: inline;
    font-size: 14px;
    font-family: 微软雅黑;
}
.ask-item-ul3 li
{
    padding-bottom: 15px;
    width: 100%;
    float: left;
    display: inline;
}
.full-width
{
    width: 100%;
    font-weight: bolder;
}
.ask-auther
{
    width: 100%;
    float: left;
    display: inline;
}
.ask-auther img
{
    width: 99%;
    float: left;
    display: inline;
}
.ask-item-ul2 li
{
    width: 100%;
    float: left;
    display: inline;
}

.article-item
{
    width: 31%;
    float: left;
    display: inline;
    border: solid 1px #F0F3F4;
    margin-left: 2%;
    margin-bottom: 15px;
    height: 215px;
    border-radius: 6px;
    overflow: hidden;
}
.article-item ul
{
    width: 100%;
    float: left;
    display: inline;
}
.article-item ul li
{
    float: left;
    display: inline;
}
.atl-li1
{
    height: 110px;
    overflow: hidden;
    width: 100%;
}
.atl-li1 img
{
    width: 100%;
}
.atl-li2
{
    width: 100%;
}
.atl-li3
{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 7px;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    height: 40px;
    overflow: hidden;
}
.atl-li4
{
    width: 100%;
    border-top: solid 1px #ECF0F1;
    padding-top: 6px;
}
.atl-li4 dl
{
    width: 33%;
    float: left;
    display: inline;
    text-align: center;
    color: #94999A;
    font-size: 11px;
}
.auther-box
{
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    margin-top: -15px;
}
.auther-box img
{
    width: 100%;
    height: 100%;
}
.right-common-box
{
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    float: left;
    display: inline;
    background-color: White;
    margin-bottom: 10px;
}

.my-group-box
{
    width: 100%;
    float: left;
    display: inline;
    margin-bottom: 7px;
    padding-bottom: 10px;
    border-bottom: solid 1px #E3E8E5;
    margin-top: 7px;
}
.my-group-logo
{
    width: 15%;
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
.my-group-logo img
{
    width: 100%;
}
.my-group-info
{
    width: 82%;
    float: left;
    display: inline;
    margin-left: 3%;
}
.my-group-info li
{
    width: 100%;
    float: left;
    display: inline;
}

.g-i-1
{
    font-weight: bold;
    color: #374345;
    padding-bottom: 6px;
}
.g-i-2
{
    color: #545856;
    padding-bottom: 5px;
}
.g-i-2 dd
{
    width: 33%;
    float: left;
    display: inline;
}

.g-i-3 dd
{
    width: 40%;
    float: left;
    display: inline;
    padding-top: 5px;
}
.friend-item
{
    width: 46%;
    float: left;
    display: inline;
    margin-right: 1%;
    margin-bottom: 5px;
    padding: 1%;
}
.friend-ul1
{
    width: 30%;
    float: left;
    display: inline;
}
.friend-ul2
{
    width: 66%;
    float: left;
    display: inline;
    margin-left: 4%;
}
.friend-ul2 li
{
    width: 100%;
    float: left;
    display: inline;
}
.f-li1
{
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.f-li2
{
    font-size: 12px;
    color: #BABBBB;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}
.f-li3
{
    width: 100%;
    float: left;
    display: inline;
    padding-top: 6px;
    font-size: 11px;
    color: #75C3F5;
    height: 22px;
    overflow: hidden;
}
.friend-ul1 img
{
    width: 100%;
}

.fans-item
{
    width: 17%;
    float: left;
    display: inline;
    margin-right: 3%;
    text-align: center;
    margin-bottom: 6px;
}
.fans-li1
{
    padding-top: 3px;
    color: #646363;
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    width: 100%;
    float: left;
    display: inline;
    overflow: hidden;
}
.fans-item img
{
    width: 100%;
}
.btn-topic
{
    border: solid 1px #149FEF;
    color: #1D1E1E;
    border-radius: 3px;
    padding: 2px 4px 2px 4px;
    background-color: #149FEF;
    color: White;
    font-size: 12px;
}


.my-book-item
{
    width: 47%;
    float: left;
    display: inline;
    border: solid 1px #F0F3F4;
    margin-right: 2%;
    margin-bottom: 15px;
    border-radius: 6px;
    overflow: hidden;
}
.my-book-item ul
{
    width: 100%;
    float: left;
    display: inline;
}
.my-book-item li
{
    float: left;
    display: inline;
}
.book-li1
{
    height: 65px;
    overflow: hidden;
    width: 100%;
}
.book-li1 img
{
    width: 100%;
}
.book-li2
{
    width: 100%;
}
.book-li3
{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 7px;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    height: 30px;
    overflow: hidden;
}
.book-li4
{
    width: 100%;
    border-top: solid 1px #ECF0F1;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}
.book-li5
{
    width: 92%;
    float: left;
    margin-left: 4%;
    display: inline;
    color: #ABA7A6;
    font-size: 12px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    margin-bottom: 3px;
}
.book-li5 a
{
    color: #7ED0CF !important;
}
.book-li6
{
    width: 92%;
    float: left;
    margin-left: 4%;
    display: inline;
    color: #ABA7A6;
    font-size: 12px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    margin-bottom: 5px;
}
.auther-box
{
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    margin-top: -15px;
}
.auther-box img
{
    width: 100%;
    height: 100%;
}
.more-focused-group
{
    width: 70px;
    margin: 0 auto;
    font-size: 12px;
    color: #EF360B;
    padding-bottom: 5px;
}
#btnMoreFoucsedGroup
{
    color: #898686;
}
.focusUser
{
    border: solid 1px #5B5858;
    padding: 1px 6px 1px 6px;
    color: #5B5858;
    font-size: 12px;
}
.link-li
{
    float: left;
    display: inline;
    padding: 3px;
    color: #8B8989;
}
.link-li a
{
    color: #8B8989;
}
.p-book-item
{
    width: 100%;
    float: left;
    display: inline;
    padding-top: 5px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: solid 1px #ECF1F2;
}
.p-book-ul1
{
    width: 35%;
    float: left;
    display: inline;
}
.p-book-ul1 li
{
    width: 100%;
    float: left;
    display: inline;
    height: 70px;
    overflow: hidden;
    border-radius: 8px;
    border: solid 1px #F1F6F8;
}
.p-book-ul1 li img
{
    width: 100%;
    float: left;
    display: inline;
}
.p-book-ul2
{
    width: 60%;
    float: right;
    display: inline;
}
.p-book-ul2 li
{
    width: 100%;
    float: left;
    padding-bottom: 5px;
}
.p-book-li1
{
    font-size: 15px !important;
}
.p-book-li2
{
    font-size: 12px;
    color: #D0D2D2;
    margin-bottom: 6px;
}
.p-book-li2 a
{
    color: #D0D2D2;
}
/*---------图片------------*/

.imgStyle2, .imgStyle4, .imgStyle5, .imgStyle6, .imgStyle7
{
    width: 100%;
    float: left;
    display: inline;
}

.imgStyle2 ul
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyle2 ul li
{
    width: 50%;
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
.imgStyle2 ul li img
{
    width: 100%;
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
.imgStyle3
{
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.imgStyle3-col1
{
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 68%;
}

.imgStyle3-col2
{
    width: 32%;
    float: right;
}
.imgStyle3-col2 ul
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyle3-col2 ul li
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyle3-col2 ul li img
{
    width: 100%;
    height: auto;
}

.imgStyle4
{
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.imgStyle4-col1
{
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.imgStyle4-col2
{
    width: 20%;
    float: right;
}
.imgStyle4-col2 ul
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyle4-col2 ul li
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyle4-col2 ul li img
{
    width: 100%;
}
.imgStyle8 ul
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyle8
{
    width: 100%;
    float: left;
}
.imgStyle8 ul li
{
    width: 25%;
    float: left;
    display: inline;
}
.imgStyle8 ul li img
{
    width: 100%;
}

.imgStyle5 ul
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyl5-ul1 li
{
    width: 49.5% !important;
    float: left;
    display: inline;
}
.imgStyl5-ul1 li img
{
    width: 100%;
}
.imgStyl5-ul2 li
{
    width: 33% !important;
    float: left;
    display: inline;
}
.imgStyl5-ul2 li img
{
    width: 100%;
}
.imgStyle6 ul
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyle6 ul li
{
    width: 33.3%;
    float: left;
    display: inline;
}
.imgStyle6 ul li img
{
    width: 100%;
}
.imgStyl7-ul1, .imgStyl7-ul2
{
    width: 100%;
    float: left;
    display: inline;
}
.imgStyl7-ul1 li
{
    width: 33% !important;
    float: left;
    display: inline;
}
.imgStyl7-ul1 li img
{
    width: 100% !important;
    height: auto;
}
.imgStyl7-ul2 li
{
    width: 24.75% !important;
    float: left;
    display: inline;
}
.imgStyl7-ul2 li img
{
    width: 100% !important;
    height: auto;
}