* {
    word-wrap: break-word;
	
}

html,body{
	padding:0;
	font-size:16px;
	font:16px/1.22;
	margin:0 auto;
	position: relative;
	min-height:100%;
	font-family: "微软雅黑","Microsoft YaHei",Arial,Helvetica,sans-serif;
}
body>a{
	display:none;
}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, a, p{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	list-style-type:none;
	color:#000;
	font-family: "微软雅黑","Microsoft YaHei", Arial, Helvetica, sans-serif;
	text-decoration:none;
	transition: 300ms;
	-moz-transition: 300ms;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	-ms-transition: 300ms;
}
table,td,th{
	border-collapse:collapse;
	border:0;
}
input, button{
	font-family: "微软雅黑","Microsoft YaHei", Arial, Helvetica, sans-serif;
}
a{
	color:#000;
	opacity:1;
	outline:none;
	text-decoration:none;
	cursor: pointer;
}
a.disabled{
	color:#757575 !important;
	background:#dcdcdc !important;
	text-shadow:1px 1px 0 rgba(255,255,255,1) !important;
	pointer-events:none !important;
}
div, i, a, span, label, #close:after{
	transition: 300ms;
	-moz-transition: 300ms;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	-ms-transition: 300ms;
}
div{
	overflow:hidden;
}
.right{
	margin-right:0 !important;
	float:right;
}
.no-border{
	border:none !important;
}

.no_course {
	text-align: center;
}

.ie img{
	border:none;
}
.ie #close{
	display:block;
	overflow:hidden;
	height:50px;
	width:50px;
	position:absolute;
	background:url(../web_images/close.png) no-repeat center;
}
.ie #close:hover{
	background-image:url(../web_images/close.png);
	background-repeat:no-repeat;
	background-position:center;
	background:rgba(0,0,0, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); 
    zoom:1;
}
#close{
	display:block;
	overflow:hidden;
	height:50px;
	width:50px;
	position:absolute;
	top:0;
	right:0;
	background:rgba(0,0,0,0);
}
#close:hover{
	background:rgba(0,0,0,0.1);
}
#close:after{
	content:'';
	display:block;
	overflow:hidden;
	height:50px;
	width:50px;
	position:absolute;
	background:url(../web_images/close.png) no-repeat center;
}
#close:hover:after{
	content:'';
	display:block;
	overflow:hidden;
	height:50px;
	width:50px;
	position:absolute;
	background:url(../web_images/close.png) no-repeat center;
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}

/*-----�õ�-----*/
#content .banner{
	width:100%;
	margin: 0 auto;
	height:auto;
	background:#d9dfe2;
	position: relative;
}
#content .banner .slider{
	margin: 0 auto;
	width:100%;
}
#content .flexslider .slides > li {
	width:100%;
	display: none;
	-webkit-backface-visibility: hidden;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	-ms-transition:none;
}
#content .flexslider .slides img {
	width:100%;
	margin:0 auto;
	display: block;
}
#content .slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#content html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: auto;
}
#content .no-js .slides > li:first-child {
	display: block;
}
#content .flexslider {
	height: auto;
	margin: 0 auto;
	position: relative;
	width:100%;
	zoom: 1;
}
#content .flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
#content .flexslider .slides {
	zoom: 1;
}
#content .flex-direction-nav {
*height: 0;
}
#content .flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../web_images/web2.0/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}
#content .flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
#content .flex-direction-nav .flex-prev {
	left: 0;
}
#content .flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
#content .flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
#content .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
#content .flex-control-nav {
	width:100%;
	position:absolute;
	bottom:0px;
	text-align:center;
	padding-left:0px;
}
#content .flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#content .flex-control-paging li a {
	background: url(../web_images/dot.png) no-repeat 0 -16px;
	display:block;
	height: 16px;
	overflow: hidden;
	text-indent:-99em;
	width: 16px;
	cursor: pointer;
}
#content .flex-control-paging li a.flex-active {
	background-position: 0 0;
}
#wrapper{
	position:relative;
	overflow:hidden;
	margin:0 auto;
	width:100%;
	min-height:100%;
	text-align:left;
	line-height:1.22;
}
#header{
	-webkit-transform: translateZ(0);
	display:table;
	z-index:40;
	position:fixed;
	left:0;
	top:0;
	right:0;
	width:100%;
	padding-left:2%;
	height:92px;
	background:#fff;
	overflow:visible;
	border-bottom:1px solid #f1f1f1;
	box-shadow:0px 2px 2px rgba(0,0,0,0.2);
}
#header .logo, #header .slogan{
	vertical-align: middle;
	display: table-cell;
	height:44px;
	width:164px;
}
#header .slogan a{
	display:block;
	width:100%;
	height:100%;
	background:url(../web_images/web2.0/slogan.png?v=3) no-repeat 20% 45%;
}
#header .logo img{
	height:44px;
	width:auto;
}
#header .slogan{
	width:155px;
	height:44px;
}
#header .searchbar{
	vertical-align: middle;
	display: table-cell;
	height:44px;
}
#header .searchbar form{
	white-space:nowrap;
	width:51%;
	margin:0 auto;
	height:44px;
}
#header .searchbar .input_erea{
	width:89%;
	height:44px;
	float:left;
	white-space:nowrap;
	overflow:hidden;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
#header .searchbar input{
	float:left;
	padding-left:15px;
	width:100%;
	background:#f2f2f2;
	color:#8b8b8b;
	font-size:15px;
	border:none;
	outline:none;
	height:44px;
	line-height:100%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#header .searchbar input:focus{
	color:#000;
	background:#d5eff7;
}
#header .searchbar .search_btn{
	overflow:hidden;
	display:inline-block;
	background:#01b7fb url(../web_images/web2.0/search.png) no-repeat center;
	background-size:22px 22px;
	width:11%;
	min-width:40px;
	height:44px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	transition: 100ms;
	-moz-transition: 100ms;
	-webkit-transition: 100ms;
	-o-transition: 100ms;
	-ms-transition: 100ms;
}
#header .searchbar .search_btn:hover{
	background-size:26px 26px;
}
#header .headeruserstat{
	overflow:visible;
	vertical-align: middle;
	display: table-cell;
	position:relative;
	text-align:right;
	padding-right:16px;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:17%;
	min-width:95px;
	height:50px;
	line-height:50px;
}
#header .headeruserstat .onbg{
	position:absolute;
	background:#01b7fb;
	border-radius:5px;
	height:34px;
	z-index:-1;
	padding:0 17px;
	margin:9px 16px;
	vertical-align: middle;
}
#header .headeruserstat .mobdown, #header .headeruserstat .myclass, #header .headeruserstat .userinfo, #header .headeruserstat .reg, #header .headeruserstat .login{
	vertical-align:middle;
	display:table-cell;
	display:inline-block;
	padding:0 17px;
	margin:0 16px;
	font-size:14px;
}
#header .headeruserstat .on{
	color:#fff;
}
#header .headeruserstat .mobdown{
	position:relative;
}
#header .headeruserstat .mobdown i{
	display:inline-block;
	width:12px;
	height:16px;
	background:url(../web_images/web2.0/icon-mobile.png) no-repeat center;
	margin:4px 4px -3px 0;
	background-size:cover;
}
#header .headeruserstat .mobdown.on i{
	background:url(../web_images/web2.0/icon-mobile-hover.png) no-repeat center;
}
#header .headeruserstat .mobdown:after{
	content:'';
	display:block;
	position:absolute;
	background:url(../web_images/web2.0/icon-hot.gif) no-repeat center;
	width:37px;
	height:29px;
	top:-10px;
	right:0;
}
#header .headeruserstat .userinfo{
	z-index:222;
	position:relative;
	height:50px;
	white-space:nowrap;
}
#header .headeruserstat .userinfo img{
	display:inline-block;
	float:left;
	height:50px;
	width:50px;
	margin-right:10px;
	border-radius:25px;
}
#header .headeruserstat .userinfo .icon{
	float:left;
	margin-top:20px;
	line-height:50px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content:'';
	transition:0;
	-moz-transition:0;
	-webkit-transition:0;
	-o-transition:0;
	-ms-transition:0;
}
#header .headeruserstat .userinfo .down {
	border-top: 8px solid #898e92;
}
#header .headeruserstat .userinfo .up {
	border-bottom: 8px solid #898e92;
}
#header .headeruserstat .info_tab{
	text-align:center;
	position:absolute;
	width:104px;
	height:0px;
	background:#fff;
	border:1px solid transparent;
	right:35px;
	top:9px;
	z-index:10;
	border-radius:7px;
}
#header .headeruserstat .info_tab span{
	color:#010101;
	font-size:12px;
	line-height:30px;
	display:inline-block;
	padding-top:66px;
}
#header .headeruserstat .info_tab .info-tab-btn{
	width:82px;
	padding:7px 0;
	border-top:1px solid #ededed;
	margin:0 auto;
	text-align:center;
}
#header .headeruserstat .info_tab .info-tab-btn .info-tab-btn-btn{
	font-size:12px;
	display:block;
	color:#828ea4;
	line-height:32px;
}
#header .headeruserstat .info_tab .info-tab-btn .fee{
	font-size:12px;
	margin-top:6px;
	background:#ee873c;
	display:block;
	line-height:24px;
	border-radius:3px;
	color:#fff;
}


#fixscroll{
	float: right;
	position: relative;
	width: 200px;
	height: 200px;
	background-color: #f90;
}

#menu{
	-webkit-transform: translateZ(0);
	z-index:8;
	position:fixed;
	height:100%;
	top:94px;
	min-height:100%;
	width:14.7%;
	min-width:160px;
	float:left;
	background:#00b1e9;
}
#menu .main_menu{
	display:block;
	overflow:visible;
	width:100%;
	/*min-height:100%;*/
}
#menu .main_menu .on{
	position:absolute;
	top:0;
	z-index:15;
	display:block;
	overflow:hidden;
	width:100%;
	height:73px;
	background:#006faf;
}
#menu .main_menu li{
	position:relative;
	z-index:20;
	display:block;
	overflow:hidden;
	width:100%;
	text-align:center;
}
#menu .main_menu li a{
	display:block;
	overflow:hidden;
	height:75px;
	width:85%;
	min-width:160px;
}
#menu .main_menu .hover a i{
	border:2px solid #00b1e9;
}
#menu .main_menu li a i{
	display:block;
	float:left;
	width:36px;
	height:36px;
	border:2px solid #fff;
	border-radius:50%;
	margin:3px 10px 0 0;
	background-size:cover !important;
}
#menu .main_menu li .sy-icon{
	background:url(../web_images/web2.0/icon-home.png) no-repeat;
}
#menu .main_menu li .gqkc-icon{
	background:url(../web_images/web2.0/icon-lesson.png) no-repeat;
}
#menu .main_menu li .qtkc-icon{
	background:url(../web_images/web2.0/icon-other.png) no-repeat;
}

#menu .main_menu li .kjkq-icon{
	background:url(../web_images/web2000/kaoji.png) no-repeat;
	    background-size: 20px!important;
    background-position: center center;
}
#menu .main_menu li:hover .kjkq-icon,#menu .main_menu li.hover .kjkq-icon,#menu .main_menu li:hover .wddd-icon,#menu .main_menu li.hover .wddd-icon{ background-color: #00b1e9;}
#menu .main_menu li .yyxz-icon{
	background:url(../web_images/web2.0/icon-download.png) no-repeat;
}
#menu .main_menu li .lxwm-icon{
	background:url(../web_images/web2.0/icon-contact.png) no-repeat;
}
#menu .main_menu li .qp-icon{
	background:url(../web_images/web2.0/icon-score.png) no-repeat;
}
#menu .main_menu li .wdkc-icon{
	background:url(../web_images/web2.0/icon-class.png) no-repeat;
}
/*#menu .main_menu li .wddd-icon{
	background:url(../web_images/web2.0/icon-order.png) no-repeat;
}*/
#menu .main_menu li .wddd-icon{
	background:url(../web_images/web2000/my_vip_leftside_crown.png) no-repeat;
	    background-size: 20px!important;
    background-position: center;
}
#menu .main_menu li .cz-icon{
	background:url(../web_images/web2.0/icon-coin.png) no-repeat;
}
#menu .main_menu li .xxzx-icon{
	background:url(../web_images/web2.0/icon-message.png) no-repeat;
}
#menu .main_menu li .grzl-icon{
	background:url(../web_images/web2.0/icon-info.png) no-repeat;
}
#menu .main_menu li a p{
	text-align:left;
	color:#fff;
	line-height:26px;
	font-size:18px;
}
#menu .main_menu li a .home{
	line-height:46px !important;
}
#menu .main_menu li a span{
	display:block;
	text-align:left;
	font-size:12px;
	line-height:16px;
	color:#8de4ff;
	padding-left:45px;
}

#content{
	position:relative;
	clear:both;
	top:0;
	overflow:hidden;
	min-height:100%;
}
#content .index_layer{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	*top:94px;
	margin-top:94px;
	background:rgba(0, 0, 0, 0.3);
	z-index:999999;
}
#show_player{
	position:relative;
}

#show_player a .icon-play{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:url(../web_images/web2.0/icon-index-play.png) no-repeat center center;
	background-size:6.4% !important;
}
#show_player:hover .icon-play, #show_player a:hover .icon-play{
	background:url(../web_images/web2.0/icon-index-play-hover.png) no-repeat center center;
}
#content .main_content{
	position:relative;
	margin-left:14.7%;
	min-height:95%;
	*top:94px;
	margin-top:94px;
	overflow:visible;
	background:#f4f4f4;
}
#content .main_content .poster{
	display:none;
	position:fixed;
	width:inherit;
	left:inherit;
	top:inherit;
	height:100%;
	z-index:22;
	transition:all 700ms;
	-moz-transition:all 700ms;
	-webkit-transition:all 700ms;
	-o-transition:all 700ms;
	-ms-transition:all 700ms;
}
#content .main_content .poster .poster_image{
	display:block;
	width:100%;
	height:100%;
}
#content .main_content .poster .poster_image img{
	width:100%;
	height:auto;
}
#content .main_content .poster .close{
	position:absolute;
	width:82px;
	height:90px;
	top:0;
	right:0;
	background:url(../web_images/web2.0/close.png) no-repeat center;
	background-size:cover;
}
#content .main_content .poster .close:hover{
	background:url(../web_images/web2.0/close-hover.png) no-repeat center;
}
#content .lessons{
	overflow:hidden;
	width:89.69%;
	margin:0 auto;
}
#content .apps{
	width:1455px;
}
#content .one-line, #content .two-lines, #content .multi-lines{
	margin:13px 0;
}
#content .one-line{
	height:420px;
}
#content .two-lines{
	height:779px;
}
#content .tri-lines{
	height:1133px;
}
#content .multi-lines{
	min-height:414px;
	height:auto;
}
#content .app-line{
	margin:15px 0;
}
#content .app-one-line{
	#height:443px;
}
#top, #discount, #allclass, #app, #contactus, #courses, #orders, #pay, #messages, #profiles{
	#padding-top:93px !important;
	#margin-top:-93px !important;
	position: relative;
}
#content .search .block_title{
	color:#8191a1;
}
#content .search .block_title .keywords{
	color:#01b9f9
}
#content .lessons .block_title{
	display:inline-block;
	margin:0 8px 10px 0;
	padding-top:25px;
	padding-left:9px;
	color:#8190a1;
	font-size:18px;
	font-weight:normal;
}
#content .lessons .sub_title{
	display:inline-block;
	color:#b3b3b3;
	font-size:12px;
	font-weight:normal;
}
#content .lessons .order{
	overflow:visible;
	height:30px;
	width:auto;
	font-size:12px;
	float:right;
	margin-top:25px;
	margin-right:9px;
}
#content .lessons .order .optional{
	position:relative;
	overflow:hidden;
	height:30px;
	background:#fff;
	line-height:30px;
	margin:0 3px;
	text-align:center;
	width:128px;
	z-index:20;
	float:left;
}
#content .lessons .order .optional:hover{
	overflow:visible;
}
#content .lessons .order .optional:hover ul{
	border:1px solid #01b6fb;
}
#content .lessons .order .optional ul{
	font-size:12px;
	position:absolute;
	border:1px solid transparent;
	top:0;
	width:126px;
	text-align:center;
	left:0;
	z-index:19;
	background:#fff;
}
#content .lessons .order .optional ul li a{
	display:block;
	cursor:pointer;
}
#content .lessons .order .optional ul li:hover a{
	background:#f9f9f9;
	color:#03b7f6;
}
#content .lessons .order .l, #content .lessons .order .r{
	display:block;
	width:40px;
	height:30px;
	background-size:cover !important;
}
#content .lessons .order .l{
	float:left;
	background:url(../web_images/web2.0/icon-left.png) no-repeat center;
}
#content .lessons .order .l:hover{
	background:url(../web_images/web2.0/icon-left-hover.png) no-repeat center;
}
#content .lessons .order .r{
	float:right;
	background:url(../web_images/web2.0/icon-right.png) no-repeat center;
}
#content .lessons .order .r:hover{
	background:url(../web_images/web2.0/icon-right-hover.png) no-repeat center;
}
.lessons_wrapper{
	display:block;
	overflow:hidden;
	height:auto;
}
.lessons_wrapper li{
	margin:9px;
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	width:272px;
	height:auto;
}
.lessons_wrapper .lessons_block, .lessons_wrapper .trailer_block{
	position: relative;
	height:auto;
	top:0;
	left:0;
	background:#fff;
	opacity:1;
}
.lessons_wrapper .trailer_block{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .8s,opacity .8s;
	-moz-transition: -moz-transform .8s,opacity .8s;
	-o-transition: -o-transform .8s,opacity .8s;
	-ms-transition: -ms-transform .8s,opacity .8s;
	transition: transform .8s,opacity .8s;
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0);
	-o-transform: rotateY(0);
}
.lessons_wrapper .desc_block{
	position:absolute;
	top:0;
	left:0;
	height:341px;
	-webkit-transition: -webkit-transform .8s ,opacity .8s;
	-moz-transition: -moz-transform .8s ,opacity .8s;
	-o-transition: -o-transform .8s ,opacity .8s;
	transition: transform .8s ,opacity .8s;
	-ms-transition: transform .8s ,opacity .8s;
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	color: #555;
	background:#fff;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display:none\9;
}
.lessons_wrapper li:hover .trailer_block{
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    opacity:0;
}
.lessons_wrapper li:hover .desc_block{
	-webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
    -o-transform: rotateY(0);
    display:block\9;
    opacity:1;
}
.lessons_wrapper li img, .app_wrapper li img{
	width:100%;
	height:auto;
	float:left;
}
.lessons_wrapper li .price img, .app_wrapper li .price img {
	width:62px;
}
.lessons_wrapper li a{
	display:block;
	overflow:hidden;
	position:relative;
}
.lessons_wrapper li .trailer a .discount, .lessons_wrapper li .expired a .discount, .lessons_wrapper li .lessons_block a .discount, .lessons_wrapper li .lessons_block a .new{
	display:block;
	font-size:18px;
	position:absolute;
	top:0;
	right:9px;
	height:35px;
	width:50px;
	text-align:center;
	font-style:normal;
	overflow:visible;
	color:#fff;
	z-index:6;
	font-weight:400;
}
.lessons_wrapper li .lessons_block a .discount{
	background:#45a520;
}
.lessons_wrapper li .trailer a .discount{
	background:#db4254;
}
.lessons_wrapper li .expired a .discount{
	background:#707070;
}
.lessons_wrapper li .lessons_block a .new{
	background:#01b7fb;
}
.lessons_wrapper li .lessons_block a .discount span, .lessons_wrapper li .expired a .discount span, .lessons_wrapper li .trailer a .discount span{
	z-index:2;
	position:relative;
	padding:1px;
	margin-top:3px;
	line-height:100%;
	font-size:18px;
}
.lessons_wrapper li .lessons_block a .new span{
	font-size:12px;
	line-height:16px;
}
.lessons_wrapper li .lessons_block a .discount .s, .lessons_wrapper li .expired a .discount s, .lessons_wrapper li .trailer a .discount .s{
	margin-top:0;
	font-size:12px;
}
.lessons_wrapper li .lessons_block a .discount:after, .lessons_wrapper li .expired a .discount:after, .lessons_wrapper li .trailer a .discount:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	top:100%;
	left:0;
	border-left:25px solid transparent;
	border-right:25px solid transparent;
	font-size:0;
	line-height:0;
}
.lessons_wrapper li .lessons_block a .discount:after{
	border-top:13px solid #45a520;
}
.lessons_wrapper li .trailer a .discount:after{
	border-top:13px solid #dd4055;
}
.lessons_wrapper li .expired a .discount:after{
	border-top:13px solid #707070;
}
.lessons_wrapper li .lessons_block a .new:after{
	border-top:13px solid #01b7fb !important;
}
.lessons_wrapper li .img{
	width:272px;
	height:auto;
}
.lessons_wrapper li .img .hoverplay{
	width:100%;
	height:100%;
	padding:75px 0;
	line-height:23px;
	text-align:center;
	vertical-align:top;
	display:block;
	overflow:hidden;
	position:absolute;
	font-size:18px;
	top:0;
	left:0;
	color:#d7e4ec;
	opacity:0;
	z-index:5;
	background:rgba(0,0,0,0.6);
}
.lessons_wrapper li .img .hoverplay .play-icon{
	display:inline-block;
	height:23px;
	width:23px;
	vertical-align:text-top;
	position:relative;
	margin:0 0 0 8px;
	background:url(../web_images/web2.0/lesson_play.png) no-repeat;
}
.lessons_wrapper li .remain_time{
	height:35px;
	position:absolute;
	bottom:0;
	width:100%;
	line-height:35px;
	background:rgba(0,0,0,0.6);
	text-align:center;
	color:#fff;
	font-size:14px;
	z-index:3;
}
.lessons_wrapper li .remain_time span{
	display:inline;
	margin:0;
	padding:0;
	color:#ff1011;
}
.lessons_wrapper li .info_box{
	position:relative;
	height:167px;
}
.lessons_wrapper li .describe{
	font-size:12px;
	line-height:25px;
	color:#b4b4b4;
	padding:0 15px;
}
.lessons_wrapper li .title{
	padding:10px 15px 0 15px;
}
.lessons_wrapper li p, .lessons_wrapper li span{
	display:block;
	padding:15px;
}
.lessons_wrapper li .info_box i{
	display:block;
	float:left;
	width:16px;
	height:16px;
}
.lessons_wrapper li p{
	padding-top:8px;
	padding-bottom:0px;
	font-size:14px;
	line-height:16px;
	color:#8190a1;
}
.lessons_wrapper li p .icon-update{
	margin-right:1%;
	background:url(../web_images/web2.0/icon-update.png) no-repeat center;
	background-size:contain;
}
.lessons_wrapper li .date{
	padding:0 0 15px 15px;
	font-size:14px;
	position:absolute;
	white-space:nowrap;
	color:#8190a1;
	left:0;
	bottom:0;
}
.lessons_wrapper li .date .icon-play{
	margin-right:6%;
	background:url(../web_images/web2.0/icon-play.png) no-repeat center;
	background-size:contain;
}
.lessons_wrapper li .price{
	font-size:18px;
	color:#54b551;
	font-weight:600;
	position:absolute;
	bottom:0;
	right:0;
}

