@font-face {font-family: 'DINCond-Mediumcff915e7c3bc5';src: url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.gif?r=53148925118');src: url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.gif?r=53148925118?#iefix') format('embedded-opentype'),     url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.bmp?r=53148925118') format('woff'),     url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.jpg?r=53148925118') format('truetype'),     url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.png#DINCond-Medium') format('svg');   }.csscff915e7c3bc5{font-family: 'DINCond-Mediumcff915e7c3bc5';}
@font-face {
  font-family: 'iconfont';  
  src: url('/skin/fonts/font_520338_6z35szs7ttny7gb9.eot');
  src: url('/skin/fonts/font_520338_6z35szs7ttny7gb9.eot#iefix') format('embedded-opentype'),
  url('/skin/fonts/font_520338_6z35szs7ttny7gb9.woff') format('woff'),
  url('/skin/fonts/font_520338_6z35szs7ttny7gb9.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_520338_6z35szs7ttny7gb9.svg#iconfont') format('svg');
}
.iconfont{ color: inherit; font-family: 'iconfont'; font-size: inherit;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;-moz-osx-font-smoothing: grayscale;}
body{ font-family:arial, "Microsoft YaHei";font-size: 14px;color: #333; line-height: 1.6;overflow-x: hidden; position: relative;} 
body.on{ position: fixed; left: 0;right: 0;}
body.on:before{ position: fixed; left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(97,166,14,.8);z-index: 10;}
::selection {
    background:#3390ff; 
    color:#fff;
}
::-moz-selection {
    background:#3390ff; 
    color:#fff;
}
::-webkit-selection {
    background:#3390ff; 
    color:#fff;
}
/*.autowidth{ width: 1366px; margin: auto;}*/
.colorRed{ color: #d21313;}


.page{
    clear: both;
overflow: hidden;
margin:0 auto;
text-align: center;
margin-bottom: 60px;
margin-top:20px;
}
.page a {
font-size: 14px;
line-height: 46px;
display: inline-block;
overflow: hidden;
width: 46px;
height: 46px;
margin: 0 3px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
text-align: center;
color: #312c67;
/* border-radius: 50%; */
background-color: #eee;
}
.page a:hover {
font-size: 14px;
line-height: 46px;
display: inline-block;
overflow: hidden;
width: 46px;
height: 46px;
margin: 0 3px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
text-align: center;
color: #fff;
/* border-radius: 50%; */
background-color: #312c67;
}
.page span {
font-size: 14px;
line-height: 46px;
display: inline-block;
overflow: hidden;
padding:0 10px;
height: 46px;
margin: 0 3px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
text-align: center;
color: #312c67;
/* border-radius: 50%; */
background-color: #eee;
}

.show_page  li{
    display: flex;
    justify-content: center;
}