.g-banner {
	width: 100%;
	height: 2rem;
	background-image: url(../img/g-banner.png);
	background-repeat: repeat-x;
}

.g-count {
	width: 100%;
	margin-top: 0.5rem;
}

.g-b-box {
	width: 63%;
	margin: 0 auto;
	position: relative;
}

.g-img img {
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	position: absolute;
	top: 0.4rem;
}

.g-img img {
	border-radius: 50%;
}

.g-c-box {
	width: 63%;
	margin: 0 auto;
}

.c-l-box {
	width: 14%;
	float: left;
}

.c-l-box ul li a {
	font-size: 0.2rem;
	line-height: 0.4rem;
	margin-right: 0.4rem;
	color: #555555;
}

.c-l-box ul li i img {
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.2rem;
	vertical-align: top;
	margin-top: 0.1rem;
}

.c-l-box ul li {
	margin-left: 0.2rem;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 0.15rem;
}

.c-r-box {
	width: 80%;
	float: right;
}

.c-l-box ul li .r-arrows {
	width: 0.1rem;
	height: 0.1rem;
	display: inline-block;
	background-image: url(../../commerce-ttvc/img/jiantou1.png);
}

.c-l-box ul li .g-arrows {
	width: 0.1rem;
	height: 0.1rem;
	display: inline-block;
	background-image: url(../../commerce-ttvc/img/jiantou2.png);
}

.c-l-box ul li .r-color {
	color: #D6000F;
}

.g-name {
	width: 2rem;
	padding: 0.8rem 0.2rem 0 2.3rem;
}

.g-name p {
	font-size: 0.25rem;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0;
}

.g-name label,
.g-name span {
	font-size: 0.2rem;
	color: #FFFFFF;
}

.fans-box {
	position: absolute;
	top: 1rem;
	right: 0.2rem;
}

.attention {
	margin-right: 0.3rem;
}

.attention a,
.attention span,
.fans a,
.fans span {
	display: block;
}

.fans {
	float: left;
}

.attention {
	float: left;
}

.attention a,
.fans a {
	font-size: 0.2rem;
	color: #FFFFFF;
	text-align: center;
}

.attention span,
.fans span {
	font-size: 0.2rem;
	color: #E0E0E0;
	text-align: center;
}

.c-r-nav ul li {
	float: left;
	font-size: 0.2rem;
	margin-right: 0.35rem;
	margin-bottom: 0.2rem;
}

.c-r-nav ul {
	width: 100%;
	border-bottom: 0.001rem solid #E0E0E0;
	float: left;
}

.li-style {
	color: #D6000F;
	border-bottom: 0.05rem solid #D6000F;
}

.state-img {
	float: left;
}

.state-img img {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	margin: 0 0.15rem;
}

.personage {
	float: left;
	width: 90%;
}

.state-box {
	width: 100%;
	float: left;
	margin-bottom: 0.15rem;
}

.state-box p {
	font-size: 0.2rem;
	margin-top: 0;
}

.c-r-count ul li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #E0E0E0;
	margin: 0.1rem 0;
}

.file {
	width: 90%;
	background-color: #F0F0EE;
	float: left;
}

.file-img a img {
	width: 2.4rem;
	height: 1.4rem;
}

.personage .b-name {
	font-weight: bold;
}

.personage .b-time {
	font-size: 0.1rem;
	color: #999;
}

.personage .b-last {
	font-size: 0.18rem;
}

.file-count {
	width: 60%;
	margin-left: 0.2rem;
}

