/*created by py*/

/*幻灯片的样式叠加*/

.banner .swiper-container {

    height: 100%;

}

.banner .swiper-container .swiper-slide {

    height: 275px;

}

/*资源展示*/

.re-show {

    width: 100%;

    height: 100px;

    background-color: #fff;

}

.re-show ul {

    padding: 26px 86px;

}

.re-show li {

    float: left;

}

.re-item .re-pic {

    width: 40px;

    height: 40px;

    margin-top: 8px;

}

.re-item .re-pic img {

    width: 100%;

    height: 100%;

}

.re-item .re-num {

    margin-left: 10px;

}

.re-item .re-num h4 {

    font-size: 26px;

    color: #ff8f06;

    margin: 0;

}

.re-item .re-num span {

    color: #5e5e5e;

}

.re-show .ver-line {

    width: 1px;

    height: 48px;

    background-color: #cccccc;

    margin: 0 55px;

}

/*资源平台*/

.re-big-hd {

    width: 100%;

    height: 80px;

    border-bottom: 1px solid #ddd;

}

.re-big-hd h1 {

    margin: 0;

    padding: 20px 0;

    font-size: 25px;

    color: #333333;

    text-align: center;

}

.re-big-hd h1 img {

    width: 46px;

    height: 40px;

    margin-top: -4px;

}

.re-bd {

    width: 100%;

    background-color: #fff;

    border-bottom: 2px solid #ddd;

}

.re-bd-items {

    width: 100%;

    padding: 30px 40px 20px;

}

.re-bd-items li {

    float: left;

    width: 16.6%;

    text-align: center;

}

.re-bd-items li .plat-pic,

.re-bd-items li .plat-text {

    display: block;

}

.re-bd-items li .plat-pic {

    width: 88px;

    height: 88px;

    border-radius: 50%;

    text-align: center;

    margin: 0 auto;

}

.re-bd-items .plat-icon1 .plat-pic {

    background-color: #39afd1;

}

.re-bd-items .plat-icon1 .plat-text {

    color: #39afd1;

}



.re-bd-items .plat-icon2 .plat-pic {

    background-color: #6aaa4a;

}

.re-bd-items .plat-icon2 .plat-text {

    color: #6aaa4a;

}

.re-bd-items .plat-icon3 .plat-pic {

    background-color: #d164a0;

}

.re-bd-items .plat-icon3 .plat-text {

    color: #d164a0;

}

.re-bd-items .plat-icon4 .plat-pic {

    background-color: #ec9926;

}

.re-bd-items .plat-icon4 .plat-text {

    color: #ec9926;

}

.re-bd-items .plat-icon5 .plat-pic {

    background-color: #28c9a5;

}

.re-bd-items .plat-icon5 .plat-text {

    color: #28c9a5;

}

.re-bd-items .plat-icon6 .plat-pic {

    background-color: #a4ce2c;

}

.re-bd-items .plat-icon6 .plat-text {

    color: #a4ce2c;

}

.re-bd-items .plat-icon7 .plat-text {

    color: #ef90d2;

}

.re-bd-items .plat-icon8 .plat-text {

    color: #08b0a9;

}

.re-bd-items .plat-icon9 .plat-text {

    color: #f68bc6;

}

.re-bd-items .plat-icon10 .plat-text {

    color: #1bd0d9;

}

.re-bd-items .plat-icon11 .plat-text {

    color: #84adf8;

}

.re-bd-items li .plat-pic img {

    margin-top: 20px;

}

.re-bd-items li .plat-text {

    font-size: 18px;

    padding: 10px 0;

}

/*精彩推荐*/

.re-bd-left {

    margin-top: 10px;

    width: 852px;



}

.re-bd-left-item {

    width: 100%;

    height: 492px;

    margin-bottom: 20px;

}

.re-bd-ad {

    width: 206px;

}

