@charset "UTF-8";
/*
	所有标签去掉真充和边距
*/
 
/* 
	text-size-adjust:none 
	禁止文字自动调整大小(默认情况下旋转设备的时候文字大小会发生变化)，
	此属性也不继承，一般加在body上规定整个body的文字都不会自动调整
*/
html { color:#333; background:#FFF; -webkit-tap-highlight-color: transparent; }
body { line-height: 160%; font-family: 'Microsoft Yahei','SimHei',arial; 
	-webkit-text-size-adjust:none; text-size-adjust:none; 
	/*-webkit-user-select: none; none 即：禁止页面文字选择 ，此属性不继承，规定整个body的文字都不会自动调整*/
	-webkit-touch-callout:none; /*禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/
	-webkit-overflow-scrolling:touch; /*局部滚动(仅iOS 5以上支持)*/
}
@media screen and (max-width : 750px){
    html{ font-size:1.5625rem;}
}
@media screen and (max-width : 640px){
	html{ font-size:1.33334rem;}
}
@media screen and (max-width : 540px){
	html{ font-size:1.125rem;}
}
@media screen and (max-width : 480px){
	html{ font-size:1rem;}
}
@media screen and (max-width : 414px){
    html{ font-size:0.8625rem;}
}
@media screen and (max-width : 375px){
    html{ font-size:0.78125rem;}
}
@media screen and (max-width : 360px){
	html{ font-size:0.75rem;}
}
@media screen and (max-width : 320px){
	html{ font-size:0.66667rem;}
}

h1,h2,h3,h4,h5,h6 { font-weight: 500; }
img { border: none; }
ol,ul { list-style:none; }
pre, code, tt { font-family: "Lucida Console", "Monaco", monospace; }
sup{ top:-0.5em }
sub{ bottom:-0.25em }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
table, caption, tbody, tfoot, thead, tr, th, td { 
	border: 0; outline: 0; vertical-align: baseline; background: transparent; 
}

/* 
	去除iphone ipad 设备默认按钮样式
	-webkit-appearance: none;
	消除输入框和按钮的原生外观，在iOS上加上这个属性才能给按钮和输入框自定义样式 
	不同type的input使用这个属性之后表现不一。text、button无样式，radio、checkbox直接消失
 */
input,textarea { border:none; outline:none; -webkit-appearance:none; appearance:none; }


/* remember to define focus styles! */
:focus { outline: none;}

/* box model == overflow:hidden */
.box { display:block; zoom:1; }
.box:after { content:"."; height:0px; line-height:0px; font-size:0px; display:block; clear:both; overflow: hidden; visibility:hidden; }


/* link */
a { text-decoration: none; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }
a:active { text-decoration: none; }
em,i{font-style: normal;}

/* color */

/* font */
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }

.fm1 { font-family: '\5b8b\4f53'; }
.fm2 { font-family: arial; }
.fm3 { font-family:"Microsoft Yahei" , "Yahei"; }
.fm4 { font-family: Verdana,Geneva,sans-serif; }

.fw7 { font-weight:700; }
.fw0 { font-weight: normal; }

/* 文字缩进 */
.ti99 {text-indent: -9999px; }

/* 文本对齐 */
.ta1 { text-align: left; }
.ta2 { text-align: center; }
.ta3 { text-align: right; }
.va1 { vertical-align: top; }
.va2 { vertical-align: middle; }
.va3 { vertical-align: bottom; }

/* 浮动和位置等 */
.f1 { float:left; }
.f2 { float:right; }
.f3 { float:none; }
.cl { clear:both; }

/*鼠标样式*/
.cur1 { cursor:pointer; }
.cur2 { cursor:default; }

/*容器居中*/
.m0 { margin: 0px auto;}

/*显示方式*/
.dp0 { display: none; }
.dp1 { display: block; }
.dp2 { display: inline-block; }
.dp3 { display: inline; }

/*按钮样式*/
@-webkit-keyframes aanima {
    0% {
		-webkit-perspective: 500;
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
    	-webkit-perspective: 500;
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes aanima {
    0% {
    	perspective: 500;
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
    	perspective: 500;
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes banima {
    0% {
    	-webkit-perspective: 500;
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
    to {
    	-webkit-perspective: 500;
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}

@keyframes banima {
    0% {
    	perspective: 500;
        transform: translateZ(0);
        opacity: 1;
    }
    to {
    	perspective: 500;
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}

.slideIn {
    -webkit-animation: aanima 0.2s forwards;
    animation: aanima 0.2s forwards;
}

.slideOut {
    -webkit-animation: banima 0.2s forwards;
    animation: banima 0.2s forwards;
}


/* 三角按钮 start */
.triangle-top {
    position: relative; display: block; width: 0; height: 0; margin: 1.1rem auto;
    border-right: 0.75rem solid transparent; 
    border-bottom: 1rem solid #999; 
    border-left: 0.75rem solid transparent; 
}
.triangle-top i { 
    position: absolute; display: block; left: -0.75rem; top: 2px; width: 0; height: 0; 
    border-right: 0.75rem solid transparent; 
    border-bottom: 1rem solid #f9f9f9; 
    border-left: 0.75rem solid transparent; 
}
.triangle-bottom {
    position: relative; display: block; width: 0; height: 0; margin: 1.1rem auto;
    border-right: 0.75rem solid transparent; 
    border-top: 1rem solid #999; 
    border-left: 0.75rem solid transparent; 
}
.triangle-bottom i { 
    position: absolute; display: block; left: -0.75rem; bottom: 2px; width: 0; height: 0; 
    border-right: 0.75rem solid transparent; 
    border-top: 1rem solid #f9f9f9; 
    border-left: 0.75rem solid transparent; 
}
/* 三角按钮 end */

/* 加载中图标 */
.ajaxloading { display: inline-block; padding-left: 2rem; height: 3rem; background: url('https://static.hrloo.com/mhrloo/global/img/common/loading.gif') no-repeat left center; background-size: 1.25rem 1.25rem; font: 1rem/3rem 'Microsoft Yahei'; color: #666; }

/*
    UI CSS ==================================
*/


/* link */
a { color:#06a; text-decoration:none; }
a:focus { outline:none; }
a:hover,a:active { outline:none; color: #0b8dd6; text-decoration:underline; }
a.line { text-decoration:underline; }
a.unline { text-decoration:none; }

table.collapseLine  { width: 100%; margin: 10px auto; border-collapse: collapse; }
table.collapseLine th { border: 1px solid #eaeaea; padding:5px 10px; font-weight: 700; background: #fff; }
table.collapseLine td { border: 1px solid #eaeaea; padding:5px 10px; }