@charset "utf-8"; /* CSS Document */ body{font-size:14px;background:#fff;color:#333;font-family:"Microsoft YaHei","Helvetica Neue","Helvetica","Hiragino Sans GB","Hiragino Sans GB W3","Arial,sans-serif";} body,dd,div,dl,dt,form,h2,h3,h4,li,ol,p,td,th,ul,input{margin:0;padding:0;border:0;} h2,h3,h4{font-size:100%;} ol,ul{list-style-type:none;} img{border:0; max-width: 100%;} table{border-collapse:collapse;} em{font-style:normal;} input{outline:0;font-family:arial,'pingfang sc',stheiti,"microsoft yahei",sans-serif;} a{color:#333;cursor:pointer;outline:0;text-decoration:none;} a:hover{color:#034f99} .clearfix:before,.clearfix:after{content:"";display:table;} .clearfix:after{clear:both;} .clearfix{*zoom:1;} .clear{clear:both;} .fixed {position:fixed;top: 0; width: 100%; margin: 0 auto;left: 0;} .fl{float:left;} .fr{float:right;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mb10{margin-bottom:10px;} .mb15{margin-bottom:15px;} .mb20{margin-bottom:20px;} .pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt20{padding-top:20px;} .pb10{padding-bottom:10px;} .pb15{padding-bottom:15px;} .pb20{padding-bottom:20px;} .textcenter{text-align:center;} /*外层宽度*/ .container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1280px;} @media (min-width: 768px) { .container {width: 750px;} } @media (min-width: 992px) { .container {width: 970px;} } @media (min-width: 1200px) { .container {width: 1170px;} } .container:before,.container:after{content:"";display:table;} /*宽度百分比设定*/ .box-w-1,.box-w-2,.box-w-3,.box-w-4,.box-w-5,.box-w-6,.box-w-40,.box-w-60{float:left;} .box-w-1{width: 100%;} .box-w-2{width:50%;} .box-w-3{width:33.3333333333%;} .box-w-4{width:25%;} .box-w-5{width:20%;} .box-w-6{width:66.6666666667%;} .box-w-40{width:40%;} .box-w-60{width:60%;} /*.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left;} .col-md-1{width:8.33333333%;} .col-md-2{width:16.66666667%;} .col-md-3{width:25%;} .col-md-4{width:33.33333333%;} .col-md-5{width:41.66666667%;} .col-md-6{width:50%;} .col-md-7{width:58.33333333%;} .col-md-8{width:66.66666667%;} .col-md-9{width:75%;} .col-md-10{width:83.33333333%;} .col-md-11{width:91.66666667%;} .col-md-12{width:100%;} */ /*.container div{box-sizing:border-box; height: 200px; border:1px solid #ccc;}*/