@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup, em, button ,a,input{ margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0)}
html{-webkit-text-size-adjust:none;/*font-size: 62.5%;*/overflow-x:hidden }
body {min-width:320px; color:#666666;font-size:14px;font-family:  Microsoft YaHei,Arial, Helvetica,"\534E\6587\9ED1\4F53", sans-serif; background:#f5f5f5;/* overflow-x:hidden;*/position: relative;}

table {border-collapse:collapse;border-spacing:0}
ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:0;max-width:100%; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;}
input,img{vertical-align:middle;}
input,button,a,select,textarea{margin: 0; padding:0;/*-webkit-appearance:none;*/border:none; font-family: Microsoft YaHei;outline:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal}
strong {font-weight:700}
cite,em {font-style:normal}
a{color: #666666;text-decoration: none}
/*a{transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}*/
a:hover{color: #33bf82}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}::-webkit-scrollbar{width:8px;height:30px;}
::-webkit-scrollbar-button{ background:transparent; height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:4px;}
::-webkit-scrollbar-corner{background:#ebebeb;}
::-webkit-scrollbar-resizer{background:#ebebeb;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="number"]{-moz-appearance:textfield;}
*{ margin:0; padding:0;}

.clearfix {
    *zoom:1
}
.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0
}
.clearfix:after {
    clear:both
}

.row{width: 100%}

.row:before,.row:after {
    display:table;
    content:"";
    line-height:0
}
.row:after {
    clear:both
}
.overflowHiden{overflow: hidden}


/* link */
.cp{cursor:pointer}
/*a,a:visited {color:#666666;text-decoration:none;outline: none;}*/
/*a:active{ background-color: #efefef;}*/

a.c-0cf,
a.c-0cf:visited { color: #0cf;}
.verticalCentering{position:relative;}
.verticalCentering img{ max-width: 100%;  max-height: 100%;  position: absolute;  top: 50%;  left: 50%;  transform: translate3d(-50%,-50%,0);  -ms-transform: translate3d(-50%,-50%,0);  -moz-transform: translate3d(-50%,-50%,0);  -webkit-transform: translate3d(-50%,-50%,0);  -o-transform: translate3d(-50%,-50%,0);}
.textOmitted{    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}
.textOmitted2{    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
   @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:67.5px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:60px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:50px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:45px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:40px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:37.5px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:33.75px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:30px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:25.875px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:25px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:23.4375px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:22.5px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:20px;
     }
   }
     @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
     html,body {
         font-size:15px;
     }
   }