body {background: #f5f5f5;color: #000;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a {color: inherit;}
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {color: #aaa;}
input, textarea, button {font-size: inherit;resize : none;}
a:hover {text-decoration: none;}
.layout {width: 7.5rem;min-height: 100vh; font-size: 0.28rem; margin: 0 auto;overflow: hidden;background: #28140d;}
.none {display: none;}

.header { display: flex; position: relative; height: 3.24rem; background: url(../images/header.png) top center no-repeat; background-size: auto 100%;}
.logo { position: absolute; top: 0.52rem; left: 0; right: 0; margin: auto; width: 1.92rem; height: 1.92rem;}
.logo img { width: 1.92rem; height: 1.92rem;}

.xianlu { display: flex; height: 3.72rem; background: url(../images/xianlu.png) top center no-repeat; background-size: auto 100%;}
.xianlu ul { width: 100%; display: flex; padding: 0.34rem; box-sizing: border-box;}
.xianlu ul li { flex: 1;}
.xianlu ul li a.xianlu_item { display: block; height: 100%; font-size: 0; text-indent: -9999999rem; overflow: hidden;}

.tabbox { height: 11.9rem; box-sizing: border-box; padding: 0.5rem 0.8rem 0rem 0.8rem; background: url(../images/box.png) top center no-repeat; background-size: 100% auto;}
.tabbox .tabhd {}
.tabbox .tabhd ul { display: flex; justify-content: center; font-size: 0.26rem; line-height: 1.2;}
.tabbox .tabhd ul li { display: flex; justify-content: center; align-items: center; padding: 0 0.05rem;}
.tabbox .tabhd ul li a { display: block; width: 1.34rem; height: 1.33rem; font-size:0; text-indent:-999999999rem; overflow: hidden;}
.tabbox .tabhd ul li:nth-child(1) a { background: url(../images/tab1.png) top center no-repeat; background-size: 100% auto;}
.tabbox .tabhd ul li:nth-child(2) a { background: url(../images/tab2.png) top center no-repeat; background-size: 100% auto;}
.tabbox .tabhd ul li:nth-child(3) a { background: url(../images/tab3.png) top center no-repeat; background-size: 100% auto;}
.tabbox .tabhd ul li:nth-child(4) a { background: url(../images/tab4.png) top center no-repeat; background-size: 100% auto;}
.tabbox .tabhd ul li:nth-child(1).active a { background: url(../images/tab1.png) center -1.5rem no-repeat; background-size: 100% auto;}
.tabbox .tabhd ul li:nth-child(2).active a { background: url(../images/tab2.png) center -1.5rem no-repeat; background-size: 100% auto;}
.tabbox .tabhd ul li:nth-child(3).active a { background: url(../images/tab3.png) center -1.5rem no-repeat; background-size: 100% auto;}
.tabbox .tabhd ul li:nth-child(4).active a { background: url(../images/tab4.png) center -1.5rem no-repeat; background-size: 100% auto;}
.tabbox .tabhd ul li.active { font-weight: bold; color: #fff; background: url(../images/.png) 0 0 no-repeat; background-size: 100% 100%;}
.tabbox .tabbd {}
.tabbox .tabbd .web-list { display: flex; flex-wrap: wrap; padding-top: 0.4rem;}
.tabbox .tabbd .web-list a { display: flex; flex-direction: column; align-items: center; width: 25%; margin-bottom: 0.24rem;}
.tabbox .tabbd .web-list a img { width: 0.5rem; height: 0.5rem; margin-bottom: 0.08rem;}
.tabbox .tabbd .web-list a span {}

.down { width: 7.5rem; height: 1.62rem; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; padding: 0.31rem 0.4rem 0 0.4rem; box-sizing: border-box; color: #fff; background: url(../images/down.png) bottom center no-repeat; background-size: 100% 100%;}
.down ul { display: flex;}
.down ul li { flex: 1; display: flex; align-items: center; justify-content: center; position: relative;}
.down ul li:nth-child(1):before { content: ""; display: block; width: 1px; height: 0.75rem; background: #b19e7c; position: absolute; bottom: 0.3rem; right: 0;}
.down ul li .down-img { padding-right: 0.06rem;}
.down ul li .down-img img { width: 1.25rem; height: 1.31rem;}
.down ul li .down-txt {}
.down ul li .down-txt h3 {font-size: 0.28rem; margin-bottom: 0.05rem;}
.down ul li .down-txt p { font-size: 0.2rem;}