.lessons_wrapper li .price s{
	font-size:14px;
	color:#8190a1;
	font-weight:300;
	padding-right:10px;
}
.lessons_wrapper li .odds{
	font-size:12px;
	line-height:18px;
	color:#8190a1;
	font-weight:400;
	position:absolute;
	bottom:0;
	right:0;
}
.lessons_wrapper li .desc_block .date{
	left:0;
	bottom:65px;
}
.lessons_wrapper li .desc_block .price{
	bottom:65px;
	right:0;
}
.lessons_wrapper li .subscribe{
	text-align:center;
	position:absolute;
	bottom:0;
	border-top:1px solid #f6f6f6;
	height:64px;
	width:272px;
}
.lessons_wrapper li .subscribe span{
	display:block;
	width:192px;
	height:36px;
	line-height:36px;
	padding:0;
	margin:14px auto;
	color:#fff;
	font-size:14px;
	background:#55b551;
	border-radius:7px;
}
.lessons_wrapper li:hover .img .hoverplay{
	opacity:1;
}
.lessons_wrapper li .img:hover .hoverplay .play-icon{
	margin:0 0 0 14px;
}
.main_content .more{
	margin:0 auto 22px auto;
	width:100%;
	text-align:center;
}
.main_content .more a{
	color:#8190a1;
	display:block;
	width:auto;
	margin:0 auto;
	text-align:center;
}
#content .applications{
	width:100%;
	#height:540px;
	background:#c6d7de;
}
#content .applications .sub_title{
	color:#617278;
}
.app_wrapper{
	display:block;
	overflow:hidden;
	height:auto;
}
.app_wrapper li{
	background:#fff;
	margin:9px;
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	width:272px;
	height:auto;
	box-shadow:0px 3px 0px #bad0d9;
}
.app_wrapper li a{
	display:block;
	overflow:hidden;
}
.app_wrapper li .erea{
	position:relative;
	bottom:0;
	display:block;
	overflow:visible;
	width:78%;
	max-width:218px;
	height:220px;
	max-height:220px;
	margin:16px auto;
}
.app_wrapper li .erea .main_info{
	font-size:12px;
	line-height:19px;
	position:relative;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:80%;
}
.app_wrapper li .erea .main_info p{
	text-align:center;
	color:#545454;
	font-size:14px;
	line-height:26px;
}
.app_wrapper li .erea .main_info span{
	text-align:left;
	color:#b3b3b3;
}
.app_wrapper li .erea .qrcode{
	position:absolute;
	overflow:visible;
	margin-left:-82px;
	width:0;
	height:0;
	left:50%;
	top:200px;
	opacity:0;
}
.app_wrapper li .erea .qrcode .qrclose{
	position:absolute;
	top: -16px;
	right: -33%;
	width:34px;
	height:34px;
	display:block;
	overflow:hidden;
	background:url(../web_images/web2.0/icon-qr-close-hover.png) no-repeat;
	background-size:cover !important;
}
.app_wrapper li .erea .qrcode .qrclose:hover{
	background:url(../web_images/web2.0/icon-qr-close.png) no-repeat;
}
.app_wrapper li .erea .qrcode img{
	width:100%;
	height:100%;
	margin:0 auto;
}
.app_wrapper li .erea .down_bar{
	overflow:visible;
	bottom:10px;
	left:0;
	height:25px;
	width:100%;
	position:absolute;
	padding-top:15px;
	line-height:25px;
	border-top:1px solid #ebebeb;
}
.app_wrapper li .erea .down_bar .bcdown, .app_wrapper li .erea .down_bar .wait{
	display:inline-block;
	font-size:12px;
	color:#b3b3b3;
}
.app_wrapper li .erea .down_bar .bcdown i{
	display:inline-block;
	float:left;
	width:25px;
	height:25px;
	margin-right:8px;
	background:url(../web_images/web2.0/icon-qrcode.png) no-repeat;
}
.app_wrapper li .erea .down_bar .ddown{
	position:relative;
	overflow:visible;
	font-size:12px;
	display:inline-block;
	color:#00b1e9;
	float:right;
	cursor:pointer;
}
.app_wrapper li .erea .down_bar .ddown a{
	color:#00b1e9;
}
.app_wrapper li .erea .down_bar .ddown .devices{
	display:none;
	position:absolute;
	right:-27px;
	top:-119px;
	width:99px;
	height:107px;
	line-height:16px;
	overflow:visible;
	border-radius:7px;
}
.app_wrapper li .erea .down_bar .ddown .devices .android{
	background:#aacd06;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	height:52px;
	border-bottom:1px solid #ebf6f9;
	color:#fff;
}
.app_wrapper li .erea .down_bar .ddown .devices .ios{
	text-align:center;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	background:#00b1e9;
	height:52px;
	color:#fff;
}
.app_wrapper li .erea .down_bar .ddown .devices:after{
	content: '';
	position:absolute;
	width:0;
	height:0;
	top:105px;
	left:50%;
	margin-left:-8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:9px solid #00b1e9;
	font-size:0;
	line-height:0;
}
.app_wrapper li .erea .down_bar .ddown .devices a i{
	display:block;
	float:left;
	margin:10px 0 10px 13px;
	width:27px;
	height:32px;
	background-size:cover !important;
}
.app_wrapper li .erea .down_bar .ddown .devices a:hover i{
	margin:10px 0 10px 10px;
	text-shadow:1px 1px 0 rgba(0,0,0,0.5);
}
.app_wrapper li .erea .down_bar .ddown .devices a span{
	display:block;
	float:left;
	height:32px;
	text-align:left;
	margin:10px 0 10px 4px;
}
.app_wrapper li .erea .down_bar .ddown .devices a:hover span{
	margin:10px 0 10px 10px;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
}
.app_wrapper li .erea .down_bar .ddown .devices .android i{
	background:url(../web_images/web2.0/icon-android.png) no-repeat;
}
.app_wrapper li .erea .down_bar .ddown .devices .ios i{
	background:url(../web_images/web2.0/icon-ios.png) no-repeat;
}
.app_wrapper li .erea .down_bar .center{
	text-align:center;
	float:inherit;
	clear:both;
	width:100%;
}
.score{
	width:100%;
	background:#c3f5df;
	height:493px;
}
.score .score_wrapper{
	width:1160px;
	margin:0 auto;
	height:493px;
	background:url(../web_images/web2.0/score_bg.png) right top no-repeat;
}
.score .score_wrapper .teacher{
	float:left;
	height:307px;
	width:507px;
	padding:99px 138px 0 8px;
}
.score .score_wrapper .teacher .t{
	width:222px;
	height:100%;
	float:left;
	text-align:center;
}
.score .score_wrapper .teacher .t.first{
	margin-right:63px;
}
.score .score_wrapper .teacher .t h1{
	font-size:36px;
	font-weight:500;
	line-height:58px;
}
.score .score_wrapper .teacher .t p{
	font-size:18px;
	line-height:25px;
}
.score .score_wrapper .score_link{
	margin:359px auto auto 102px;
	line-height:60px;
	font-size:24px;
	display:block;
	float:left;
	text-align:left;
	letter-spacing:5px;
	color:#fff;
	width:269px;
	padding-left:40px;
	height:60px;
	background:url(../web_images/web2.0/score_btn.png) no-repeat;
}
.score .score_wrapper .score_link:hover{
	background:url(../web_images/web2.0/score_btn_hover.png) no-repeat;
}
.link{
	width:100%;
	background:#3e4346;
}
.link_wrapper{
	width:88%;
	height:auto;
	margin:35px auto 42px auto;
}
.link_wrapper .block_title{
	display:inline-block;
	margin:0 8px 10px 0;
	line-height:18px;
	padding-left:9px;
	color:#fff;
	font-size:18px;
	font-weight:normal;
}
.link_wrapper .ico-wrapper a{
	float:left;
	display:inline-block;
	overflow:hidden;
	width:15.85%;
	height:auto;
	margin:6px 0.4% 6px 0.4%;
	pointer-events:none !important;
}
.link_wrapper .ico-wrapper a img{
	width:100%;
	height:auto;
}
#footer{
	width:100%;
	background:#1d2021;
	height:auto;
}
.foot{
	width:90%;
	max-width:1080px;
	margin:0 auto;
	height:auto;
	overflow:visible;
}
.foot .status{
	float:left;
	width:45%;
	border-right:1px solid #35393b;
	height:110px;
	line-height:28px;
	margin:29px 0 19px 0;
	overflow:visible;
}
.foot .status .row{
	float:left;
	width:33%;
	height:110px;
	overflow:visible;
	margin:0!important;
}
.foot .status .row span{
	display:block;
	font-size:18px;
	color:#fff;
}
.foot .status .row a{
	display:block;
	font-size:12px;
	color:#b3b3b3
}
.foot .foot_box{
	float:right;
	width:54%;
}
.foot .bcode{
	height:110px;
	float:left;
	width:47%;
	margin:29px 0 19px 3%;
}
.foot .bcode .bc_block{
	text-align:center;
	color:#fff;
	float:left;
	width:50%;
	height:110px;
}
.foot .bcode .bc_block i{
	display:block;
	width:87px;
	height:87px;
	margin:0 auto;
	background-size:cover !important;
}
.foot .bcode .bc_block .wechat{
	background:url(../web_images/web2.0/bc_wechat.png) no-repeat center center;
}
.foot .bcode .bc_block .qq{
	background:url(../web_images/web2.0/bc_qq.png) no-repeat center center;
}
.foot .bcode .bc_block .forpc{
	margin-top:2px;
	font-size:12px;
	text-align:center;
	display:block;
	width:100%;
}
.formobile, #formobile{
	display:none;
}
.foot .contact{
	color:#fff;
	float:right;
	width:48%;
	margin:30px auto auto 2%;
}
.foot .contact .tel{
	padding-bottom:5px;
	border-bottom:1px solid #35393b;
}
.foot .contact .tel i{
	display:block;
	float:left;
	margin:4px 8px 0 0;
	width:43px;
	height:39px;
	background:url(../web_images/web2.0/icon-tel.png) no-repeat;
}
.foot .contact .tel p{
	color:#fff;
	font-size:19px;
}
.foot .contact .tel p a{
	color:#fff;
}
.foot .contact .tel span{
	line-height:28px;
	color:#b3b3b3;
	font-size:12px;
}
.foot .foot_box .webinfo{
	margin-top:8px;
	height:44px;
}
.foot .foot_box .webinfo *{
	font-size:12px;
	color:#fff;
	line-height:22px;
}
.foot .cert{
	padding:20px 0;
	clear:both;
	width:476px;
	margin:0 auto;
}
.foot .cert img{
	display:block;
	float:left;
	margin:3px;
	width:113px;
	height:44px;
}


/*---������---*/
#player{
	-webkit-transform: translateZ(0);
	float:left;
	left:0;
	width:73.4%;
	z-index:8;
	position:fixed;
	height:100%;
	top:0;
	background:#cbccd1;
}
#player .top_info{
	border-collapse:collapse;
  	display:table;
	top:0;
	left:0;
	position:relative;
	height:6.8%;
	overflow:visible;
	background:#1c2021;
	width:100%;
}
#player .top_info .back{
	white-space:nowrap;
	vertical-align:middle;
	display:table-cell;
	position:relative;
	padding-left:2.4%;
	color:#979797;
	font-size:14px;
	height:19px;
	width:16.3%;
}
#player .top_info .back .icon-back{
	display:block;
	float:left;
	margin-right:4%;
	width:19px;
	height:19px;
	background:url(../web_images/web2.0/icon-back.png) no-repeat center;
}
#player .top_info .course_title{
	white-space:nowrap;
	vertical-align:middle;
	display:table-cell;
	position:relative;
	overflow:visible;
	padding-left:1.4%;
	font-weight:500;
	border-left:3px solid #474b4c;
	color:#f6f4f5;
	font-size:16px;
	height:10px;
}
#player .top_info .course_title .icon-title{
	white-space:nowrap;
	vertical-align:middle;
	display:table-cell;
	position:absolute;
	left:-10px;
	top:50%;
	margin-top:-9px;
	width:11px;
	height:11px;
	background:#00b7fd;
	border-radius:12px;
	border:3px solid #474b4c;
}
#player .top_info .back:hover, #player .top_info .player_right .fav:hover, #player .top_info .player_right .like:hover, #player .top_info .player_right .share:hover, #player .bottom_info .prev:hover, #player .bottom_info .next:hover, #player .bottom_info .quest:hover, #player .bottom_info .phone:hover, #player .bottom_info .pad:hover{
	color:#d2d2d2;
}
#player .top_info .back:hover .icon-back{
	background:url(../web_images/web2.0/icon-back-hover.png) no-repeat center;
}
#player .top_info .back span{
	display:inline-block;
	height:19px;
	line-height:19px;
}
#player .top_info .player_right{
	border-spacing:0;
	overflow:visible;
	display:table;
	height:100%;
}
#player .top_info .player_right > *{
	position:relative;
	overflow:visible;
	width:auto;
	white-space:nowrap;
	vertical-align:middle;
	display:table-cell;
	color:#979797;
	height:24px;
	line-height:24px;
	padding:0 36px;
}
#player .top_info .player_right span{
	font-size:24px;
	padding:0;
}
#player .top_info .player_right a i{
	display:block;
	width:25px;
	height:24px;
	float:left;
	margin-right:6px;
}
#player .top_info .player_right a span{
	display:inline-block;
	height:24px;
	font-size:14px;
	line-height:24px;
	white-space:nowrap;
}
#player .top_info .player_right .fav .icon-fav{
	background:url(../web_images/web2.0/icon-fav.png) no-repeat center center;
}
#player .top_info .player_right .fav:hover .icon-fav{
	background:url(../web_images/web2.0/icon-fav-hover.png) no-repeat center center;
}
#player .top_info .player_right .fav.already .icon-fav, #player .top_info .player_right .fav.already:hover .icon-fav{
	background:url(../web_images/web2.0/icon-fav-al.png) no-repeat center center;
}
#player .top_info .player_right .like .icon-like{
	background:url(../web_images/web2.0/icon-like.png) no-repeat center center;
}
#player .top_info .player_right .like:hover .icon-like{
	background:url(../web_images/web2.0/icon-like-hover.png) no-repeat center center;
}
#player .top_info .player_right .like.already .icon-like, #player .top_info .player_right .like.already:hover .icon-like{
	background:url(../web_images/web2.0/icon-like-al.png) no-repeat center center;
}
#player .top_info .player_right .share .icon-share{
	background:url(../web_images/web2.0/icon-share.png) no-repeat center center;
}
#player .top_info .player_right .share:hover .icon-share{
	background:url(../web_images/web2.0/icon-share-hover.png) no-repeat center center;
}
#player .top_info .player_right a .hold{
	display:none;
	opacity:0;
	overflow:visible;
	color:#1d2120;
	position:absolute;
	width:90%;
	margin:0 5%;
	white-space:nowrap;
	font-size:12px;
	background:#fff;
	border-radius:8px;
	text-align:center;
	line-height:100%;
	padding:3% 0;
	left:0;
	top:95%;
	z-index:555;
	transition:700ms;
	-moz-transition:700ms;
	-webkit-transition:700ms;
	-o-transition:700ms;
	-ms-transition:700ms;
	pointer-events:none;
}
#player .top_info .player_right a .hold:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	top:-6px;
	left:50%;
	margin-left:-6px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:7px solid #fff;
	font-size:0;
	line-height:0;
}
#player .top_info .player_right a:hover .hold, #player .top_info .player_right a .hold:hover{
	display:block;
	opacity:1;
}
#player .top_info .player_right a .hold span{
	color:#04b5fb;
	font-size:12px;
	padding:0 3%;
	pointer-events:all;
	cursor:pointer;
}
#player .yusi_player{
	position:relative;
	width:100%;
	height:80.7%;
}
#player .bottom_info{
	display:table;
	border:none;
	bottom:0;
	left:0;
	overflow:visible;
	position:relative;
	height:12.5%;
	background:#1c2021;
	width:100%;
	min-height:55px;
}
#player .bottom_info >*{
	vertical-align:middle;
	display:table-cell;
	height:44px;
	line-height:20px;
	color:#979797;
	font-size:14px;
	white-space:nowrap;
}
#player .bottom_info .forios{
	width:0 !important;
	height:100% !important;
}
#player .bottom_info .prev, #player .bottom_info .next, #player .bottom_info .quest, #player .bottom_info .phone, #player .bottom_info .pad, #player .bottom_info .buy{
	position:relative;
	overflow:visible;
	padding-left:3.5%;
	width:11.5%;
}
#player .bottom_info a span{
	display:none;
	opacity:0;
	color:#1d2120;
	position:absolute;
	width:80%;
	margin:0 10%;
	height:12px;
	font-size:12px;
	background:#fff;
	border-radius:8px;
	text-align:center;
	line-height:100%;
	padding:5% 0;
	left:0;
	bottom:76%;
	z-index:5555;
	transition:700ms;
	-moz-transition:700ms;
	-webkit-transition:700ms;
	-o-transition:700ms;
	-ms-transition:700ms;
}
#player .bottom_info a span:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	top:100%;
	left:50%;
	margin-left:-6px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top: 7px solid #fff;
	font-size:0;
	line-height:0;
}
#player .bottom_info a:hover span{
	display:block;
	opacity:1;
}
#player .bottom_info .phone span, #player .bottom_info .pad span, #player .bottom_info .buy span{
	height:auto !important;
}
#player .bottom_info .phone span img, #player .bottom_info .pad span img{
	width:90%;
	height:auto;
}
#player .bottom_info .buy{
	color:#59d455;
}
#player .bottom_info .buy span{
	background:#51b54c;
	color:#fff;
	padding:4px 0 0 0;
	width:70%;
	margin:0 15%;
	font-size:24px;
	line-height:32px;
}
#player .bottom_info .buy span s{
	font-size:14px;
}
#player .bottom_info .buy span:after{
	border-top:7px solid #51b54c;
}
#player .bottom_info .danmaku{
	overflow:hidden;
	height:44px;
	white-space:nowrap;
	border-radius:10px;
	width:40%;
}
#player .bottom_info .danmaku input{
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	width:82.5%;
	padding:0 2.5%;
	height:44px;
	float:left;
	font-size:14px;
	border:none;
	outline:none;
	background:#f2f2f2;
	border-bottom-right-radius:0;
	border-top-right-radius:0;
}
#player .bottom_info .danmaku input:focus{
	color:#000;
	background:#d5eff7;
}
#player .bottom_info .danmaku .send{
	width:12.5%;
	background:#01b6fb;
	color:#fff;
	display:inline-block;
	float:left;
	padding:15px 0;
	font-size:14px;
	text-align:center;
	height:14px;
	line-height:14px;
	border-bottom-right-radius:10px;
	border-top-right-radius:10px;
}

