html{
	font-size:12px;
}

body{
	padding:0px;
	margin:0px;
	width:100%;
	background:#ffffff;
	font-family:Microsoft YaHei,arial;
	
}

*{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; 
}

 a{
    text-decoration: none;
 }



.main_div{
	width:28rem;
}


.top_div{
	width:100%;
	background:#ffffff;
	height:3.75rem;
	text-align:center;
	font-size:1.2rem;
	color:#333333;
	font-weight:bold;
	line-height:3.75rem;
}

.top_back{
	position:absolute;
	width:2.83rem;
	padding-left:1rem;
	padding-top:0.3rem;
	height:3.75rem;
}

.progress_select{
	width:28.9rem;
	height:2.625rem;
	line-height:2.625rem;
	padding-left:1rem;
	padding-right:5rem;
	background:url(../images/select.png);
	background-size:100% 100%;
	margin-left:1.175rem;
	margin-top:1rem;
	font-size:1.2rem;
	color:#333333;
	appearance:none;   
    -moz-appearance:none;   
    -webkit-appearance:none;   
}



.detail_item{
	width:28.9rem;
	margin-bottom:1rem;
	display:table;
	height:3rem;
	margin-left:1.175rem;
}

.detail_left{	
	width:10rem;
	height:3rem;
	display:table-cell;
	line-height:3rem;
	background:#004BA0;
	font-size:1rem;
	color:#ffffff;
	padding-left:1rem;	
}

.detail_right{
	width:18.9rem;
	height:3rem;
	display:table-cell;
	line-height:3rem;
	background:#C0CDDE;
	font-size:1rem;
	color:#666666;
	padding-left:1rem;	
}

.my_rank_head{
	width:6.25rem;
	height:6.25rem;
	overflow:hidden;
	border-radius:100%;
	background:#ffffff;
	position:absolute;
	margin-top:1.8rem;
	margin-left:12.5rem;
	border:2px solid #efefef;
	
}

.my_rank_name{
	position:absolute;
	width:31.25rem;
	height:2rem;
	line-height:2rem;
	font-size:1.3rem;
	color:#ffffff;
	margin-top:8.5rem;
	text-align:center;
}

.my_rank_number{
	position:absolute;
	width:10rem;
	height:2rem;
	line-height:2rem;
	font-size:1.2rem;
	color:#ffffff;
	margin-left:8rem;
	margin-top:3.5rem;
}

.my_rank_score{
	position:absolute;
	width:10rem;
	height:4.08rem;
	line-height:4.08rem;
	font-size:1.6rem;
	color:#ffffff;
	text-align:right;
	margin-left:16rem;
	margin-top:1.29rem;
}

.mj_rank_div{
	width:28.9rem;
	margin-left:1.175rem;
}

.xc_rank_div{
	width:28.9rem;
	margin-top:1rem;
	margin-left:1.175rem;
}

.mj_rank_title{
	width:100%;
	/*background:#ffffff;*/
	color:#666666;
	display:table;
}

.xc_rank_title{
	width:100%;
	background:#004BA0;
	color:#ffffff;
	display:table;
}

.mj_rank_title_txt{
	font-size:1rem;
	color:#222222;
	text-align:center;
	display:table-cell;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	font-weight:bold;
}

