@charset "utf-8";

html {
     /* overflow: hidden; */
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
     margin: 0;
     padding: 0;
}

body {
     font-family: "微软雅黑";
     font-size: 12px;
     color: #000000;
     word-wrap: break-word;
     behavior: url("csshover.htc");
     /* overflow: hidden; */
}

button,
input,
select,
textarea {
     font: 12px/1.5 Arial, "宋体", Helvetica, Verdana, sans-serif;
     word-wrap: break-word;
     color: #565756;
}

ul,
li {
     list-style: none;
     margin: 0;
     padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-weight: normal;
     font-size: 100%;
}

img {
     border: none;
     border: 0;
     vertical-align: middle;
}

a {
     text-decoration: none;
     outline: none;
}

p {
     margin: 0;
     padding: 0;
}

input,
select,
textarea {
     vertical-align: middle;
     *font-size: 100%;
}

input {
     margin: 0;
     outline: none;
     padding: 0;
}

input::-ms-clear {
     display: none;
}

.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;

}

.clearfix {
     *zoom: 1
}

.ddw {
     position: absolute;
     left: 0;
     top: 0;
     color: #000;
     font-size: 16px;
     z-index: 9999;
}

.ddw2 {
     position: absolute;
     left: 20px;
     top: 0;
     color: #000;
     font-size: 16px;
     z-index: 9999;
}

.num_box {
     position: relative;
}

.num {
     width: 100%;
     text-align: center;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 0.8rem;
}

/* .num ul{width:100%;position:absolute;left:0;top:0;height:100%;}
.num ul li{float:left;height:100%;position:relative;} */
/* #num_0{background:url(../images/bac1.png) no-repeat center #03F;background-size:100% 100%;}
#num_1{background:url(../images/bac2.png) no-repeat center #03F;background-size:100% 100%;}
#num_2{background:url(../images/bac3.png) no-repeat center #03F;background-size:100% 100%;}
#num_3{background:url(../images/bac4.png) no-repeat center #03F;background-size:100% 100%;}
#num_4{background:url(../images/bac1.png) no-repeat center #03F;background-size:100% 100%;}
#num_5{background:url(../images/bac2.png) no-repeat center #03F;background-size:100% 100%;}
#num_6{background:#0F0;}
#num_7{background:#00F;}
#num_8{background:#FF0;}
#num_9{background:#F0F;} */
.fixed_r {
     position: absolute;
     left: 50%;
     margin-left: -9rem;
     top: -200%;
     z-index: 999;
     width: 1.47rem;
}

.fixed_r ul {
     width: 0.84rem;
     background: linear-gradient(#fff0a9, #fffbe9);
     box-sizing: border-box;
     padding: 0 0.1rem;
}

.fixed_r li {
     width: 100%;
     line-height: 1.2em;
     font-size: 0.16rem;
     text-align: center;
     color: #C50000;
     margin-top: 8px;
     cursor: pointer;
     border-bottom: 1px solid #f1553c;
     padding-bottom: 8px;
}

.fixed_r li:last-child {
     border: none;
}

.fixed_r li span {
     display: block;
     margin-top: 8px;
     border-top: 1px solid #f1553c;
     padding-top: 8px;
}

.fixed_r li:last-child {
     margin-bottom: 0;
}

/* .fixed_r li.on{background:#0FF;} */
.nav_box {
     display: flex;
}

.nav_box div {
     width: 0.63rem;
     background: #c20001;
     margin-top: -0.25rem;

}

.nav_box div img {
     width: 80%;
     margin: 0 auto;
}