@charset "utf-8";

/*css素材详情页信息_start*/
.jsdetail_area_info {}

@media (max-width: 767px) {
    .jsdetail_area_info .jsdetail_area_info_container {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .jsdetail_area_info .jsdetail_area_info_container {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .jsdetail_area_info .jsdetail_area_info_container {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.jsdetail_area_info .detail_top_info{
    margin-bottom: 48px;
}
.jsdetail_area_info .detail_top_info .lineborder {
    border-bottom: 1px solid #D8D8D8;
    margin: 25px auto 0 auto;
}

@media (max-width: 767px) {
    .jsdetail_area_info .detail_top_info{
        margin-bottom: 25px;
    }
}


.jsdetail_area_info .detail_top_info h1{
    font-size:1.8rem;
    text-transform: uppercase;
    line-height: 30px;
}
@media (max-width: 767px) {
    .jsdetail_area_info .detail_top_info h1{
        font-size:1rem;
        text-align: left;
		line-height:25px;
    }
}

@media (max-width: 991px) and (min-width: 768px){
    .jsdetail_area_info .detail_top_info h1{
        font-size:1rem;
        text-align: left;
		line-height:25px;
    }
}

.jsdetail_area_info .left_info_area{
    border-radius: 5px;
	overflow:hidden;
}
.jsdetail_area_info .left_info_area .img_c{
    border-radius: 5px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.12);
}

.jsdetail_area_info .right_infoarea{
	
    /*padding-left: 60px;*/

}
@media (max-width: 767px) {
    .jsdetail_area_info .right_infoarea{
        /*margin-top: 35px;*/
        font-size: 0.875rem;
        padding-left: 0;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .jsdetail_area_info .right_infoarea{
        /*margin-top: 35px;*/
        font-size: 0.875rem;
        padding-left: 0;
    }
}







.jsdetail_area_info .right_infoarea .intro_info{
	color:rgba(0,0,0,0.65);
	line-height:30px;
}

@media (max-width: 767px) {
   .jsdetail_area_info .right_infoarea .intro_info{
	    font-size: 0.875rem;
	}
}

@media (max-width: 991px) and (min-width: 768px){
	.jsdetail_area_info .right_infoarea .intro_info{
	    font-size: 0.875rem;
	}
}






.jsdetail_area_info .returnlist
{
	margin-top:45px;
	text-align:right;
}


@media (max-width: 767px) {
   .jsdetail_area_info .returnlist
	{
		margin-top:15px;
	}
}


.jsdetail_area_info .returnlist .alinkcss a
{
	color:#333;
	/*font-size:18px;*/
	-moz-transition: all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;		
}

.jsdetail_area_info .returnlist .alinkcss a:hover
{
	color:#0759a2;
}




.jsdetail_area_info .returnlist .alinkcss a
{
	font-size:1rem;
	color:#d6000f;
}

.jsdetail_area_info .returnlist .alinkcss a:hover
{
	color:#333;
}





.jsdetail_area_info .recommended_area{
    
}


.jsdetail_area_info .recommended_area .jscate_title h1 {
    font-size: 1.8rem;
    color: #1f1142;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    position: relative;
}



.jsdetail_area_info .recommended_area .jscate_title h1 .signleft {
    color: #d6000f;
    font-size: 1.5rem;
}

.jsdetail_area_info .recommended_area .jscate_title h1 .iconfont {
    font-size: 1.75rem;
    color: #d43532;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .jsdetail_area_info .recommended_area .jscate_title h1 {
        font-size: 1.1rem;
    }

	.jsdetail_area_info .recommended_area .jscate_title h1 .signleft {
		font-size: 1rem;
	}
}
@media (max-width: 991px) and (min-width: 768px){
    .jsdetail_area_info .recommended_area .jscate_title h1 {
        font-size: 1.1rem;
    }
	.jsdetail_area_info .recommended_area .jscate_title h1 .signleft {
		font-size: 1rem;
	}
}

.jsdetail_area_info .recommended_area dl {
    margin: 15px auto;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    overflow: hidden;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.jsdetail_area_info .recommended_area dl:hover{
     -webkit-transform: translateY(-16px);
	-moz-transform: translateY(-16px);
	-ms-transform: translateY(-16px);
	-o-transform: translateY(-16px);
	transform: translateY(-16px);
}


.jsdetail_area_info .recommended_area dl dd {
    padding: 15px;
}

.jsdetail_area_info .recommended_area dl dd h2 {
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align:center;
}

.jsdetail_area_info .recommended_area dl dd h2 a {
    font-size: 1rem;
    color: #000;
    line-height: 22px;
}
@media (max-width: 767px) {
    .jsdetail_area_info .recommended_area dl dd h2 a {
        font-size: 0.875rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .jsdetail_area_info .recommended_area dl dd h2 a {
        font-size: 0.875rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .jsdetail_area_info .recommended_area dl dd h2 a {
        font-size: 0.875rem;
    }
}
.jsdetail_area_info .recommended_area dl dd h2 a:hover {
    color: #d6000f;
}


/*css素材详情页信息_end*/