.xc_rank_title_txt{
	font-size:1rem;
	color:#ffffff;
	text-align:center;
	display:table-cell;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

.mj_rank_content{
	width:100%;
	/*background:rgba(255,255,255,0.2);*/
	display:table;
	margin-top:0.3rem;
}

.xc_rank_content{
	width:100%;
	background:#C0CDDE;
	display:table;
	margin-top:0.3rem;
}

.mj_rank_content_txt{
	font-size:1rem;
	color:#666666;
	text-align:center;
	display:table-cell;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

.xc_rank_content_txt{
	font-size:1rem;
	color:#666666;
	text-align:center;
	display:table-cell;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

.pt_div{
	width:28.9rem;
	margin-top:1rem;
	margin-left:1.175rem;
	height:2.5rem;
	line-height:2.5rem;
}

.pt_btn{
	width:12.5rem;
	position:absolute;
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	font-size:1.2rem;
	color:#666666;
}

.pt_line{
	width:7rem;
	margin-left:2.75rem;
	height:0.2rem;
	background:#850359;
	position:absolute;
	margin-top:2.4rem;
	display:none;
}



.search_select{
	width:28.9rem;
	height:2.625rem;
	line-height:2.625rem;
	padding-left:1rem;
	padding-right:5rem;
	background:url(../images/search.png);
	background-size:100% 100%;
	margin-left:1.175rem;
	margin-top:1rem;
	font-size:1.2rem;
	color:#333333;
	appearance:none;   
    -moz-appearance:none;   
    -webkit-appearance:none;   
}

/***********��½��**************/

.login_bg{
	width:100%;
	position:fixed;
	height:100%;
	top:0;
	left:0;
}

.login_logo{
	width:100%;
	position:absolute;
}


.login_input_pan{
	width:23.08rem;
	margin-left:4.085rem;
	margin-top:1rem;
}

.index_btn_pan{
	
	width:23.08rem;
	margin-left:3.125rem;
	margin-top:3rem;
}

.login_input_div{
	height:3.5rem;
	line-height:3.5rem;
	width:100%;
	font-size:1rem;
	color:#999999;
	margin-bottom:2rem;
	font-size:1.2rem;
}

.login_input_txt{
	position:absolute;
	width:7rem;
	height:3.75rem;
	padding-left:1rem;
	display:none;
}

.login_yz_btn{
	position:absolute;
	width:9.4rem;	
	height:3.08rem;
	line-height:3.08rem;
	color:#ffffff;
	font-size:1rem;
	background:#08a2ef;
	text-align:center;
	border-radius:1.3rem;
	margin-left:14rem;
}

.login_input{
	border:none;	
	position:absolute;
	height:3.5rem;
	line-height:3.5rem;
	width:23.08rem;
	color:#666666;
	background:transparent;
	font-size:1.2rem;
	position:absolute;
	padding-left:2rem;
	padding-right:1rem;
	border-bottom:1px solid #e2e1e1;
}

.login_input_div span{
	color:#ffffff;
	background:rgba(255,255,255,0.2);
	border-radius:0.5rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;
	float:right;
	font-size:1.2rem;
	padding-left:1.5rem;
	padding-right:1.5rem;
}


/***********��ҳ****************/



.rule_btn{
	width:100%;
	text-align:center;
	font-size:1.2rem;
	color:#0000AF;
	text-decoration:underline;
}


.index_bg{
	width:100%;
	height:100%;
	position:fixed;
	overflow:hidden;
	top:0;
	z-index:-1;
}

.index_bg img{
	width:100%;
}


.index_logo{
	position:absolute;
	width:100%;
	height:3rem;
	overflow:hidden;
}
.index_logo img{
	width:100%;
}


.top_title{
	width:100%;
	font-size:1.8rem;
	font-weight:bold;
	text-align:left;
	padding-left:1rem;
	margin-top:2rem;
}

.news_detail_title{
	width:100%;
	font-size:1.5rem;
	font-weight:bold;
	text-align:left;
	padding-left:1rem;
	margin-top:2rem;
}

.news_detail_time{
	width:100%;
	font-size:1.2rem;
	text-align:left;
	color:#A6AFAE;
	padding-left:1rem;
	margin-top:0.2rem;
}

.news_content{
	margin-top:2rem;
	width:28rem;
	margin-left:1rem;
	font-size:1.2rem;
	color:#333333;
}

.news_content img{
	width:100%;
}

.top_sub_title{
	width:100%;
	font-size:1.2rem;
	font-weight:bold;
	text-align:left;
	color:#A6AFAE;
	padding-left:1rem;
	margin-top:0.2rem;
}

.banner_div{
	width:28rem;
	height:12.875rem;
}

.banner{
	width:28rem;
	height:12.875rem;
	background:#efefef;
	overflow:hidden;
	float:left;
	position:absolute;
	border-radius:0.5rem;
}

.banner_item{
	width:28rem;
	height:12.875rem;
	overflow:hidden;
	position:absolute;
}

.banner_info{
	width:28rem;
	margin-top:11.83rem;
	height:6rem;
	background:rgba(166,174,174,0.9);
	padding:1rem;
}

.banner_info_time{
	font-size:1.2rem;
}

.banner_info_title{
	width:100%;
	height:2rem;
	line-height:2rem;
	overflow:hidden;
	font-size:1.3rem;
}

.page_ico_div{
	position:absolute;
	text-align:center;
	width:28rem;
	margin-top:11rem;
}

.index_rule_div{
	width:100%;
	height:2.91rem;
	line-height:2.91rem;
	padding-right:1rem;
	font-size:1rem;
	text-align:right;
	color:#333333;
}

.index_menu_div1{
	width:100%;
	padding-top:1.66rem;
	padding-left:13.75rem;
}

.index_menu_item1{
	width:16.45rem;
	height:3.75rem;
	display:table;
	margin-bottom:3rem;
}

.index_menu_item_img1{
	width:16.45rem;
	margin-bottom:3rem;
}

.index_menu_item_content1{
	display:table-row;
}

.index_menu_ico1{
	width:4rem;
	height:4rem;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	background:url(../images/index_btn_bg.png);
	background-size:4rem auto;
	background-repeat:no-repeat;
}

.index_menu_ico1_bak{
	width:4.08rem;
	height:3.75rem;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

.index_menu_ico1 img{
	width:3.5rem;
}

.index_menu_txt1{
	width:12.37rem;
	height:3.75rem;
	padding-left:1rem;
	padding-right:0.5rem;
	text-align:left;
	vertical-align:middle;
	display:table-cell;
	font-size:1.2rem;
	font-weight:bold;
	color:#333333;
}

.index_menu_ico_img1{
	width:100%;
}





.index_menu_div2{
	width:100%;
	padding-top:3rem;
}




.index_menu_item2{
	width:7.95rem;
	height:7.54rem;
	float:left;
	display:table;
	margin-bottom:5rem;
	margin-left:5.11rem;
	background:#ececec;
}


.index_menu_item_img2{
	width:7.95rem;
	
	float:left;
	
	margin-bottom:5rem;
	margin-left:5.11rem;
}


.index_menu_item_content2{
	display:table-cell;
	width:7.95rem;
	height:7.54rem;
}

.index_menu_ico2 img{
	width:5.2rem;
}

.index_menu_ico2{
	width:100%;
}

.index_menu_txt2{
	width:7.95rem;	
	font-size:1.2rem;
	font-weight:bold;
	color:#333333;
	text-align:center;
	position:absolute;
	margin-top:7.95rem;
}

.index_menu_ico_img2{	
	position:absolute;
	margin-left:1.35rem;
	margin-top:1.8rem;
}




.index_menu_div3{
	width:100%;
	padding-top:3rem;
}

.index_menu_item3{
	width:22.25rem;
	height:3.875rem;
	line-height:3.5rem;
	display:table;
	margin-bottom:1.875rem;
	margin-left:4.5rem;
	background:url(../images/index_btn_bg3.png);
	background-size:100% 100%;
	/*border:1px solid #606060;
	border-radius:0.7rem;*/
	
	
}

.index_menu_item_img3{
	width:22.25rem;
	
	margin-bottom:1.875rem;
	margin-left:4.5rem;
	
	
	
}


.index_menu_item_content3{
	width:19.25rem;
	height:3rem;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding-left:5rem;
	padding-right:1rem;
}


.index_menu_ico3{
	height:2.79rem;
	width:3rem;
	display:inline;
}

.index_menu_ico3 img{
	width:3rem;
	vertical-align:middle;
	margin-top:-0.5rem;
}

.index_menu_txt3{
	width:100%;	
	font-size:1.2rem;
	font-weight:bold;
	color:#333333;
	display:inline;
	margin-left:0.3rem;
}

.index_menu_ico_img3{
	
}



.rule_pop_div{
	background:rgba(53,53,53,0.8);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:none;
}

.rule_pop_div_cell{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}

.rule_div{
	width:90%;
	margin-left:5%;
	background:#efefef;
	border-radius:0.5rem;
	color:#333333;
	font-size:1.2rem;
	padding:1rem;
	min-height:20rem;
}


.rule_close{
	width:40%;
	margin-left:30%;
	margin-top:1rem;
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	color:#ffffff;
	background:#66cc68;
	border-radius:0.5rem;
	
}










.notice_div{
	width:27rem;
	margin-left:1.5rem;
	margin-top:1rem;
	height:2.67rem;
	overflow:hidden;
	border-radius:1rem;
	background:rgba(230,230,230,0.8);
	position:absolute;
	overflow:hidden;
}

.notice_div_item{
	width:27rem;
	height:2.67rem;
	line-height:2.67rem;
	font-size:1rem;
	padding-left:1rem;
	padding-right:1rem;
	position:absolute;
	overflow:hidden;
}



.index_class{
	width:30rem;
	height:4rem;
	overflow-x:scroll;
	overflow-y:hidden;
	margin-top:2rem;
	position:relative;
}

.index_class_btn{
	position:absolute;
	width:4rem;
	height:4rem;
	display:table;
	border-radius:100%;
	background:#FFEB3B;
	color:#000000;
}

.index_class_btn2{
	position:absolute;
	width:4rem;
	height:4rem;
	display:table;
	border-radius:100%;
	background:#FF9900;
	color:#ffffff;
}

.index_class_btn_cell{
	text-align:center;
	font-size:1rem;
	display:table-cell;
	vertical-align:middle;
	width:4rem;
	height:4rem;
}

.index_choose_div{
	width:27rem;
	margin-left:1.5rem;
	margin-top:1rem;
}

.index_choose_selected{
	font-size:1.3rem;
	border-bottom:0.2rem solid #065BAA;
	margin-right:2rem;
	padding-bottom:0.5rem;
}

.index_choose{
	font-size:1.3rem;
	margin-right:2rem;
	line-height:3rem;
	padding-bottom:0.5rem;
	color:#999999;
}

.index_course_list_div{
	width:27rem;
	margin-left:1.5rem;
	margin-top:1rem;
}

.index_course_item_div{
	width:100%;
	margin-bottom:2rem;	
	margin-bottom:2rem;
}

.index_course_item_pic{
	width:7.91rem;
	float:right;
	height:5.27rem;
	overflow:hidden;
}

.index_course_item_right{
	width:16.5rem;
	height:5.27rem;
	float:left;
}

.index_course_item_title{
	font-size:1.2rem;
}

.index_course_item_description{
	font-size:1rem;
	margin-top:0rem;
	color:#999999;
}

.index_course_item_btn{
	background:#FFEB3B;
	border-radius:0.5rem;
	width:6rem;
	color:#000000;
	font-size:1.2rem;
	height:2rem;
	line-height:2rem;
	margin-top:0.5rem;
	font-size:1rem;
	margin-left:10.5rem;
	text-align:center;
}



/******************/
.top_bar{
	width:100%;
	height:3.25rem;
	display:table;
	border-bottom:2px solid #999999;
	background:#ffffff;
}

.top_bar_item{
	/*width:50%;*/
	width:15rem;
	height:3.25rem;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	font-size:1.2rem;
	color:#999999;
	padding-top:1px;
}

.top_bar_ico{
	width:2rem;
	margin-right:0.5rem;
	vertical-align:middle;
	margin-top:-0.25rem;
	display:none;
}

.top_bar_line{
	width:10.7rem;
	height:0.16rem;
	position:absolute;
	margin-top:2.4rem;
	margin-left:2.5rem;
	background:#90c040;
	display:none;
}

.search_div{
	width:29.25rem;
	height:2.2rem;
	margin-left:1rem;
	margin-top:0.5rem;
}

.search_input{
	width:29.25rem;
	height:2.2rem;
	border:none;
	border-radius:2rem;
	font-size:1rem;
	color:#999999;
	padding-left:4rem;
	padding-right:3rem;
	line-height:2.2rem;
	background:#ffffff;
	position:absolute;
}

.search_ico{
	position:absolute;
	margin-left:1.5rem;
	width:1.54rem;
	margin-top:0.3rem;
}


.type_bar{
	display:table;
	margin-top:1rem;
	border-bottom:1px solid #999999;
	width:100%;
	height:2rem;
	margin-bottom:1rem;
}

.type_bar_item{
	width:33%;
	display:table-cell;
	padding-bottom:0.2rem;
	font-size:1.2rem;
	color:#999999;
	height:1.8rem;
}


.select_btn{	
	width:11.11rem;
	background:url(../images/select_ico.png);
	background-size:0.79rem auto;
	background-repeat:no-repeat;
	background-position:9rem 0.5rem;
	padding-left:1rem;
	padding-right:1.2rem;
	overflow:hidden;
	height:1.6rem;
	line-height:1.6rem;
	position:absolute;
	text-align:center;
}

.select_bar{
	display:table;
	border-bottom:1px solid #999999;
	width:33%;
	position:absolute;
	margin-top:0rem;
	z-index:1000;
	display:none;	
	border:1px solid rgba(255,255,255,0.2);
}


.select_bar_item{
	width:100%;
	height:2rem;
	line-height:2rem;
	text-align:center;
	color:#ffffff;
	font-size:1rem;
	/*background:rgba(53,53,53,0.8);*/
	background:#90c040;
}




/********�ײ��˵���ʽ********/
.bottom_div{
	width:100%;
	position:fixed;
	bottom:0;
	height:5rem;
	background:#ffffff;
}

.bottom_btn_div{
	width:25%;
	float:left;
	text-align:center;
	font-size:1rem;
	color:#B4B4B4;
}

.bottom_btn_enabled{
	color:#000000;
}

.bottom_btn_div img{
	width:40%;
	margin-top:0.5rem;
}

.bottom_btn_div div{
	margin-top:-0.3rem;
}
/********�ײ��˵���ʽ����********/



/********��Ƶҳ�������ʽ********/
.myvideo_title{
	text-align:center;
	color:#333333;
	font-weight:bold;
	font-size:1.2rem;
	padding-top:1rem;
	padding-bottom:1rem;
}

.myvideo_item{
	width:13.33rem;
	margin-bottom:1rem;
	background:#ffffff;padding-bottom:0.5rem;
	border-radius:0.5rem;
}

.myvideo_img{
	width:13.33rem;
	height:11.625rem;
	border-radius:0.5rem 0.5rem 0 0;
	overflow:hidden;
}

.myvideo_content{
	margin-left:2em;
	width:27.25rem;
}

.myvideo_btn_upload{
	width:96%;
	margin-left:2%;
	height:3rem;
	text-align:center;
	font-size:1.2rem;
	line-height:3rem;
	border-radius:0.5rem;
	margin-bottom:0.5rem;
}

.myvideo_btn_upload_new{
	width:13.5rem;
	margin-left:1.625rem;
	height:3rem;
	text-align:center;
	font-size:1.2rem;
	line-height:3rem;
	border-radius:0.5rem;
	margin-bottom:0.5rem;
	margin-top:1rem;
	float:left;
}

.myvideo_btn_delete{
	width:5rem;
	height:2rem;
	line-height:2rem;
	text-align:center;
	font-size:1rem;
	margin-top:0.5rem;
	border-radius:0.5rem;
}


.upload_upload_btn{
	width:96%;
	margin-left:2%;
	height:3rem;
	text-align:center;
	font-size:1.2rem;
	line-height:3rem;
	border-radius:0.5rem;
	margin-bottom:0.5rem;
}

.upload_upload_btn_new{
	width:27.325rem;
	/*height:15.75rem;
	background:#CACACA;*/
	border-radius:0.5rem;
	margin-top:1rem;
	margin-left:1.9625rem;
}

.upload_select_div{
	width:27.325rem;
	height:2.41rem;	
}

.myvideo_bottom_div{
	width:100%;
	position:fixed;
	bottom:0;
}

.upload_title{
	width:28rem;
	margin-left:1.625rem;
	margin-top:1rem;
	margin-bottom:0.5rem;
	font-weight:bold;
	font-size:1.2rem;
	text-align:left;
}

.upload_input{
	color:#333333;
	height:2.5rem;
	line-height:2.5rem;
	padding-left:1rem;
	padding-right:1rem;
	font-size:1.2rem;
	background:#ffffff;
	border-radius:0.5rem;
	width:28rem;
	margin-left:1.625rem;
	border:none;
}

.upload_video_pre{
	/*width:28rem;
	margin-left:1.625rem;*/
	width:24.04rem;height:15.58rem;
	background:#000000;
}

.myvideo_video_title{
	font-weight:bold;
	font-size:1.2rem;
	text-align:left;
	height:1.5rem;
	line-height:1.5rem;
	overflow:hidden;	
}





.team_video_div{
	width:29.25rem;
	margin-left:1rem;
	margin-top:2rem;
	height:11rem;
	border-radius:0.5rem;
	background:#ffffff;
	overflow:hidden;
}

.team_video_judge_div{
	width:29.25rem;
	margin-left:1rem;
	margin-top:2rem;
	height:13rem;
	border-radius:0.5rem;
	background:#ffffff;
	overflow:hidden;
}

.team_video_scorebtn{
	background:#333333;
	position:absolute;
	border-radius:0.5rem;
	overflow:hidden;
	width:6.79rem;
	height:2rem;
	line-height:2rem;
	color:#ffffff;
	font-size:1rem;
	margin-top:7.5rem;
	text-align:center;
}

.team_video_frame{
	background:#333333;
	position:absolute;
	border-radius:0.5rem;
	overflow:hidden;
	width:12.79rem;
	height:7.16rem;
}


.team_video_title{
	height:1.5rem;
	width:100%;
	margin-top:5.66rem;
	text-align:center;
	color:#ffffff;
	font-size:1rem;
	position:absolute;
}

.team_video_preimg{
	height:5.66rem;
	line-height:5.66rem;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:1rem;
	position:absolute;
	padding-top:1rem;
}

/*��ʽ1*/
.video_content_item1{
	margin-left:0.83rem;
	float:left;
	width:14.375rem;
	margin-bottom:1.3rem;
	background:#ffffff;
	border-radius:0.5rem 0.5rem 0.5rem 0.5rem;
}


.video_content_img1{
	width:14.375rem;
	border-radius:0.5rem 0.5rem 0rem 0rem;
	height:10rem;
	overflow:hidden;
}

.video_good_ico1{
	position:absolute;
	width:3rem;
	margin-left:11.375rem;
}

.video_info1{
	width:100%;
	background:#ffffff;
	padding-left:0.83rem;
	padding-top:0.3rem;
	padding-right:0.83rem;
}

.video_name1,.video_dq1,.video_view1{
	width:100%;
	/*height:1.5rem;*/
	line-height:1.5rem;
	font-size:1rem;
	padding-left:1.3rem;
	color:#999999;
	margin-top:0.2rem;
}

.video_name1{
	
	/*background:url(../images/video_name_ico.png);
	background-size:1.2rem auto;
	background-position:0 0.02rem;
	background-repeat:no-repeat;*/
	
	font-size:1rem;
	color:#282828;
	padding-left:0rem;
}

.video_dq1{
	background:url(../images/video_dq_ico.png);
	background-size:1.2rem auto;
	background-position:0 0.02rem;
	background-repeat:no-repeat;
}

.video_view1{
	/*background:url(../images/video_view_ico.png);
	background-size:1.2rem auto;
	background-position:0 0.02rem;
	background-repeat:no-repeat;*/
	margin-top:0.3rem;
	color:#8f8f8f;
	padding-left:0rem;
}

.video_tool1{
	background:#ffffff;
	padding-left:0.83rem;
	padding-right:0.83rem;
	height:2.5rem;
	padding-top:0.3rem;
	border-radius:0rem 0rem 0.5rem 0.5rem;
}

.video_tool_look1_1,.video_tool_look1_2{
	width:6.125rem;
	height:1.45rem;
	line-height:1.45rem;
	color:#ffffff;
	background:#90c040;
	border-radius:0.5rem;
	padding-left:1.8rem;
	font-size:0.8rem;
	float:left;
	overflow:hidden;
}

.video_tool_look1_1{
	background:url(../images/look_ico1_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.video_tool_look1_2{
	background:url(../images/look_ico2_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


.video_tool_zan1_1,.video_tool_zan1_1_enable,.video_tool_zan1_2,.video_tool_zan1_2_enable{
	width:6.125rem;
	height:1.45rem;
	line-height:1.45rem;
	color:#ffffff;
	background:#90c040;
	border-radius:0.5rem;
	font-size:0.8rem;
	float:right;
	overflow:hidden;
	text-align:left;
	padding-left:1.8rem;
}

.video_tool_zan1_1{
	background:url(../images/vote_ico1_1_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.video_tool_zan1_1_enable{
	background:url(../images/vote_ico1_2_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


.video_tool_zan1_2{
	background:url(../images/vote_ico2_1_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.video_tool_zan1_2_enable{
	background:url(../images/vote_ico2_2_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


/*��ʽ2*/
.video_content_item2{
	margin-left:0.92rem;
	width:29.41rem;
	height:10.08rem;
	margin-bottom:1rem;
	border-radius:0.5rem;
	background:#ffffff;
}

.video_content_img2{
	width:14.66rem;
	border-radius:0.5rem 0rem 0rem 0.5rem;
	height:10.08rem;
	overflow:hidden;
	float:left;
}

.video_good_ico2{
	position:absolute;
	width:3rem;
	margin-left:11.66rem;
}

.video_info2{
	width:14.75rem;
	float:left;
	padding-left:0.8rem;
	padding-top:1rem;
	height:6.58rem;
}

.video_name2,.video_dq2,.video_view2{
	width:100%;
	height:1.5rem;
	line-height:1.5rem;
	font-size:1rem;
	padding-left:1.3rem;
	color:#999999;
	margin-top:0.2rem;
}

.video_name2{
	/*background:url(../images/video_name_ico.png);
	background-size:1.2rem auto;
	background-position:0 0.02rem;
	background-repeat:no-repeat;*/
	font-size:1.3rem;
	color:#282828;
	padding-left:0rem;
}

.video_dq2{
	background:url(../images/video_dq_ico.png);
	background-size:1.2rem auto;
	background-position:0 0.02rem;
	background-repeat:no-repeat;
}

.video_view2{
	/*background:url(../images/video_view_ico.png);
	background-size:1.2rem auto;
	background-position:0 0.02rem;
	background-repeat:no-repeat;*/
	margin-top:0.5rem;
	color:#8f8f8f;
	padding-left:0rem;
}

.video_tool2{
	width:14.75rem;
	background:6rem;
	float:left;
	padding-top:1rem;
	padding-left:0.8rem;
	padding-right:0.8rem;
}

.video_tool_look2_1,.video_tool_look2_2{
	/*width:100%;
	height:1.66rem;
	line-height:1.66rem;
	color:#666666;
	padding-left:1.8rem;
	font-size:1rem;
	margin-bottom:2rem;*/
	
	width:6rem;
	height:1.45rem;
	line-height:1.45rem;
	color:#ffffff;
	background:#90c040;
	border-radius:0.5rem;
	padding-left:1.8rem;
	font-size:0.8rem;
	float:left;
	overflow:hidden;
}

.video_tool_look2_1{
	background:url(../images/look_ico1_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.video_tool_look2_2{
	background:url(../images/look_ico2_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


.video_tool_zan2_1,.video_tool_zan2_1_enable,.video_tool_zan2_2,.video_tool_zan2_2_enable{
	/*width:100%;
	height:1.66rem;
	line-height:1.66rem;
	color:#666666;
	padding-left:1.8rem;
	font-size:1rem;*/
	
	width:6rem;
	height:1.45rem;
	line-height:1.45rem;
	color:#ffffff;
	background:#90c040;
	border-radius:0.5rem;
	font-size:0.8rem;
	float:right;
	overflow:hidden;
	text-align:left;
	padding-left:1.8rem;
}

.video_tool_zan2_1{
	background:url(../images/vote_ico1_1_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.video_tool_zan2_1_enable{
	background:url(../images/vote_ico1_2_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


.video_tool_zan2_2{
	background:url(../images/vote_ico2_1_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.video_tool_zan2_2_enable{
	background:url(../images/vote_ico2_2_new.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}



.catalog_list_div2{
	width:100%;
	height:19.75rem;
}

.catalog_video_item{
	width:24.25rem;
	position:absolute;
	margin-left:3.5rem;
	border-radius:0.5rem;
	background:#ffffff;
}

.catalog_video_img{
	width:24.25rem;
	height:13.875rem;
	background:#333333;
	border-radius:0.5rem 0.5rem 0 0;
	overflow:hidden;
}

.catalog_tool_div{
	width:24.25rem;
	height:3.125rem;
}


.catalog_tool_upload{
	float:left;
	height:3.125rem;
	/*line-height:2.375rem;*/
	font-size:1rem;
	
	width:10rem;
	padding-top:0.5rem;
	
	/*background:url(../images/video_name_ico.png);
	background-size:2rem 2rem;
	background-position:0rem 0.15rem;
	background-repeat:no-repeat;*/
	
	padding-left:1rem;
}


.catalog_tool_title{
	color:#8f8f8f;
	font-size:0.8rem;
}



.catalog_tool_look1,.catalog_tool_look2,.catalog_tool_praise1_1,.catalog_tool_praise2_1,.catalog_tool_praise1_2,.catalog_tool_praise2_2{
	/*float:right;
	height:2.375rem;
	line-height:2.375rem;
	font-size:1rem;
	
	padding-left:2.2rem;*/
	
	width:6.125rem;
	height:1.45rem;
	line-height:1.45rem;
	color:#ffffff;
	background:#90c040;
	border-radius:0.5rem;
	padding-left:1.8rem;
	font-size:0.8rem;
	float:right;
	overflow:hidden;
	margin-top:0.8375rem;
}

.catalog_tool_look1{
	background:url(../images/look_ico1_new.png);
	
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-right:1rem;
}

.catalog_tool_look2{
	background:url(../images/look_ico2_new.png);
	
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-right:1rem;
}

.catalog_tool_praise1_1{
	background:url(../images/vote_ico1_1_new.png);
	
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-right:0.2rem;
}

.catalog_tool_praise2_1{
	background:url(../images/vote_ico2_1_new.png);
	
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-right:0.2rem;
}

.catalog_tool_praise1_2{
	background:url(../images/vote_ico1_2_new.png);
	
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-right:0.2rem;
}

.catalog_tool_praise2_2{
	background:url(../images/vote_ico2_2_new.png);
	
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-right:0.2rem;
}

.catalog_btn_left,.catalog_btn_right{
	position:absolute;
	margin-top:6.16rem;
	width:1rem;
}

.catalog_btn_left{
	margin-left:1rem;
}

.catalog_btn_right{
	margin-left:29.25rem;
}




.mulu_item{
	width:22rem;
	height:3.5rem;
	line-height:3.5rem;
	font-size:1.2rem;
	color:#666666;
	text-align:center;
	background:#ffffff;
	border-radius:3.5rem;
	margin-top:3rem;
	margin-left:4.625rem;
	box-shadow: 2px 2px 2px rgba(53,53,53,0.8);
}

.mulu_item2{
	float:left;
	margin-left:0.81rem;
	width:14.41rem;
	margin-top:1.5rem;
	background:#ffffff;
	border-radius:0.5rem;
}

.mulu_item2_img{
	width:14.41rem;
	height:10rem;
	overflow:hiden;
	background:#333333;
	border-radius:0.5rem 0.5rem 0 0 ;
}

.mulu_item2_info{
	width:100%;
	font-size:1rem;
	padding-top:0.3rem;
	padding-left:0.8rem;
	padding-right:0.8rem;
	padding-bottom:1rem;
	
}

.mulu_item_title{
	font-size:1.2rem;
	color:#282828;
	margin-bottom:0.2rem;
}

.mulu_item_time,.mulu_item_count{
	font-size:0.8rem;
	color:#8f8f8f;
	margin-bottom:0.2rem;
}



.catalog_title{
	width:28rem;
	margin-left:1.625rem;
	margin-top:1rem;
	margin-bottom:1rem;
}

.catalog_title_left img{
	width:1.75rem;
	margin-right:0.1rem;
	margin-top:-0.2rem;
	vertical-align:middle;
}

.catalog_title_left{
	font-size:1.2rem;
	font-weight:bold;
	color:#333333;
	float:left;
}

.catalog_title_right{
	float:right;
	font-size:0.8rem;
	color:#333333;
	margin-top:0.5rem;
}


.video_detail_video{
	width:100%;
	margin-bottom:1rem;
}

.video_detail_video video{
	width:100%;
	height:17.58rem;
	background:#333333;
}

.video_detail_title,.video_detail_company,.video_detail_content,.video_detail_vote,.video_detail_vote1,.video_detail_vote1_enable,.video_detail_vote2_enable,.video_detail_vote2{
	width:28rem;
	margin-left:1.625rem;
	color:#333333;
	margin-top:0.3rem;
}

.video_detail_title{
	font-size:1.4rem;
	font-weight:bold;
}

.video_detail_company{
	font-size:1.2rem;
	font-weight:bold;
}

.video_detail_content{
	font-size:1.2rem;
}

.video_detail_vote{
	background:url(../images/video_detail_vote_ico.png);
	background-size:1.875rem auto;
	background-repeat:no-repeat;
	padding-left:2.5rem;
	font-size:1rem;
	color:#999999;
	height:1.875rem;
	line-height:1.875rem;
	margin-top:0.5rem;
}


.video_detail_vote1{
	background:url(../images/vote_ico1_1.png);
	background-size:1.875rem auto;
	background-repeat:no-repeat;
	padding-left:2.5rem;
	font-size:1rem;
	color:#999999;
	height:1.875rem;
	line-height:1.875rem;
	margin-top:0.5rem;
}

.video_detail_vote1_enable{
	background:url(../images/vote_ico1_2.png);
	background-size:1.875rem auto;
	background-repeat:no-repeat;
	padding-left:2.5rem;
	font-size:1rem;
	color:#999999;
	height:1.875rem;
	line-height:1.875rem;
	margin-top:0.5rem;
}

.video_detail_vote2{
	background:url(../images/vote_ico2_1.png);
	background-size:1.875rem auto;
	background-repeat:no-repeat;
	padding-left:2.5rem;
	font-size:1rem;
	color:#999999;
	height:1.875rem;
	line-height:1.875rem;
	margin-top:0.5rem;
}

.video_detail_vote2_enable{
	background:url(../images/vote_ico2_2.png);
	background-size:1.875rem auto;
	background-repeat:no-repeat;
	padding-left:2.5rem;
	font-size:1rem;
	color:#999999;
	height:1.875rem;
	line-height:1.875rem;
	margin-top:0.5rem;
}


.video_detail_btn{
	width:20rem;
	height:3.83rem;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
	line-height:3.83rem;
	color:#333333;
	border-radius:4rem;
	border:1px solid #666666;
	margin-left:5.625rem;
	margin-top:5rem;
}

.btn_rank{
	width:2.75rem;
	height:2.75rem;
	background:url(../images/btn_rank.png);
	background-size:100% 100%;
	position:fixed;
	bottom:1rem;
	right:1rem;
}

.btn_home{
	width:2.75rem;
	height:2.75rem;
	background:url(../images/btn_home.png);
	background-size:100% 100%;
	position:fixed;
	bottom:1rem;
	left:1rem;
}

.user_head_div{
	width:6.41rem;
	height:6.41rem;
	background:url(../images/head_frame.png);
	background-size:100% 100%;
	margin-left:12.42rem;
	margin-top:3rem;
	padding:0.5rem;
}

.user_head_img{
	width:5.375rem;
	height:5.375rem;
	overflow:hidden;
	border-radius:100%;
}

.user_info_item{
	width:25.45rem;
	margin-left:2.9rem;
	height:3rem;
	line-height:3rem;
	padding-left:2rem;
	padding-right:1rem;
	color:#333333;
	font-weight:bold;
	background:#ffffff;
	border-radius:0.5rem;
	margin-top:1rem;
	font-size:1rem;
	
}

.user_info_number{
	float:right;
	text-align:right;
	font-weight:normal;
	color:#a0a0a0;
}


.user_head_name{
	margin-top:0.5rem;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
	color:#333333;
}



/********���а�********/
.rank_top_bar{
	width:100%;
	height:3.25rem;
	display:table;
	border-bottom:2px solid #999999;
}


.rank_top_bar_item,.rank_top_bar_item_selected{
	height:3.25rem;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	font-size:1.2rem;
	padding-top:1px;
}

.rank_top_bar_item{
	color:#999999;
}

.rank_top_bar_item_selected{
	color:#666666;
}

.rank_top_bar_item_selected span{
	padding-bottom:0.7rem;
	border-bottom:0.1rem solid #666666;
}

.rank_content{
	/*margin-left:1rem;
	width:29.25rem;*/
	width:100%;
}

.rank_content img{
	width:100%;
}

.rank_content p{
	margin-top:0;
	padding-top:0;
}


.rank_top3{
	width:100%;
	margin-top:1rem;
	height:13.125rem;
}

.myrank_div{
	margin-top:2rem;
	margin-left:2rem;
	width:27.25rem;
	height:4.2rem;
}

.myrank_headimgframe{
	width:4.16rem;
	height:4.16rem;
	float:left;
	background:url(../images/head_frame.png);
	background-size:100% 100%;
	padding:0.32rem;
}

.myrank_headimg{
	width:3.52rem;
	height:3.52rem;
	overflow:hidden;
	border-radius:100%;
}

.myrank_username{
	font-size:1.2rem;
	float:left;
	margin-left:2rem;
	margin-top:1rem;
}

.myrank_rank{
	font-size:1.2rem;
	float:left;
	margin-left:2rem;
	margin-top:1rem;
}

.myrank_username img{
	width:2rem;
	vertical-align:middle;
	margin-top:-0.2rem;
}

.myrank_rank img{
	width:2rem;
	vertical-align:middle;
	margin-top:-0.2rem;
}

.rank_first_div{
	width:9.83rem;
	height:13.125rem;
	position:absolute;
	overflow:hidden;
	border-radius:1rem;
	margin-left:10.71rem;
	background:#ffffff;
	box-shadow: 2px 2px 2px #f4f6eb;
}

.rank_second_div{
	width:8.66rem;
	height:11.9rem;
	position:absolute;
	overflow:hidden;
	border-radius:1rem;
	margin-left:10.71rem;
	background:#ffffff;
	box-shadow: 2px 2px 2px #f4f6eb;
	margin-top:0.5rem;
}


.myrank_headimgframe{
	width:4.16rem;
	height:4.16rem;
	float:left;
	background:url(../images/head_frame.png);
	background-size:100% 100%;
	padding:0.32rem;
}

.myrank_headimg{
	width:3.52rem;
	height:3.52rem;
	overflow:hidden;
	border-radius:100%;
}

.rank_info1{
	color:
}

.first_info{
	width:100%;
	margin-top:0.5rem;
	font-size:1rem;
	color:#656565;
	text-align:center;
}

.second_info{
	width:100%;
	margin-top:0.5rem;
	font-size:0.9rem;
	color:#656565;
	text-align:center;
}


.myrank_headimgframe2{
	width:4.16rem;
	height:4.16rem;
	background:url(../images/head_frame.png);
	background-size:100% 100%;
	padding:0.32rem;
}

.rank_table{
	width:29.25rem;
	margin-left:1rem;
	display:table;
}

.rank_row{
	display:table-row;
	width:100%;
}

.rank_cell_title,.rank_cell{
	display:table-cell;
	text-align:center;
	color:#656565;
	font-size:1rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;
}

.rank_cell_title{
	font-weight:bold;
}