.file-count p {
	width: 100%;
	font-size: 0.15rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.file-count a {
	display: block;
	width: 30%;
	font-size: 0.18rem;
	color: #555;
	margin: 0.2rem 0;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.g-count .pagingbox {
	padding-left: 0;
}

.g-count .pagingbox p .sum {
	margin-left: 1rem;
}
/*课程*/
.shadow-boxes{
	width: 90%;
	border: 1px solid #E0E0E0;
	padding: 0.1rem;
}
.shadow-boxes a img{
	width: 100%;
	height: 1.2rem;
}
.shadow-boxes a {
	display: block;
}
.shadow-count .shadow-title{
	color: #555555;
	font-size: 0.16rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.shadow-button{
	margin-left: 1rem;
}
.shadow-button a{
	display: inline-block;
	border: 1px solid #D6000F;
	border-radius: 0.05rem;
	color: #D6000F;
	margin-right: 0.1rem;
}
.shadow-button a:hover{
	background-color:#D6000F;
	color: #FFFFFF;
}
.shadow ul li {
	width: 20%;
	display: inline-block;
	border: none;
	margin:0.2rem;
}
.shadow ul li:hover{
	box-shadow: 1px 1px 15px #848484;
}
.shadow-tv ul li{
	width: 26%;
}
/*课程*/
@media only screen and (max-width:1024px) {
	.c-l-box ul li{
		margin-left: 0.1rem;
	}
	.c-l-box ul li a{
		margin-right: 0.05rem;
	}
	.c-l-box ul li i img{
		margin-right: 0.1rem;
	}
	.shadow-tv ul li{
		width: 41%;
	}
	.shadow-button-sty{
		margin-left: 0.6rem;
	}
	.rightp{
	   margin-left: 1.6rem;
	}
}

@media only screen and (max-width:768px) {

	.g-banner {
		height: 1.65rem;
	}
	.file-img a img {
		margin-top: 0.2rem;
	width: 1.4rem;
	height: 1rem;
}
	.file-count {
	width: 30%;
}
.c-l-box ul li .r-arrows{
	display: none;
}
.c-l-box ul li .g-arrows{
	display: none;
}
.c-r-count ul li{
	margin-bottom: 0;
}
.personage {
	width: 100%;
}
	.g-img img {
		top: 0.1rem;
		left: 0.8rem;
		width: 1rem;
		height: 1rem;
	}
	.g-name {
		padding: 0;
	}
	.g-name p {
		font-size: 0.2rem;
		position: absolute;
		top: 1.2rem;
		left: 1.1rem;
	}
	.g-name label,
	.g-name span {
		display: none;
	}
	.fans-box {
		position: absolute;
		top: 0.8rem;
		right: -0.5rem;
	}
	.attention {
		margin-right: 0.2rem;
	}
	.attention a,
	.fans a {
		font-size: 0.15rem;
	}
	.attention span,
	.fans span {
		font-size: 0.15rem;
	}
	.c-l-box {
    width: 100%;
    }
    .c-l-box  ul{
    	height: 0.5rem;
    	margin-top: 0.1rem;
    	margin-left: 0.3rem;
    }
    .c-r-box {
	width: 94%;
	padding: 0 3%;
    }
    .g-c-box {
    width: 100%;
    }
    .c-l-box ul li {
    display: inline-block;
    }
    .g-count {
	margin-top: 0.01rem;
   }
.c-l-box ul li a {
	line-height: 0.4rem;
	margin-right: 0.2rem;
}
.mov-h{
	position: absolute;
	top: 1.4rem;
	left: 0.2rem;
}
.mov-h img,.mov-x img{
	width: 0.15rem;
	height: 0.15rem;
	margin-right: 0.1rem;
}
.mov-x{
	position: absolute;
	left: 0.2rem;
	top: 1rem;
}
.c-l-box ul li .mov-x ,.c-l-box ul li .mov-h {
	font-size: 0.15rem;
	color: #E0E0E0;
}
.file{
	width: 100%;
}
.personage .b-name {
	margin-left: 0.8rem;
	margin-top: 0.1rem;
}
.personage .b-time,.personage .b-last{
	margin-left: 0.2rem;
	margin-top: 0.1rem;
}
.state-img img {
	position: absolute;
}
.file-count{
	width: 50%;
}
.file-count a{
	width: 100%;
}
.pagingbox .rightp,.pagingbox p .each-page,.pagingbox p .sum{
	display: none;
}
.g-count .pagingbox {
	padding-left: 2.5rem;
	width: 70%;
}
/*课程*/
.shadow-boxes{
	width: 95%;
	float: left;
	padding: 0.1rem;
}
.shadow-img{
	width: 40%;
	float: left;
	margin-right: 0.05rem;
}
.shadow-count{
	width: 56%;
	float: left;
	margin-left: 0.2rem;
}
.shadow-button{
	margin-left: 0.2rem;
}
.shadow ul li {
	width: 95%;
	margin: 0.1rem;
}
.c-r-nav ul li {
	font-size: 0.15rem;
	margin: 0.1rem 0.2rem 0.1rem 0.1rem;
}

.shadow-button-sty{
		margin-left: 0.6rem;
	}
/*课程*/


}
@media only screen and (max-width:414px){
	.c-l-box  ul{
		height: auto;
	}
	.c-l-box ul li a{
		margin-right: 0.4rem;
	}
	.mob-yc{
		display: none;
	}
	.shadow-count{
		margin-left: 0.1rem;
		width: 55%;
	}
	.shadow-button a{
		margin-left: 60%;
	}
	.shadow-button-sty{
		margin-left: 0;
	}
	.shadow-button-sty a{
		margin-left: 10%;
	}
	.g-count .pagingbox {
    padding-left: 0.7rem;
    width: 70%;}
    .shadow-button-skys a{
	margin-left: 10%;
	}
   }


@media only screen and (max-width:375px){
	.c-l-box ul li a{
		    margin-right: 0.32rem;
	}
	.shadow-button a{
		margin-left: 45%;
	}
	.shadow-button-sty a{
		margin-left: 10%;
	}
	.c-r-nav ul li{
		 margin: 0.1rem 0.18rem 0.1rem 0.1rem;

	}
	
	 .shadow-button-skys a{
	margin-left: 5%;
	}
}


@media only screen and (max-width:360px){
	/*活动*/
	.c-l-box ul li{
		    margin-left: 0.1rem;
		        margin-right: 0.02rem;
	}
	.c-l-box ul li a{
		    margin-right: 0.1rem;
	}
	.shadow-boxes{
		    padding: 0.1rem 0.02rem;
	}
	.shadow-count{
		width: 50%;
		margin-left: 0.2rem;
	}
	.g-count .pagingbox{
		padding-left: 0.25rem;
	}
	.g-count .pagingbox{
		width: 100%;                                                                                                                                                                                                                                           ;
	}
	    .c-r-nav ul li {
    margin: 0.1rem 0.14rem 0.1rem 0.1rem;
}
.shadow-button-sty a {
    margin-left: 0;
}
.shadow-button-skys a{
	margin-left: 0;
	}
}
@media only screen and (max-width:320px){
	.shadow-button-sty a {
    margin-left: 0;}
    .c-r-nav ul li {
    margin: 0.1rem 0.05rem 0.1rem 0.1rem;
}
   .shadow-button-skys{
   	margin-left: 0;
   }
}