html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,a{margin:0;padding:0;box-sizing: border-box;}
html,body,fieldset,img,iframe,abbr{border:0;}
body,textarea,input,button,select,keygen,legend{font:14px/24px "Microsoft YaHei",arial,sans-serif,\5b8b\4f53;color:#666666;outline:0;}
html,
body {
    background: #FFF;
    max-width: 640px;
}

h4,
h5,
h6 {
    font-weight: inherit;
}

li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
}

em,
i {
    font-style: normal;
    box-sizing: border-box;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #c3c3c3;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c3c3c3;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c3c3c3;
}

b,
strong {
    display: block;
}

a,
i,
strong,
em,
b {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a {
    display: block;
}

p {
    word-wrap: break-word;
    word-break: break-all;
}

img {
    display: block;
    max-width: 100%;
}

input,
textarea,
button {
    background-color: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-radius: 0;
}

div,
ul,
li {
    display: block;
    box-sizing: border-box;
}

.idxWrap {
    padding: 0 .27rem;
    width: 100%;
}

.wrap {
    padding: 0 .3rem;
    width: 100%;
    position: relative;
}

.clearfix {}

.clearfix::after,
.clearfix::before {
    display: block;
    content: '';
    clear: both;
    font-size: 0;
}

.img {
    display: block;
    width: 100%;
    overflow: hidden;
}

.img img {
    display: block;
    width: 100%;
}

p.img {
    padding-bottom: .45rem;
}

p.img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik.eot');
    src: url('../fonts/Rubik.otf')format('otf'), url('../fonts/Rubik.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik.woff') format('woff'), /*url('../fonts/rubik-regular-webfont-webfont.woff2') format('woff2'),*/
    url('../fonts/Rubik.ttf') format('truetype'), url('../fonts/Rubik.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINCOND-MEDIUMALTERNATE';
    src: url('../fonts/DINCOND-MEDIUMALTERNATE.eot');
    src: url('../fonts/DINCOND-MEDIUMALTERNATE.otf')format('otf'), url('../fonts/DINCOND-MEDIUMALTERNATE.eot?#iefix') format('embedded-opentype'), url('../fonts/DINCOND-MEDIUMALTERNATE.woff') format('woff'), /*url('../fonts/rubik-regular-webfont-webfont.woff2') format('woff2'),*/
    url('../fonts/DINCOND-MEDIUMALTERNATE.ttf') format('truetype'), url('../fonts/DINCOND-MEDIUMALTERNATE.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN.eot');
    src: url('../fonts/DIN.otf')format('otf'), url('../fonts/DIN.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN.woff') format('woff'), /*url('../fonts/rubik-regular-webfont-webfont.woff2') format('woff2'),*/
    url('../fonts/DIN.ttf') format('truetype'), url('../fonts/DIN.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN_I';
    src: url('../fonts/DIN-REGULARITALIC.eot');
    src: url('../fonts/DIN-REGULARITALIC.otf')format('otf'), url('../fonts/DIN-REGULARITALIC.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN-REGULARITALIC.woff') format('woff'), /*url('../fonts/rubik-regular-webfont-webfont.woff2') format('woff2'),*/
    url('../fonts/DIN-REGULARITALIC.ttf') format('truetype'), url('../fonts/DIN-REGULARITALIC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
}


footer {
	width: 100%;
	background: #383838;
	padding: .6rem .3rem .82rem;
	font-size: .24rem;
    color: rgba(255,255,255,.4);
	position: relative;
}
footer .boxF .links {
    position: relative;
    padding-right: .7rem;
}
footer a {
	display: inline-block !important;
}
footer .links a {
	font-size: .26rem;
}
footer .foot_list {
	position: absolute;
	right: 0;
	top: .1rem;
}
footer .foot_list .li {
    height: .66rem;
    float: left;
    position: relative;
    line-height: .66rem;
}
footer .foot_list .li .li_icon {
    position: relative;
    float: left;
}
footer .foot_list .li .li_icon .bg {
    width: .6rem;
}
footer .foot_list .li .li_icon .img {
	position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #fff;
	left: 0%;
	bottom: .75rem;
	margin-left: -.78rem;
	display: none;
	z-index: 999;
}
footer .foot_list .li .li_icon.on .img {
	display: block;
}