#player .bottom_info i{
	display:block;
	width:25px;
	height:20px;
	float:left;
	margin-right:6px;
	background-size:contain !important;
}
#player .bottom_info .icon-prev{
	background:url(../web_images/web2.0/icon-prev.png) no-repeat center center;
}
#player .bottom_info .prev:hover .icon-prev{
	background:url(../web_images/web2.0/icon-prev-hover.png) no-repeat center center;
}
#player .bottom_info .icon-next{
	background:url(../web_images/web2.0/icon-next.png) no-repeat center center;
}
#player .bottom_info .next:hover .icon-next{
	background:url(../web_images/web2.0/icon-next-hover.png) no-repeat center center;
}
#player .bottom_info .icon-quest{
	background:url(../web_images/web2.0/icon-quest.png) no-repeat center center;
}
#player .bottom_info .quest:hover .icon-quest{
	background:url(../web_images/web2.0/icon-quest-hover.png) no-repeat center center;
}
#player .bottom_info .icon-phone{
	background:url(../web_images/web2.0/icon-phone.png) no-repeat center center;
}
#player .bottom_info .phone:hover .icon-phone{
	background:url(../web_images/web2.0/icon-phone-hover.png) no-repeat center center;
}
#player .bottom_info .icon-pad{
	background:url(../web_images/web2.0/icon-pad.png) no-repeat center center;
}
#player .bottom_info .pad:hover .icon-pad{
	background:url(../web_images/web2.0/icon-pad-hover.png) no-repeat center center;
}
#player .bottom_info .icon-buy{
	background:url(../web_images/web2.0/icon-buy.png) no-repeat center center;
}
#ysplayer_popup, .ysplayer_popup{
	z-index:500;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	display:table;
}
#ysplayer_popup .ysplayer_popup_info, .ysplayer_popup .ysplayer_popup_info{
	vertical-align:middle;
	display:table-cell;
	margin:0 auto;
	position:absolute;
	text-align:center;
	width:50%;
	height:29%;
	min-height:223px;
	left:50%;
	top:50%;
	margin-left:-25%;
	margin-top:-7%;
	background:#fff;
	border-radius:6px;
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
}
.popup_close{
	position:absolute;
	z-index:222;
	top:10px;
	right:10px;
	display:block;
	width:24px;
	height:24px;
	background:url(../web_images/web2.0/icon-course-close.png) no-repeat center;
	background-size:cover;
}
.popup_close:hover{
	background:url(../web_images/web2.0/icon-course-close-hover.png) no-repeat center;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea{
	position:relative;
	margin:4%;
	height:74%;
}
.ysplayer_popup .ysplayer_popup_info .ysplayer_quest_erea{
	transition:0;
	-moz-transition:0;
	-webkit-transition:0;
	-o-transition:0;
	-ms-transition:0;
	text-align:left;
	width:540px;
	height:300px;
	padding:25px 30px;
}
.ysplayer_popup .ysplayer_popup_info .ysplayer_quest_erea h4{
	line-height:30px;
	font-weight:500;
	font-size:15px;
	color:#694044;
}
.ysplayer_popup .ysplayer_popup_info .ysplayer_quest_erea a{
	line-height:45px;
	padding-left:30px;
	display:block;
	overflow:visible;
	font-size:12px;
	position:relative;
}
.ysplayer_popup .ysplayer_popup_info .ysplayer_quest_erea .a_right::before{
	content: '答案';
	background:#ea6252;
	padding:0 4px;
	width:36px;
	height:18px;
	line-height:17px;
	font-size:14px;
	color:#fff;
	display:block;
	position:absolute;
	text-align:center;
	border-radius:2px;
	left:-20px;
	margin-top:-9px;
	top:50%;
}
.ysplayer_popup .ysplayer_popup_info .ysplayer_quest_erea .a_right::after{
	content:'';
	display:block;
	margin-left:-6px;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	border-left: 3px solid #ea6252;
	left: 30px;
	position: absolute;
	margin-top: -3px;
	top:50%;
}
.ysplayer_popup .ysplayer_popup_info .ysplayer_quest_erea .answer{
	color:#04b6fe;
}
.ysplayer_popup .ysplayer_popup_info .ysplayer_quest_erea .result{
	position:absolute;
	top:235px;
	width:90%;
	text-align:center;
	display:block;
	height:16px;
	font-size: 16px;
	color: #fff;
}
.ysplayer_popup .ysplayer_popup_info .answer_right{
	background:url(../web_images/web2.0/bee-right.png) no-repeat center;
}
.ysplayer_popup .ysplayer_popup_info .answer_right .result{
	text-shadow: 2px 0 1px #cc6a00, 0 2px 1px #cc6a00, 0 -2px 1px #cc6a00, -2px 0 1px #cc6a00;
}
.ysplayer_popup .ysplayer_popup_info .answer_wrong{
	background:url(../web_images/web2.0/bee-wrong.png) no-repeat center;
}
.ysplayer_popup .ysplayer_popup_info .answer_wrong .result{
	text-shadow: 2px 0 1px #008b95, 0 2px 1px #008b95, 0 -2px 1px #008b95, -2px 0 1px #008b95;
}
.ysplayer_popup .ysplayer_popup_info .ysplayer_quest_erea .skip{
	position: absolute;
  	top:255px;
	padding-left:0;
	display: block;
	margin: 20px 205px;
	text-align: center;
	width: 130px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background:#5992bf;
	font-size:12px;
	border-radius:4px;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_pic{
	position:relative;
	width:25%;
	margin-right:3%;
	height:100%;
	float:left;
	text-align:right;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_pic img{
	height:95%;
	width:auto;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words{
	position:relative;
	width:38%;
	height:100%;
	float:left;
	text-align:left;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h3{
	margin-top:3%;
	line-height:140%;
	font-size:16px;
	color:#58272a;
	font-weight:500;
}
#ysplayer_popup  .preview .ysplayer_popup_erea .popup_words h3, #ysplayer_popup  .playnext .ysplayer_popup_erea .popup_words h3{
	margin-top:15%;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h4{
	font-size:12px;
	line-height:100%;
	color:#58272a;
	margin-bottom:4%;
	font-weight:500;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words .buy{
	display:block;
	font-size:12px;
	width:70%;
	float:left;
	padding:5% 0;
	margin:3% 0;
	background:#4bad48;
	color:#fff;
	text-align:center;
	border-radius:2px;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words .next{
	display:block;
	font-size:12px;
	width:70%;
	float:left;
	padding:5% 0;
	margin:0.3% 0;
	background:#5992bf;
	color:#fff;
	text-align:center;
	border-radius:2px;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .bcode{
	border-left:1px solid #d9d9d9;
	width:33%;
	height:100%;
	position:relative;
	float:left;
	text-align:center;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .bcode img{
	height:90%;
	position:relative;
}
#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .bcode span{
	display:block;
	clear:both;
	color:#5c6c7c;
	font-size:12px;
	text-align:center;
}
.course_info{
	-webkit-transform: translateZ(0);
	height:100%;
	position:fixed;
	width:26.6%;
	right:0;
	top:0;
	z-index:55;
	min-width:180px;
	overflow:visible;
}
.course_info .drag{
	display:block;
	width:20px;
	height:128px;
	background-size:cover !important;
	position:absolute;
	z-index:55;
	top:50%;
	margin-top:-64px;
	left:-20px;
}
.course_info .toright{
	background:url(../web_images/web2.0/drag-right.png) no-repeat center;
}
.course_info .toright:hover{
	background:url(../web_images/web2.0/drag-right-hover.png) no-repeat center;
}
.course_info .toleft{
	background:url(../web_images/web2.0/drag-left.png) no-repeat center;
}
.course_info .toleft:hover{
	background:url(../web_images/web2.0/drag-left-hover.png) no-repeat center;
}
.course_info .title_box{
	position:relative;
	width:100%;
	height:46px;
	min-height:46px;
	background:#f4f4f4;
	border-bottom:1px solid #c6c6c6;
}
.course_info .title_box li{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	width:33.3%;
	float:left;
}
.course_info .title_box li a{
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	padding:11px 0;
	line-height:24px;
	color:#666;
	display:block;
}
.course_info .title_box span{
	display:inline-block;
}
.course_info .title_box li i{
	display:inline-block;
	float:left;
	margin-right:5px;
	width:28px;
	height:24px;
}
.course_info .title_box .list{
	border-right:1px solid;
	border-color:transparent;
}
.course_info .title_box .list i{
	background:url(../web_images/web2.0/icon-listtitle.png) no-repeat center center;
}
.course_info .title_box .on .list i, .course_info .title_box .list:hover i{
	background:url(../web_images/web2.0/icon-listtitle-hover.png) no-repeat center center;
}
.course_info .title_box .comment{
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
}
.course_info .title_box .on .comment{
	border-left:1px solid #01b6fb;
	border-right:1px solid #01b6fb;
}
.course_info .title_box .comment i{
	background:url(../web_images/web2.0/icon-commenttitle.png) no-repeat center center;
}
.course_info .title_box .on .comment i, .course_info .title_box .comment:hover i{
	background:url(../web_images/web2.0/icon-commenttitle-hover.png) no-repeat center center;
}
.course_info .title_box .info{
	border-left:1px solid;
	border-color:transparent;
}
.course_info .title_box .info i{
	background:url(../web_images/web2.0/icon-infotitle.png) no-repeat center center;
}
.course_info .title_box .on .info i, .course_info .title_box .info:hover i{
	background:url(../web_images/web2.0/icon-infotitle-hover.png) no-repeat center center;
}
.course_info .title_box .on, .course_info .title_box li:hover{
	background:#01b6fb;
	border-color:#01b6fb !important;
}
.course_info .title_box .on span, .course_info .title_box li:hover span{
	color:#fff;
}
.course_info .content_box{
	-webkit-transform:translateZ(0);
	position:relative;
	width:100%;
	height:100%;
	background:#f4f4f4;
	overflow:-moz-scrollbars-vertical;
	overflow-x:hidden;
	overflow-y:scroll;
}
.course_info .content_box .grey_box{
	background:#f4f4f4;
	width:100%;
	padding-bottom:46px;
	height:auto;
}
.course_info .content_box::-webkit-scrollbar { 
    display:none; 
}
.course_info .content_box::scrollbar { 
    display:none; 
}
.course_info .list_box li{
	width:auto;
	height:67px;
	border-left:2px solid #01b6fb;
	border-left-color:transparent;
	border-bottom:1px solid #c6c6c6;
}
.course_info .list_box .free{
	background:url(../web_images/web2.0/icon-free.png) no-repeat;
	background-position:2% 3px;
	background-size:7%;
}
.course_info .list_box li:hover{
	border-left-color:#01b6fb;
	background-color:#f0f0f0;
}
.course_info .list_box li a{
	display:block;
	padding:11px 0 11px 23px;
	height:45px;
	margin-left:12%;
	border-left:1px solid #c6c6c6;
}
.course_info .list_box li a p{
	white-space:nowrap;
	position:relative;
	font-size:12px;
	color:#1f2120;
	line-height:23px;
}
.course_info .list_box li:hover a p{
	color:#1f2120;
}
.course_info .list_box li a p .icon-circle{
	top:0;
	left:-35px;
	position:absolute;
	display:block;
	width:21px;
	height:21px;
	background:#f4f4f4;
	border-radius:50%;
	overflow:hidden;
	border:1px solid #c5c5c5;
}
.course_info .list_box li:hover a p .icon-circle{
	border:1px solid #c5c5c5;
}
.course_info .list_box .watched a p .icon-circle{
	border:1px solid #01b6fb !important;
}
.course_info .list_box .watched a p .icon-circle i{
	content:'';
	display:block;
	position:relative;
	width:50%;
	display:block;
	height:100%;
	float:left;
	background:#01b6fb;
}
.course_info .list_box li a span{
	white-space:nowrap;
	font-size:11px;
	line-height:22px;
	color:#979797;
}
.course_info .list_box .on{
	border-left-color:#474747;
	background-color:#666;
}
.course_info .list_box .on a p{
	color:#fff;
}
.course_info .list_box .on a p .icon-circle{
	border:1px solid #666;
}
.course_info .list_box .update_note{
	margin:10px auto;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:12px;
	max-width:192px;
	padding:0 15px;
	background:#f3e0bf;
	color:#ae8350;
	border-radius:12px;
	border:1px solid #e1c99b;
}
.course_info .comment_box{
	background:#f4f4f4;
}
.course_info .comment_box .comment{
	background:#f4f4f4;
	position:relative;
	width:89%;
	margin:0 auto;
}
.course_info .comment_box .comment .none{
	height:100px;
	line-height:100px;
	text-align:center;
	font-size:14px;
	margin-left:14.5%;
}
.course_info .comment_box .comment .comment_wrapper{
	position:relative;
}
.course_info .comment_box .comment .comment_wrapper .comment_txt{
	position:relative;
	width:80%;
	margin-left:14.5%;
	padding:2.5%;
	height:64px;
	max-height:64px;
	margin-top:19px;
	float:right;
	resize:none;
	background:#f4f4f4;
	border:1px solid #c6c6c6;
	outline:none;
}
.course_info .comment_box .comment .comment_wrapper .hint_login{
	display:block;
	position:absolute;
	width:80%;
	margin-left:14.5%;
	padding:2.5%;
	height:64px;
	max-height:64px;
	margin-top:19px;
	float:right;
	font-size:12px;
	text-align:center;
	line-height:64px;
}
.course_info .comment_box .comment .comment_wrapper .hint_login a{
	color:#01b8fc;
	margin:0 4px;
}
.course_info .comment_box .comment .hint{
	display:inline-block;
	margin-left:14.6%;
	margin-top:7px;
	line-height:24px;
	background:#64c5a2;
	font-size:14px;
	color:#fff;
	padding:0 5px;
}
.course_info .comment_box .comment .btn{
	display:block;
	float:right;
	color:#fff;
	font-size:14px;
	margin-top:7px;
	height:24px;
	line-height:24px;
	padding:0 15px;
	border-radius:4px;
	background:#64c5a2;
}
.course_info .comment_box .comment ul{
	clear:both;
	display:block;
}
.course_info .comment_box .comment .discuss{
	overflow:visible;
	position:relative;
	width:85.5%;
	float:right;
	padding:23px 0;
	border-bottom:1px solid #dbdbdb;
}
.course_info .comment_box .comment .discuss .userico{
	position:absolute;
	float:left;
	width:14.5%;
	margin-left:-14.5%;
}
.course_info .comment_box .comment .discuss .userico img{
	width:41px;
	height:41px;
	border-radius:21px;
}
.course_info .comment_box .comment .discuss .talk .name{
	white-space:nowrap;
	color:#8c8c8c;
	line-height:41px;
}
.course_info .comment_box .comment .discuss .talk .name strong{
	color:#1f1f1f;
	font-weight:600;
	font-size:14px;
}
.course_info .comment_box .comment .discuss .talk .name .small{
	color:#8d8d8d;
	font-size:14px;
	float:right;
}
.course_info .comment_box .comment .discuss .talk .name .small i{
	display:inline-block;
	float:left;
	margin:14px 5px 14px 0;
	width:13px;
	height:13px;
	background:url(../web_images/web2.0/icon-comment.png) no-repeat center;
	background-size:cover;
}
.course_info .comment_box .comment .discuss .talk .name .small:hover i{
	background:url(../web_images/web2.0/icon-comment-hover.png) no-repeat center;
}
.course_info .comment_box .comment .discuss .talk .name .small a{
	line-height:41px;
	color:#8d8d8d;
}
.course_info .comment_box .comment .discuss .time{
	font-size:12px;
}
.course_info .comment_box .comment .discuss .comment_content{
	display:block;
	color:#4d4d4d;
	line-height:24px;
	font-size:12px;
	height:auto;
	max-height:49px;
	overflow:hidden;
}
.course_info .comment_box .comment .discuss .reply .replywords{
	position:relative;
	width:94%;
	padding:2.5%;
	height:28px;
	max-height:28px;
	margin-top:10px;
	float:right;
	resize:none;
	font-size:12px;
	background:#f4f4f4;
	border:1px solid #c6c6c6;
	outline:none;
}
.course_info .comment_box .comment .discuss .reply .hint{
	margin-left:0;
}
.course_info .comment_box .comment .discuss .reply .words .replies{
	margin-top:20px;	
}
.course_info .comment_box .comment .discuss .reply .words .replies img{
	height:25px;
	width:25px;
	float:left;
	margin-right:2%;
	border-radius:18px;	
}
.course_info .comment_box .comment .discuss .reply .words .replies .user{
	color:#8c8c8c;
	line-height:25px;	
}
.course_info .comment_box .comment .discuss .reply .words .replies .user .name{
	color:#8c8c8c;
	font-size:14px;	
}
.course_info .comment_box .comment .discuss .reply .words .replies .user .name strong{
	font-weight:600;
	color:#1f1f1f;
}
.course_info .comment_box .comment .more{
	font-size:14px;
	position:relative;
	margin:0 auto;
	padding:0 8% 0 8%;
	width:90px;
	border-radius:4px;
	text-align:center;
	background:#5992bf;
	display:block;
	height:32px;
	line-height:32px;
	color:#fff;
}

.course_info .info_box .info{
	width:80%;
	margin:0 auto;
}
.course_info .info_box .info .teacher{
	width:100%;
	margin:0 auto;
}
.course_info .info_box .info .teacher .ico{
	margin:23px auto 0 auto;
	width:100px;
	height:100px;
	border-radius:50px;
}
.course_info .info_box .info .teacher h3{
	text-align:center;
	line-height:40px;
}
.course_info .info_box .info .teacher .ico img{
	width:100px;
	height:100px;
}
.course_info .info_box .info h3{
	color:#1d2122;
	font-size:18px;
	text-align:left;
	line-height:76px;
	font-weight:500;
}
.course_info .info_box .info span{
	display:block;
	color:#4e4e4e;
	line-height:22px;
	font-size:12px;
	padding-bottom:33px;
	border-bottom:1px solid #dbdbdb;
}
.course_info .info_box .info .btn_wrapper{
	width:75%;
	height:auto;
	margin:42px auto 45px auto;
}
.course_info .info_box .info .btn_wrapper .price{
	overflow:hidden;
	white-space:nowrap;
	text-align:center;
	float:left;
	width:38%;
	font-size:15px;
	line-height:45px;
	height:45px;
	display:block;
	margin-right:2px;
	border-radius:2px;
	color:#e55204;
	background:#dfdfdf;
}
.course_info .info_box .info .btn_wrapper .price s{
	color:#7a7a7a;
	font-size:12px;
}
.course_info .info_box .info .btn_wrapper .buy{
	overflow:hidden;
	white-space:nowrap;
	text-align:center;
	color:#fff;
	font-size:14px;
	float:left;
	width:60%;
	height:45px;
	display:block;
	line-height:45px;
	border-radius:2px;
	background:#4bad48;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
}
.course_info .info_box .info .btn_wrapper .buy:hover{
	background:#55b551;
}
.course_info .info_box .bcc{
	background:#fff;
	color:#000;
	padding-bottom:35px;
}
.course_info .info_box .bcc .img{
	width:150px;
	height:150px;
	margin:40px auto 0 auto;
}
.course_info .info_box .bcc img{
	width:150px;
	height:150px;
}
.course_info .info_box .bcc span{
	width:100%;
	text-align:center;
	color:#000;
	display:block;
	font-size:14px;
}

#content .usercenter{
	margin-top:0 !important;
	background:#ccdfe6;
}
#content .main_content .home_title a, #content .main_content .home_title a span{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	-ms-transition: none;
}
#content .search{
	padding-bottom:93px;
}
#content .main_content .home_title .home_sub_title, #content .main_content .home_title .home_tab{
	padding:0 55px 0 9px;
	color:#7f90a2;
	font-size:16px;
}
#content .main_content .home_title .on, #content .main_content .home_title .on_tab{
	padding:0 60px 0 9px !important;
	color:#8190a3 !important;
	line-height:60px !important;
	font-size:28px !important;
}
#content .main_content .orders, #content .main_content .messages, #content .usercenter .point, #content .usercenter .profile{
	overflow:hidden;
	margin:0 auto;
}
#content .main_content .orders .order_wrapper{
	display:block;
	overflow:hidden;
	height:auto;
}
#content .main_content .orders .order_wrapper li, #content .main_content .msg_wrapper li{
	display:block;
	overflow:hidden;
	float:left;
	width:48.65%;
	margin:0.61%;
}
#content .main_content .orders .order_wrapper .order_block{
	background:#fff;
	width:100%;
}
#content .main_content .orders .order_wrapper .order_block .order_no{
	line-height:35px;
	height:35px;
	width:100%;
	border-bottom:1px solid #e4e4e4;
}
#content .main_content .orders .order_wrapper .order_block .order_no .no{
	margin-left:14px;
}
#content .main_content .orders .order_wrapper .order_block .order_no .status{
	float:right;
	margin-right:14px;
}
#content .main_content .orders .order_wrapper .order_block .img{
	display:block;
	float:left;
	margin-top:-1px;
	height:auto;
	width:39%;
	max-height:173px;
	max-width:272px;
}
#content .main_content .orders .order_wrapper .order_block img{
	height:auto;
	width:100%;
	float:left;
}
#content .main_content .orders .order_wrapper .order_block .i_box{
	position:relative;
	width:56.5%;
	float:left;
	height:173px;
	padding-left:18px;
}
#content .main_content .orders .order_wrapper .order_block .i_box a{
	font-size:18px;
	color:#000;
	line-height:30px;
}
#content .main_content .orders .order_wrapper .order_block .i_box .title{
	display: block;
	padding-top: 10px;
}
#content .main_content .orders .order_wrapper .order_block .i_box p{
	line-height:24px;
	color:#808fa2;
	font-size:12px;
}
#content .main_content .orders .order_wrapper .order_block .i_box .price{
	position:absolute;
	bottom:0;
	/*line-height:30px;*/
	font-size:12px;
	color:#8190a1;
}
#content .main_content .orders .order_wrapper .order_block .i_box .price s{
	font-size:14px;
	font-weight:300;
	padding-right:10px;
}
#content .main_content .orders .order_wrapper .order_block .i_box .price b{
	color:#55b553;
	font-size:18px;
}
#content .main_content .orders .order_wrapper .order_block .i_box .pay{
	position:absolute;
	bottom:0;
	margin-bottom:0!important;
	right:14px;
	display:block;
	text-align:center;
	line-height:37px;
	height:37px;
	width:82px;
	border-radius:4px;
	color:#fff;
	background:#4bad48;
	font-size:12px;
}


