/*
 * 文件描述:  CSS-FN MODULE
 * 对应功能页：所有页面
 * 期望执行浏览器：所有浏览器
 */

@charset "utf-8";
/* fn-clear 清除浮动 */
.fn-clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fn-clear {
    zoom:1; /* for IE6 IE7 */
}
.fn-clearonly {
    clear: both;
}
/* fn-float 左右浮动*/
.fn-fl,
.fn-fr {
    display:inline;
}
.fn-fl    {float:left;}
.fn-fr    {float:right;}
.fn-ib{
    display: inline-block;
    *display: inline;
}

/* fn-textalign 文字对齐方式*/
.fn-tl {text-align: left;}
.fn-tr {text-align: right;}
.fn-tc {text-align: center;}

/* fn-text-overflow 单行文字溢出时出现省略号，需设定宽度 */ 
.fn-txtoverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* fn-border-radius 边框圆角*/
.fn-border-radius {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.fn-border-top-radius {
    -moz-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.fn-border-bottom-radius {
    -moz-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

/* fn-bold 加粗字体*/
.fn-bold {
    font-weight: bold;
}
/* fn-pad 内边距*/
.fn-pd30 {padding: 30px;}
.fn-pl4  {padding-left: 4px;}
.fn-pl10 {padding-left: 10px;}
.fn-pl12 {padding-left: 12px;}
.fn-pl20 {padding-left: 20px;}
.fn-pl27 {padding-left: 27px;}
.fn-pl40 {padding-left: 40px;}
.fn-pl94 {padding-left: 94px;}
.fn-pl130 {padding-left: 130px;}
.fn-pl180 {padding-left: 180px;}
.fn-pt0  {padding-top: 0;}
.fn-pt3  {padding-top: 3px;}
.fn-pt6  {padding-top: 6px;}
.fn-pt7  {padding-top: 7px;}
.fn-pt10 {padding-top: 10px;}
.fn-pt15 {padding-top: 15px;}
.fn-pt35 {padding-top: 35px;}
.fn-pb5  {padding-bottom: 5px;}
.fn-pb10 {padding-bottom: 10px;}
.fn-pr30 {padding-right: 30px;}

/* fn-margin 外边距*/
.fn-mgauto  {margin: 0 auto;}
.fn-mt0    {margin-top: 0;}
.fn-mt2    {margin-top: 2px;}
.fn-mt5    {margin-top: 5px;}
.fn-mt6    {margin-top: 6px;}
.fn-mt10   {margin-top: 10px;}
.fn-mt14   {margin-top: 14px;}
.fn-mt17   {margin-top: 17px;}
.fn-mt20   {margin-top: 20px;}
.fn-mt25   {margin-top: 25px;}
.fn-mt40   {margin-top: 40px;}
.fn-mt100   {margin-top: 100px;}
.fn-mt200   {margin-top: 200px;}
.fn-mt210   {margin-top: 210px;}
.fn-ml2    {margin-left: 2px;}
.fn-ml6    {margin-left: 6px;}
.fn-ml10   {margin-left: 10px;}
.fn-ml16   {margin-left: 16px;}
.fn-ml20   {margin-left: 20px;}
.fn-ml22   {margin-left: 22px;}
.fn-ml40   {margin-left: 40px;}
.fn-ml80   {margin-left: 80px;}
.fn-ml100  {margin-left: 100px;}
.fn-ml120  {margin-left: 120px;}
.fn-ml125  {margin-left: 125px;}
.fn-ml140  {margin-left: 140px;}
.fn-ml160  {margin-left: 160px;}
.fn-mr0    {margin-right: 0px;}
.fn-mr4    {margin-right: 4px;}
.fn-mr10   {margin-right: 10px;}
.fn-mr20   {margin-right: 20px;}
.fn-mr68   {margin-right: 68px;}
.fn-mb0    {margin-bottom: 0px;}
.fn-mb10    {margin-bottom: 10px;}
.fn-mb8    {margin-bottom: 8px;}

.fn-mlp30 {margin-left: 30%;}
.fn-mlp40 {margin-left: 40%;}

/* fn-opacity 透明*/
.fn-opacity {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
/* fn-line 分割线*/
.fn-hline {
    width: 100%;
    height: 5px;
    margin: 5px auto;
    background-position: 30px 50%;
    background-repeat: no-repeat;
}
.fn-vline {
    float: left;
    width: 5px;
    height: 300px;
    margin: 30px 10px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
}
/* fn-relative*/
.fn-relative {
    position: relative;
    left: 0;
    top: 0;
}
/* fn-fontsize */
.fn-fs0 {
    font-size: 0
}
.fn-fs12 {
    font-size: 12px
}
/* fn-color */
.fn-red {
    /*见 skin.css*/
}
.fn-white {
    /*见 skin.css*/    
}
.fn-gray {
    /*见 skin.css*/    
}
/* fn-underline */
.fn-uline {
    width: 380px;
    border-bottom: 1px solid #B5B5B5;  
}
/* fn-display */
.fn-show {display: block;}
.fn-hide {display: none!important;}

/* fn-word-wrap */
.fn-wwrap {word-wrap:break-word; word-break:break-all;}
.fn-wauto {width: auto;}
/* fn-w 宽度
 * fn-w+X ‘X’代表宽度数值；
 *.fn-wp+X ‘X’代表宽度百分比; 
 *.fn-mw+X ‘X’代表最小宽度;
*/
.fn-w24   {width: 24px;}
.fn-w30   {width: 30px;}
.fn-w32   {width: 32px;}
.fn-w35   {width: 35px;}
.fn-w40   {width: 40px;}
.fn-w50   {width: 50px;}
.fn-w60   {width: 60px;}
.fn-w65   {width: 65px;}
.fn-w68   {width: 68px;}
.fn-w74   {width: 74px;}
.fn-w80   {width: 80px;}
.fn-w82   {width: 82px;}
.fn-w84   {width: 84px;}
.fn-w86   {width: 86px;}
.fn-w90   {width: 90px;}
.fn-w96   {width: 96px;}
.fn-w100  {width: 100px;}
.fn-w120  {width: 120px;}
.fn-w134  {width: 134px;}
.fn-w140  {width: 140px;}
.fn-w143  {width: 143px;}
.fn-w147  {width: 147px;}
.fn-w150  {width: 150px;}
.fn-w160  {width: 160px;}
.fn-w165  {width: 165px;}
.fn-w170  {width: 170px;}
.fn-w200  {width: 200px;}
.fn-w210  {width: 210px;}
.fn-w252  {width: 252px;}
.fn-w260  {width: 260px;}
.fn-w270  {width: 270px;}
.fn-w292  {width: 292px;}
.fn-w300  {width: 300px;}
.fn-w320  {width: 320px;}
.fn-w330  {width: 330px;}
.fn-w350  {width: 350px;}
.fn-w370  {width: 370px;}
.fn-w380  {width: 380px;}
.fn-w400  {width: 400px;}
.fn-w420  {width: 420px;}
.fn-w430  {width: 430px;}
.fn-w450  {width: 450px;}
.fn-w467  {width: 467px;}
.fn-w495  {width: 495px;}
.fn-w500  {width: 500px;}
.fn-w510  {width: 510px;}
.fn-w550  {width: 550px;}
.fn-w610  {width: 610px;}
.fn-w700  {width: 700px;}
.fn-w725  {width: 725px;}
.fn-w750  {width: 750px;}
.fn-w900  {width: 900px;}
.fn-w800  {width: 800px;}

.fn-wp5   {width:5%;}
.fn-wp10  {width:10%;}
.fn-wp15  {width:15%;}
.fn-wp20  {width:20%;}
.fn-wp25  {width:25%;}
.fn-wp30  {width:30%;}
.fn-wp40  {width:40%;}
.fn-wp45  {width:45%;}
.fn-wp65  {width:65%;}

.fn-minw20  {min-width: 20px;}

.fn-maxw20  {max-width: 20px;}

/* fn-h 高度*/
.fn-h20  {height: 20px;}
.fn-h35  {height: 35px;}
.fn-h55  {height: 55px;}
.fn-h70  {height: 70px;}
.fn-h95  {height: 95px;}
.fn-h100 {height: 100px;}
.fn-h118 {height: 118px;}
.fn-h120 {height: 120px;}
.fn-h130 {height: 130px;}
.fn-h140 {height: 140px;}
.fn-h175 {height: 175px;}
.fn-h250 {height: 250px;}
.fn-h300 {height: 300px;}
.fn-h400 {height: 400px;}

.fn-minhei24  {min-height: 24px;}

/* fn-lh 行高 */
.fn-lh15  {line-height: 15px;}
.fn-lh20  {line-height: 20px;}
.fn-lh22  {line-height: 22px;}
.fn-lh26  {line-height: 26px;}
.fn-lh28  {line-height: 28px;}

.fn-unselectable{
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
         -o-user-select: none; 
            user-select: none;
}

/* fn-blank 空白行*/
.fn-blank {
    width: 100%;
    height: 20px;
}
/* fn-bline 分界线*/
.fn-bline {
    height: 4px;
    border-bottom: 1px solid #c2c2c2;
}