@charset "utf-8";

/* 常用 */
.top-box,
.header-box,
.banner-box,
.main-box,
.footer-box{min-width:1200px;width:100% !important;_width:100%;}
.area{position:relative;width:1200px;margin-left:auto;margin-right:auto;}
.area,.clear{*zoom:1}
.area:after,.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.f-mid{display:inline-block;*display:inline;*zoom:1;width:0;height:100%;vertical-align:middle;}/* 大小不定元素垂直居中 */
.f-arc{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;} /* 左右半圆 */
.f-cir{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} /* 圆 */
.u-a{display:inline-block;*display:inline;*zoom:1;} /* 使用链接模拟按钮 */
.u-tips{overflow:hidden;} /* 独立的一段文字，上下左右均不与其他元素接触，通常需要设置宽度和最大高度 */
.u-img{font-size:0;} /* 展示图，可以按客户的需求更换 */
.u-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} /* 单行文字描述，超出显示省略号 */
.u-cutline:after {content:"";display:inline-block;*display:inline;*zoom:1;width:0;height:17px;border-right:solid 1px #caad35;vertical-align:middle;} /* 垂直分割线 */
.u-text{border:0;outline:none;} /* 无框文本框文本域 */
.u-title{text-align:center;} /* 标题 */
.u-roll{position:relative;font-size:0;} /* 滚动图片 */
.u-roll li{float:left;}

/* 普通翻页器-默认居中 */
.m-page{margin:0 auto;line-height:36px;padding:15px 0 30px 0;font-size:0;text-align:center;white-space:nowrap;}
.m-page a,
.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin-left:-1px;padding:0 14px;font-size:14px;letter-spacing:normal;word-spacing:normal;color:#662c04;border:solid 1px #e0c68d;background:#fff;}
.m-page a,
.m-page a:hover{text-decoration:none;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a:hover,
.m-page a:active{ color:#fff; border-color: #e0c68d; background: #e0c68d; }
.m-page a.z-crt,
.m-page a.z-crt:hover,
.m-page a.z-crt:active{ color:#fff; border-color: #e0c68d; background: #e0c68d; cursor:default;}
.m-page a.z-dis,
.m-page a.z-dis:hover,
.m-page a.z-dis:active{ color:#662c04; border-color: #e0c68d; background: #fff; cursor:default;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm{line-height:24px;}
.m-page-sm a,
.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,
.m-page-sr i{margin:0 3px;}
/* .m-page-sr i{border:0;} */

/* display */
.dn{display:none;}
.db{display:block;}
.dib{display:inline-block;*display:inline;*zoom:1;}
/* width */
.wpct100{width:100%;}
/* height */
.hpct100{height:100%;}
/* font-size */
.f0{font-size:0;}
/* font-style */
.n{font-weight:normal; font-style:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
/* white-space */
.nowrap{white-space:nowrap;}
/* vertical-align */
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.vtt{vertical-align:text-top;}
.vtb{vertical-align:text-bottom;}
/* float */
.l{float:left;}
.r{float:right;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
.zxany{z-index:100;}
/* cursor */
.csr{cursor:pointer;}
/* overflow */
.ovh{overflow:hidden;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}