@charset "UTF-8";



/*reset css*/



html {



  font-family: sans-serif;



  -webkit-text-size-adjust: 100%;



      -ms-text-size-adjust: 100%;



  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);



}



body {



  font-family:"微软雅黑", "Arial", "sans-serif","microsoft yahei";



  font-size: 14px;



  line-height: 1.2;



  color: #333;



  background-color: #fff;



}



article,



aside,



details,



figcaption,



figure,



footer,

header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;



}



audio,



canvas,



progress,



video {



  display: inline-block;



  vertical-align: baseline;



}

i{font-style: normal;}
img{
  max-width: 100%;
}

audio:not([controls]) {



  display: none;



  height: 0;



}



[hidden],



template {



  display: none;



}



a {



  background-color: transparent;



  text-decoration: none;



  color:#333;



}



a:active,



a:hover {



  outline: 0;



}



b,



strong {



  font-weight: bold;



}



dfn {



  font-style: italic;



}



img {



  border: 0;



  vertical-align: middle;



}



svg:not(:root) {



  overflow: hidden;



}



pre {



  overflow: auto;



}



code,



kbd,



pre,



samp {



  font-family: monospace, monospace;



  font-size: 1em;



}



button,



input,



optgroup,



select,



textarea {



  color: inherit;



  font-family: inherit;



  font-size: inherit;



  line-height: inherit;



  background: none;



  border:none;



}



button {



  overflow: visible;



  -webkit-appearance: none;



  -moz-appearance: none;



  -o-appearance: none;



  appearance: none;



}



button,



select {



  text-transform: none;



}



button[disabled],



html input[disabled] {



  cursor: default;



}



button::-moz-focus-inner,



input::-moz-focus-inner {



  padding: 0;



  border: 0;



}



input {



  line-height: normal;



  -webkit-appearance: none;



  -moz-appearance: none;



  -o-appearance: none;



  appearance: none;



}



input[type="checkbox"],



input[type="radio"] {



  -webkit-box-sizing: border-box;



     -moz-box-sizing: border-box;



          box-sizing: border-box;



  padding: 0;



}



input[type="number"]::-webkit-inner-spin-button,



input[type="number"]::-webkit-outer-spin-button {



  height: auto;



}



legend {



  padding: 0;



  border: 0;



}



textarea {



  overflow: auto;



}



optgroup {



  font-weight: bold;



}



table {



  border-spacing: 0;



  border-collapse: collapse;



}



td,



th {



  padding: 0;



}



* {



  margin:0;



  padding:0;



  outline: none;



  -webkit-box-sizing: border-box;



     -moz-box-sizing: border-box;



          box-sizing: border-box;



}



*:before,



*:after {



  -webkit-box-sizing: border-box;



     -moz-box-sizing: border-box;



          box-sizing: border-box;



}



ul{list-style:none;}



h1,h2,h3,h4,h5,h6{



  font-family: inherit;



  font-weight: 400;



  line-height: 1.1;



  color: inherit;



}



/*p,a{word-break: break-all;}*/



.section{width: 100%;overflow: hidden;}



.pull-right{float: right;}



.dis-table{display: table;width: 100%;height: 100%;}



.dis-cell{display: table-cell;vertical-align: middle;}



.scrollbar{overflow-y: auto;}



.scrollbar::-webkit-scrollbar {



  width: 3px;



  background-color: #dcdbdb;



}



.scrollbar::-webkit-scrollbar-thumb {



  background-color:#099cf1;



  border-radius: 10px;



}



.clearfix:before,.clearfix:after{



  content: " ";display: table;



}



.clearfix:after{



  clear: both;



}











@font-face {



    font-family: 'open';



    src: url('../font/OPENSANS.eot');



    src: local('☺'), url('../font/OPENSANS.woff') format('woff'),



     url('../font/OPENSANS.ttf') format('truetype'),



      url('../font/OPENSANS.svg') format('svg');



    font-weight: normal;



    font-style: normal;



}







@font-face {



    font-family: 'din';



    src: url('../font/DINMITTELSCHRIFTSTD.eot');



    src: local('☺'), url('../font/DINMITTELSCHRIFTSTD.woff') format('woff'),



     url('../font/DINMITTELSCHRIFTSTD.ttf') format('truetype'),



      url('../font/DINMITTELSCHRIFTSTD.svg') format('svg');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'helve';



    src: url('../font/HelveticaCyr-Bold.eot');



    src: local('☺'), url('../font/HelveticaCyr-Bold.woff') format('woff'),



     url('../font/HelveticaCyr-Bold.ttf') format('truetype'),



      url('../font/HelveticaCyr-Bold.svg') format('svg');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'heb';



    src: url('../font/HELVETICABOLD.eot');



    src: local('☺'), url('../font/HELVETICABOLD.woff') format('woff'),



     url('../font/HELVETICABOLD.ttf') format('truetype'),



      url('../font/HELVETICABOLD.svg') format('svg');



    font-weight: normal;



    font-style: normal;



}