@charset "utf-8";
*html{_background:url(about:blank);background-attachment:fixed;}/*为IE6写的，帮助相对于窗口固定位置的元素实现无抖动效果。*/
html { overflow-y: scroll;}/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body,html,input{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}
*{font-family: 'Microsoft YaHei';list-style:none; }
body{font-size:12px; font-family: '微软雅黑','宋体', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
img{border:none;}
table{border-collapse:collapse;border-spacing:0;}
select optgroup{color:#CAC8BB;}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}/*显示计算机源代码标签*/
h1{font-size:34px;}
h2{font-size:26px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}/*垂直居中*/
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
a{color:#444; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#5b3c41; text-decoration:underline;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}
button{cursor: pointer;}
input button{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;text-transform:capitalize;/*大写字母开头，感觉没必要*/}

header, section, footer, aside, nav, main, article, figure {display: block; }


/*文字鼠标选中颜色*/
::selection {background:yellow; color:#000;}
::-moz-selection {background:yellow; color:#000;}
::-webkit-selection {background:yellow; color:#000;}









* {
    box-sizing: border-box;
}
.container{width: 100%;}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="wq-"] {
    float: left;
}

/*----------------------------------------公共样式-------------------------------------*/



[class*="wq-"] {
    width: 100%;
}

/* ----------------------------------------------手机端600px以内For mobile phones:------------------------------------------------ */
@media only screen and (max-width: 767px) {
    .wq-s-1 {width: 8.33%;}
    .wq-s-2 {width: 16.66%;}
    .wq-s-3 {width: 25%;}
    .wq-s-4 {width: 33.33%;}
    .wq-s-5 {width: 41.66%;}
    .wq-s-6 {width: 50%;}
    .wq-s-7 {width: 58.33%;}
    .wq-s-8 {width: 66.66%;}
    .wq-s-9 {width: 75%;}
    .wq-s-10 {width: 83.33%;}
    .wq-s-11 {width: 91.66%;}
    .wq-s-12 {width: 100%;}

}


/* ---------------------------------------------大屏宽度768px以上 pxor desktop:---------------------------------------------------- */
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .wq-m-1 {width: 8.33%;}
    .wq-m-2 {width: 16.66%;}
    .wq-m-3 {width: 25%;}
    .wq-m-4 {width: 33.33%;}
    .wq-m-5 {width: 41.66%;}
    .wq-m-6 {width: 50%;}
    .wq-m-7 {width: 58.33%;}
    .wq-m-8 {width: 66.66%;}
    .wq-m-9 {width: 75%;}
    .wq-m-10 {width: 83.33%;}
    .wq-m-11 {width: 91.66%;}
    .wq-m-12 {width: 100%;}
}





/* ---------------------------------------------大屏宽度1200以上  ---------------------------------------------------- */
@media only screen and (min-width: 1100px) {
    /* For desktop: */
    .wq-b-1 {width: 8.33%;}
    .wq-b-2 {width: 16.66%;}
    .wq-b-3 {width: 25%;}
    .wq-b-4 {width: 33.33%;}
    .wq-b-5 {width: 41.66%;}
    .wq-b-6 {width: 50%;}
    .wq-b-7 {width: 58.33%;}
    .wq-b-8 {width: 66.66%;}
    .wq-b-9 {width: 75%;}
    .wq-b-10 {width: 83.33%;}
    .wq-b-11 {width: 91.66%;}
    .wq-b-12 {width: 100%;}
}

body{max-width: 1920px;margin: auto !important;}