.re-bd-ad .ad-big {

    display: block;

    width: 100%;

    height: 366px;

    border: 1px solid #ddd;

}

.re-bd-ad .ad-small {

    display: block;

    width: 100%;

    height: 118px;

    margin-top: 10px;

    border: 1px solid #ddd;

}

.re-bd-ad .ad-big img,

.re-bd-ad .ad-small img {

    width: 100%;

    height: 100%;

}

.re-bd-con {

    width: 639px;

}

.re-bd-con-title {

    width: 100%;

    height: 40px;

    line-height: 40px;

    color: #fff;

    padding: 0 20px;

}

.re-bd-con-title a {

    color: #fff;

}

.re-bd-con-title .selection {

    /*margin: 0 10px;*/

    position: relative;

    cursor: pointer;

    width: 86px ;

    text-align: center;

}

/*.re-bd-con-title .selection i {

    padding-left: 4px;

}*/



.re-bd-con-title .selection ul {

    position: absolute;

    top: 40px;

    left: 0;

    display: none;

    z-index: 1000;

    width:100%;

    overflow-x:hidden; 

    white-space: nowrap;

    max-height: 450px;

}

/*.re-bd-con-title .selection:hover ul {

    display: block;

}*/

.re-bd-con-title .selection li {

    padding: 0 4px;

    height: 30px;

    line-height: 30px;

    color: #fff;

    cursor: pointer;

}

.title-blue {

    background-color: #56bdff;

}

.re-bd-con-title.title-blue .selection li {

    background-color: #56bdff;

}

.title-orange {

    background-color: #ffa555;

}

.re-bd-con-title.title-orange .selection li {

    background-color: #ffa555;

}

.re-bd-con-title.title-blue .selection li:hover,

.re-bd-con-title.title-orange .selection li:hover {

    background-color: #fff;

    color: #212121;

}

.re-bd-list {

    width: 100%;

}

.re-bd-list .re-resource-item {

    width: 100%;

    height: 106px;

    border: 1px solid #ddd;

    margin-top: 8px;

    padding: 20px 30px;

    position: relative;

}

.re-resource-item  .re-score {

    position: absolute;

    top: 5px;

    right: 20px;

}



.re-resource-item .resource-item {

    width: 100%;

}

.re-resource-item .list-pic {

    width: 60px;

    height: 60px;

}

.re-resource-item .list-pic img {

    width: 100%;

    height: 100%;

}

.re-resource-item .list-info {

    margin-left: 30px;

}

.re-resource-item .list-info h5,

.re-resource-item .list-info p {

    margin: 0;

}

