*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin:0;
    padding:0;
}
/*
html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
}
*/
body,ul,li,h1,h2,h3,h4,h5,h6,p,ol,li,dt,dd,dl{
    border:none;
    list-style: none;
    font-weight: normal;
}
body{
    margin: 0;
    padding: 0;
    font-family: '微软雅黑', YaHei, '黑体', Hei, Tahoma, Helvetica, arial, sans-serif;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
img{vertical-align:bottom;display:block;}
a{text-decoration: none;}
a:hover{color:#333;}
a img{border: none;}
.fl-left{float: left;}
.fl-right{float: right;}
.clear:before{content: "";display: block;clear:both;}
.clear:after{content: "";display: block;clear:both;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.theme{display: block;background-color: #f5f5f5;}
.theme-show{display: block;}
.theme-hide{display: none;}
.theme-inline{display: inline-block;}
.theme-va-m{
    vertical-align: middle;
}
.theme-va-t{
    vertical-align: top;
}
.theme-va-b{
    vertical-align: bottom;
}
.m-auto{margin: 0 auto;}
.w-auto{width: auto;}
.h-auto{height: auto!important;}
.ml1{margin-left: 1px;}
.ml2{margin-left: 2px;}
.ml3{margin-left: 3px;}
.ml4{margin-left: 4px;}
.ml5{margin-left: 5px;}
.ml6{margin-left: 6px;}
.ml7{margin-left: 7px;}
.ml8{margin-left: 8px;}
.ml9{margin-left: 9px;}
.ml10{margin-left: 10px;}
.ml11{margin-left: 11px;}
.ml12{margin-left: 12px;}
.ml13{margin-left: 13px;}
.ml14{margin-left: 14px;}
.ml15{margin-left: 15px;}
.ml16{margin-left: 16px;}
.ml17{margin-left: 17px;}
.ml18{margin-left: 18px;}
.ml19{margin-left: 19px;}
.ml20{margin-left: 20px;}
.ml21{margin-left: 21px;}
.ml22{margin-left: 22px;}
.ml23{margin-left: 23px;}
.ml24{margin-left: 24px;}
.ml25{margin-left: 25px;}
.ml26{margin-left: 26px;}
.ml27{margin-left: 27px;}
.ml28{margin-left: 28px;}
.ml29{margin-left: 29px;}
.ml30{margin-left: 30px;}

.mr1{margin-right: 1px;}
.mr2{margin-right: 2px;}
.mr3{margin-right: 3px;}
.mr4{margin-right: 4px;}
.mr5{margin-right: 5px;}
.mr6{margin-right: 6px;}
.mr7{margin-right: 7px;}
.mr8{margin-right: 8px;}
.mr9{margin-right: 9px;}
.mr10{margin-right: 10px;}
.mr11{margin-right: 11px;}
.mr12{margin-right: 12px;}
.mr13{margin-right: 13px;}
.mr14{margin-right: 14px;}
.mr15{margin-right: 15px;}
.mr16{margin-right: 16px;}
.mr17{margin-right: 17px;}
.mr18{margin-right: 18px;}
.mr19{margin-right: 19px;}
.mr20{margin-right: 20px;}
.mr21{margin-right: 21px;}
.mr22{margin-right: 22px;}
.mr23{margin-right: 23px;}
.mr24{margin-right: 24px;}
.mr25{margin-right: 25px;}
.mr26{margin-right: 26px;}
.mr27{margin-right: 27px;}
.mr28{margin-right: 28px;}
.mr29{margin-right: 29px;}
.mr30{margin-right: 30px;}

.ml-1{margin-left: 1%;}
.ml-2{margin-left: 2%;}
.ml-3{margin-left: 3%;}
.ml-4{margin-left: 4%;}
.ml-5{margin-left: 5%;}
.ml-6{margin-left: 6%;}
.ml-7{margin-left: 7%;}
.ml-8{margin-left: 8%;}
.ml-9{margin-left: 9%;}
.ml-10{margin-left: 10%;}
.ml-11{margin-left: 11%;}
.ml-12{margin-left: 12%;}
.ml-13{margin-left: 13%;}
.ml-14{margin-left: 14%;}
.ml-15{margin-left: 15%;}
.ml-16{margin-left: 16%;}
.ml-17{margin-left: 17%;}
.ml-18{margin-left: 18%;}
.ml-19{margin-left: 19%;}
.ml-20{margin-left: 20%;}
.ml-21{margin-left: 21%;}
.ml-22{margin-left: 22%;}
.ml-23{margin-left: 23%;}
.ml-24{margin-left: 24%;}
.ml-25{margin-left: 25%;}
.ml-26{margin-left: 26%;}
.ml-27{margin-left: 27%;}
.ml-28{margin-left: 28%;}
.ml-29{margin-left: 29%;}
.ml-30{margin-left: 30%;}

.mr-1{margin-right: 1%;}
.mr-2{margin-right: 2%;}
.mr-3{margin-right: 3%;}
.mr-4{margin-right: 4%;}
.mr-5{margin-right: 5%;}
.mr-6{margin-right: 6%;}
.mr-7{margin-right: 7%;}
.mr-8{margin-right: 8%;}
.mr-9{margin-right: 9%;}
.mr-10{margin-right: 10%;}
.mr-11{margin-right: 11%;}
.mr-12{margin-right: 12%;}
.mr-13{margin-right: 13%;}
.mr-14{margin-right: 14%;}
.mr-15{margin-right: 15%;}
.mr-16{margin-right: 16%;}
.mr-17{margin-right: 17%;}
.mr-18{margin-right: 18%;}
.mr-19{margin-right: 19%;}
.mr-20{margin-right: 20%;}
.mr-21{margin-right: 21%;}
.mr-22{margin-right: 22%;}
.mr-23{margin-right: 23%;}
.mr-24{margin-right: 24%;}
.mr-25{margin-right: 25%;}
.mr-26{margin-right: 26%;}
.mr-27{margin-right: 27%;}
.mr-28{margin-right: 28%;}
.mr-29{margin-right: 29%;}
.mr-30{margin-right: 30%;}
@media screen and (max-width: 1023px) {
    .theme-con{
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
}