@charset "utf-8";
/* CSS Document 20160826*/
/* 属性重置 */
*{ margin:0px; padding:0px;}
a{ cursor:pointer; text-decoration:none; color: #333;}
a:link{color: #333;}/* 定义正常链接的样式； */
a:visited{color: #333;}/* 定义已访问过链接的样式； */
a:hover{color: #333;}/* 定义鼠标悬浮在链接上时的样式； */
a:active{color: #333;}/* 定义鼠标点击链接时的样式。 */
ul li{ list-style:none;}
i{ font-style:normal;}
img{ display:block;}
html,body{ height:100%; font-size:62.5%;}
input,textarea,select,button{ outline:none;}
h1,h2,h3,h4,h5,h6,b,strong{ font-weight:normal;}
/*自定义字体开始*/
@font-face{
	font-family:"imooc-icon"; /*字体文件名设定*/
	src:url(../fonts/iconfont.eot);/*引入字体格式兼容IE9以上*/
	src:url(../fonts/iconfont.eot?#iefix) format("embedded-opentype"),/*引入字体格式兼容IE6到IE8*/
		url(../fonts/iconfont.woff) format("woff"),/*引入字体格式*/
		url(../fonts/iconfont.ttf) format("truetype"),/*引入字体格式*/
		url(../fonts/iconfont.svg) format("svg");/*引入字体格式*/
		font-weight:normal;/*字体粗细正常*/
		font-style:normal;/*字体样式正常*/
}
/*自定义字体结束*/
/*自定义class字体样式开始*/
.Hcss_fonts{
	font-family:"imooc-icon";
	font-weight:normal;/*字体粗细正常*/
	font-style:normal;/*字体样式正常*/
	-webkit-font-smoothing: antialiased;/*抗锯齿光滑度代码*/
	-moz-osx-font-smoothing:grayscale;/*抗锯齿光滑度代码*/
}
/*自定义class字体样式结束*/
/* 自定义属性 */
.Hcss_tsn{/* CSS3过渡效果 */
	transition:/*兼容IE10以上浏览器*/
		font-size 1s,
		background 1s,
		font-weight 1s,
		color 1s,
		border-bottom 1s,
		border 1s,
		width 1s,
		height 1s,
		margin-top 1s,
		margin-left 1s,
		line-height 1s,
		transform 1s,
		bottom 1s,
		top 1s,
		margin-bottom 1s,
		letter-spacing 1s,
		opacity 1s;
	-webkit-transition:/*兼容苹果和谷歌浏览器*/
		font-size 1s,
		background 1s,
		font-weight 1s,
		color 1s,
		border-bottom 1s,
		border 1s,
		width 1s,
		height 1s,
		margin-top 1s,
		margin-left 1s,
		line-height 1s,
		-webkit-transform 1s,
		bottom 1s,
		top 1s,
		margin-bottom 1s,
		letter-spacing 1s,
		opacity 1s;
	-moz-transition:/*兼容火狐浏览器*/
		font-size 1s,
		background 1s,
		font-weight 1s,
		color 1s,
		border-bottom 1s,
		border 1s,
		width 1s,
		height 1s,
		margin-top 1s,
		margin-left 1s,
		line-height 1s,
		-moz-transform 1s,
		bottom 1s,
		top 1s,
		margin-bottom 1s,
		letter-spacing 1s,
		opacity 1s;
	-o-transition:/*兼容Opera浏览器*/
		font-size 1s,
		background 1s,
		font-weight 1s,
		color 1s,
		border-bottom 1s,
		border 1s,
		width 1s,
		height 1s,
		margin-top 1s,
		margin-left 1s,
		line-height 1s,
		-o-transform 1s,
		bottom 1s,
		top 1s,
		margin-bottom 1s,
		letter-spacing 1s,
		opacity 1s;
}
.Hcss_tpy0{opacity:0.0; filter:alpha(opacity=0);}/* 透明度为0 */
.Hcss_tpy5{opacity:0.05; filter:alpha(opacity=5);}/* 透明度为5 */
.Hcss_tpy10{opacity:0.10; filter:alpha(opacity=10);}/* 透明度为10 */
.Hcss_tpy15{opacity:0.15; filter:alpha(opacity=15);}/* 透明度为15 */
.Hcss_tpy20{opacity:0.20; filter:alpha(opacity=20);}/* 透明度为20 */
.Hcss_tpy25{opacity:0.25; filter:alpha(opacity=25);}/* 透明度为25 */
.Hcss_tpy30{opacity:0.30; filter:alpha(opacity=30);}/* 透明度为30 */
.Hcss_tpy35{opacity:0.35; filter:alpha(opacity=35);}/* 透明度为35 */
.Hcss_tpy40{opacity:0.40; filter:alpha(opacity=40);}/* 透明度为40 */
.Hcss_tpy45{opacity:0.45; filter:alpha(opacity=45);}/* 透明度为45 */
.Hcss_tpy50{opacity:0.50; filter:alpha(opacity=50);}/* 透明度为50 */
.Hcss_tpy55{opacity:0.55; filter:alpha(opacity=55);}/* 透明度为55 */
.Hcss_tpy60{opacity:0.60; filter:alpha(opacity=60);}/* 透明度为60 */
.Hcss_tpy65{opacity:0.65; filter:alpha(opacity=65);}/* 透明度为65 */
.Hcss_tpy70{opacity:0.70; filter:alpha(opacity=70);}/* 透明度为70 */
.Hcss_tpy75{opacity:0.75; filter:alpha(opacity=75);}/* 透明度为75 */
.Hcss_tpy80{opacity:0.80; filter:alpha(opacity=80);}/* 透明度为80 */
.Hcss_tpy85{opacity:0.85; filter:alpha(opacity=85);}/* 透明度为85 */
.Hcss_tpy90{opacity:0.90; filter:alpha(opacity=90);}/* 透明度为90 */
.Hcss_tpy95{opacity:0.95; filter:alpha(opacity=95);}/* 透明度为95 */
.Hcss_tpy95{opacity:1; filter:alpha(opacity=100);}/* 透明度为100 */
.Hcss_Isolation{ position: fixed; top: 0%; left: 0%; z-index: 100; width: 100%; height: 100%; background: #000; display: none;}
.Hcss_ClearBoth{ zoom:1;}/* 取消浮动样式 */
.Hcss_ClearBoth:after{display:block;clear:both; content: ''; visibility:hidden;height:0}/* 取消浮动样式 */
.Hcss_FloatLeft{ float: left;}
.Hcss_FloatRight{ float: right;}
.Hcss_Rotate90{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}

.Hcss_FixedWidth{ width:1200px; margin:auto;}
/* 以上为完结正式版 */
/*.classstyle{ -webkit-transform: scale(0.75); } 解决谷歌等12像素以下不变的问题 */
/* -webkit-overflow-scrolling:touch; 平滑滚动效果-不兼容*/
/*.Hcss_BackColor{ background:#09f !important;}
.Hcss_FixedWidth{ width:1200px; margin:auto;}*//* 网页固定宽，根据不同项目有所变化 */
/*background: -webkit-linear-gradient(top, rgba(0,0, 0, 0), rgba(0,0, 0, 1));
    background: -moz-linear-gradient(top, rgba(0,0, 0, 0), rgba(0,0, 0, 1));
    background: -o-linear-gradient(top, rgba(0,0, 0, 0), rgba(0,0, 0, 1));
    background: linear-gradient(top, rgba(0,0, 0, 0), rgba(0,0, 0, 1));*/