.re-resource-item .list-info h5 {

    color: #212121;

    font-size: 14px;

    margin-bottom: 8px;

    max-width: 300px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.re-resource-item .list-info p {

    color: #afafaf;

    font-size: 12px;

    line-height: 20px;

    max-width: 360px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.re-resource-item .list-info p>span {

    color: #212121;

}

.re-resource-item .re-source {

    color: #afafaf;

    font-size: 12px;

    position: absolute;

    left: 55%;

    top: 62%;

}

.re-resource-item .re-source i{

	padding-right: 5px;

}

.re-bd-right {

    width: 240px;

    margin-top: 10px;

}

.recomd-resource {

    width: 100%;

    height: 760px;

    border: 1px solid #ddd;

    padding: 3px 13px;

}

.re-bd-title {

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid #ddd;

    color: #288add;

    font-size: 20px;

}

.re-bd-title .w-boder-bottom {

    display: inline-block;

    height: 100%;

    border-bottom: 2px solid #288add;

}

.recom-con {

    width: 100%;

}

.recom-con-item {

    width: 100%;

    margin-top: 10px;

}





.recom-con-info {

    height: 40px;

    line-height: 40px;

    color: #212121;

    font-size: 14px;

}

.recom-con-info span {

    display: inline-block;;

}

.recom-con-info .recom-num {

    width: 28px;

    height: 28px;

    line-height: 28px;

    border-radius: 50%;

    color: #fff;

    background-color: #bababa;

    text-align: center;

    margin-top: 6px;

}

.recom-con-info .recom-num.title-orange {

    background-color: #ffa555;

}

.recom-con-info .recom-title {

    margin-left: 8px;

    width: 175px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.recon-con-download {

    width: 100%;

}

.pic-download {

    width: 100%;

    height: 65px;

    background-color: #fafafa;

    display: none;

    margin-top: 10px;

}

.pic-download .recom-download-pic {

    width: 63px;

    height: 63px;

    background-color: #f0f0f0;

    text-align: center;

}

.pic-download .recom-download-pic img {

    width: 50px;

    height: 50px;

    margin-top: 6px;

}

.pic-download-text {

    margin-left: 10px;

    margin-top: 8px;

}

.pic-download-text>span {

    display: block;

    line-height: 22px;

    color: #212121;

}

.pic-download-text>span>i {

    font-size: 14px;

    color: #199fe5;

    margin-right: 4px;

}

.no-pic-download {

    width: 100%;

    height: 30px;

    line-height: 30px;

}

.no-pic-download>span {

    color: #212121;

    display: inline-block;

    margin-right: 10px;

}

.no-pic-download>span>i {

    font-size: 14px;

    color: #199fe5;

    margin-right: 4px;

}

.recom-con-item:first-child .pic-download {

    display: block;

}

.recom-con-item:first-child .no-pic-download {

    display: none;

}

/*推荐资源下面的广告*/

.recom-ad {

    width: 100%;

    height: 237px;

    border: 1px solid #ddd;

    background-color: #f1f2f2;

    margin-top: 10px;

}

.recom-ad .recom-act {

    display: block;

    width: 100%;

    height: 115px;

}

.recom-ad .recom-act img {

    width: 100%;

    height: 100%;

}

.recom-ad .recom-go {

    position: relative;

    display: block;

    width: 100%;

    height: 112px;

    margin-top: 8px;

    padding: 10px 20px;

    background-color: #fff;

}

.recom-ad .recom-go img {

    position: absolute;

    bottom: 10px;

    right: 10px;

}

.recom-go .recom-go-info>p {

    width: 122px;

    line-height: 24px;

    font-size: 18px;

    color: #666666;

}

.recom-go .recom-go-info>span {

    display: inline-block;

    padding: 0 20px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #8ec4d1;

    border-radius: 4px;

    font-size: 14px;

    color: #8ec4d1;

}

.hdpt-rmhd{

	display: block;

    line-height: 50px;

    font-size: 32px;

    text-align: center;

    padding-top: 20px;

    color: #79ed21;

    font-weight: bold;

}

.hdpt-rmhd-tj{

	display: block;

    text-align: center;

    padding-top: 8px;

    font-size: 16px;

    color: #0bd70b;

}

.hdpt-zxsjyzzy{

	display: block;

    line-height: 40px;

    font-size: 32px;

    text-align: center;

    padding-top: 20px;

    color: #53e3a8;

    font-weight: bold;

}

.hdpt-zxsjyzzy-tj{

	display: block;

    text-align: center;

    padding-top: 8px;

    font-size: 16px;

    color: #18cfa4;

}

.zypt-zxzy{

	display: block;

    line-height: 40px;

    font-size: 32px;

    text-align: center;

    padding-top: 20px;

    color: orange;

    font-weight: bold;

}

.zypt-zxzy-tj{

	display: block;

    text-align: center;

    padding-top: 8px;

    font-size: 16px;

    color: orange;

}

.zypt-rmzy{

	display: block;

    line-height: 40px;

    font-size: 32px;

    text-align: center;

    padding-top: 20px;

    color: #41caff;

    font-weight: bold;

}

.zypt-rmzy-tj{

	display: block;

    text-align: center;

    padding-top: 8px;

    font-size: 16px;

    color: #41caff;

}