#content .main_content .msg_wrapper .msg_block{
	height:auto;
	padding-bottom:18px;
	background:#fff;
}
#content .main_content .msg_wrapper .msg_block span{
	padding-top:18px;
	color:#000;
	line-height:30px;
}
#content .main_content .msg_wrapper .msg_block .msg_title{
	font-size:16px;
	float:left;
	padding-left:30px;
}
#content .main_content .msg_wrapper .msg_block .msg_time{
	font-size:12px;
	float:right;
	padding-right:30px;
	padding-top:18px;
}
#content .main_content .msg_wrapper .msg_block p{
	clear:both;
	padding-left:30px;
	padding-right:5px;
	font-size:12px;
	color:#81919e;
	line-height:26px;
}


.none{
	margin:120px 0;
	text-align:center;
}
.none img{
	width:140px;
	height:auto;
}
.none .rec_words{
	padding:10px 0 25px 0;
	font-size:12px;
	color:#59282c;
}
.none .go{
	display:block;
	margin:0 auto;
	text-align:center;
	line-height:45px;
	height:45px;
	width:208px;
	color:#fff;
	background:#5992bf;
	border-radius:4px;
}



#content .usercenter .point_wrapper{
	width:450px;
	height:522px;
	margin:32px auto 150px auto;
}
#content .usercenter .point_wrapper .balance{
	font-size:20px;
	line-height:85px;
	color:#000201;
	border-bottom:1px dashed #639da8;
	text-align:center;
}
#content .usercenter .point_wrapper .balance .money{
	color:#55b551;
	margin:0 8px;
}
#content .usercenter .point_wrapper form{
	padding:20px 0 40px 0;
}
#content .usercenter .point_wrapper form p, #content .usercenter .point_wrapper form .p{
	color:#7f8f9e;
	font-size:12px;
	white-space:nowrap;
}
#content .usercenter .point_wrapper .card_ico{
	height:70px;
	width:85px;
	float:left;
	margin-right:20px;
}
#content .usercenter .point_wrapper .tips{
	line-height: 24px;
	display:block;
	margin:37px 0 20px 0;
	border-top:1px dashed #639da8;
	padding-top:20px;
	color:#7e91a2;
	font-size:12px;
}
#content .usercenter .point_wrapper form input[type="radio"]{
	display:none;
}
#content .usercenter .point_wrapper form label.radio{
	margin:14px 1% 6px 0;
	cursor:pointer;
	display:block;
	font-size:12px;
	width:31.5%;
	text-align:center;
	float:left;
	background:#909090;
	line-height:47px;
	color:#fff;
	margin-right:4px;
	height:47px;
	border-radius:5px;
}
#content .usercenter .point_wrapper form label.radio br{
	display:none;
}
#content .usercenter .point_wrapper form input[type="radio"]:checked + label.radio{
	background:#4bad48;
}
#content .usercenter .point_wrapper form .p{
	display:block;
	line-height:30px;
	float:none;
	margin-bottom:6px;
}
#content .usercenter .point_wrapper form .count{
	float:left;
	outline:none;
	border:none;
	width:172px;
	height:28px;
	padding:2px 8px;
	border-radius:4px;
	margin-right:10px;
}
#content .usercenter .card form{
	position:relative;
	width:80%;
	margin:0 auto;
}
#content .usercenter .card form .error{
	width:100%;
	color:#f00;
	position:absolute;
	font-size:12px;
	text-align:center;
	line-height: 40px;
}
#content .usercenter .point_wrapper form .card{
	margin:0 auto;
	outline:none;
	border:none;
	width:95%;
	height:28px;
	padding:2px 2.5%;
	border-radius:4px;
}
#content .usercenter .point_wrapper .home_pay{
	display:block;
	width:270px;
	height:45px;
	background:#e7884e;
	color:#fff;
	font-size:12px;
	line-height:45px;
	text-align:center;
	border-radius:5px;
	margin:0 auto;
}
#content .usercenter .profile .profile_info{
	float:left;
	/*width:200px;*/
	height:290px;
	margin-top:60px;
	padding:40px 75px 100px 75px;
	text-align:center;
}
#content .usercenter .profile .profile_info img{
	width:100px;
	height:100px;
	border-radius:50px;
	margin-bottom:16px;
}
#content .usercenter .profile .profile_info .uname{
	font-size:20px;
	font-weight:600;
	display:block;
	color:#020003;
}
#content .usercenter .profile .profile_info .balance{
	color:#81919e;
	font-size:12px;
}
#content .usercenter .profile .profile_info .balance b{
	font-weight:500;
	color:#4dac48;
	margin:0 4px;
}
#content .usercenter .profile .profile_info .profile_pay{
	display:block;
	width:84px;
	height:35px;
	text-align:center;
	background:#e7884e;
	color:#fff;
	font-size:12px;
	border-radius:2px;
	line-height:35px;
	margin:26px auto;
}
#content .usercenter .profile .profile_block{
	border-left:1px solid #acbfc6;
	width:665px;
	margin-top:60px;
	float:left;
}
#content .usercenter .profile .hint{
	line-height:24px;
	text-align:center;
	font-size:16px;
	white-space:nowrap;
}
#content .usercenter .profile .hint i{
	background:url(../web_images/web2.0/icon-mission.png) no-repeat center;
	width:15px;
	height:16px;
	display:inline-block;
	margin-right:4px;
}
#content .usercenter .profile .red_hint{
	text-align:center;
	font-size:12px;
	line-height:16px;
	color:#f00;
}
#content .usercenter .profile .light_hint{
	text-align:center;
	font-size:12px;
	line-height:16px;
	color:#5e6b7e;
	white-space:nowrap;
}
#content .usercenter .profile .profile_block form{
	margin-top:20px;
}
#content .usercenter .profile .profile_block .l{
	display:block;
	text-align:right;
	float:left;
	width:30%;
	margin:8px 1%;
	line-height:30px;
	font-size:13px;
}
#content .usercenter .profile .profile_block .l b{
	color:#f00;
	margin-right:4px;
}
#content .usercenter .profile .profile_block .r{
	line-height:30px;
	float:left;
	width:66%;
	margin:8px 1%;
	font-size:13px;
}
#content .usercenter .profile .profile_block .r select{
	outline:none;
	height:28px;
	border:1px solid #c9c9c9;
}
#content .usercenter .profile .profile_block .r input[type="text"]{
	border:none;
	border-radius:5px;
	padding:1px 10px;
	height:28px;
	width:169px;
	outline:none;
}
#content .usercenter .profile .save{
	display:block;
	width:200px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#fff;
	background:#5992bf;
	border-radius:5px;
	font-size:14px;
}
#content .usercenter .profile .icon_block{
	text-align:center;
	margin-top:60px;
}
#content .usercenter .profile .icon_block .icon-selector{
	width:325px;height:205px;
	margin:40px auto 20px auto;
}
#content .usercenter .profile .icon_block .save{
	margin:0 auto;
}
#content .usercenter .profile .password{
	margin-top:60px;
}
#content .usercenter .profile .password.mod{
	clear:both;
	margin:60px auto;
	width:900px;
}
#content .usercenter .profile .password{
	width:520px;
}
#content .usercenter .profile .password form{
	margin-top:30px;
}
#content .usercenter .profile .password .l{
	display:block;
	color:#52646e;
	text-align:right;
	float:left;
	width:35%;
	margin:13px 1% 0 1%;
	line-height:30px;
	font-size:13px;
}
#content .usercenter .profile .password .l b{
	color:#f00;
	margin-right:4px;
}
#content .usercenter .profile .password .r{
	line-height:30px;
	float:left;
	width:61%;
	margin:13px 1%;
	font-size:13px;
}
#content .usercenter .profile .password .r select{
	outline:none;
	height:28px;
	border:1px solid #c9c9c9;
}
#content .usercenter .profile .password .r input[type="password"], #content .usercenter .profile .password .r input[type="text"]{
	float:left;
	border:none;
	border-radius:5px;
	padding:1px 10px;
	height:28px;
	width:180px;
	outline:none;
}
#content .usercenter .profile .password .r label{
	font-size:12px;
	padding-left:10px;
	color:#f00;
}
#content .usercenter .profile .password .r .code{
	border-bottom-right-radius:0px !important;
	border-top-right-radius:0px !important;
	width:92px !important;
}
#content .usercenter .profile .password .r .getcode{
	width:88px;
	diaplay:block;
	height:30px;
	float:left;
	text-align:center;
	background:#01bcff;
	color:#fff;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}

.log{
	text-align:center;
}
.log .log-title{
	margin:40px auto;
}
.log .log-title h1{
	line-height:50px;
	color:#5b6b7b;
	font-size:32px;
	letter-spacing:8px;
	font-weight:500;
}
.log .log-title .log-subtitle{
	line-height:100%;
	color:#5b6b7b;
	font-size:12px;
	font-weight:500;
}
.log .log-box{
	position:relative;
	width:950px;
	height:580px;
	background:#fff;
	margin:0 auto;
	border-top:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}
.log .log-box .top-desc{
	display:block;
	padding:59px 0;
	line-height:30px;
	position:relative;
	text-align:center;
}
.log .log-box .top-desc h1{
	display:inline-block;
	color:#5e6b7b;
	font-weight:500;
	letter-spacing:8px;
}
.log .log-box .top-desc .icon-reg{
	width:32px;
	height:32px;
	margin-right:20px;
	display:inline-block;
	float:left;
	background:url(../web_images/web2.0/icon-reg.png) no-repeat;
	background-size:cover;
}
.log .log-box .top-desc .icon-log{
	width:32px;
	height:32px;
	margin-right:8px;
	display:inline-block;
	float:left;
	background:url(../web_images/web2.0/icon-log.png) no-repeat;
	background-size:cover;
}
.log .log-box .top-desc .jump{
	position:absolute;
	padding-right:38px;
	line-height:150px;
	color:#5e6b7b;
	right:0;
	top:0;
}
#register .log-box form, .log-box .input_form, #findpass .log-box form, .log-box .input_form{
	display:block;
	margin:0 auto;
	width:520px;
	overflow:hidden;
}
#login .log-box .login-box{
	width:750px;
	margin:0 auto;
}
#login .log-box form{
	display:block;
	float:left;
	width:420px;
	overflow:hidden;
}
#register .log-box form .agree{
	line-height:25px;
	font-size:12px;
}
#register .log-box form .agree a{
	color:#40a5b9;
}
.log .log-box form label{
	width:160px;
	white-space:nowrap;
	font-size:14px;
	color:#7f8ea1;
	line-height:30px;
	margin:10px 0;
	float:left;
	text-align:right;
	display:block;
	margin-right:8px;
}
.log .log-box form .r{
	width:350px;
	height:30px;
	margin:10px 0;
	float:left;
}
.log .log-box form .r input[type="text"], .log-box form .r input[type="password"]{
	color:#000;
	float:left;
	width:160px;
	padding:0 10px;
	height:30px;
	outline:none;
	border:none;
	background:#f2f2f2;
	border-radius:5px;
}
.log .log-box form .r input[type="text"]:focus, .log-box form .r input[type="password"]:focus{
	background:#d4eff6;
}
.log .log-box form .r .code{
	width:84px !important;
	border-bottom-right-radius:0px !important;
	border-top-right-radius:0px !important;
}
.log .log-box form .r .getcode{
	font-size:11px;
	width:76px;
	height:30px;
	line-height:30px;
	display:block;
	color:#fff;
	background:#01b6fb;
	float:left;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}
#login .log-box form .r .getcode{
	background:none;
}
#login .log-box form .r .getcode img{
	width:76px;
	height:30px;
}
#login .log-box form .r .get{
	display:inline-block;
	float:left;
	margin-left:15px;
	width:30px;
	height:30px;
	background:url(../web_images/web2.0/icon-get.png) no-repeat center center;
	background-size:cover !important;
}
#login .log-box form .r .get:hover{
	background:url(../web_images/web2.0/icon-get-hover.png) no-repeat center center;
}
#login .log-box form .r .get:active{
	background:url(../web_images/web2.0/icon-get.png) no-repeat center center;
}
.log .log-box form .r .errortip{
	color:#f00;
	font-size:12px;
	padding-left:10px;
	text-align:left;
	float:left;
	display:inline-block;
	line-height:30px;
}
.log .log-box form .save{
	margin-left:168px;
	margin-top:10px;
	display:block;
	height:45px;
	width:180px;
	background:#5992bf;
	color:#fff;
	text-align:center;
	line-height:45px;
	font-size:12px;
	letter-spacing:4px;
	border-radius:4px;
}
#login .log-box .option{
	margin-left:118px;
	text-align:left;
	line-height:48px;
	color:#5b6b7a;
	width:181px;
	font-size:12px;
}
#login .log-box .option .forget a{
	float:right;
	color:#5b6b7a;	
}
#login .log-box .wx-login{
	width:330px;
}
#login .log-box .wx-login .wx-code{
	float:left;
	width:165px;
	margin:60px 0 auto 0;
}
#login .log-box .wx-login .wx-code a{
	height:100%;
	width:100%;
	display:block;
}
#login .log-box .wx-login .wx-code img{
	width:92px;
	height:92px;
}
#login .log-box .wx-login .wx-code p{
	text-align:center;
	padding-top:10px;
	font-size:12px;
	color:#5c6c7c;
}
#logerror{
	color:#f00;
	margin:20px 0 0 118px;
	text-align:left;
	font-size:14px;
}
#logerror i{
	display:inline-block;
	margin:auto 4px -1px auto;
	width:12px;
	height:12px;
	background:url(../web_images/web2.0/icon-log-error.png) no-repeat center center;
}
#login .seccuss_box{
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:20;
}
#login .seccuss_box .countdown{
	position:absolute;
	font-size:12px;
	top:30px;
	right:35px;
	white-space:nowrap;
	color:#5f6b79;
}
#login .seccuss_box .countdown span{
	color:#5f6b79;
}
#login .seccuss_box .countdown a{
	color:#01b2e8;
	text-decoration:underline;
}
#login .seccuss_box .bee{
	position:relative;
	top:60px;
	left:50%;
	width:140px;
	height:170px;
	margin-left:-70px;
	background-size:cover !important;
	background:url(../web_images/web2.0/bee.png) no-repeat center;
}
#login .seccuss_box .rec_words{
	text-align:center;
	position:relative;
	top:80px;
	font-size:12px;
	color:#59282c;
}
#login .seccuss_box .rec_title{
	text-align:left;
	font-weight:500;
	font-size:14px;
	color:#5e6b7b;
	padding-left:7px;
	line-height:40px;
}
#login .seccuss_box .recommend{
	width:824px;
	height:auto;
	margin:0 auto;
	position:relative;
	top:90px;
}
#login .seccuss_box .recommend .rec_wrapper{
	white-space:nowrap;
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	overflow:hidden;
}
#login .seccuss_box .recommend .rec_wrapper .rec_block{
	float:left;
	background:#fff;
	margin:1%;
	max-width:192px;
	height:auto;
	box-shadow:0px 1px 2px #ccc;
}
#login .seccuss_box .recommend .rec_wrapper .rec_block a{
	height:100%;
	width:100%;
	display:block;
	text-align:left;
}
#login .seccuss_box .recommend .rec_wrapper .rec_block p, #login .seccuss_box .recommend .rec_wrapper .rec_block span{
	padding:0 10px;
	white-space:normal;
	line-height:20px;
	font-size:14px;
	color:#18222c;
}
#login .seccuss_box .recommend .rec_wrapper .rec_block span{
	color:#7f90a0;
}
#login .seccuss_box .recommend .rec_wrapper .rec_block img{
	width:100%;
	height:auto;
	float:left;
}
#login .seccuss_box .recommend .rec_wrapper .rec_block .info_box{
	height:115px;
	width:100%;
	overflow:hidden;
}

