@charset "utf-8";
html, body {
  padding: 0;
  margin: 0;
  background: #fff;
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';
  border: 0;
  outline: medium;
  text-shadow: none;
  text-decoration: none;
}

body {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input {
  vertical-align: middle;
}

textarea {
  resize: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 14px;
  margin:0;
}

hr {
  border-width: 1px;
  border-style: inset;
}

ul {
  list-style: none;
  margin-bottom: 0;
}

p {
  margin: 0;
}

a{
  color: inherit;font-size: inherit;
}

a, a:link, a:active, a:visited, a:hover {
  text-decoration: none;
}
i, em {
  font-style: normal;
}
html{
  height: 100%;
}
html, body {
  width: 100%;
  min-height: 100%;
}
.clearfix:after{content: ""; display: block;clear: both;}
.gray,.green{background: #f5f5f5;}
.fl{float: left;}
.fr{float: right;}
.p_r{position: relative;}
.p_a{position: absolute;}
.clear{clear: both;}
.padding_0{padding-left: 0;padding-right: 0;}
.padding_50{padding-top: 50px;padding-bottom: 50px;}
.padding_30{padding-top: 30px;padding-bottom: 30px;}
.padding_t30{padding-top: 30px;}
.padding_b30{padding-bottom: 30px;}
.padding_t50{padding-top: 50px;}
.padding_b50{padding-bottom: 50px;}
.margin_20{margin:20px auto;}
.margin_t40{margin-top: 40px;}
.dH{overflow: hidden;}
.center-align{text-align: center;}
.right-align{text-align: right;}
.clear{clear: both;}
.omit_1{overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.omit_2{overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.omit_3{overflow: hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}


/*宽屏相应*/
.container {
  margin: 0 auto;
  max-width: 1400px;
}
@media only screen and (max-width: 600px) {
  .container {
    width: 95%;
  }
}

@media only screen and (min-width: 601px) {
  .container {
    width: 95%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 95%;
  }
}

@media only screen and (min-width: 1201px) {
  .container {
    width: 95%;
  }
}

/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}

.d-flex{
  display: flex !important;
}
.flex-1{
  flex: 1;
}

.align-center{
  align-items: center !important;
}

.justify-center{
  justify-content: center !important;
}

.justify-space-between{
  justify-content: space-between !important;
}

.justify-space-around{
  justify-content: space-around;
}

.flex-column{
  flex-direction: column !important;
}

.flex-wrap{
  flex-wrap: wrap !important;
}

#skypeContent {
  width: 102px;
  background: #F8FBFE;
  text-align: center;
  margin: 0;
  padding: 0;
  border: #00CCFF solid 1px;
  display: block;
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 50%;
  right: 0;
}

#skypeContent p {
  background: #00CCFF;
  color: #FFFFFF;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 11px;
}

#skypeContent a {
  margin: 0 0 5px 0;
  display: block;
  padding: 0;
}