.indexWrap .main{
    background: #fff;
}
.searchWrap{
    height: 188px;
    /* background: url("../img/indexHead.png")no-repeat; */
    padding-top: 68px;
    position: relative;
}
.searchingBg{
    width: 100%;
    height: 190px;
    position: absolute;
    left: 0;
    top: 0
}
.searchBtn{
    cursor: pointer;
}
.searchInput{
    position: relative;
    width: 715px;
    border-radius: 4px;
    height: 47px;
    background: #fff;
    margin: 0 auto 0 auto
}
.searchInput input{
    outline: none;
    border: none;
    height: 45px;
    width: 455px;
    line-height: 46px;
    border-radius: 4px;
    padding:  0 5px;
    font-size: 16px;
}
.searchingSort {
    /* display: none; */
    width: 435px;
    margin: 21px auto 0 auto;
    text-align: center;
    position: relative;
}
.sortItem {
    color: #fff;
    font-size: 19px;
    margin-right: 58px;
    
}
.sortItem input{
    margin-right: 15px;
}
.sortList
{
        display: block;
        /* position: absolute; */
        text-align: center;
        width: 100%;
        background: #fff;
        /* top: 40px; */
        border-radius: 4px;
        margin-top: 10px;
}
.searchSort {
    float: left;
    cursor: pointer;
    height: 45px;
    width: 130px;
    color: #1b1b1b;
    text-align: center;
    font-size: 16px;
        /* padding-top: 10px; */
        border-right: 1px solid #d3d3d3
}
.searchSort li span{
  color: #1b1b1b;
}
.searchSort li {
    position: relative;
        line-height: 47px;
}
.searchSort .toReview{
    line-height: 30px;
}
.sortList li:hover
{
    color:#2541cb
}
.bannerBox{
    display: block;
    position: relative;
}
.bannerInfor{
    position: absolute;
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    bottom: 0;
    left: 0;
    z-index: 999;
}
/* 导航 */
.nav .layui-nav .layui-nav-item a:hover,
.nav  .layui-nav .layui-this a {
   color: #fff;
   background: #256df1;
   border-radius: 5px;
}
#slideBox{
    width: 544px;
    position: relative;
}
#slideBox .hd{
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    color:#fff;
}
#slideBox .hd li{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}
#slideBox .hd .on{
    background: #256df1;

}
.cloumnFirst{
    margin: 22px 0 15px 0
}
.informatinEnter{
    width: 335px;
    margin-left: 10px;
    margin-top: 0
}
.informatinEnter li{
    float: left;
    width: 110px;
    height: 145px;
    text-align: center;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;

}
.informatinEnter li span{
    font-size: 15px;
    color: #fff;
    display: block;
    margin-top: 20px;
  
}
.informatinEnter li img{

    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
/* .informatinEnter li:hover  img{
margin-top: 25px;
margin-bottom: 5px;
} */
.informatinEnter li a{
    display: block
}
.notice{
    border: 3px solid #f4f4f4;
    width: 278px;
    height: 289px;
}
.noticTitle{
    height: 50px;
    border-top: 3px solid #5776e2;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #f5f5f5
}
.noticTitle span
{
    color:#555555;
    font-size:20px;
    line-height: 50px;
    padding-left: 10px
}
.checkMore{
    color:#939393;
    font-size: 14px;
    margin-top: 18px;
    margin-right: 10px
}
.checkMore:hover{
    color: #5776e2
}
.infoList li{
    padding:0 10px;
}
.infoList .date{
    display: block;
    color:#555555;
    font-size: 14px;
}
.infoList a{
    font-size: 16px;
    display: block;
    height:35px;
    line-height: 35px;
    width:250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#3657c9;
    margin-bottom: 5px;
  
}
.notice-top
{
    height: 233px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    width: 100%
}
.notice-top .tempWrap {
    width: 100%;
    height: 212px !important;
}
.readingBar,.dataResource,.activityApponit{
    width: 396px;
    height: 590px;
    border-top: 3px solid #5d78af;
    border-left: 1px solid #e7eaef;
   
    border-bottom: 1px solid #e7eaef;
}
.readingBar
{
    background:#f3f4f8
}
.cloumnSecondTitle{
    font-size: 24px;
    color:#1d1d1d;
    display: block;
    height: 64px;
    line-height: 64px;
    padding-left: 12px;
    background: #fff;
  position: relative;
}
.cloumnSecondTitle .more{
    position: absolute;
    right:20px;
    top: 0;
    font-size: 16px;
cursor: pointer;
}
.readingBar .cloumnSecondTitle2{
    background: #f2f4f8;
}
.cloumnSecond {
    margin-bottom: 48px;
}
.cloumnSecond .dataResource{
    border-top: 3px solid #ada960;
}
.cloumnSecond .activityApponit{
    border-top: 3px solid #60a785;
    border-right: 1px solid #e7eaef;
  
}
.readingBarIntro img{
    display: block;
    margin-bottom: 13px;
    width: 100%
}
.readingBarIntro .content{
    font-size: 15px;
    color: #6b708f;
    padding: 0 10px;
    letter-spacing: 0.2em;
    line-height: 1.9em;
    text-indent: 2em;
}
.readingBarIntro .knowMore{
    color: #3a5aca
}
.readingBarIntro{
    border-bottom: 1px solid #e7eaef;
    padding-bottom: 10px;
}
.readingBar .uk-tab-bottom > li.uk-active > a{
    background: #5a7aea;
    color: #fff;
}
.readingBar .uk-tab > li:nth-child(n+2) > a,
.readingBar  .uk-tab-grid > li:first-child > a
{
    margin-left: 0
}
.readingBar  .uk-tab-bottom > li{
    margin-top: 0;
    
}
.uk-tab-bottom > li > a{
    border-bottom-width: 0
}
.readingBar .uk-tab-grid.uk-tab-bottom{
    border-bottom:1px solid #ddd;
   
}
.readingBar .uk-tab > li > a{
    padding: 0;
    line-height: 47px;
    font-size: 15px;
    
}
.readingBar .uk-tab > li > a:hover{
    padding: 0;
    line-height: 47px;
    background: #5a7aea;
    border-bottom-width: 0;
    font-size: 15px;
    color: #fff;
    margin: 0
}
.tabContent .contentItem{
    display: none
}
.readingBar .tabContent .contentShow{
    display: block
}
.readingroom{
    font-size: 15px;
    color: #3657c9;
    float: left;
    width: 160px;
    margin-right: 10px;
    padding: 5px 10px
}
.readingroom::before{
    display: inline-block;
    content:"";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #3657c9;
    margin-right: 10px;
    margin-bottom: 4px;
}

.build{
    display: block;
   
    height: 32px;
   
    line-height: 32px;
    font-size: 15px;
    color:#555d6c;
    text-align: center;
    margin-left: 25px;
    margin-top: 30px;
    margin-right: 25px;
}
.roomBox{
    max-height: 68px;
    overflow: auto;
}
.build a{
    border: 1px solid #c1c8d4;
    width: 130px;
}
.resource .uk-tab-bottom > li.uk-active > a{
    background: #d4d9ea;
    color: #2541cb;
}
.resource .uk-tab > li:nth-child(n+2) > a,
.resource  .uk-tab-grid > li:first-child > a
{
    margin-left: 0
}
.resource  .uk-tab-bottom > li{
    margin-top: 0;
    
}
.resource .uk-tab-bottom > li > a{
    border-bottom-width: 0;
    color: #4f6083
}
.resource .uk-tab-grid.uk-tab-bottom{
    border-bottom:1px solid #ddd;
   
}
.resource .uk-tab > li > a{
    padding: 0;
    line-height: 56px;
    font-size: 21px;
    
}
.resource .uk-tab > li > a:hover{
    padding: 0;
    line-height:56px;
    background: #d4d9ea;
    border-bottom-width: 0;
    font-size: 21px;
    color: #2541cb;
    margin: 0
}
.resource  .uk-tab-grid{
    margin: 0
}
.resource{
    overflow: hidden;
}
.dataItem {
    display: none;
    padding: 0 10px;
    height: 300px;
    overflow: hidden;
}
.dataItem a{
    display: block;
    line-height: 47px;
    border-bottom: 1px dashed #ddd;
    color: #3e54c0;
    font-size: 16px;
    width: 379px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}
.dataContent .dataShow{
    display: block
}
.dataItem a::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border:1px solid #2541cb;
    margin-right: 15px;
    margin-left: 15px
}
.dataItem a:hover{
    margin-left: 5px
}
.activeTitle{
    font-size: 15px;
    color:#5878e5;
    max-width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;

}
.activityList{
    padding: 0 10px;
    border-top: 1px solid #ddd;
    margin-top: 0;
    background: #f0fbf5;
    height: 265px;
    overflow: auto
}
.activityList li {
    height: 44px;
    line-height: 41px;
    border-bottom: 1px dashed #dfdfdf;
    background: url("../img/activeicon.png")no-repeat left center;
    padding-left: 30px;
  
}
.acitveDate{
    font-size: 13px;
    color: #4b4b4b
}
.activityApponit .cloumnSecondTitle2
{
    background: #f0fbf5
}
.currentData{
    padding:  0 10px;
    border-top: 1px solid #ddd;
    background: #fbf6f2
}
.currentDataItem{
    width:180px;
    height: 64px;
    line-height: 64px;
    color: #535353;
    font-size: 15px;
    float: left;
    border-left: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    padding-left: 20px;
}
.number{
    font-size: 18px;
    font-weight: bold;
    color:#3e54c0;
    margin-right: 10px;
   
}
.currentDataItem:nth-child(odd){
    border-left: 1px dashed #fff;
}
.activeNotic{
    height: 58px;
    /* background: #f6f5f5; */
    border-bottom: 2px solid #256df1;
    /* background: -webkit-linear-gradient(left top, #fff, #256df1);

    background: -o-linear-gradient(left top, #fff, #256df1);

    background: -moz-linear-gradient(left top, #fff, #256df1);

    background: linear-gradient(left top, #fff, #256df1); */

    /* background:#f6f5f5 url("../img/noticBg.png")no-repeat;
    background-size: 100% 100%; */
}
.activeNotic .w1200{
    background: unset;
    line-height: 56px;
    height: 56px;
}
.activeNoticList  li a{
    display: block;
    color:#ac007b;
    font-size: 16px;
}
.activeNoticList li{
    background: url("../img/bell.png")no-repeat left center;
    padding-left: 30px;
}
/*  */
.flip-container {
    cursor: pointer;
    width: 110px;
    height: 146px;
    margin:0 auto 0 auto;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    display: inline-block;
}

.flipper {
    position: relative;
    height: 100%;
    transition: 0.6s;
    transform-style: preserve-3d;
}

.front,
.back {
    position: absolute;
    left: 0;
    top: 0;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;

}
.front{
    transform: rotateY(0deg);
    z-index: 2;
    background: #fff;
    background-size: 100% 100%;
}

.back{
    transform: rotateY(-180deg);
    background: #fff;
    background-size: 100% 100%;
}
.flip-container:hover .flipper {
    transform: rotateY(180deg);

}
.readingBarIntro .content{
    height:84px;
    overflow:hidden;
}

.currentDataItem {
    width: 180px;
    height: 96px;
    line-height: 96px;
    color: #535353;
    font-size: 15px;
    float: left;
    border-left: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    padding-left: 20px;
}