*{
  margin:0;
  padding:0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul,
ol,
li {
  list-style: none;
}
.clear_both {
  clear: both;
}
.clearfix:after {
  /*自设class名。一般约定俗成的是清除浮动。*/
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
body,html {
  /*-webkit-text-size-adjust: none;
  禁用Webkit内核浏览器的文字大小调整功能。*/
  font-size:16px;
  width: 100%;
  /*overflow-x: hidden;*/
}
a,
a:active,
a:link,
a:visited,
a:hover {
  text-decoration: none;
}
input {
  outline: medium none;
  border-style: none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
  display: none;
}
option {
  border: 0;
}
input,
select {
  border: none;
  padding: 0;
}
body,html{
  width: 100%;
  background: #F8F8F8;
}
/*1行省略*/
.elli1{overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    text-align:justify;}
.elli2{overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    text-align:justify;}
.elli3{overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    text-align:justify;}
.elli4{overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    text-align:justify;}
.elli5{overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
    text-align:justify;}

.parent {
  text-align: center;
}
.parent:after {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.parent .child {
  display: inline-block;
  vertical-align: middle;
}
.justify-container {
  text-align: justify;/*两端对齐*/
}
.justify-container:after {
  width: 100%;
  display: inline-block;
  content: "";
}
.justify-container .justify-item {
  display: inline-block;
  vertical-align: bottom;
}
a {
  color: #999;
}
:focus {
  outline: none;
}
body {
  font-family: 'Microsoft YaHei', "微软雅黑", Tahoma, Helvetica, Arial, '新宋体', '宋体', sans-serif;
  -webkit-font-smoothing: antialiased;/*文字抗锯齿*/
}
input[type="button"],
input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.L{
    float:left;
}
.R{
    float:right;
}

/*display: flex;*/
.df{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
/*主轴方向两端分布*/
.jcsb{justify-content: space-between;}
/*主轴方向均匀分布*/
.jcsa{justify-content: space-around;}
/*主轴方向居中分布*/
.jcc{justify-content:center;}
/*交叉轴方向居中*/
.aic{align-items:center;}
/*交叉轴方向居起始*/
.ais{align-items:flex-start;}
/*交叉轴方向居末端*/
.aie{align-items:flex-end;}
/*横轴为主轴*/
.fr{flex-direction:row;}
/*纵轴为主轴*/
.fd{flex-direction: column;}
/*可缩放*/
.f1{flex:1;}
/*不可缩放*/
.f0{flex:0;}
/*可换行*/
.fw{flex-wrap: wrap;}


/*美化滑动条*/
.scrollbar{ 
overflow-y: auto;
} 
.scrollbar::-webkit-scrollbar { /*滚动条整体样式*/
width: 4px; 
border-radius:100px;
background-color:#ff5d00; 
} 
.scrollbar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
border-radius:100px;
background-color:#ff5d00; 
/*background-color: rgba(217,217,217,0.3); */
/*border-radius: 6px; */
} 
.scrollbar::-webkit-scrollbar-track { /*滚动条里面轨道*/
/*-webkit-box-shadow: inset 0 0 6px rgba(134,0,0,0.9); */
/*border-radius: 6px; */
background-color: #f1f1f1;
} 
/*登录弹出框*/
    @font-face {
      font-family: 'close';
      src: url('../fonts/close.eot');
      src: url('../fonts/close.eot?#iefix') format('embedded-opentype'),
          url('../fonts/close.woff2') format('woff2'),
          url('../fonts/close.woff') format('woff'),
          url('../fonts/close.ttf') format('truetype'),
          url('../fonts/close.svg#iconfont') format('svg');
    }
    .pop-box{
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,.2);
        position: fixed;
        display: none;
        top:0;
        left:0;
        z-index: 100;
    }
    .pop{
        width:330px;
        height:250px;
        background: #fff;
        position: fixed;
        top: 50%;
        left: 50%;    
        margin-left: -185px;
        margin-top: -125px;
        border-radius: 5px;
        padding: 15px 20px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .pop-tit{
        text-align: center;
        font: 23px/30px "微软雅黑";
        color: #333;
        letter-spacing: 10px;
        text-indent: 10px;
        font-weight: bold;
        margin: 10px 0;
    background: -webkit-linear-gradient(top left, #ff8500 0%, #ff5000 25%, #ff8500 50%, #ff5000 75%, #ff936b 100%);
    background: -o-linear-gradient(top left, #ff8500 0%, #ff5000 25%, #ff8500 50%, #ff5000 75%, #ff936b 100%);
    background-image: linear-gradient(90deg,#0E90D5 0%,
#3032A2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .pop-tite{
        text-align: center;
        font: 14px/30px "微软雅黑";
        color: #333;
    }
    .pop-form{
        width: 85%;
        margin: 0 auto;
        flex:1;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .pop-flex{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
    }
    .pop-input{
      min-width:auto;
        flex:1;
        height: 28px;
        line-height: 28px;
        border:1px solid #ddd;
        text-indent: 10px;
        margin-left: 10px;
    }
    .pop-name{
        line-height: 30px;
        height: 30px;
        width: 20%;
        text-align-last: justify;
    }
    .pop-regi{
        width:100%;
        text-align: right;
        height:20px;
        font:12px/20px "微软雅黑";
    }
    .pop-regi a{
        color:#ff5e00;
    }
    .pop-code-name{line-height: 40px;}
    .pop-code{
        flex:1;
        margin-left: 10px;
        width: 30%;
        height: 40px;
        line-height: 40px;
    }
    .pop-code-img{
        width: 120px;
        height: 40px;
    }
    .pop-btn{
        display: block;
        width: 40%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        background: #ff5e00;
        outline: 0;
        border: 0;
        font-size: 16px;
        border-radius: 5px;
    }
    .pop-btn a{display: block;width: 100%;height: 30px;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #fff;}
    .pop-close{
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        font:20px/20px close;
        text-align: center;
        cursor: pointer;
    }








 


@media screen and (min-width:1200px) {
/*媒体查询开始*/

  .WebCenter{
  width:1200px;
  margin:0 auto;
}
/*媒体查询结束*/
}



@media screen and (max-width:1200px) and (min-width:960px) {
/*媒体查询开始*/

  .WebCenter{
  width:960px;
  margin:0 auto;
}
/*媒体查询结束*/
}



@media screen and (max-width:960px) and (min-width:639px) {
/*媒体查询开始*/

  .WebCenter{
  width:639px;
  margin:0 auto;
}

}