/*重置规划*/
@font-face {
    font-family: 'HELVETICANEUELTPRO';
    src: url(/sites/all/themes/model/css/fonts/HELVETICANEUELTPRO-THEX_0.OTF);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Braggadocio';
    src: url(/sites/all/themes/model/css/fonts/Braggadocio.ttf);
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
}
ul li {
    list-style: outside none none;
}
a {
    text-decoration: none;
    cursor:pointer;
}
h1,h2, h3,h4,h5,h6 {
   
    font-weight:bold;
}
i, em {
    font-style: normal;
}
img {
    display:block;
}
input, textarea {
   
    outline: 0;
    border:0;
   
}
table {
    empty-cells: show;
    border-collapse: collapse;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear {
    clear: both;
}

html, body {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    width: 100%;
    color: #333;
    font-family: Arial, "微软雅黑";
}
html {
    font-size: 10px;
}
.clearfix::after {
    clear: both;
    display: block;
    content: '';
}
.hide {
    display:none;
}
#pages { height: 40px; margin: 40px 0 50px 0; }
#pages span { float: left; margin: 0 10px; line-height: 28px; color: #222 }
#pages a { width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; font-family: Arial; float: left; margin-right: 3px; transition: all 0.2s ease-out; text-decoration: none; color:#a5a5a5; position:relative}
#pages a:after,#pages a:before { display: block; content: "";height: 1px; position:absolute; bottom:0}
 #pages a:before{background-color: #e0e0e0;width: 40px;}
 #pages a.next:before{ opacity: 0; }
 #pages a.prev:before {
    opacity: 0;}
  #pages a:after{background-color: #d80b30;width: 0;transition: all 0.2s ease-out}
   #pages a.active,#pages a:hover { color: #d80b30}
   #pages a:hover:after, #pages a.active:after { width: 40px;}
     #pages a.prev:after,#pages a.next:after{ display:none}
      #pages a.prev,#pages a.next{ font-size:20px}
      #pages a.prev:hover,#pages a.next:hover{ background:#d80b30; color:#fff}
        #pages a.prev{ margin-right:30px; border-right:#e0e0e0 1px solid}
#pages a i{left:-2px; position:relative}
#pages a.next{ margin-left:30px; border-left:#e0e0e0 1px solid}