@charset "utf-8";

/* 固定--CSS */
body{ font-size:14px/1.5; color: #737373; background: #F2F2F2;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select{margin:0;padding:0;font-family:"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei,sans-serif,Arial;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
i,em{font-style:normal;}
q:before,q:after {content:'';} 
abbr,acronym { border:0;}
input,button{outline: none; font-size:100%;}
input,select{vertical-align: middle; outline:none;}
button{ text-align: center;}
.HCS-commente-box a{ font-size: 14px; cursor: pointer; text-decoration:none; color:#333;}
a:hover{ text-decoration: none; color: none }
a:-webkit-any-link{text-decoration:none;} 
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.HCS-commente-box img{display: block;  border: 0;}
input[type="text"], 
input[type="submit"], 
input[type="reset"],
input[type="password"],
textarea  {-webkit-appearance: none; border-radius:0; background: none;}
select { border: none; border-radius:0;  }
input:focus, textarea:focus {
    outline: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}

/*复选框，单选框共用样式*/
label {
   font-size:12px;
   cursor:pointer; 
   line-height: 12px;
   color: #999999;
 }  
label i {
   font-size:12px;
   font-style:normal;
   display:inline-block;
   width:10px;
   height:10px;
   text-align:center;
   line-height:8px;
   color:#F5F3EF;
   vertical-align:middle;
   margin-right: 8px;
   border:1px solid #bdbdbf;
   border-radius: 2px;
   background: #F5F3EF;
}  
input[type="checkbox"],input[type="radio"] {width: 0; visibility: hidden;;}  
input[type="radio"] + i {border-radius:6px;}  
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {
   color: #8B9198;
}  
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}  
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;} 
a:hover{
    /*color: #ff9a22;*/
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#999;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
}
.carfix{zoom:1;display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.smbtn,.smbtn1{
    width: 78px;
    height: 30px;
    border: 0;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}
.xsbtn{
  width: 68px;
  line-height: 24px;
  border-radius: 12px;
  border: 0;
  text-align: center;
}
.smbtn1{
  width: 88px;
}
.mdbtn{
    width: 112px;
    height: 32px;
    border: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}
.xsbtnline{
    width: 66px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}
.blueline{
    border: 1px solid #4694ed;
    color: #4694ed;
}
.blueline:hover{
   color: #fff;
   background: #4694ed; 
}
.orangeline{
    border: 1px solid #ff9a22;
    color: #ff9a22;
}
.orangeline:hover{
   color: #fff;
   background: #FE890B; 
}
.orangebg{
   color: #fff;
   background: #FFA200; 
}
a.orangebg:hover,button.orangebg:hover{
   color: #fff;
   background: #FD7E14; 
}
.deep-orangebg{
   color: #fff;
   background: #FE890B; 
}
.bluebg{
    background: #72AEF2;
    color: #fff;
}
.deep-bluebg{
  background: #4680FF;
  color: #fff;
}
.deep-bluebg:hover{
  background: #3373FF;
}
.greenbg{
    background: #79AD73;
    color: #fff;
}
.redbg{
    background: #f35252;
    color: #fff;
}
.graybg{
  background: #D9D9D9;
  color: #a6a6a6; 
}
.orange{
   color:#ff9a22; 
}
a.orange:hover{
   color:#ff9312; 
}
.yellow{
  color: #ffa200;
}
a.yellow:hover{
  color: #ff9a22;
}
.green{
    color: #5ba916;
}
.red{
    color: #f54b0f;
}
.blue{
    color: #4694ed;
}
.dark-orange{
  color: #ff6c00;
}
button.orangebg:hover,a.orangebg:hover,a.blueline:hover,a.orangeline:hover,button.xsbtn:hover{
    transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.commone-mt{
    margin-top: 24px;
}