.background-url{
    /*background-image: url(<?php echo $this->module->assetsUrl; ?>/images/preparebg.png);*/
    background-image: url(../images/preparebg.png);

    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
}
/*!*文件扩展名称图片*!*/
.fileTypeExtension:before{font-size:1rem;content:' ';vertical-align:top;display:inline-block;background-image:url(../images/fileTypeExtension.svg);background-repeat:no-repeat; background-size: 3.6em 61.2em;}

.fileTypeExtension.document_9_16X16:before{width:1.6em;height:1.6em;background-position:-1em -1em;}
.fileTypeExtension.document_2_16X16:before{width:1.6em;height:1.6em;background-position:-1em -4.6em;}
.fileTypeExtension.document_12_16X16:before{width:1.6em;height:1.6em;background-position:-1em -8.2em;}
.fileTypeExtension.document_exe_16X16:before{width:1.6em;height:1.6em;background-position:-1em -11.8em;}
.fileTypeExtension.document_7_16X16:before{width:1.6em;height:1.6em;background-position:-1em -15.4em;}
.fileTypeExtension.document_3_16X16:before{width:1.6em;height:1.6em;background-position:-1em -19em;}
.fileTypeExtension.document_5_16X16:before{width:1.6em;height:1.6em;background-position:-1em -22.6em;}
.fileTypeExtension.document_1_16X16:before{width:1.6em;height:1.6em;background-position:-1em -26.2em;}
.fileTypeExtension.document_8_16X16:before{width:1.6em;height:1.6em;background-position:-1em -29.8em;}
.fileTypeExtension.document_4_16X16:before{width:1.6em;height:1.6em;background-position:-1em -33.4em;}
.fileTypeExtension.document_10_16X16:before{width:1.6em;height:1.6em;background-position:-1em -37em;}
.fileTypeExtension.document_7_16X16:before{width:1.6em;height:1.6em;background-position:-1em -40.6em;}
.fileTypeExtension.document_8_16X16:before{width:1.6em;height:1.6em;background-position:-1em -44.2em;}
.fileTypeExtension.document_11_16X16:before{width:1.6em;height:1.6em;background-position:-1em -47.8em;}

.fileTypeExtension.document_14_16X16:before{
    width:1.6em;
    height:1.6em;
    background: url("../images/document_hhttp_icon.png") no-repeat !important;
    background-size: contain;
}

.fileTypeExtension.resourceInfoDownload:before{
    background-position: -1em -51.4em;
    width: 1.6em;
    height: 1.6em;
    color: #999;
    display: block;
    float: left;
    font-size: 0.8rem;
    /*margin-right: 3rem;*/
    /*margin-top: 0.3rem;*/
    padding-right: 1.6rem;
}
.fileTypeExtension.resourceInfoVisit:before{
    background-position: -1em -58.6em;
    color: red;
    display: block;
    float: left;
    font-size: 0.8rem;
    height: 1.6em;
    /*margin-right: 3.5rem;*/
    margin-top: 0.2rem;
    padding-left: 1.6rem;
    width: 1.6em;
}
.resourceInfoFlash:before{background-position: -1em -19em;width: 1.6em;height: 1.6em;}
.resourceInfoVideo:before{background-position: -1em -4.6em;width: 1.6em;height: 1.6em;}

.cardFileType{
    /*padding-left: 2rem;*/
    font-size: 1.2rem;
    display: inline-block;
    width: 10rem;
}
.priceDiv{
    float: right;
    width: auto;
    font-size: 1.4rem;
    color: #ff6600;
    margin-right: 1rem;
}
.inserDiv{
    float: right;
    font-size: 1.2rem;
    width: 7.5rem;
    padding-left: 1.8rem;
    color: black;
    height:1.6rem;
    background-position:0 -47.3rem;
}
.inserDiv:hover{
    float: right;
    font-size: 1.2rem;
    width: 7.5rem;
    padding-left: 1.8rem;
    color: #50B4FB;
    height:1.6rem;
    background-position:0 -44.2rem;
}
.resourceContentCard {
    background-color: white;
    box-shadow:0.2rem 0.2rem 0.2rem #999999;
    float: left;
    /*height: 296px;*/
    margin-left: 1rem;
    margin-top: 1rem;
    width: 25.2rem;
    position:relative;
}
.resourceContentCard:hover{
    text-decoration: none;
}
.cardAvatar{
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 1.2rem;
}
.resourceImgCorver {
    border: 0.1rem solid #e5e5e5;
    height: 18rem;
    margin-left: 0.6rem;
    margin-top: 0.6rem;
    width: 24rem;
}
.resourceTitle {
    background-color: black;
    bottom: 0;
    color: white;
    font-size: 1.2rem;
    margin-left: 0.7rem;
    margin-top: 0.6rem;
    opacity: 0.57;
    overflow: hidden;
    padding-left: 0.7rem;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 23.8rem;
    height: 2rem;
    line-height: 2rem;
}
.resourcePrice{
    color: #ff6600;
    font-size: 1.4rem;
    margin-top: 0.5rem;
    padding-right: 0.5rem;
    text-align: right;
}
.resourcePriceRes{
    color: #ff6600;
    font-size: 1.4rem;
    margin-top: 0.5rem;
    padding-right: 0.5rem;
    text-align: left;
    margin-left: 0.5rem;
}
.resourceInfo {
    color:#999;
    /*margin-left: 5px;*/
    /*margin-top: 5px;*/
    /*display: block;*/
    /*margin-left: 5px;*/
    /*margin-top: 5px;*/
    /*overflow: auto;*/
    /*padding-bottom: 10px;*/
}
.resourceAvatarAndflag {
    clear: both;
    display: inline-block;
    float: left;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
    padding-right: 1.5rem;
}
.rescourceRealName{
    color: #999;
    /*display: inline-block;*/
    font-size: 1.2rem;
    height: 2rem;
}
.rescourceTag{
    float: right;
}
.resTag {
    position: absolute;
    right: 0;
    top: 0;
}
.resourceInfoImage {
    background-position: 0 0;
    color: #999;
    display: block;
    float: left;
    font-size: 1.2rem;
    height: 1.6rem;
    padding-left: 2.2rem;
    width: 4.7rem;
}


