a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-family: "Microsoft Yahei", "微软雅黑", arial;
    font-size: 12px
}
/* 滚动条 */

::-moz-selection {
    background: #222;
    color: white;
    text-shadow: none
}

::selection {
    background: #222;
    color: white;
    text-shadow: none
}

::-webkit-scrollbar-track-piece {
   /*  width: 10px; */
    background-color: #f2f2f2
}

/* ::-webkit-scrollbar {
    width: 10px;
    height: 10px
} */

::-webkit-scrollbar-thumb {
    height: 50px;
    background: #b2bbcd
}

::-webkit-scrollbar-thumb:hover {
    background: #b2bbcd;
    cursor: pointer
}

ul {
    list-style: none
}

body a {
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: transparent;
    z-index: 1
}

.clearfix:after, .clearfix:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

*:focus {
    outline: none
}

/*公共样式*/
.l {
    float: left;
}
.r {
    float: right;
}
input::-webkit-input-placeholder {
    font-size: 12px;
    color: #999;
}
input:-ms-input-placeholder {
    font-size: 12px;
    color: #999;
}
input::placeholder {
    font-size: 12px;
    color: #999;
}
input {
    /*display: block; *必选项换行*/
    box-sizing: border-box;
    font-family: "Microsoft Yahei", "微软雅黑", arial;
    line-height: 40px;
    height: 40px;
    width: 100%;
    border: none;
}
input[type="text"],
input[type="password"]{
    font-size: 12px;
    color: #333;
    width: 100%;
    border: 1px solid #ccc;
    padding-left: 5px;
    background: none;
}
input[type="checkbox"],
input[type="radio"]  {
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
}
input:focus { 
    border:1px solid #55c4b8;
}

input[type='submit'] {
    color: #fff;
    font-size: 16px;
}
input[type='button']{
    border: none;
    outline: none;
}
input[type="text"]:focus {
    border-color: #55c4b8 !important;
}
input.disable:focus {
    border-color: #ccc !important;
}
.ftSmall {
    font-size: 14px;
}
.ftmiddle {
    font-size: 16px;
}
.ftlarge {
    font-size: 18px;
}
.gray1 {
    color: #999;
}
.gray2 {
    color: #666;
}
body .gray3 {
    color: #333;
}
.border {
     border: 1px solid #ccc;
}
.noborder {
    border: none !important;
}
.red-txt {
    color: #de0000;
}
.yellow-txt {
    color: #ffba1a;
}
.lineh15 {
    line-height: 1.5;
}
/*背景色*/
.reviewDetail a:nth-child(4n+1),
.yellow {
  background: #ffba1a
}
.disable {
  background: #cccccc !important;
  color: rgba(51,51,51,0.5) !important;
}
.reviewDetail a:nth-child(4n+4),
.blue {
  background: #6cbef6
}
.reviewDetail a:nth-child(4n+3),
.green {
  background: #55c4b8
}
.reviewDetail a:nth-child(4n+2),
.red {
  background: #eb5e12
}
.yellow:active {
  background: #e5a717;
}
.blue:active {
  background: #61abdd;
}
.green:active {
  background: #4cb0a5;
}
.red:active {
  background: #d35410;
}

.green-txt,
a.link {
    color: #55c4b8;
}
.orange-txt {
    color: #eb5e12;
}
a.link:hover {
    cursor: pointer;
}
.hncbtn {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #55c4b8;
    height: 40px;
    line-height: 40px;
    border: 1px solid #55c4b8;
    border-radius: 3px;
}
.hncbtn.normal {
    width: 200px;
    height: 40px;
    line-height: 40px;
}
.hncbtn.middle {
    width: 90px;
    height: 30px;
    line-height: 28px;
}

/*.hncbtn.on,
.hncbtn:hover {
    color: #fff;
    background: #55c4b8;
}*/
.hncbtn.middle:hover {
    color: #333;
    cursor: pointer;
}

/*过渡效果*/
.fade-enter,
.fade-leave-to {
  opacity:0;
}
.fade-enter-active{
  transition:opacity .2s;
}
.fade-leave-active{
  transition:transform .2s;
}