.client_download{
	position:fixed;
	-webkit-transform: translateZ(0);
	bottom:0;
	display:block;
	width:100%;
	height:86px;
	z-index:55555;
	background:rgba(0,0,0,0.5);
	white-space:nowrap;
}
.client_download .client, .client_download .client>*{
	display:-webkit-box;
	display:box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
}
.client_download .client{
	width:560px;
	height:100%;
	margin:0 auto;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:center;
}
.client_download .client span{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	-o-box-flex:1;
	padding-left:2%;
	height:50px;
	line-height:50px;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.client_download .client span i{
	font-size:18px;
	display:block;
	margin-right:10px;
	width:50px;
	height:50px;
	background:url(../web_images/web2.0/icon-logo.png) no-repeat center center;
	background-size:contain;
}
.client_download .client span br{
	display:none;
}
.client_download .client .btn{
	-webkit-box-align: stretch;
	padding-right:2%;
	width:180px;
	margin:4px 0;
	height:50px;
}
.client_download .client a{
	font-size:23px;
	width:100%;
	display:block;
	line-height:50px;
	text-align:center;
	background:#d99b12;
	border-radius:4px;
	color:#fff;
	white-space:nowrap;
}
.client_download .client a i{
	display:inline-block;
	margin-bottom:-4px;
	width:26px;
	height:30px;
	background:url(../web_images/web2.0/icon-client.gif) no-repeat center center;
	background-size:contain;
}
.client_download .close{
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height:25px;
	background:url(../web_images/web2.0/icon-client-close.png) no-repeat center center;
	background-size:contain;
}
#id_statistic{
	display:none;
}

/*2016.1.5追加*/
.member {
	margin-top:25px;
    width: 180px;
    height: 40px;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 40px;
    padding: 0 20px;
    text-align: right;
    background: url(../web_images/web2000/my_vip_crown_samll.png) 10% center no-repeat;
    margin-left: 20px;
    float: left;
}
.bg_ef2244 {
    background-color: #ef2244;
}

.double12{
	/*background:url(http://image.yusi.tv/res/images/web_images/20161213/double12.png#FF04A4) no-repeat left center;*/
	padding-left:65px!important;
}



media="all"
@media (max-width: 1023px){
	#header .searchbar{
		margin: 25px 0 25px 1%;
	}
	#content .apps{
		width:580px;
	}
}
@media (min-width: 1025px) and (max-width: 1280px){
	#header{
		padding-left:20px;
	}
	#header .searchbar{
		margin: 25px 0 25px 1%;
	}
	#content .apps{
		width:871px;
	}
	#menu{
		width:180px;
	}
	#menu .main_menu li a{
		padding:14px 10px 16px 10px;
	}
	#content .main_content{
		margin-left:180px;
	}
	#content .main_content .orders .order_wrapper li, #content .main_content .msg_wrapper li{
		
	}
	
	#content .main_content .orders .order_wrapper .order_block .img{
		max-height:105px;
		max-width:165px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box{
		height:105px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .title{
		font-size:14px;
		line-height:18px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box p{
		line-height: 16px;
		font-size: 11px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .pay{
		height:30px;
		line-height:30px;
	}
	#content .usercenter .profile .profile_block{
		width:100%;
		padding:0;
		border-left:none;
	}
	
	.course_info .title_box span{
		font-size:13px;
	}
	
	#player .yusi_player{
		height:68.2%;
	}
	#player .bottom_info{
		padding-top:3%;
		height:25%;
		padding-bottom:0;
	}
	#player .bottom_info >*{
		vertical-align: top;
	}
	#player .bottom_info .prev, #player .bottom_info .next, #player .bottom_info .quest, #player .bottom_info .phone, #player .bottom_info .pad, #player .bottom_info .buy{
		width: 20%;
	}
	#player .bottom_info a span{
		bottom: 110%;
	}
	#player .bottom_info .danmaku{
		overflow:hidden;
		height:44px;
		position:absolute;
		top:50%;
		bottom:inherit;
		left:10%;
		width:80%;
		display:block;
		z-index:555;
	}
	
	/*���ŵ���*/
	#ysplayer_popup .ysplayer_popup_info{
		width:60%;
		height:35%;
		top:45%;
		max-height:160px;
		min-height:170px;
		margin-left:-30%;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h3{
		margin-top:0;
		font-size: 14px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h4{
		margin-bottom:0;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .bcode img{
		height: 85%;
	}
	
	
	.foot{
		width:840px;
	}
	.foot .foot_box{
		width:59%;
	}
	.foot .status{
		width:40%;
	}
	.foot .bcode{
		width:49%;
	}
	.foot .contact{
		width:46%;
	}
	.foot .contact .tel p{
		font-size: 14px;
	}
	.foot .contact .tel span{
		font-size: 10px;
	}
	.log .log-title{
		display:none;
	}
	.log .log-box{
		width:81.5%;
	}
	#login .log-box .wx-login{
		width:33%;
	}
	#login .log-box .wx-login .wx-code{
		width:50%;
	}
	#login .seccuss_box .recommend{
		width:690px;
	}
	#login .seccuss_box .recommend .rec_wrapper .rec_block p, #login .seccuss_box .recommend .rec_wrapper .rec_block span{
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
}
@media (min-width: 1280px){
	#header{
		padding-left:20px;
	}
	#header .searchbar{
		margin: 25px 0 25px 4%;
	}
	#content .apps{
		width:871px;
	}
	#menu .main_menu li a{
		padding:14px 0 16px 11.5%;
	}

	#content .main_content .orders .order_wrapper .order_block .img{
		max-height:105px;
		max-width:165px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box{
		height:105px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .title{
		font-size:14px;
		line-height:18px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box p{
		line-height: 16px;
		font-size: 11px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .pay{
		height:30px;
		line-height:30px;
	}
	#content .usercenter .profile .profile_block{
		width:100%;
		padding:0;
		border-left:none;
	}
	#player .bottom_info .danmaku{
		width:30%;
	}
	#player .bottom_info .danmaku .send{
		font-size:12px;
	}
	/*���ŵ���*/
	#ysplayer_popup .ysplayer_popup_info{
		width:60%;
		height:35%;
		top:45%;
		max-height:170px;
		min-height:190px;
		margin-left:-30%;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h3{
		margin-top:0;
		font-size:14px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h4{
		font-size:10px;
	}
	#player .bottom_info .buy span{
		width:90%;
		margin: 0 5%;
	}
}
@media (min-width: 1366px){
	#header .searchbar{
		margin: 25px 0 25px 7%;
	}
}
@media (min-width: 1440px){
	#content .main_content .orders .order_wrapper .teacher li{width:48%;margin:0 1%;}
	#header .searchbar{
		margin: 25px 0 25px 14%;
	}
	#content .apps{
		width:1161px;
	}
	#menu .main_menu li a{
		padding: 14px 0 16px 18.5%;
	}
	#content .main_content .orders .order_wrapper .order_block .img{
		max-height:140px;
		max-width:220px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box{
		height:140px;
	}
	
	#content .main_content .orders .order_wrapper .order_block .i_box .title{
		font-size:14px;
		line-height:30px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box p{
		line-height: 24px;
		font-size: 12px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .pay{
		height:37px;
		line-height:37px;
	}
	#content .usercenter .profile .profile_block{
		width:100%;
		padding:0;
		border-left:none;
	}
	#player .bottom_info .danmaku{
		width:40%;
	}
	#player .bottom_info .danmaku .send{
		font-size:14px;
	}
	#ysplayer_popup .ysplayer_popup_info{
		top:48%;
		max-height:190px;
		min-height:210px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h3{
		font-size:16px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h4{
		font-size:12px;
	}
}
@media (min-width: 1698px){
	#header .searchbar{
		margin: 25px 0 25px 14%;
	}
	#content .apps{
		width:1455px;
	}
	#menu .main_menu li a{
		padding: 14px 0 16px 21.5%;
	}
	#content .main_content .orders .order_wrapper .order_block .img{
		max-height:173px;
		max-width:272px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box{
		height:173px;
	}
	#content .usercenter .profile .profile_block{
		border-left: 1px solid #acbfc6;
		width: 665px;
	}
	#ysplayer_popup .ysplayer_popup_info{
		width:50%;
		height:29%;
		max-height:auto;
		min-height:223px;
		margin-left: -25%;
	}
	#player .bottom_info .buy span{
		width:70%;
		margin: 0 15%;
	}
}
@media (min-width: 1890px){
	#header .searchbar{
		margin: 25px 0 25px 20%;
	}
}
@media (min-width: 1921px){
	#menu .main_menu li a{
		padding: 14px 0 16px 27.5%;
	}
}

.headeruserstat .myclass{color:#000;}





/*����Pad*/
@media only screen and (max-width: 1200px) and (orientation:portrait){
	#header{
		height:68px;
	}
	#header .slogan,
	#menu .main_menu li a p,
	#menu .main_menu li a span,
	#download, #app,
	.log .log-title
	{
		display:none !important;
	}
	#header .headeruserstat .mobdown{
		display:none;
	}
	#menu{
		top:68px;
		width:75px;
		min-width:75px;
	}
	#menu .main_menu{
		width:75px;
	}
	#menu .main_menu li a{
		/*width:38px;*/
		width:100%;
		min-width:38px;
		padding:14px 20px 16px 20px;
	}
	#content .index_layer{
		margin-top:68px;
	}
	#content .main_content{
		*top:68px;
		margin-top:68px;
		margin-left:75px;
	}
	.link_wrapper{
		margin: 15px auto 22px auto;
	}
	.link_wrapper .ico-wrapper a{
		width:31.7%;
		margin:0.8%;
	}
	
	#player{
		width:100%;
		height:61.9%;
	}
	#player .top_info .back{
		width:20.3%;
	}
	#player .top_info .player_right > *{
		padding: 0 14px;
	}
	#player .yusi_player{
		height:68.2%;
	}
	#player .bottom_info{
		padding-bottom:3%;
		height:25%;
		padding-top:0;
	}
	#player .bottom_info >*{
		vertical-align: bottom;
	}
	#player .bottom_info .prev, #player .bottom_info .next, #player .bottom_info .quest, #player .bottom_info .phone, #player .bottom_info .pad, #player .bottom_info .buy{
		width: 20%;
	}
	#player .bottom_info a span{
		bottom: 22%;
	}
	#player .bottom_info .danmaku{
		overflow: hidden;
		height: 44px;
		position: absolute;
		bottom: 50%;
		top:inherit;
		left: 10%;
		width: 80%;
		display: block;
		z-index:555;
	}
	/*���ŵ���*/
	#ysplayer_popup .ysplayer_popup_info{
		width: 60%;
		height: 35%;
		top: 45%;
		min-height:150px;
		margin-left: -30%;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h3{
		font-size: 14px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .bcode img{
		height: 85%;
	}
	
	.course_info{
		width:100%;
		height:38.5%;
		top:61.5%;
	}
	.course_info .list_box .free{
		background-position: 5% 3px;
		background-size: 7%;
	}
	.course_info .list_box li a{
		margin-left: 19%;
	}
	.course_info .comment_box .comment .discuss .userico img{
		width:35px;
		height:35px;
	}
	.course_info .comment_box .comment .discuss .talk .name{
		line-height:35px;
	}
	.course_info .comment_box .comment .discuss .talk .name .small{
		font-size:12px;
	}
	.course_info .comment_box .comment .discuss .comment_content{
		line-height:16px;
	}
	
	.course_info .info_box .info{
		width:90%;
	}
	.course_info .info_box .info span{
		line-height:16px;
	}
	
	
	
	.log .log-box{
		width:100%;
		border:none;
		height:590px;
	}
	#login .log-box .login-box{
		width:100%;
		position:relative;
	}
	.log .log-box .top-desc{
		padding:36px 0;
	}
	.log .log-box .top-desc .jump{
		line-height: 110px;
	}
	.log .log-box form .r{
		width:309px;
	}
	.log .log-box form .cell{
		clear:both;
	}
	.log .log-box form .r .code{
		width:168px !important;
	}
	.log .log-box form .save{
		width:264px;
	}
	#login .log-box .option{
		width:264px;
	}
	#login .log-box form{
		float:inherit;
		margin:0 auto;
		width:500px;
	}
	#register .log-box form, .log-box .input_form, #findpass .log-box form, .log-box .input_form{
		width:500px;
	}
	#register .log-box form, #findpass .log-box form{
		margin-top:50px;
	}
	.log .log-box form .r input[type="text"], .log-box form .r input[type="password"]{
		width:245px;
	}
	#login .log-box .wx-login{
		float:inherit;
		position:relative;
		bottom:0;
		margin:0 auto;
	}
	#login .log-box .wx-login .wx-code{
		width:50% !important;
		margin:25px auto;
	}
	#login .seccuss_box .recommend{
		width:100%;
		top:120px;
	}
	#login .seccuss_box .recommend .rec_wrapper .rec_block{
		max-width:inherit;
		height:207px;
	}
}

/*����ipad*/
@media only screen and (max-width: 1024px) and (orientation:landscape){
	#header{
		height:68px;
	}
	#header .slogan,
	#content .banner,
	#menu .main_menu li a p,
	#menu .main_menu li a span,
	#download, #app
	{
		display:none;
	}
	#header .headeruserstat .mobdown{
		display:none;
	}
	#menu{
		top:68px;
		width:75px;
		min-width:75px;
	}
	#menu .main_menu{
		width:75px;
	}
	#menu .main_menu li a{
		/*width:38px;*/
		min-width:38px;
		padding:14px 20px 16px 20px;
	}
	#content .index_layer{
		margin-top:68px;
	}
	#content .main_content{
		*top:68px;
		margin-top:68px;
		margin-left:75px;
	}
	.link_wrapper{
		margin: 15px auto 22px auto;
	}
	.link_wrapper .ico-wrapper a{
		width:31.7%;
		margin:0.8%;
	}
	#player{
		width:68.75%;
	}
	#player .top_info .back{
		width:20.3%;
	}
	#player .top_info .player_right > *{
		padding: 0 14px;
	}
	#player .yusi_player{
		height:68.2%;
	}
	#player .bottom_info{
		padding-top:3%;
		height:25%;
	}
	#player .bottom_info >*{
		vertical-align: top;
	}
	#player .bottom_info .prev, #player .bottom_info .next, #player .bottom_info .quest, #player .bottom_info .phone, #player .bottom_info .pad, #player .bottom_info .buy{
		width: 20%;
	}
	#player .bottom_info a span{
		bottom: 110%;
	}
	#player .bottom_info .danmaku{
		overflow: hidden;
		height: 44px;
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
		display: block;
		z-index:555;
	}
	/*���ŵ���*/
	#ysplayer_popup .ysplayer_popup_info{
		width:60%;
		height:35%;
		top:45%;
		max-height:160px;
		min-height:160px;
		margin-left:-30%;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_pic{
		display:none;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words{
		width:58%;
		padding-left:5%;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h3{
		margin-top:0;
		font-size: 14px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h4{
		margin-bottom:0;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .bcode img{
		height: 85%;
	}
	
	.course_info{
		width:31.25%;
	}
	.course_info .list_box .free{
		background-position: 3% 3px;
		background-size: 12%;
	}
	.course_info .list_box li a{
		margin-left: 19%;
	}
	.course_info .comment_box .comment .discuss .userico img{
		width:35px;
		height:35px;
	}
	.course_info .comment_box .comment .discuss .talk .name{
		line-height:35px;
	}
	.course_info .comment_box .comment .discuss .talk .name .small{
		font-size:12px;
	}
	.course_info .comment_box .comment .discuss .comment_content{
		line-height:16px;
	}
	
	.course_info .info_box .info .teacher{
		display:none;
	}
	.course_info .info_box .info span{
		line-height:16px;
	}
	.link_wrapper{
		margin: 15px auto 22px auto;
	}
	.link_wrapper .ico-wrapper a{
		width:31.7%;
		margin:0.8%;
	}
	
	#content .main_content .orders .order_wrapper .order_block .img{
		max-height:105px;
		max-width:165px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box{
		height:105px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .title{
		font-size:14px;
		line-height:18px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box p{
		line-height: 16px;
		font-size: 11px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .pay{
		height:30px;
		line-height:30px;
	}
	
}
/*����ipad*/
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
	#header{
		height:68px;
	}
	#header .slogan,
	#content .banner{
		display:none;
	}
	#menu{
		top:68px;
		width:75px;
		min-width:75px;
	}
	#menu .main_menu{
		width:75px;
	}
	#menu .main_menu li a{
		/*width:38px;*/
		min-width:38px;
		padding:14px 20px 16px 20px;
	}
	#menu .main_menu li a p{
		display:none;
	}
	#menu .main_menu li a span{
		display:none;
	}
	#content .index_layer{
		margin-top:68px;
	}
	#content .main_content{
		*top:68px;
		margin-top:68px;
		margin-left:75px;
	}
	#download, #app{
		display:none;
	}
	
	.link_wrapper{
		margin: 15px auto 22px auto;
	}
	.link_wrapper .ico-wrapper a{
		width:31.7%;
		margin:0.8%;
	}

	#player{
		width:68.75%;
	}
	#player .top_info .back{
		width:20.3%;
	}
	#player .top_info .player_right > *{
		padding: 0 14px;
	}
	#player .yusi_player{
		height:68.2%;
	}
	#player .bottom_info{
		padding-top:3%;
		height:25%;
	}
	#player .bottom_info >*{
		vertical-align: top;
	}
	#player .bottom_info .prev, #player .bottom_info .next, #player .bottom_info .quest, #player .bottom_info .phone, #player .bottom_info .pad, #player .bottom_info .buy{
		width: 23%;
	}
	#player .bottom_info a span{
		bottom: 110%;
	}
	#player .bottom_info .buy span{
		width:90%;
		margin:0 5%;
	}
	#player .bottom_info .danmaku{
		overflow: hidden;
		height: 44px;
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
		display: block;
		z-index:555;
	}
	/*���ŵ���*/
	#ysplayer_popup .ysplayer_popup_info{
		width: 60%;
		height: 35%;
		top: 44%;
		min-height:175px;
		max-height:185px;
		margin-left: -30%;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h3{
		font-size: 14px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words .buy{
		margin: 2% 0;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .bcode img{
		height: 85%;
	}
	
	.course_info{
		width:31.25%;
	}
	.course_info .title_box span{
		font-size:12px;
	}
	.course_info .list_box .free{
		background-position: 3% 3px;
		background-size: 12%;
	}
	.course_info .list_box li a{
		margin-left: 19%;
	}
	.course_info .comment_box .comment .discuss .userico img{
		width:35px;
		height:35px;
	}
	.course_info .comment_box .comment .discuss .talk .name{
		line-height:35px;
	}
	.course_info .comment_box .comment .discuss .talk .name .small{
		font-size:12px;
	}
	.course_info .comment_box .comment .discuss .comment_content{
		line-height:16px;
	}
	
	.course_info .info_box .info{
		width:90%;
	}
	.course_info .info_box .info .teacher{
		display:none;
	}
	.course_info .info_box .info span{
		line-height:16px;
	}
	
	
	.foot{
		width:840px;
	}
	.foot .foot_box{
		width:59%;
	}
	.foot .status{
		width:40%;
	}
	.foot .bcode{
		width:49%;
	}
	.foot .contact{
		width:46%;
	}
	.foot .contact .tel p{
		font-size: 14px;
	}
	.foot .contact .tel span{
		font-size: 10px;
	}
	.log .log-title{
		display:none;
	}
	.log .log-box{
		width:100%;
		border:none;
		height:590px;
	}
	#login .log-box .login-box{
		width:88%;
		position:relative;
	}
	.log .log-box form .r{
		width:359px;
	}
	.log .log-box form .cell{
		clear:both;
	}
	.log .log-box form .r .code{
		width:168px !important;
	}
	.log .log-box form .save{
		width:264px;
	}
	#login .log-box .option{
		width:264px;
	}
	#login .log-box form{
		width:500px;
	}
	#register .log-box form, .log-box .input_form, #findpass .log-box form, .log-box .input_form{
		width:500px;
	}
	.log .log-box form .r input[type="text"], .log-box form .r input[type="password"]{
		width:245px;
	}
	#login .log-box .wx-login{
		width:auto;
	}
	#login .log-box .wx-login .wx-code{
		width:110px;
		margin:60px auto auto auto;
	}
	.log .log-title{
		display:none;
	}
	.log .log-box{
		width:100%;
		border:none;
		height:480px;
	}
	#login .seccuss_box .bee{
		top:40px;
	}
	#login .seccuss_box .rec_words{
		top:50px;
	}
	#login .seccuss_box .recommend{
		width:88%;
		top:40px;
	}
	#login .seccuss_box .recommend .rec_wrapper .rec_block{
		height:190px;
	}
}

