article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}
body{background:#fff;margin:0;color:#333;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans, Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Arial,sans-serif;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}a:focus{outline:thin dotted}a:active,a:hover{color:#ff9000;outline:0}
::selection, ::-moz-selection, ::-webkit-selection { background: -moz-selection; background: -webkit-selection; color: #333;}
ul,dl{list-style:none;}img{/*border-radius: 3px;*/}
table { border-collapse: collapse; border-spacing: 0;}
fieldset{ border: medium none !important; margin: 0 0 10px; padding: 0; width: 100%;}
body{ padding-top: 60px;}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}.clearfix{*zoom:1}.pos-a{position:absolute}.pos-r{position:relative}.pos-s{position:static}.d-b{display:block;}
.ft-fs-14{font-size:0.875em}.ft-fs-16{font-size:1em}.ft-fs-18{font-size:1.125em}.ft-fs-20{font-size:1.25em}
.fn-fl{float:left}.fn-fr{float:right}.fn-text-line{text-decoration:underline}
.fn-text-l{text-align:left}.fn-text-r{text-align:right}.fn-text-m{text-align:center}
.fn-mt-10{margin-top:10px}.fn-mt-15{margin-top:15px}.fn-mt-20{margin-top:20px}.fn-mt-30{margin-top:30px}
.fn-mb-10{margin-bottom:10px}.fn-mb-15{margin-bottom:15px}.fn-mb-20{margin-bottom:20px}.fn-mb-30{margin-bottom:30px}
.fn-ml-10{margin-left:10px}.fn-ml-15{margin-left:15px}.fn-ml-20{margin-left:20px}.fn-mr-10{margin-right:10px}
.fn-ml-5{margin-left:5px}.fn-mr-5{margin-right:5px}
.line-hgt{line-height:1.8;}.vg{ vertical-align:middle;}
.org-fn{ color: #ff9000;}.gre-fn{ color:#1ebe6e;}.yel-fn{color: #f6ff00;}.gra-fn{color:#969696;}.yel-fn-2{color: #fff500;}
.line-lnk{color: #333;text-decoration:none;}.line-lnk:hover{color:#ff9000;text-decoration:none;}
.img-lazyload, .visual .swiper-slide{background:#dfdfdf url('/cdf/images/index/loading.gif') 50% 50% no-repeat;}
.container{ padding: 0 15px;}
.yel-btn{
	background-color: #ff9000;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
}
.yel-btn:hover{ background-color: #ffa000; color: #fff;}
.hidden{ display: none;}
.org-lnk{ color: #ff9000; text-decoration: underline;}
/* header */
.main-header{
	background: #ff9000;
	box-shadow: 0 0 5px rgba(204,204,204,.8);
	color: #fff;
	height: 60px;
	top: 0;
	z-index:1000;
}
.main-header, .comment-box{ width: 100%; position: fixed; left: 0;}
.header-content{
	position:absolute;
	/* height: 60px; */
	/* line-height: 60px; */
	width: 100%;
	font-size: 1em;
	/*overflow: hidden;*/
	box-sizing: border-box;
}
.header-content-text, .mb-info-link{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.top-ico-a, .log-lnk{ color: #fff; display: inline-block; vertical-align: top;}
.top-ico-a{ padding: 0 15px; font-size: 0.875em;}
.log-lnk{ height: 60px; padding: 0 10px;}
a.log-lnk:hover{color:#ffeb00;}
.headline{
	display: inline-block;
	background: #efefef;
	width: 1px;
	height: 12px;
	font-size: 0;
	vertical-align: middle;
}
.logo{
	background: url('/tutorials/dest/images/index/lg.png') no-repeat;
	display: inline-block;
	width: 38px;
	height: 34px;
	vertical-align: middle;
	/* margin-top: -3px; */
}
/* head drop */
#head_dropdown{ width: 40px; text-align: center; font-size: 1em;}
.head-dropdown-wrap{
	background-color: #fff;
	border: 1px #ddd solid;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 1px 3px #aaa;
	width: 116px;
	right: 5px;
	top: 60px;
	position: absolute;
	z-index: 10;
	display: none;
}
.head-dropdown-wrap .fa{ color: #ccc; margin-right: 8px; font-size: .875em;}
.head-dropdown-lnk{ display: block; height: 30px; line-height: 30px; overflow: hidden; margin: 0; padding: 0 10px;}
.head-dropdown-lnk:hover{ background-color: #ff9000; color: #fff;}
.head-dropdown-lnk:hover .fa{ color: #fff;}
#sub_head, .fav-body #global_head{ display: none;}
.fav-body #sub_head{ display: block;}
/* more btn */
.mb-more-btn{
	border: 2px #ff9000 solid;
	border-radius: 6px;
	color: #ff9000;
	display: block;
	width: 50%;
	min-width: 200px;
	font-size: 1.125em;
	text-align: center;
	padding: 10px 0;
	margin: 30px auto;
}
.mb-more-btn:hover{ background-color: #ff9000; box-shadow: inset #fff 1px 1px 0, inset #fff -1px -1px 0; color: #fff;}
.mb-more-btn{
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
/* pages */
.yh-mb-page{ padding: 20px 0; text-align: center; font-size: .875em; margin: 0 -15px;}
.yh-mb-page a{ border: 1px #ccc solid; border-radius: 3px; box-shadow: 0 0 3px #dedede; color: #444; display: inline-block; padding: 10px 15px; margin: 0 2px;}
.yh-mb-page a:hover,.yh-mb-page a.current{ background: #ff9000; border: 1px #ff9000 solid; color: #fff;}
/* footer */
.footer{ background-color: #e6e6e6; color: #969696; text-align: center; font-size: .875em; line-height: 1.6; padding: 12px 0;}
.footer span{ margin: 0 5px;}

@media screen and (max-width: 800px){
	body{ padding-top: 46px;}
	.main-header, .log-lnk{ height: 46px;}
	/* .header-content{ height: 46px; line-height: 46px;} */
	.header-content{ height: 46px; }
	.head-dropdown-wrap{ top: 46px;}
}
@media screen and (max-width: 440px){
	.yh-mb-page{ font-size: .75em;}
	.yh-mb-page a{ padding: 10px;}
}
.bbtn_group{
	position:fixed;
	bottom:0;
	right: 0;
	width: 100%;
	height: 50px;
	overflow: hidden;
}
.bbtn_group>a{
	display: inline-block;
	width: 50%;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
}
.bbtn_group>.btn_left{
	background-color:#FE900D ;
}
.bbtn_group>.btn_right{
	background-color:#13B4B2 ;
}
.prefer_price span{
	color: #FF0000 !important;
	font-weight: bold;
}
.prefer_price span strong{
	font-size: 18px;
}
.vip-free{
	color: #f00;
	font-size: 16px;
	font-weight: bold;
	float: right;
	margin-top: 10px;
}
.vd-error .error_buy{
	color: #FF9933;
	text-decoration: underline;
}
.vd-error-VIP{
	font-size: 14px;
	text-align:center
}
.vd-error-VIP p span{
	display: block;
	text-align: center;
	font-size: 14px;
}
.vd-error-VIP .player-link{
	margin: 25px auto !important;
	float: none !important;
}


input{
	background:none;
	outline:none;
	border:1px solid #ccc;
}

.f-ib {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

.f-dn {
    display: none!important;
}

.dif{display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
vertical-align: middle;
}
.df{display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.fx1{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.fxd-c{  /*主轴与块轴方向作为默认的书写模式。即纵向从上往下排列（顶对齐） */
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.fxd-r{  /*主轴与行内轴方向作为默认的书写模式。即横向从左到右排列（左对齐） */
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}
.fxd-rr{
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.ai-c{ /*弹性盒子元素的侧轴（纵轴）对齐方式*/
	-webkit-align-items: center;
	align-items: center;
}
.jc-c{
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.jc-sb{
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.as-c{
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
	-o-align-self: center;
	align-self: center;
}
.fxw-w{
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ac-sb{
	-webkit-align-content: space-between;
	-moz-align-content: space-between;
	-ms-align-content: space-between;
	-o-align-content: space-between;
	align-content: space-between;
}
.ac-c{
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
	-o-align-content: center;
	align-content: center;
}

/* layer */
.layer-msg{
	font-size: .43rem;
	font-style: normal;
}