*, :after, :before {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, ins, kbd, q, samp,

small, strong, sub, sup, var, b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

}



h1, h2, h3, h4, h5, h6, em, i {

    font-weight: normal;

    font-style: normal;

}



ul, ol, li {

    list-style-type: none;

}



img {

    border: none;

    vertical-align: top;

}



img[src=""], img:not([src]){

    opacity:0;

    filter: alpha(opacity=0);

}



a {

    color: #333;

    text-decoration: none;

    outline: 0;

}



a:hover {

    text-decoration: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



button{

    border: none;

    cursor: pointer;

}



input, textarea, button, select {

    outline: none;

    font-family: "Microsoft YaHei",微软雅黑;

    font-size: 14px;

    color: #333;

}



input, input:focus {

    outline: 0;

}



input::-ms-clear, input::-ms-reveal { 

    display: none;

}



input::-moz-placeholder, textarea::-moz-placeholder { 

    color: #999;

    opacity: 1;

}



input:-ms-input-placeholder, textarea:-ms-input-placeholder { 

    color: #999;

}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    color: #999;

}



body {

    font-family: "Microsoft YaHei",微软雅黑;

    font-size: 14px;

    line-height: 1.15;

    color: #333;

    background: #fafafa;

    min-width: 1200px;

}



.clearfix {

    zoom: 1;

}



.clearfix:after {

    display: block;

    clear: both;

    content: "";

    visibility: hidden;

    height: 0;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.red{

    color: #ed2f2e;

}



.bg-red{

    color: #fff;

    background: #ed2f2e;

}



.g-row{

    width: 1200px;

    margin: 0 auto;

}



.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 4px;

    margin-top: -2px;

    vertical-align: middle;

    border-top: 6px dashed #999;

    border-top: 6px solid #999\9;

    border-right: 5px solid transparent;

    border-left: 5px solid transparent;

}



.arrow-down{

    position: relative;

    display: inline-block;

    width: 0;

    height: 0;

    vertical-align: middle;

    margin-top: -2px;

    border-top: 5px dashed #888;

    border-top: 5px solid #888\9;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

}



.arrow-down:before{

    content: '';

    position: absolute;

    top: -6px;

    left: -5px;

    width: 0;

    height: 0;

    border-top: 5px dashed #fff;

    border-top: 5px solid #fff\9;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

}



.arrow-up{

    position: relative;

    display: inline-block;

    width: 0;

    height: 0;

    vertical-align: middle;

    margin-top: -2px;

    border-bottom: 5px dashed #888;

    border-bottom: 5px solid #888\9;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

}



.arrow-up:before{

    content: '';

    position: absolute;

    bottom: -6px;

    left: -5px;

    width: 0;

    height: 0;

    border-bottom: 5px dashed #fff;

    border-bottom: 5px solid #fff\9;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

}