/*放置同一个项目中可以共用的模块样式，做好注释，方便复用*/


/* 边框 */

.bor {
    border: 1px solid #0084cc;
}

body {
    width: 1100px;
    margin: auto
}

body {
    border: 1px solid #EBEBEB
}

@media screen and (min-width:100px) {
    .layui-container {
        width: 1100px;
        padding: 0;
    }
}

.mt20 {
    margin-top: 20px;
}

div.layui-tab-content {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* .tab-brief-blue */

.tab-brief-blue>.layui-tab-title li.layui-this {
    color: #1154A1;
}

.tab-brief-blue>.layui-tab-title li.layui-this::after {
    border-color: #1154A1;
}

.tab-lage>.layui-tab-title {
    height: auto;
}

.tab-lage>.layui-tab-title li {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 15px;
    font-weight: bold;
}

.tab-lage>.layui-tab-title .layui-this::after {
    height: 51px;
    border-bottom: 4px solid;
}


/* .tab-brief-red*/

.tab-brief-red>.layui-tab-title li.layui-this {
    color: #0084cc;
}

.tab-brief-red>.layui-tab-title li.layui-this::after {
    border-color:#0084cc;
}


/* box-header*/

.layout {
    width: 1100px;
    position: relative;
}

.box-header {
    background: url(../images/banner.png);
    background-size: 100% 100%;
    height: 90px;
    position: relative;
    margin-top: -1px;
}

.box-header .logo-text {
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 30px;
    color: #fff;
    /* font-weight: bold */
}

.box-header .logo-img {
    position: absolute;
    top: 30px;
    left: 595px;
}

.box-header .logo-text:hover {
    color: #fff;
}

.header-right {
    position: absolute;
    right: 40px;
    top: 10px;
}

.header-right>* {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.header-right .tips {
    position: absolute;
    bottom: -18px;
    left: 8px;
    color: #1154A1;
}


/* main-head */

.main-head {
    height: 100px;
    background: #fff;
    position: relative;
    margin-top: -1px;
    /* border-bottom: 3px solid #D70416 */
}

.main-head .logo-img {
    position: absolute;
    /*top: 14px;*/
    left: 37px;
    width: 415px;
    height: 94px;
}


/*  */

.listcontent {
    width: 500px;
    margin: auto;
}

.list-info {}

.list-info>a {
    padding: 2px 8px;
    display: block;
}
.list-info-app div.div-app{
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.list-info>a.list-info-a:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #006cf2;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.list-info>a.list-info-no{
    cursor: auto;
}
.list-info>a span {
    width: 90%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
}

.list-info>a.more {
    display: inline-block;
    float: right;
    color: #1154A1;
}

.list-info>a.more::before {
    content: none;
}


/* 面包屑 */

.box-breadcrumb {
    padding: 15px 25px;
    background: #EBEBEB
}

.box-breadcrumb .layui-breadcrumb a:hover {
    color: #333 !important;
}


/*  */

.box-content {
    padding: 25px 0;
    background: #EBEBEB
}

.box-content .layui-tab {
    margin: 0
}

.content-left,
.content-right {
    background: #fff;
    padding: 0 25px;
}

.content-left .layui-tab-title li {
    padding: 0;
    padding: 0 30px;
}

.content-right {
    margin-left: 25px;
}


/* item-list */

.item-list {
    height: 100%;
    padding: 0;
}

.item-list a {
    float: left;
}

.item-list a .icon {
    display: block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    color: #1154A1;
    font-size: 35px;
    margin: 15px 20px;
    border-radius: 5px;
    background: #EEF3FF;
}

.item-list a {
    text-align: center;
}

.item-list a span {
    display: inline-block;
    width: 100px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    font-size: 12px;
}

.item-list a .icon:hover {
    transform: scale(1.1);
}

.item-list a .icon.bg-ye {
    background-color: #e2b656;
}

.item-list a .icon.bg-red {
    background-color: #eb896f;
}

.item-list a .icon.bg-q {
    background-color: #7ccdd7;
}

.item-list a .icon.bg-z {
    background-color: #c277ee;
}

.item-list a .icon.bg-b {
    background-color: #7b96eb;
}

.item-list a .icon.bg-ba {
    background-color: #7dbbec;
}


/*消息列表样式*/

.listcontent {
    width: 500px;
    margin: auto;
}

.list {
    margin: 8px;
}

.list>a {
    padding: 2px 8px;
    display: block;
}

.list>a:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #006cf2;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.list>a span {
    width: 90%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
}

.list>a i {
    float: right;
    color: #999999;
    font-style: normal;
    line-height: 24px;
}


/* content-details */

.content-details {
    padding: 10px 0;
    min-height: 500px;
}

.content-details-main {
    /* border: 1px solid #EBEBEB; */
    /* padding: 0 30px; */
}

.content-details-main .main-title {
    padding: 50px 30px 0;
    border-bottom: #0166b5 2px solid;
}

.content-details-main .main-title h1 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.content-details-main .main-title .main-title-cell {
    padding: 20px;
    text-align: center;
}

.content-details-main .main-title .main-title-cell span {
    display: inline-block;
    margin-right: 50px;
}

.content-details-main .main-content {
    font-size: 16px;
    padding: 50px 10px;
}

.content-details-main .main-content>* {
    text-indent: 24pt;
    line-height: 30px;
}

.content-details-main .main-content .count {
    text-align: right;
    font-size: 12px;
    margin-bottom: 15px;
}

.content-details-main .main-content .style-two {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
}

.content-details-main .main-bottom {
    margin-top: 50px;
}

.content-details-main .main-bottom .close-view {
    width: 120px;
    color: #0084cc;
    position: absolute;
    left: 50%;
    margin-left: -60px;
}

.bshare-custom .bshare-qzone {
    background: url(../img/top_logos_sprite.png) no-repeat 0 -234px;
    display: inline-block;
}

.bshare-custom .bshare-sinaminiblog {
    background: url(../img/top_logos_sprite.png) no-repeat 0 -270px;
    display: inline-block;
}

.bshare-custom .bshare-renren {
    background: url(../img/top_logos_sprite.png)no-repeat 0 -252px;
    display: inline-block;
}

.bshare-custom .bshare-qqmb {
    background: url(../img/top_logos_sprite.png)no-repeat 0 -198px;
    display: inline-block;
}

.bshare-custom .bshare-douban {
    background: url(../img/top_logos_sprite.png) no-repeat 0 -36px;
    display: inline-block;
}

.bshare-custom .bshare-weixin {
    background: url(../img/top_logos_sprite.png) no-repeat;
    display: inline-block;
}

.bshare-custom a {
    padding-left: 19px;
    height: 16px;
    _height: 18px;
    text-decoration: none;
    display: none;
    zoom: 1;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    margin-right: 3px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


/*按钮样式*/

.btn-link,
.btn-link:active {
    display: inline-block;
    text-align: center;
    padding: 0px 12px;
    height: 29px;
    line-height: 28px;
    box-sizing: border-box;
    color: #ff8c40;
    font-size: 14px;
    border: 1px solid #ff8c40;
    width: 150px;
}

.btn-link:hover {
    background: #ff8c40;
    color: #fff;
}





/*列表--开始*/
.content-list {
    background: #fff;
    padding: 0 25px;
}

.list-info2 {}

.list-info2>a {
    padding: 2px 8px;
    display: block;
    position: relative;
}

.list-info2>a:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #006cf2;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.layui-anim-right {
    -webkit-animation-name: layui-right;
    animation-name: layui-right
}
@keyframes layui-right {
    from {
        transform: translate3d(100%, 0, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.list-info2>a span {
    width: 90%;

    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
}
.list-info2>a p {
    /*width: 200px;*/
    right:0px;
    position: absolute;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
}

.list-info2>a.more {
    display: inline-block;
    float: right;
    color: #1154A1;
}

.list-info2>a.more::before {
    content: none;
}


/*列表--结束*/