@media screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation :portrait) {

}

@media only screen and (min-width : 768px) and (max-width :944px){
	#content .apps{
		width:580px;
	}
	#content .main_content .orders .order_wrapper li, #content .main_content .msg_wrapper li{
		width:562px;
		margin:9px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box{
		height:139px;
	}
	#content .main_content .orders .order_wrapper .order_block .img{
		max-height:139px;
	}
	
	#content .main_content .orders .order_wrapper .order_block .i_box .title{
		font-size:14px;
		line-height:30px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box p{
		line-height: 24px;
		font-size: 12px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .pay{
		height:37px;
		line-height:37px;
	}
	
	#content .usercenter .profile .profile_info{
		float:inherit;
		width:100%;
		padding:0;
	}
	#content .usercenter .profile .profile_block{
		float:inherit;
		width:100%;
		border-left:none;
	}
	#content .usercenter .profile .icon_block{
		display:none;
	}
	#content .usercenter .profile .password.mod{
		width:100%;
	}
	
	#footer{
	}
	.foot{
		width:100%;
	}
	.foot .foot_box{
		clear:both;
		float:inherit;
		width:80%;
		margin:0 auto;
	}
	.foot .contact .tel p{
		font-size:17px;
	}
	.foot .status{
		float:inherit;
		padding:20px 0 10px 0;
		border-top:1px solid #35393b;
		border-right:none;
		clear:both;
		width:80%;
		margin:0 auto;
	}
	.foot .cert{
		display:none !important;
	}
	#login .log-box .wx-login .wx-code{
		width:100%;
		margin: 10px auto auto auto;
	}
	#login .log-box .wx-login .wx-code img{
		width:80px;
		height:80px;
	}
}

@media only screen and (min-width : 945px) and (max-width :1024px){
	#content .apps{
		width:871px;
	}
	#content .main_content .orders .order_wrapper li, #content .main_content .msg_wrapper li{
		width:48.65%;
		margin:0.61%;
	}
	
	#content .main_content .orders .order_wrapper .order_block .img{
		max-height:105px;
		max-width:165px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box{
		height:105px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .title{
		font-size:14px;
		line-height:18px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box p{
		line-height: 16px;
		font-size: 11px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box .pay{
		height:30px;
		line-height:30px;
	}
	#content .usercenter .profile .profile_info{
		float:inherit;
		width:100%;
		padding:0;
	}
	#content .usercenter .profile .profile_block{
		float:inherit;
		width:100%;
		padding:0;
		border-left:none;
	}
	#content .usercenter .profile .icon_block{
		display:none;
	}
	#content .usercenter .profile .password.mod{
		width:100%;
	}
	
	#login .log-box .wx-login{
		width:35%;
	}
	#login .log-box .wx-login .wx-code{
		width:130px;
	}
	
	#footer{
	}
	.foot{
		width:100%;
	}
	.foot .foot_box{
		clear:both;
		float:inherit;
		width:80%;
		margin:0 auto;
	}
	.foot .contact .tel p{
		font-size:17px;
	}
	.foot .status{
		float:inherit;
		padding:20px 0 10px 0;
		border-top:1px solid #35393b;
		border-right:none;
		clear:both;
		width:80%;
		margin:0 auto;
	}
	.foot .cert{
		display:none !important;
	}
}

