body,dl,dd,h1,h2,p,form,blockquote,button,input,select,textarea{margin:0; padding:0;}
body{color:#333; font-family:"Helvetica  Neue",Helvetica,Arial,sans-serif; overflow-x:hidden; font-size:14px;}
div,p,b,em,i,span,ul,li,ol,dl,dt,dd,input,select,textarea,button,form,label{-webkit-box-sizing:border-box; -moz-box-sizing:border-box;
  -ms-box-sizing:border-box; -o-box-sizing:border-box;  box-sizing:border-box;}
ol,ul,li,dl,dt,dd{margin:0; padding:0; list-style-type:none;}
h1{font-size:2.2rem;}
h2{font-size:2rem;}
b{font-weight:normal;}
em,i{font-style:normal;}
a{text-decoration:none; color:#333;}
input,textarea,button{border:none; border-radius:0;  background:none; padding:0; -webkit-appearance:none;
      -moz-appearance:none; -ms-appearance:none; -o-appearance:none;  appearance:none;}
input,select,textarea{font-size:15px;}
textarea{resize:none;}
button{padding:0;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb;}
input::-moz-placeholder,textarea:-moz-placeholder{color:#bbb;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#bbb;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb;}

.check{width:18px; height:18px; border-radius:18px;  -webkit-border-radius:18px; background-color:#ffffff; border:solid 1px  #cccc;
    font-size:0.8rem; margin:0; padding:0; position:relative;  display:inline-block; vertical-align:top; cursor:default;
    -webkit-appearance:none; -webkit-user-select:none;  user-select:none; -webkit-transition:background-color ease 0.1s;
    transition:background-color ease 0.1s;}
.check:checked{background-color:#FF5886; border:solid 1px  #FF5886; text-align:center; background-clip:padding-box;}
.check:checked:after{content:''; width:9px; height:6px;  position:absolute; top:50%; left:50%; margin-left:-5px;
    margin-top:-5px; background:transparent; border:1px solid  #ffffff; border-top:none; border-right:none; z-index:2;
    -webkit-border-radius:0; border-radius:0;  -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

/* clear */
.clearfix{zoom:1;}
.clearfix:after{content: " "; display:block; font-size:0; height:0;  clear:both; visibility:hidden;}
/*flex*/
.flex-box{display:flex; display:-webkit-flex;  display:-moz-flex; display:-ms-flex; display:-o-flex;}
.flex-box-center{display:flex; display:-webkit-flex; display:-moz-flex;  display:-ms-flex; display:-o-flex; justify-content:center;
      align-items:center;}
/*溢出隐藏*/
.inaline{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.intwoline{ display:-webkit-box!important; overflow:hidden;  text-overflow:ellipsis; word-break:break-all;  -webkit-box-orient:vertical;
      -webkit-line-clamp:2;}

.animate{-webkit-transition: all 0.2s linear; transition: all 0.2s  linear;}

::-webkit-scrollbar-track{ background-color: #F5F5F5; }
::-webkit-scrollbar{ width: 8px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb{ background-color: #ccc; }


.header{width:100%; height:100px; background-color:rgba(0,0,0,.5); position:fixed; top:0; left:0; z-index:99999;}
.header .head-in{width:1200px; height:100px; margin:0 auto; align-items:center;}
.header .logo{height:60px; cursor:pointer;}
.header .logo img{height:100%;}
.header .nav{height:100px; flex:1; justify-content:flex-end; margin:0 20px;}
.header .nav a{width:100px; font-size:15px; display:flex; display:-webkit-flex; display:-moz-flex;  display:-ms-flex; display:-o-flex; justify-content:center;
      align-items:center; color:#fff; -webkit-transition: all 0.2s linear; transition: all 0.2s  linear;}
.header .nav a:hover{color:#ccc;}
.header .login{font-size:14px; color:#fff;}
.header .login .log{padding:5px 10px; color:#fff; cursor:pointer;}
.header .login .reg{padding:5px 10px; border:1px solid #fff; color:#fff;  margin-left:10px; cursor:pointer;}

.layui-layer-resize{display:none;}