.f{display:block;width:100%;height:100%}
em{font-style: normal}
.w{width:100%;}
.h{height:100%}
.w-10{width: 10%}
.w-20{width: 20%}
.w-30{width: 30%}
.w-40{width: 40%}
.w-50{width: 50%}
.w-60{width: 60%}
.w-70{width: 70%}
.w-80{ width: 80%;}
.w-90{ width: 90%;}
.w-100{width: 100%}
.fl{float:left}.fr{float:right}
.pr{position:relative;zoom:1}
.pa{position:absolute;}
.pf{position:fixed;_position:absolute;top:0}
.shadow{background:#fff;-moz-box-shadow:0px 0px 8px #bbb; -webkit-box-shadow:0px 0px 8px #bbb; box-shadow:0px 0px 8px #bbb;}
.m30{margin-left:30px;margin-right: 30px;margin-bottom: 30px;}
.pt30{padding-top:30px;}
.mt5{margin-top: 5px;}
.mb5{
    margin-bottom: 5px;}

.mt10{margin-top: 10px;}
.mb10{
    margin-bottom: 10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt130{margin-top:130px;}
.ml1{margin-left: 1px;}
.ml5{margin-left: 5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml55{margin-left:55px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml110{margin-left:110px;}
.mb40{margin-bottom:40px;}
.p20{padding:20px;}
.p10{padding:10px;}
.p40{padding:40px;}
.p60{padding:60px;}
.cur-p{
    cursor: pointer;}
.cheng{color:#fd7600;}
.blue{color:#00b5fd}
.lightblue{color: #60a3d4}
.red{color:#c00}
.gray{color:#e5e5e5;}
.grey{color: #787878}
.white{background:#fff;}
.green{background:#0c0;}
.orange{background: rgb(255,127,0);}
.black{color:#333;}
.lh30{line-height:30px}
.tc{text-align:center}
.ta-r{
    text-align: right;}
.border-bottom{border-bottom:1px solid #eee;}
.border-top{border-top:1px solid #eee;}
.bold{font-weight:bold;}
.f12{font-size:12px;}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px;}
.f28{font-size:28px;}
.hide{display:none;}
.arrow-down{position: absolute;
bottom: -12px;
left: 50%;
margin-left: -6px;
height: 0;
width: 0;
line-height: 0;
font-size: 0;
border-width: 6px;
border-style: solid dashed dashed;
border-color: #eee transparent transparent;
display:none;
}
.tl,.tr,.bl,.br{display:block;}
.tl{position:absolute;left:0;top:0}
.tr{position:absolute;right:0;top:0}
.bl{position:absolute;left:0;bottom:0}
.br{position:absolute;right:0;bottom:0}

.top{position:absolute;top:0}
.bottom{position:absolute;bottom:0}

.border{border:1px solid #ccc;}
.border-bottom-dotted{border-bottom: 1px dotted #333;}

body{font-family:"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:14px;background:rgb(224,224,224) url(../img/page_bg.jpg) repeat-x top left;color:#888}
a {
    color:#00b5fd ;
}
a:hover{
    color:#00b5fd;
   /* text-decoration: underline;*/
}
img{max-width:100%;}
p{margin:0;margin-bottom:1em;}
pre{font-family:'微软雅黑',Verdana, sans-serif;}
textarea:focus, input:focus{outline: 0;}
h1,h2,h3,h4,h5{margin: 0;font-weight:normal;}
/* 清除浮动 */
.clear{clear: both;height: 0px;line-height: 0px;
    font-size: 0px;}
.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;

}
.clearfix {
    *zoom: 1;
}

/*按钮*/
.btn-s,.btn-u,.btn-d,.btn-c,.btn-q{display:inline-block;border-radius: 5px;color: #fff;padding:5px 25px;cursor: pointer}
.btn-s{background: #30a9e1;border:none}
.btn-u{}
.btn-d{background: #DA2525}
.btn-c{background: #d64936}
.btn-q{background: #C3CACD;cursor: not-allowed!important;}