/*�ֻ�*/
@media only screen and (min-width : 768px) {
	.lessons_wrapper li .img {
		width: 272px;
		height: 173px;
	}
}
@media only screen and (max-width : 767px){
	#header .logo, #header .slogan,
	#header .headeruserstat .reg,
	#header .headeruserstat .myclass,
	#content .lessons .order,
	#content .banner,
	#player .top_info .course_title,
	.log .log-title,
	.log .log-box .top-desc i,
	#login .log-box form .r .get,
	#login .log-box .option,
	#login .log-box .wx-login,
	#login .seccuss_box .rec_words, .forpc
	{
		display:none !important;
	}
	
	input, texterea{
		font-size:100% !important;
	}
	
	#toggle_menu{
		height:35px;
		width:17%;
		min-width:95px;
		display:table-cell;
		vertical-align:middle;
	}
	#toggle_menu:hover{
	}
	#toggle_menu a{
		padding-left:20%;
		display:block;
		line-height:44px;
	}
	#home_desc{
		white-space:nowrap;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		font-size:18px;
		width:70%;
	}
	.home .searchbar{
		display:none !important;
	}

	
	#header{
		width:100%;
		padding:0;
	}
	#header .searchbar{
		padding-left:5%;
	}
	#header .searchbar form{
		width:90%;
		margin:0;
		height:35px;
	}
	#header .searchbar .input_erea{
		height:35px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	#header .searchbar #search_btn {
	display:none;
	}
	#header .searchbar input{
		height:33px;
	}
	#header .searchbar .search_btn{
		height:35px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	#header .headeruserstat{
		padding:0;
		height:auto;
	}
	#header .headeruserstat .userinfo{
		padding:0 5%;
		margin:0 5%;
		height:44px;
	}
	#header .headeruserstat .userinfo img{
		width:44px;
		height:44px;
		margin-right:8px;
	}
	#header .headeruserstat .info_tab{
		border-radius:0;
		top:0;
		right:0;
		width:92px;
	}
	#header .headeruserstat .info_tab .info-tab-btn .info-tab-btn-btn{
		font-size:14px;
		line-height:45px;
	}
	#content .main_content{
		margin-left:0;
	}
	#content .multi-lines{
		min-height:0;
	}
	#content .lessons .block_title{
		padding-top:11px;
	}
	#menu{
		width:0;
		min-width:0;
	}
	#player{
		height:61.9%;
		position:relative;
		top:0;
		width:100%;
		float:inherit;
	}
	#player .top_info{
		height:42px;
		min-height:42px;
	}
	#player .top_info .player_right a .hold{
		width:180%;
		margin:0 -45%;
	}
	#player .yusi_player{
		height:431.5px;
	}
	#player .bottom_info{
		display:none;
		height:70px;
		padding:0;
		border-collapse:collapse;
		min-height:70px;
	}
	#player .top_info .player_right .like, #player .top_info .player_right span{
		display:none;
	}
	#player .bottom_info .danmaku{
		vertical-align:middle;
		display:table-cell;
		height:39%;
		padding:0 5%;
		top:inherit;
		left:inherit;
		bottom:inherit;
		position:inherit;
	}
	#player .bottom_info .prev, #player .bottom_info .next, #player .bottom_info .quest, #player .bottom_info .phone, #player .bottom_info .pad, #player .bottom_info .buy{
		display:none;
	}
	#player .bottom_info .danmaku input{
		height:30px;
		width:72.5%;
		border-bottom-left-radius:4px;
		border-top-left-radius:4px;
	}
	#player .bottom_info .danmaku .send{
		width:22.5%;
		height:30px;
		line-height:30px;
		padding:0;
		border-bottom-right-radius:4px;
		border-top-right-radius:4px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_pic{
		display:none;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .bcode{
		display:none;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words{
		width:auto;
		float:inherit;
		text-align:center;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words .buy{
		float:inherit;
		margin: 3% auto;
	}
	
	.course_info{
		position:relative;
		height:auto;
		top:0;
		width:100%;
	}
	.course_info .info_box .info .teacher{
		display:block;
	}
	.course_info .list_box .free {
		background-position:5% 7px;
		background-size:8%;
	}
	.course_info .info_box .info{
		width:90%;
	}
	.course_info .content_box .grey_box{
		padding-bottom:0;
	}
	
	#content .main_content .orders .order_wrapper li, #content .main_content .msg_wrapper li{
		width:100%;
		margin:9px 0;
	}
	#content .main_content .orders .order_wrapper .order_block .img{
		width:100%;
		max-height:inherit;
		max-width:inherit;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box{
		width:95%;
		height:139px;
	}
	#content .main_content .orders .order_wrapper .order_block .i_box p{
		line-height: 24px;
		font-size: 14px;
	}
	#content .usercenter .point_wrapper{
		width:100%;
		max-width:450px;
	}
	#content .usercenter .point_wrapper form label.radio{
		display:table;
		width:93px;
		height:93px;
		float:inherit;
		margin:14px 0 6px 0;
		vertical-align:middle;
		line-height:16px;
		border-radius:50%;
	}
	#content .usercenter .point_wrapper form label.radio span{
		display:table-cell;
		vertical-align:middle;
	}
	#content .usercenter .point_wrapper form label.radio br{
		display:inherit;
	}
	#content .usercenter .point_wrapper form .count{
		border-radius:2px;
	}
	#content .usercenter .point_wrapper .home_pay{
		width:70%;
		border-radius:2px;
	}
	#content .usercenter .point_wrapper .radio_wrapper{
		-webkit-box-pack:justify;
		-moz-box-pack:justify;
		-ms-box-pack:justify;
		-webkit-box-orient:horizontal;
		-moz-box-orient:horizontal;
		-ms-box-orient:horizontal;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:box;
		margin:0;
	}
	#content .usercenter .point_wrapper form p, #content .usercenter .point_wrapper form .p{
		font-size:16px;
	}
	#content .usercenter .profile .profile_info{
		width:100%;
		padding:0;
	}
	#content .usercenter .profile .profile_block{
		border-left:0;
		width:100%;
	}
	#content .usercenter .profile .password .r{
		margin-bottom:0;
	}
	#content .usercenter .profile .password.mod{
		width:100%;
	}
	#content .usercenter .profile .password .r input[type="password"], #content .usercenter .profile .password .r input[type="text"]{
		width:auto;
	}
	#content .usercenter .profile .save{
		width:172px;
	}
	
	
	.foot{
		width:100%;
	}
	.foot .foot_box{
		float:inherit;
		width:100%;
	}
	.foot .contact{
		margin:0;
		width:100%;
	}
	.foot .contact .tel{
		width:100%;
		padding:15px 0;
		background:#01b6fb;
	}
	.foot .contact .tel div{
		width:280px;
		margin:0 auto;
	}
	.foot .contact .tel span{
		color:#fff;
	}
	.foot .bcode{
		margin:0;
		padding:10px 0;
		width:100%;
		float:inherit;
		background:#1c2021;
	}
	.foot .bcode .bc_block{
		float:inherit;
		margin:12px auto;
		height:auto;
		width:230px;
	}
	.foot .bcode .bc_block i{
		width:32px;
		height:35px;
		float:left;
		display:inline-block;
	}
	.foot .bcode .bc_block .wechat{
		background:url(../web_images/web2.0/bc_wechat_mobile.png) no-repeat center center;
	}
	.foot .bcode .bc_block .qq{
		background:url(../web_images/web2.0/bc_qq_mobile.png) no-repeat center center;
	}
	.foot .bcode .bc_block .formobile{
		display:inline-block;
		width:auto;
		float:left;
		font-size:16px;
		padding-left:10px;
		line-height:35px;
	}
	.foot .foot_box .webinfo, .foot .status .row span{
		display:none;
	}
	.foot .status{
		display:none !important;
		background:#0c0c0c;
		width:100%;
		height:145px;
		float:inherit;
		margin:0;
	}
	.foot .status .row{
		padding-top:14px;
		height:90px;
	}
	.foot .status .row a{
		font-size:16px;
		padding-left:32%;
	}
	.foot .status .webinfo{
		display:block;
		font-size:12px;
		clear:both;
		color:#fff;
		margin:0 auto;
		height:30px;
		width:80%;
		min-width:300px;
		white-space:nowrap;
	}
	.foot .status .webinfo a{
		color:#fff;
		font-size:12px;
		float:right;
	}
	.foot .cert{
		display:none !important;
	}
	.log{
		overflow:visible;
	}
	.log .log-box{
		border:none;
		width:100%;
		height:auto;
		overflow:visible;
	}
	.log .log-box .top-desc{
		padding:36px 0;
	}
	.log .log-box .top-desc .jump{
		padding-right:2%;
		line-height:110px;
	}
	.log .log-box form label{
		width:35%;
		margin-right:0;
	}
	.log .log-box form .r{
		position:relative;
		width:65%;
	}
	#register .log-box form .r, #findpass .log-box form .r{
		height:60px;
	}
	.log .log-box form .r input[type="text"], .log-box form .r input[type="password"]{
		width:90%;
		padding:0 5%;
		border-radius:0;
	}
	.log .log-box form .r .code{
		width:90% !important;
	}
	.log .log-box form .save{
		font-size:14px;
		margin-left:0;
		width:100%;
	}
	.log .log-box .input_form{
		width:100%;
	}
	.log .log-box form .r .getcode{
		position:absolute;
		right:0;
		border-radius:0;
	}
	#logerror{
		margin: 20px 0;
	}
	#login .log-box .login-box{
		width:100%;
	}
	#login .log-box form{
		width:90%;
		margin:0 auto;
		float:inherit;
	}
	#login .log-box form .r .getcode{
		width:auto;
		position:absolute;
		right:0;
		float:right;
		background: #f2f2f2;
	}
	#register .log-box form, #findpass .log-box form{
		width:90%;
		min-width:250px;
		max-width:450px;
		margin:0 auto;
	}
	#login .seccuss_box{
		overflow:visible;
		background:#fff;
		z-index:222;
		height:auto;
	}
	#login .seccuss_box .countdown{
		font-size: 16px;
	}
	#login .seccuss_box .recommend{
		top:60px;
		width:100%;
		background:#fff;
		height:auto;
	}
	#login .seccuss_box .recommend .rec_wrapper .rec_block{
		max-width:inherit;
		height:auto;
	}
	
	.client_download{
		height:62px;
	}
	.client_download .client{
		width:380px;
	}
	.client_download .client span{
		line-height: 25px;
	}
	.client_download .client span br{
		display:inherit;
	}
	.client_download .client .btn{
		width:167px;
	}
	.client_download .client a{
		min-width:125px;
	}
	
	
	#formobile{
		display: block;
	}
}
@media only screen and (max-width : 767px) and (orientation :portrait){
	#content .flex-direction-nav a{
		margin: -40px 0 0;
	}
	#content .flex-control-nav{
		transform:scale(0.5);
		-webkit-transform:scale(0.5);
		-o-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-ms-transform:scale(0.5);
		margin:0;
	}
	#content .apps{
		width:92%;
	}
	#content .apps .apps{
		width:100%;
	}
	.lessons_wrapper li, .app_wrapper li{
		margin:9px 0;
		width:100%;
	}
	.lessons_wrapper .lessons_block, .lessons_wrapper .trailer_block{
		width:100%;
	}
	.lessons_wrapper li .img{
		width:100%;
		height:auto;
	}
	.lessons_wrapper li .img .hoverplay{
		padding:31% 0;
	}
}
@media only screen and (max-width : 767px) and (min-width : 655px) and (min-height : 414px) and (orientation: landscape){
	#toggle_menu{
		display:none !important;
	}
	#menu{
		width:75px;
		min-width:75px;
	}
	#content .main_content{
		margin-left:75px;
	}
}
@media only screen and (max-width : 767px) and (min-width : 580px) and (orientation: landscape){
	#content .apps{
		width:580px;
	}
	#player .top_info .back{
		display:table-cell !important;
	}
	#player .bottom_info{
		min-height:90px;
	}
	#player .bottom_info .danmaku input{
		height:44px;
	}
	#player .bottom_info .danmaku .send{
		height:44px;
		line-height:44px;
	}
}
@media only screen and (max-width : 579px) and (orientation: landscape){
	#content .apps{
		width:92%;
	}
	#content .apps .apps{
		width:100%;
	}
	.lessons_wrapper li, .app_wrapper li{
		margin:9px 0;
		width:100%;
	}
	.lessons_wrapper .lessons_block, .lessons_wrapper .trailer_block{
		width:100%;
	}
	.lessons_wrapper li .img{
		width:100%;
		height:auto;
	}
	.lessons_wrapper li .img .hoverplay{
		height:100%;
		padding:32% 0;
	}
}
@media only screen and (max-width : 640px){
	#player .yusi_player{
		height:360px;
	}
	.foot .status .row a{
		padding-left:30%;
	}
	#content .usercenter .point_wrapper form label.radio{
		font-size:10px;
	}
}
@media only screen and (max-width : 600px){
	.foot .status .row a{
		padding-left:26%;
	}
	#content .usercenter .profile .password .r label{
		clear: both;
		float: left;
		content: ' ';
		white-space:nowrap;
	}
	#login .seccuss_box .recommend .rec_wrapper{
		display:block;
	}
	#login .seccuss_box .recommend .rec_wrapper .rec_block{
		width:48%;
	}
	#ysplayer_popup .ysplayer_popup_info{
		min-height:130px;
	}
}
@media only screen and (max-width : 480px){
	#player .yusi_player{
		height:270px;
	}
	.foot .status .row a{
		padding-left:24%;
	}
}
@media only screen and (max-width : 460px){
	.foot .status .row a{
		padding-left:20%;
	}
	.course_info .list_box .free{
		background-position: 3% 11px;
		background-size:inherit;
	}
	
	#content .main_content .home_title{
		white-space:nowrap;
	}
	#content .main_content .home_title .home_sub_title, #content .main_content .home_title .home_tab{
		padding:0 4% 0 1%;
		font-size:14px;
	}
	#content .main_content .home_title .on, #content .main_content .home_title .on_tab{
		padding:0 4% 0 1% !important;
		font-size:22px !important;
	}
	#content .usercenter .profile .profile_block .r input[type="text"]{
		width:90%;
		padding:0 5%;
		max-width:169px;
	}
}
@media only screen and (max-width : 414px){
	.client_download .client{
		width:90%;
		margin:inherit;
	}
	.client_download .client span br{
		display:inherit;
	}
	.client_download .client .btn{
		width:40%;
	}
	#player .yusi_player{
		height:233px;
	}
	#ysplayer_popup .ysplayer_popup_info{
		min-height:110px;
	}
}
@media only screen and (max-width : 375px){
	#player .yusi_player{
		height:211px;
	}
	.foot .status .row a{
		padding-left:14%;
	}
	#content .usercenter .point_wrapper form label.radio{
		height:85px;
		width:85px;
	}
	#content .usercenter .point_wrapper form p, #content .usercenter .point_wrapper form .p{
		font-size:12px;
	}
}
@media only screen and (max-width : 340px){
	.foot .status .row a{
		padding-left:8%;
	}
	.course_info .comment_box .comment .discuss .userico{
		margin-left:-17%;
	}
	#other_yuan .fee{
		display:none !important;
	}
	#ysplayer_popup .ysplayer_popup_info{
		min-height:100px;
	}
}
@media only screen and (max-width : 320px){
	.client_download .client{
		width:90%;
		margin:inherit;
	}
	.client_download .client span i{
		margin-right:6px;
	}
	.client_download .client span br{
		display:inherit;
	}
	.client_download .client span{
		font-size:13px;
	}
	.client_download .client .btn{
		width:43%;
	}
	#player .yusi_player{
		height:233px;
	}
	#player .yusi_player{
		height:180px;
	}
	.foot .status .row a{
		padding-left:5%;
	}
	#content .usercenter .point_wrapper form label.radio{
		height:70px;
		width:70px;
	}
	#content .usercenter .profile .password .r input[type="password"], #content .usercenter .profile .password .r input[type="text"]{
		width:80%;
	}
	#content .usercenter .profile .save{
		width:92%;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h3{
		font-size:12px;
	}
	#ysplayer_popup .ysplayer_popup_info .ysplayer_popup_erea .popup_words h4{
		font-size:10px;
	}
}
@media only screen and (max-width : 260px){
	#content .main_content .msg_wrapper .msg_block .msg_time{
		display:none !important;
	}
}
/*2016-03-31 后林衡同学增加*/
/* CSS Document */
*{box-sizing:border-box;}
.main{padding:25px 100px;}
.banner_vip{width:100%;height:250px;background:url(../web_images/web2000/my_vip_banner.jpg) no-repeat;position:relative;background-size:100% 100%;overflow:hidden;}
.banner_left{position:absolute;left:2%;top:25px;color:#fff;opacity:0;}
.banner_left h5{font-size:30px;margin-bottom:15px;}
.banner_left p{font-size:18px;line-height:30px;color:#fff;}
.banner_left a{display:block;width:205px;height:45px;background-color:#fff071;border:none;box-shadow:none;outline:none;font-size:18px;color:#c53a0a!important;margin-top:15px;text-align:center;line-height:45px;}
.banner_left a span{width:26px;height:25px;display:inline-block;border-radius:50%;background: url(../web_images/web2000/my_vip_go.png) no-repeat;vertical-align:middle;margin-left:10px;margin-top:-5px;}
.banner_middle{position:absolute;top:0px;left:50%;margin-left:-138px;height:250px;opacity:0;width:276px;}
.banner_middle img{width:276px;margin-top:9%;}
.banner_right{position:absolute;right:-200px;top:50%;margin-top:-98px;overflow:visible;}
.vip{position:absolute;right:110px;top:0;opacity:0;}
.banner_left b{font-weight:normal;color:#fff071;}
.title2{display:block;overflow:hidden;font-size:30px;margin-top:30px;font-weight:normal;line-height:50px;color:#8190a1;text-align:left;}
.title2 a{float:right;color:#8190a1;font-size:18px;}
.sub_title2{font-size:18px;background-color:#18c572;color:#fff;border-left:10px solid #ffc925;padding-left:20px;line-height:55px;}
.sub_title2 u{color:#fff071;text-decoration:none;}
.teacher h6{font-size:18px;color:#16222d;line-height:26px;}
#content .main_content .orders .order_wrapper .teacher   p{font-size:14px;color:#8190a1;}
#content .main_content .orders .order_wrapper .teacher p.mt50 b{position: absolute;bottom: 0;  font-weight:normal;left: 10px; font-size:14px;color:#8190a1;  }
#content .main_content .orders .order_wrapper .teacher   p  em{float:right;font-size:18px;color:#54b551; position: absolute;
    bottom: 0;
    right: 10px;}
#content .main_content .orders .order_wrapper .teacher  li{width:19%;float:left;margin:0;height:auto!important;margin-right:1.25%;margin-bottom:20px;overflow:visible;margin-bottom:20px!important;}
#content .main_content .orders .order_wrapper .teacher  li a{display:block;}
#content .main_content .orders .order_wrapper .teacher  {margin-top:15px;}
#content .main_content .orders .order_wrapper .teacher   li:nth-child(5n){margin-right:0;}
#content .main_content .orders .order_wrapper .teacher   li img{max-width:100%;}
.mt50{margin-top:50px;}
#content .main_content .orders .order_wrapper .teacher li .bottom{padding:0 10px;height:150px;position:relative;}
.title2 span{font-size:18px;cursor:pointer;}
.title2 span.cur{font-size:30px;}
.title2 span:not(:first-child){margin-left:8%;}
.mt40{margin-top:40px;}
#content .main_content .orders .order_wrapper .product{overflow:hidden;}
#content .main_content .orders .order_wrapper .product li{width:49.5%;float:left;position:relative;margin:0!important;}
#content .main_content .orders .order_wrapper .product li:nth-child(odd){margin-right:1%!important;}
#content .main_content .orders .order_wrapper .product li em{font-size:14px;padding:0 2%;text-align:left;line-height:36px;}
#content .main_content .orders .order_wrapper .product li em i{font-style:normal;float:right;}
#content .main_content .orders .order_wrapper .product li img{float:left;width:40%;}
.content{overflow:hidden;border-top:1px solid #e4e4e4;background-color:#f4f4f4;}
.product li .text{float:left;padding:15px;width:60%;}
.text span{display:block;font-size:18px;color:#000;,margin-bottom:5px;}
.text p{font-size:14px;line-height:24px;color:#8190a1;}
.text .price span{font-size:14px;color:#54b551;float:left;}
.price span del{color:#8190a1;}
.price span b{font-size:18px;}
.text .price{margin-top:30px;}
.btn{width:100px;height:35px;border-radius:6px;background-color:#ff8416;font-size:14px;position:absolute;bottom:10px;right:10px;}
.btn:hover{color:#fff;}
.bg_4bad48{background-color:#4bad48;}
.type ul.cur{display:block;}
.type ul{display:none;}

/*showvipinfo*/
/*============================vip_member.html=====================================*/
.banner2{height:438px;background:url(../web_images/web2000/vip_member_banner.jpg) center center no-repeat;margin-top:92px;}
.pl0{padding-left:0;}
.container{width:1134px;padding:0;}
.word{padding-left:5%;color:#fff;margin-top:55px;float:left;}
.word h5{font-size:72px;line-height:100px;color:#fff;}
.word h5 b{font-size:80px;font-weight:normal;}
.word p{font-size:40px;line-height:80px;color:#fff;}
.word span{display:block;font-size:18px;line-height:36px;}
.open{display:block;padding-left:110px;width:295px;height:65px;border-radius:33px;font-size:30px;background:#7f3fde url(../web_images/web2000/vip_member_crown.png) 18% center no-repeat;font-size:30px;line-height:65px;margin-top:50px;}
.banner2 .girl{float:right;margin-right:10%;margin-top:3%;opacity:0;}
.foot_message{margin-top:50px;color:#8190a1;font-size:14px;overflow:visible;}
.foot_message u{display:block;text-decoration:none;padding-left:20px;background:url(../web_images/web2000/vip_member_icon_vedio.png) 0 center no-repeat;position:absolute;bottom:15px;left:15px;}
.foot_message span{float:right;font-size:18px;color:#54b551;margin-top:-47px;position:absolute;bottom:10px;right:0;}
.foot_message b{display:block;font-weight:normal;width:103px;height:40px;background:url(../web_images/web2000/vip_member_icon_price.png) no-repeat;padding-top:20px;padding-left:35px;text-align:center;font-size:18px;color:#ffd925;line-height:14px;}
.foot_message i{padding-left:20px;display:block;font-style:normal;margin-top:5px;text-align:center;margin-right:15px;}
.teacher.style li{width:24%;margin-right:1.333%;padding-top:10px;overflow:hidden;float:left;margin-top:10px;height:auto!important;background-color:#f4f4f4;}
.teacher.style li img{width:100%;height:auto;}
.teacher.style li a{display:block;transition:all 0.3s;}
.teacher.style li:hover a{margin-top:-10px;margin-bottom:10px;}
.teacher.style li:nth-child(4n){margin-right:0;}
.teacher.style2.style li:nth-child(3n){margin-right:0;}
.teacher.style2.style li:nth-child(4n){margin-right:1%;}
.teacher.style{margin-top:15px;overflow:hidden;margin-bottom:30px;}
.h3{font-size:24px;color:#000;margin-top:35px;margin-bottom:0;}
.banner3{height:360px;width:100%;background:url(../web_images/web2000/vip_member_banner2.jpg) center center no-repeat;padding:0 15%;margin-top:30px;}
.crown{float:right;transform:rotate(-20deg);width:270px;margin-top:9%;margin-right:-9%;}
.crown img{width:100%;}
.text2{float:left;text-align:center;margin-top:4%;}
.text2 em{display:block;
color: #fff071;
font-size: 80px; 
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff071), to(#ffc925));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: gradient(linear, 0 0, 0 bottom, from(#fff071), to(#ffc925));
background-clip: text;
text-fill-color: transparent;
background-image: -ms-gradient(linear, 0 0, 0 bottom, from(#fff071), to(#ffc925));
-ms-background-clip: text;
-ms-text-fill-color: transparent;
background-image: -mozilla-gradient(linear, 0 0, 0 bottom, from(#fff071), to(#ffc925));
-mozilla-background-clip: text;
-mozilla-text-fill-color: transparent;
}
.text2 p{
color: #ff9092;
font-size: 38px; 
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9092), to(#e02c45));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: gradient(linear, 0 0, 0 bottom, from(#ff9092), to(#e02c45));
background-clip: text;
text-fill-color: transparent;
background-image: -ms-gradient(linear, 0 0, 0 bottom, from(#ff9092), to(#e02c45));
-ms-background-clip: text;
-ms-text-fill-color: transparent;
background-image: -mozilla-gradient(linear, 0 0, 0 bottom, from(#ff9092), to(#e02c45));
-mozilla-background-clip: text;
-mozilla-text-fill-color: transparent;
	}
.text2 span{font-size:24px;display:block;color:#fff;}
.open.style,.open.style2{background-image:none;width:80%;margin:0 10%;padding:0;height:50px;line-height:50px;margin-top:10px;font-size:24px;}
.agreement{color:#fff;font-size:12px;margin-top:15px;}
.agreement a{text-decoration:underline;color:#c7a2ff;padding-left:5px;}
.open{transition:all 0.3s;}
.open:hover{background-color:#f2471a;}
.pay{overflow:hidden;margin-top:40px;}
.pay li{width:30%;float:left;border:1px solid #fff;
	margin-bottom: 20px;padding:35px 0;text-align:center;border-radius:8px;border-top:5px solid #efdb2f;transition:all 0s;background-color:#FFF;}
.pay ul li:nth-child(3n-1){margin:0 5%;}
.pay li em{font-size:24px;display:block;}
.pay li p{font-size:20px;color:#646464;margin:20px 0;}
.pay li p b{font-weight:normal;font-size:66px;}
.open.style2{border:1px solid #efdb2f;width:170px;height:45px;line-height:43px;margin:auto;color:#f2471a;border:1px solid #f2471a;background-color:#FFF;transition:all .3s;}
.pay .agreement,.pay .agreement a{color:#262626;transition:all .3s;}
.pay li .open.style2:hover{background-color:#f2471a;color:#fff;border:1px solid #fff;}
.pay li .agreement:hover  a{color:#42c2fc;}
.pay li:hover {border:1px solid #efdb2f;border-top:5px solid #efdb2f;}
.pay li:nth-child(3n-1) {border:none;border-top:5px solid #36e463;}
.pay li:nth-child(3n-1):hover{border:1px solid #36e463;border-top:5px solid #36e463;}
.pay li:nth-child(3n){border-top:5px solid #66cdfd;}
.pay li:nth-child(3n):hover{border:1px solid #66cdfd;border-top:5px solid #66cdfd;}


/*==========successful_tip.html===============*/
.alert{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);}
.pop_up{position:absolute;width:635px;height:380px;left:50%;top:50%;margin-top:-190px;margin-left:-318px;background-color:#FFF;border-radius:10px;position:relative;}
.pop_up .congratulation{height:295px;background:url(../web_images/web2000/successful_tip_alert.png) center center no-repeat;background-size:contain;}
.word.style2 h5{font-size:46px;line-height:56px;}
.word.style2 p{font-size:26px;line-height:46px;}
.word.style2 span{font-size:18px;line-height:60px;color:#e31919;}
.word.style2{width:auto;}
.person{position:absolute;top:2%;right:1%;}
.open.style3{margin:auto;margin-top:20px;width:185px;height:40px;font-size:20px;line-height:40px;padding-left:0;background-image:none;text-align:center;}


/*==================project.html========================*/
.bg_project{height:438px;background-image:url(../web_images/web2000/project_banner.jpg);overflow:hidden;}
.bg_project .container{height:100%;position:relative;}
.word.style3{background:url(../web_images/web2000/project_icon.png) 5px center no-repeat;padding-left:90px;opacity:0;}
.word.style3 p{font-size:58px;}
.word.style3 span,.word.style3 u{font-size:22px;color:#fff;}
.word.style3 u{margin-left:30px;text-decoration:none;}
.person_bg{overflow:visible;width:403px;height:315px;background:url(../web_images/web2000/project_icon_bg.png) center center no-repeat;background-size:cover;position:absolute;right:12%;top:123px;opacity:0;}
.person2{position:absolute;top:30px;left:50%;margin-left:-108px;opacity:0;}
.tip{right: -2000px;top: -22px;position:absolute;opacity:0;}
.controduce h6{font-size:32px;color:#fff048;text-align:right;}
.controduce p{font-size:18px;color:#fff;text-align:right;margin-bottom:10px;}
.controduce span{font-size:12px;display:block;color:#fff;padding-left:22px;background:url(../web_images/web2000/star.png) 5px center no-repeat;}
.controduce {position:absolute;left:-2000px;bottom:50px;opacity:0;}
.teacher.style2 .foot_message span{   position: absolute;
    right: 15px;
    bottom: 12px;}
.content_left{width:75%;float:left;}
.content_right{width:25%;float:right;padding-left:10%;box-sizing:border-box;padding-left:1.4%;overflow:hidden;}
.content_left .teacher li{width:32.333%;margin-right:1%;height:auto!important;}
.content_left .teacher.style li:hover a{margin-top:-10px;margin-bottom:10px;}
.content_left .teacher .bottom,.teacher .bottom{height:170px;position:relative;padding:15px;background-color:#FFF;}
.musical{margin-top:34px;}
.musical li{margin-top:5px;width:100%;overflow:hidden;width:267px;}
.musical li img{transition:all .3s;overflow:hidden;}
.musical li a{display:block;overflow:hidden;}
.musical li:hover img{transform:scale(1.1);}
.news li a{font-size:14px;color:#505050;transition:all .3s;}
.news li{margin-top:15px;}
.news{margin:0 5%;margin-top:46px;}
.news li:hover a{color:#01b7fb;}
/*==================project2.html========================*/
.bg_project2{height:438px;background-image:url(../web_images/web2000/project2.jpg);overflow:hidden;}
.banner2 .container{position:relative;height:100%;overflow:visible;}
.word.lf_side{position:absolute;top:50px;left:0;background-image:url(../web_images/web2000/kaoji_icon_02.png);left:-100%;}
.word.rt_side{position:absolute;top:50px;right:0;background:none;padding-left:0;right:-100%;}
.person_bg.style2{background-image:none;right:52%;margin-right:-200px;overflow:visible;}
.person_bg.style2 .person2{top:auto!important;bottom:-800px;}
.person_bg.style2 .tip2 p{font-size:32px;color:#78edfb;text-align:center;}
.person_bg.style2 .tip2 span{display:block;font-size:16px;color:#fff;text-align:left;padding-left:20px;position:relative;}
.person_bg.style2 .tip2 span:before{width:10px;height:10px;border:2px solid #fff;content:'';display:block;border-radius:50%;position:absolute;top:50%;margin-top:-5px;left:0;}
.person_bg.style2 .tip2{top:auto!important;bottom:26%;opacity:0;position:absolute;right:-2000px;}
.star .t1{width:53px;height:57px;background:url(../web_images/web2000/t1.gif) no-repeat;position:absolute;}
 .star .t2{width:45px;height:45px;background:url(../web_images/web2000/t2.gif) no-repeat center center;position:absolute;}
 .star .t3{width:45px;height:45px;background:url(../web_images/web2000/t3.gif) no-repeat center center;position:absolute;}
.bg_project2 .star .t2{position:absolute;left:5%;top:23%;}
.bg_project2 .star .t3{position:absolute;top:80%;left:38%;}
.star{display:none;}
.star .t3:nth-child(3){position:absolute;top:55%;left:80%;}
.banner2{position:relative;}
/*==================project3.html========================*/
.person_bg.style3{overflow:visible;background-image:url(../web_images/web2000/project3_person.png);width:560px;height:404px;top:34px;right:2%;}
.bg_project3{height:438px;background-image:url(../web_images/web2000/project3.jpg);overflow:hidden;}
.word.icon{background-image:url(../web_images/web2000/kaoji_icon_03.png);padding-left:115px;}
.person_bg.style3 .tip p{position:absolute;top:14px;left:36px;font-size:22px;color:#fff;text-align:center;}
.person_bg.style3 .tip{opacity:0;right:-1000px;top:57px;}
.word.icon{position:absolute;left:0;top:84px;left:-200%;}
.person_bg.style3 h6{text-align:center;}
.person_bg.style3 .controduce span{font-size:18px;color:#fff;background-image:none;padding-left:0;padding-top:5px;}
.person_bg.style3 h6 u{font-size:18px;text-decoration:none;padding-left:15px;color:#fff;}
.person_bg.style3 .controduce{left:-325px;bottom:80px;}
.person_bg.style3 .controduce{opacity:0;left:-2000px;}
.person_bg.style3{opacity:1;}
.bg_project3  .star .t1:nth-child(1){top:18%;left:14%;}
.bg_project3  .star .t1:nth-child(2){top:78%;left:44%;}
.bg_project3  .star .t1:nth-child(3){top:10%;right:10%;}
.bg_project3  .star .t1:nth-child(4){top:66%;right:13%;}
.bg_project3  .star .t3:nth-child(5){top:26%;left:10%;}
.bg_project3  .star .t2:nth-child(6){top:60%;left:1%;}
.bg_project3  .star .t2:nth-child(7){top:10%;left:44%;}
.bg_project3  .star .t3:nth-child(8){top:64%;right:20%;}
.bridge{width:386px;height:125px;background:url(../web_images/web2000/project3_bridge.png) no-repeat;position:absolute;left:-15%;bottom:-100%;}
/*#vpopup >h2{width:100%!important;}
#vpopup{top: 20%!important;
    left: 50%!important;
    opacity: 1!important;
    width: 700px!important;
    margin-left: -350px!important;
	position:fixed!important;}*/

/*=============animation===============*/

/*=========考级===========*/

 /*.container{width:1438px;padding:0;margin-top:20px;}*/
   .kaoji li{float:left;margin-right:19px;}
   .kaoji li:last-child{margin-right:0;}
   .kaoji li a{width:345px;height:217px;background:url(../web_images/web2000/kaoji_01.jpg) center center no-repeat;display:block;position:relative;-webkit-perspective:500px;transform-style: flat;transition:all .5s;}
   .kaoji li:nth-child(2) a{background-image:url(../web_images/web2000/kaoji_02.jpg);}
   .kaoji li:nth-child(3) a{background-image:url(../web_images/web2000/kaoji_03.jpg);}
   .kaoji li:nth-child(4) a{background-image:url(../web_images/web2000/kaoji_04.jpg);}
    .kaoji li a img{position:absolute;left:50%;top:50%;transition:all .5s;}
   .kaoji li:nth-child(1) a img{margin-left:-28px;margin-top:-67px;}
   .kaoji li:nth-child(2) a img{margin-left:-28px;margin-top:-67px;}
   .kaoji li:nth-child(3) a img{margin-left:-47px;margin-top:-67px;}
   .kaoji li:nth-child(4) a img{margin-left:-47px;margin-top:-67px;}
   .kaoji li:hover a img{transform:rotateY(360deg);}
   .content_box{min-width:100%!important;}
   
   
   
/*2016.5.18 chongchong*/
.head{min-height:80px;padding-top:25px;margin-bottom:15px;}
.head .container{line-height:35px;}
.head .logo a:last-child{font-size:24px;color:#7b7b7b;border-left:1px solid #c2c2c2;padding-left:10px;margin-left:10px;}
.head .logo {float:left;display:block!important;}
.head .login {float:right;}
.head .login a{font-size:18px;color:#000;padding:1px;}
.head .login a:last-child{position:relative;}
.head .login a:last-child:before{content:'|';margin-right:5px;}
.banners{width:100%;height:372px;background:url(../web_images/web2000/chongchong.jpg) no-repeat center center;margin-top:91px;}
.title0{margin-top:25px;width:100%;min-height:66px;background:url(../web_images/web2000/title0_bg.jpg) no-repeat;background-size:cover;line-height:66px;font-size:26px;padding-left:10px;color:#FFF;}
.title0 span{padding-left:18px;font-size:18px;}
.sub_title0{font-size:20px;color:#353535;border-left:3px solid #efb442;padding-left:15px;margin-bottom:35px;margin-top:35px;}
.sub_title0 a{float:right;font-size:12px;color:#676767;margin-top:6px;}
.sub_title0 a b{font-weight:normal;display:inline-block;padding:0px 3px;background-color:#eaaa3a;color:#FFF;margin-left:5px;}
.level1 .sub_title0 a b{background-color:#21cb71;}
.level1 .sub_title0{border-left:3px solid #21cb71;}
.level1 .title0{background-image:url(../web_images/web2000/title2.jpg) ;margin-top:40px;}
.level1:after,.level0:after{content:'';clear:both;display:block;width:100%;}
.other{border-top:1px solid #d3d3d3;margin:40px 0;}
.other p{color:#353535;font-size:18px;line-height:60px;font-weight:700;}
.other li a{font-size:14px;color:#4493f5;display:block;text-align:center;}
.other li{float:left;width:23.333%;}
.other li:first-child a{text-align:left;}
.other li:last-child a{text-align:right;}
.other li:first-child,.other li:last-child{width:15%;}
.icon_title1,.icon_title2{font-size:18px;padding-left:25px;background:url(../web_images/web2000/icon_star.png) left center no-repeat;color:#49c7ed;line-height:40px;}
.icon_erweima{padding:10px;border:1px solid #e4e4e4;overflow:hidden;max-width:277px;}
.icon_title2{background-image:url(../web_images/web2000/icon_n.png);}
.icon_erweima p{float:left;font-size:14px;color:#505050;text-align:center;line-height:25px;margin-top:35px;padding-left:12px;}
.icon_erweima img{float:left;}
.news0 li a{display:block;font-size:14px;color:#505050;line-height:40px;}
.mt15{margin-top:15px;}

/*2016.5.25*/

#orders li .content{height:auto!important;min-height:200px;}
/*2016.5.25 止*/


#shmusic{height:440px!important;}
@media (max-width:767px){
.other li a{text-align:center!important;padding:2px 0;}
.other li{width:50%!important;}
}
@media (max-width:370px){
.title0{line-height:30px;padding-top:5px;padding-bottom:5px;}
.title0 span{display:block;}
}
/*2016.5.18结束*/
   
   @media(max-width:1698px){
	 /*.container{width:100%;}*/
	 .kaoji li{width:50%;margin-bottom:20px;margin-right:0;text-align:center;}
     .kaoji li a{margin:auto;display:inline-block;}
	 .kaoji li:nth-child(odd){text-align:right;padding-right:10px;}
	 .kaoji li:nth-child(even){text-align:left;padding-left:10px;}
	   
	   }
   @media(max-width:944px){
     .kaoji li a{width:90%;margin:0 5%;background-size:100% 217px;}
	 
	 .kaoji li:nth-child(odd){text-align:center;padding-right:0;}
	 .kaoji li:nth-child(even){text-align:center;padding-left:0;}

   }
      @media(max-width:420px){
		  
		  
	  .kaoji li{width:100%;}
	  .kaoji li a{width:98%;margin:0 1%;}
	  }


/*=======窗口查询=======*/

@media (min-width:1501px){
.main{
	padding:25px 100px;
	}
	}
@media (max-width:1500px){
.main{
	padding:25px 10px;
	}
}
@media (max-width: 1440px){
	#content .main_content .orders .order_wrapper .teacher li{width:48%;margin:0 1%;}
	#content .main_content .orders .order_wrapper .product li{width:100%;}
	#content .main_content .orders .order_wrapper .product li:nth-child(odd){margin-right:0!important;}
	.product li .text{float:none;width:60%;}
	#content .main_content .orders .order_wrapper li, #content .main_content .msg_wrapper li{width:100%;margin:0;}

}
@media (max-width:1300px){
.search{width:30%;margin-left:5%;}
.main_content.search{width:100%;margin-left:0;} 
.product li img{float:none;width:100%;}
	}
@media (max-width:1150px){
.member{display:none;}
}
@media (max-width:1134px){
.container{width:100%;}
.word{width:70%;}
.banner2 .girl{width:30%;margin-right:0;padding-left:5%;}
.banner2 .girl img{width:100%;}
.word.style3{position:absolute;left:0;top:0;width:100%;z-index:1;}
.word.lf_side,.word.rt_side{position:static;margin-left:15px;}
.person_bg.style2{right:35%;}
.person_bg{top:225px;}
.controduce{bottom:144px;}
.tip{bottom:-22px;right:-70px!important;}
.content_left{width:100%;}
.content_right{width:100%;padding-left:0;}
.teacher.style2 li{margin-right:2%!important;width:49%!important;}
.teacher.style2 li:nth-child(even){margin-right:0!important;}
.teacher.style2 li:last-child{margin-right:0;}
.teacher.style2 li img{width:100%;}
.musical li{float:left;width:33.333%;text-align:center;}
.musical {overflow:hidden;margin-bottom:30px;}
.musical li a{width:266px;margin:auto;}
.person_bg.style2 .tip2{bottom:86%;right:-103px!important;}
.word.icon{top:84px;}
.musical{margin-top:35px;}
}

@media (max-width:1024px){
.banner2,.banners{margin-top:69px;}
}
@media (max-width:1100px){
.banner_middle{display:none;}
}
@media (max-width:900px){
.nav li em{display:none;}
.nav li span{margin-left:-20px;}
.musical li a{width:90%;margin:0 5%;}
.person_bg.style3 .controduce{left:-100px!important;}
}

@media (max-width:850px){
.member{display:none;}
.phone_download{display:none;}
.user{width:auto;}
.crown{width:30%;}
.musical li img{width:100%;}
.musical li {width:32.333%;margin-top:0;}
.musical li:nth-child(2){margin:0 1.5%;}
}
@media (max-width:767px){
	#content .main_content .orders .order_wrapper .teacher li{width:100%;}
	.pay li{width:100%;margin:0!important;margin-bottom:30px!important;}
}
@media (max-width:750px){
.logo{display:none;}
.my_course {display:none;}
.search{margin-left:0;width:100%;height:35px;}
.header{padding-right:110px;position:relative;padding-top:20px;height:65px;}
.mine{position:absolute;right:25px;top:10px;}
.search input[type=button]{width:35px;}
.search input[type=text]{padding-right:35px;}
.teacher li{width:49%;margin-right:0;margin-bottom:25px;}
.teacher li:nth-child(odd){margin-right:2%;}
.teacher li img{width:100%;}
.teacher.style li{width:49%;margin-right:2%;}
.teacher.style li:nth-child(even){margin-right:0;}
.teacher.style2 li{width:32.333%;margin-right:1.5%;}
.teacher.style2 li:nth-child(even){margin-right:1.5%;}
.teacher.style2 li:last-child{margin-right:0;}
.star{display:none!important;}

/*弹出框*/
/*#vpopup{width:100%!important;left:0!important;margin-left:0!important;}
.pop_box{width:100%!important;}*/


}
@media (max-width:630px){
.word{width:100%;text-align:center;}
.word .open{margin-left:auto;margin-right:auto;}
.girl{display:none;}
.crown{display:none;}
.text2{width:100%;text-align:center;}
.open.style2{width:90%;margin:0 5%;}
.pop_up{width:90%;left:5%;margin-left:0;overflow:hidden;}
.pop_up .congratulation{background-size:cover;}
.person{display:none;}
.word.style2{width:100%;}
.word.style3{background-size:45px;padding-left:60px;text-align:left;}
.word.style3 p{font-size:40px;}
.controduce{left:-14px!important;}
.tip{right: -14px!important; top: -52px;}
.person_bg.style3 .controduce{left:70px!important;}
.person_bg.style2{display:none;}
}
@media (max-width:530px){
.title a{display:block;float:none;width:100%;}
.sub_title{font-size:14px;line-height:26px;}
.word{padding-left:0;}
.banner3{padding:0;}
#content .main_content .orders .order_wrapper .product li img{width:100%;}
.product li .text{width:100%;}
.teacher.style2 li{margin-right:0%!important;width:100%!important;}
}
@media (max-width:420px){
.banner_right{display:none;}
.product li,.teacher li{width:100%;margin-right:0!important;}
.text .price span{float:none;}
.header{padding-left:10px;}
.mine{right:10px;}
.open{padding-left:60px;width:250px;}
.word span{font-size:14px;}
.word p{font-size:28px;}
.teacher.style li{width:100%;margin-right:0!important;}
.person_bg{display:none;}
.word.style3{position:static;margin-top:30px;margin-bottom:30px;    padding-left: 90px;background-size:70px;}
.bg_project{height:auto!important;}
.word.style3 u{display:block;margin-left:0;}
.word.style3 p{font-size:28px;}
.musical li {width:100%;margin-bottom:20px;}
.musical li:nth-child(2){margin-left:0;margin-right:0;margin-bottom:20px;}
	.word.lf_side, .word.rt_side{padding-left:0;}
.bg_project3 .word.style3 {
    position: static;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 90px;
    background-size: 70px;
    background-position: center 19px;
    padding-left: 15px;
}
.bridge{display:none;}
.word.lf_side{padding-top:70px;background-position: center 0;}
#content .main_content .orders .order_wrapper .order_block .i_box{height:170px;}
}

@media (max-width:370px){
	
	.word.style2 span{font-size:16px;}
}
@media (max-width:320px){
.banner_left p{font-size:14px;}
}
/*2016.1.20*/

.kaoji_link a{display:block;margin-top:25px;}
.kaoji_link img{width:100%}

@media (max-width:1024px){
	.kaoji_link{display:none;}
	}



/*旧的*/

/*@media (min-width:1501px){
.main{
	padding:25px 100px;
	}
	}
@media (max-width:1500px){
.main{
	padding:25px 10px;
	}
}
@media (max-width:1300px){
.search{width:30%;margin-left:5%;}	
.product li img{float:none;width:100%;}
.product li .text{float:none;width:100%;}
	}
@media (max-width:1150px){
.member{display:none;}
}
@media (max-width:1134px){
.container{width:100%;}
.word{width:70%;}
.banner2 .girl{width:30%;margin-right:0;padding-left:5%;}
.banner2 .girl img{width:100%;}
.word.style3{position:absolute;left:0;top:0;width:100%;z-index:1;}
.person_bg{top:225px;}
.controduce{bottom:144px;}
.tip{bottom:-22px;right:-70px!important;}
.content_left{width:100%;}
.content_right{width:100%;padding-left:0;}
.teacher.style2 li{margin-right:1.5%;}
.teacher.style2 li:last-child{margin-right:0;}
.teacher.style2 li img{width:100%;}
.musical li{float:left;width:33.333%;text-align:center;}
.musical {overflow:hidden;}
.musical li a{width:266px;margin:auto;}

}

@media (max-width:1100px){
.banner_middle{display:none;}
}
@media (max-width:1024px){
.banner_middle{display:none;}
.banner2{margin-top:69px;}
}
@media (max-width:900px){
.nav li em{display:none;}
.nav li span{margin-left:-20px;}
.musical li a{width:90%;margin:0 5%;}
}

@media (max-width:850px){
.member{display:none;}
.phone_download{display:none;}
.user{width:auto;}
.crown{width:30%;}
.musical li img{width:100%;}
.musical li {width:32.333%;margin-top:0;}
.musical li:nth-child(2){margin:0 1.5%;}
}
@media (max-width:767px){
#search_btn{display:none;}
}
@media (max-width:750px){
.logo{display:none;}
.my_course {display:none;}
.search{margin-left:0;width:100%;height:35px;}
.header{padding-right:110px;position:relative;padding-top:20px;height:65px;}
.mine{position:absolute;right:25px;top:10px;}
.search input[type=button]{width:35px;}
.search input[type=text]{padding-right:35px;}
.teacher li{width:49%;margin-right:0;margin-bottom:25px;}
.teacher li:nth-child(odd){margin-right:2%;}
.teacher li img{width:100%;}
.teacher.style li{width:49%;margin-right:2%;}
.teacher.style li:nth-child(even){margin-right:0;}
.teacher.style2 li{width:32.333%;margin-right:1.5%;}
.teacher.style2 li:nth-child(even){margin-right:1.5%;}
.teacher.style2 li:last-child{margin-right:0;}
.pay li{width:100%;margin:0!important;margin-bottom:30px!important;}

}
@media (max-width:630px){
.word{width:100%;text-align:center;}
.word .open{margin-left:auto;margin-right:auto;}
.girl{display:none;}
.btn{position:static;margin-top:15px;}
.crown{display:none;}
.text2{width:100%;text-align:center;}
.open.style2{width:90%;margin:0 5%;}
.pop_up{width:90%;left:5%;margin-left:0;overflow:hidden;}
.pop_up .congratulation{background-size:cover;}
.person{display:none;}
.word.style2{width:100%;}
.word.style3{background-size:45px;padding-left:60px;text-align:left;}
.word.style3 p{font-size:40px;}
.controduce{left:-14px!important;}
.tip{right: -14px!important; top: -52px;}
}
@media (max-width:530px){
.title a{display:block;float:none;width:100%;}
.sub_title{font-size:14px;line-height:26px;}
.word{padding-left:0;}
.banner3{padding:0;}
}
@media (max-width:420px){
.banner_right{display:none;}
.product li,.teacher li{width:100%;margin-right:0!important;}
.text .price span{float:none;}
.header{padding-left:10px;}
.mine{right:10px;}
.open{padding-left:60px;width:250px;}
.word span{font-size:14px;}
.word p{font-size:28px;}
.teacher.style li{width:100%;margin-right:0!important;}
.person_bg{display:none;}
.word.style3{position:static;margin-top:30px;margin-bottom:30px;    padding-left: 90px;background-size:70px;}
.bg_project{height:auto!important;}
.word.style3 u{display:block;margin-left:0;}
.word.style3 p{font-size:28px;}
.musical li {width:100%;margin-bottom:20px;}
.musical li:nth-child(2){margin-left:0;margin-right:0;margin-bottom:20px;}

}
@media (max-width:370px){
	
	.word.style2 span{font-size:16px;}
}
@media (max-width:320px){
.banner_left p{font-size:14px;}
}



//==================project.html========================
.bg_project{height:438px;background-image:url(../web_images/web2000/project_banner.jpg);overflow:hidden;}
.bg_project .container{height:100%;position:relative;}
.word.style3{background:url(../web_images/web2000/project_icon.png) 5px center no-repeat;padding-left:90px;opacity:0;}
.word.style3 p{font-size:58px;}
.word.style3 span,.word.style3 u{font-size:22px;color:#fff;}
.word.style3 u{margin-left:30px;text-decoration:none;}
.person_bg{overflow:visible;width:403px;height:315px;background:url(../web_images/web2000/project_icon_bg.png) center center no-repeat;background-size:cover;position:absolute;right:12%;top:123px;opacity:0;}
.person2{position:absolute;top:30px;left:50%;margin-left:-108px;opacity:0;}
.tip{right: -200px;top: -22px;position:absolute;opacity:0;}
.controduce h6{font-size:32px;color:#fff048;text-align:right;}
.controduce p{font-size:18px;color:#fff;text-align:right;margin-bottom:10px;}
.controduce span{font-size:12px;display:block;color:#fff;padding-left:22px;background:url(../web_images/web2000/star.png) 5px center no-repeat;}
.controduce {position:absolute;left:-200px;bottom:50px;opacity:0;}
.teacher.style2 .foot_message span{margin-top:-10px;}
.content_left{width:75%;float:left;}
.content_right{width:25%;float:right;padding-left:10%;box-sizing:border-box;padding-left:1.4%;overflow:hidden;}
.content_left .teacher li{width:32.333%;margin-right:1%;}
.musical{margin-top:46px;}
.musical li{margin-top:5px;width:100%;overflow:hidden;width:267px;}
.musical li img{transition:all .3s;overflow:hidden;}
.musical li a{display:block;overflow:hidden;}
.musical li:hover img{transform:scale(1.1);}
.news li a{font-size:14px;color:#505050;transition:all .3s;}
.news li{margin-top:15px;}
.news{margin:0 5%;margin-top:46px;}
.news li:hover a{color:#01b7fb;}
//==================project2.html========================
.bg_project2{height:438px;background-image:url(../web_images/web2000/project2.jpg);overflow:hidden;}
.banner2 .container{position:relative;overflow:visible;}
.word.lf_side{position:absolute;top:50px;left:0;background-image:url(../web_images/web2000/kaoji_icon_02.png);left:-100%;}
.word.rt_side{position:absolute;top:50px;right:0;background:none;padding-left:0;right:-100%;}
.person_bg.style2{background-image:none;right:52%;margin-right:-200px;}
.person_bg.style2 .person2{top:auto!important;bottom:-800px;}
.person_bg.style2 .tip2 p{font-size:32px;color:#78edfb;text-align:center;}
.person_bg.style2 .tip2 span{display:block;font-size:16px;color:#fff;text-align:left;padding-left:20px;position:relative;}
.person_bg.style2 .tip2 span:before{width:10px;height:10px;border:2px solid #fff;content:'';display:block;border-radius:50%;position:absolute;top:50%;margin-top:-5px;left:0;}
.person_bg.style2 .tip2{top:auto!important;bottom:26%;opacity:0;position:absolute;right:-250px;}
.star .t1{width:53px;height:57px;background:url(../web_images/web2000/t1.gif) no-repeat;}
.star .t2{width:45px;height:45px;background:url(../web_images/web2000/t2.gif) no-repeat center center;}
.star .t3{width:45px;height:45px;background:url(../web_images/web2000/t3.gif) no-repeat center center;}
.star .t2{position:absolute;left:5%;top:23%;}
.star .t3{position:absolute;top:80%;left:38%;}
.star{display:none;}
.star .t3:nth-child(3){position:absolute;top:55%;left:80%;}
.banner2{position:relative;}
//==================project3.html========================
.person_bg.style3{background-image:url(../web_images/web2000/project3_person.png);width:560px;height:404px;}
*/