.resourceInfoLike{
    background-position: 0 -68.8rem;
    color: #999;
    display: block;
    float: right;
    font-size: 1.2rem;
    height: 1.6rem;
    padding-left: 1.9rem;
    width: 3.5rem;
}
/*人气推荐tag*/
.tagZan{
    position: absolute;
    right: 0px;
    top: 0px;
    color:white;
    background-color:#F8974A;
    font-size:1.2rem;
}
/*分页*/
a{
    text-decoration:none;
}
a:link{
    text-decoration:none;
}
a:visited{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
a:active{
    text-decoration:none;
}
ul.yiiPager
{
    font-size:1.1rem;
    border:0;
    margin:0;
    padding:0;
    line-height: 3rem;
    display:inline;
}

ul.yiiPager li
{
    display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
    /*border:solid 1px #9aafe5;*/

    font-weight:bold;
    font-size: 1.4rem;
    color: #465240;
    padding:0.1rem 0.6rem;
    text-decoration:none;
}

ul.yiiPager .page a
{
    font-weight:normal;
}

ul.yiiPager a:hover
{
    color:#50B4FB;
    /*border:solid 1px #0e509e;*/
}

ul.yiiPager .selected a
{
    /*background:#2e6ab1;*/
    color: #50B4FB;
    font-weight:bold;
}

ul.yiiPager .hidden a
{
    border:solid 0.1rem #DEDEDE;
    color:#888888;
    display: none;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last
{
    display:inline;
}
.clearDiv{
    clear: both;
}
.pageContent{
    background-color: white;
    /*height: 30px;*/
    margin-top: 2rem;
    margin-left: 0.8rem;
    margin-bottom: 2rem;
    line-height: 3rem;
    width: 77.6rem;
    text-align: center;
}



/*右侧第二种查看视图样式*/
.resItem{
    background-color: white;
    /*width: 785px;*/
    height: 12.2rem;
    overflow: auto;
    display: block;
    margin-top: 1rem;
    /*margin-right: 1.5rem;*/
}
.resItemLeftAvatar{
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 2.4rem;
    margin-left: 3.1rem;
    margin-top: 1rem;
    float: left;
}
.resItemLeftRealName{
    float: left;
    margin-left: 2.5rem;
    margin-top: 1rem;
    width: 7rem;
}
.resItemLeft{
    float: left;
    width: 11rem;
}

.resItemRight{
    float: left;
}
.resRightTitle{
    margin-top: 1rem;
}
.qualityBlock{
    background-color: #fdc82a;
    color: white;
    display: inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    width: 4rem;
    margin-right: -0.4rem;
    margin-left: 1rem;
}
.contributionBlock{
    background-color: #f8984b;
    color: white;
    display: inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    width: 4rem;
    margin:0 !important;
}
.fontColor999{
    font-size: 1.2rem;
    color: #999;
}
.resRightLine{
    border-bottom: 0.1rem solid #CFCFCF;
    margin-top: 0.5rem;
    /*width: 660px;*/
}
.resRightKeyword{
    margin-top: 0.5rem;
}
.resRightdescription{
    margin-top: 0.5rem;
    /*width: 660px;*/

}
.resItemRight1{
    float: left;
    /*width: 500px;*/
}
.resItemRight2{
    float: right;
    color: #FF6A06;
    font-size: 1.8rem;
    margin-top: 2rem;
    margin-right: 2rem;
}
.resRightTitleWord{
    color:#465240  ;
}
.imgBg {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/teachingMaterial.png");
    background-repeat: no-repeat;
}
.prepare_resource_like:before{font-size:0.8rem;height:1.6em;width:1.6em;background-position: -1em -55em; margin-top: 0.2rem;margin-left: 1rem;}
.prepare_resource_download:before{font-size:0.8rem;height:1.6em;width:1.6em;background-position: -1em -51.4em;margin-top: 0.2rem;margin-left: 1rem;}
.prepare_resource_view:before{font-size:0.8rem;height:1.6em;width:1.6em; background-position: -1em -58.6em;margin-top: 0.2rem; }