@charset "utf-8";

html {
    background-color: #fff;
    color: #000;
}

body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
form,
fieldset,
legend,
input,
textarea,
button,
p,
blockquote,
th,
td,
pre,
xmp {
    margin: 0;
    padding: 0;
    line-height: 1;
}

body,
input,
textarea,
button,
select,
pre,
xmp,
tt,
code,
kbd,
samp {
    line-height: 1.5;
    font-family: tahoma, arial, "Hiragino Sans GB", simsun, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
small,
big,
input,
textarea,
button,
select {
    font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: tahoma, arial, "Hiragino Sans GB", "微软雅黑", simsun, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-weight: normal;
}

address,
cite,
dfn,
em,
i,
optgroup,
var {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}

caption,
th {
    text-align: inherit;
}

ul,
ol,
menu {
    list-style: none;
}

fieldset,
img {
    border: 0;
}

img,
object,
input,
textarea,
button,
select {
    vertical-align: middle;
}

article,
aside,
footer,
header,
section,
nav,
figure,
figcaption,
hgroup,
details,
menu {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "\0020";
}

textarea {
    overflow: auto;
    resize: vertical;
}

input,
textarea,
button,
select,
a {
    outline: 0 none;
    border: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

mark {
    background-color: transparent;
}

a,
ins,
s,
u,
del {
    text-decoration: none;
}

sup,
sub {
    vertical-align: baseline;
}

html {
    overflow-x: hidden;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;
    color: #333;
    line-height: 1;
    -webkit-text-size-adjust: none;
}

hr {
    height: .02rem;
    margin: .1rem 0;
    border: medium none;
    border-top: .02rem solid #cacaca;
}
.flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn{
    display: inline-block;
    width: 2.093333rem /* 157/75 */;
    height: .746667rem /* 56/75 */;
    background: #D20808;
    border-radius: .026667rem /* 2/75 */;
    text-align: center;
    line-height: .746667rem /* 56/75 */;
    color: #fff;
    font-size: .4rem /* 30/75 */;
}
.no-list{
    font-size: .4rem /* 30/75 */;
    color: #333;
    line-height: .6rem /* 45/75 */;
    text-align: center;
    padding: .266667rem /* 20/75 */ 0;
    display: none;
}
/* 头部样式 */
header {
    padding: .306667rem
        /* 23/75 */
        .32rem
        /* 24/75 */
    ;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 19;
}

header .nav .icon-nav {
    width: .733333rem
        /* 55/75 */
    ;
    height: .56rem
        /* 42/75 */
    ;
}
header .nav .icon-close{
    width: .493333rem /* 37/75 */;
    height: .506667rem /* 38/75 */;
    display: none;
}
header .search-box {
    position: relative;
}

header .search-box input {
    width: 8.093333rem
        /* 607/75 */
    ;
    height: .906667rem
        /* 68/75 */
    ;
    background: rgba(246, 246, 246, 1);
    border-radius: .453333rem
        /* 34/75 */
    ;
    padding-left: .36rem
        /* 27/75 */
    ;
    box-sizing: border-box;
}

header .search-box img {
    width: .546667rem
        /* 41/75 */
    ;
    height: .546667rem
        /* 41/75 */
    ;
    position: absolute;
    right: .36rem
        /* 27/75 */
    ;
    top: 50%;
    transform: translateY(-50%);
}
.sidebar{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -26.66667rem /* 200/75 */;
    z-index: 9;
    padding-top: 1.52rem /* 114/75 */;
    transition: all ease .5s;
}
.sidebar .bg{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
.sidebar .wrap{
    width: 5.64rem /* 423/75 */;
    height: 100%;
    background: #fff;
    padding-top: .293333rem /* 22/75 */;
    padding-left: .56rem /* 42/75 */;
    position: absolute;
    left: 0;
    top: 0;
}
.sidebar .wrap p{
    
    font-size: .453333rem /* 34/75 */;
    line-height: 1.333333rem /* 100/75 */;
}
.sidebar .wrap p a{
    color: #333;
}
/* 底部样式 */
footer{
    width: 100%;
    background: #000;
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    font-size: .346667rem /* 26/75 */;
    color: #fff;
    padding-left: .506667rem /* 38/75 */;
    /*padding-bottom: 1.066667rem*/ /* 80/75 */;
    box-sizing: border-box;
    font-weight: 500;
}
footer .contact{
    padding: .506667rem /* 38/75 */ 0;
}
footer .contact span {
    margin-right: .266667rem /* 20/75 */;
}
footer .email{
    position: relative;
    width: 7.066667rem
    /* 530/75 */
    ;
}
footer .email input{
    width: 100%;
    height: .826667rem /* 62/75 */;
    background: #fff;
    padding-left: .306667rem /* 23/75 */;
    box-sizing: border-box;
}
footer .email span{
    display: block;
    background: #2D2D2D;
    width: 2.106667rem /* 158/75 */;
    height: 100%;
    text-align: center;
    line-height: .826667rem /* 62/75 */;
    position: absolute;
    right: 0;
    top: 0;
}
footer .copyright{
    text-align: center;
    width: 100%;
    height: .72rem /* 54/75 */;
    line-height: .72rem /* 54/75 */;
    background: #151515;
    font-size: .266667rem /* 20/75 */;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
}
footer .link-container{
    margin-bottom: .133333rem /* 10/75 */;
}
footer .link-container .contact{
    padding: .293333rem /* 22/75 */ 0;
}
footer .link-container .img-box{
    flex-wrap: wrap;
    justify-content: flex-start;
}
footer .link-container .img-box li{
    width: 1.28rem /* 96/75 */;
    height: .88rem /* 66/75 */;
    background: #FDFDFD;
    margin-right: .2rem /* 15/75 */;

}
footer .link-container img{
    width: 100%;
    height: 100%;
}

/* 返回顶部按钮 */
.back-action{
    position: fixed;
    right: .56rem /* 42/75 */;
}
.back-action img{
    width: 1.213333rem /* 91/75 */;
    height: 1.213333rem /* 91/75 */;
    display: block;
    margin-top: .4rem /* 30/75 */;
}