@charset "UTF-8";
/*20181018 CXB*/
* { margin: 0px; padding: 0px; }

a { text-decoration: none; }

em, i, li { list-style: none; font-style: normal; }

a { text-decoration: none; color: #d4bb94; -webkit-tap-highlight-color: #d4bb94; }

a img { border: none; }

img { vertical-align: top; max-width: 100%; pointer-events: none; }

.cf { *zoom: 1; }

.cf:after { content: ''; display: block; height: 0; clear: both; }

body { background: #f7f7f7; font-weight: normal; line-height: 0.26rem; color: #5c5c5c; font-size: 0.24rem; font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,sans-serif; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 7.5rem; margin: 0 auto; }

a { blr: expression(this.onFocus=this.blur()); }

a { -webkit-tap-highlight-color: transparent; color: #666666; }

a:active { color: #333; }

ol, p, dl, li { margin: 0; pading: 0; list-style: none; }

h1, h2, h3, h4, h5 { font-size: 14px; margin: 0; padding: 0; font-weight: normal; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

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

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; resize: vertical; }

optgroup { font-weight: bold; }

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

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

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

input:focus { outline: none; }

.fl { float: left !important; }

.fr { float: right !important; }

* { box-sizing: border-box; }

.tal { text-align: left !important; }

.tac { text-align: center !important; }

.tar { text-align: right !important; }

.mt10 { margin-top: .1rem !important; }

.mt20 { margin-top: .2rem !important; }

.mt30 { margin-top: .3rem !important; }

.mt40 { margin-top: .4rem !important; }

.mt50 { margin-top: .5rem !important; }

.btn { display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; line-height: 999px; }

.transition { transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; }

.pages { width: 100%; min-height: 100%; overflow: hidden; position: relative; z-index: 5; padding: 1.4rem 0 1rem; }

.pages.pages-light { background: #f3eff8; }

.pages.pages-dark { background: #2c1414; }

.pages.pages-dark .p-bottom a { background-image: url(../images/dark-bottom1.gif); }

.pages.pages-dark .p-top .down { background-color: #9c6e32; }

.pages.pages-dark .box .text { color: #ffe6b6; }

.pages.pages-dark .box .boxcont { background-color: #421e12; }

.pages.pages-dark .box .boxcont .ul { border-color: #ffe400; }

.pages.pages-dark .box .boxcont .ul li .img { background-image: url(../images/darkbg.png); }

.pages.pages-dark .box .boxcont .ul li .name { color: #ffe6b6; }

.pages.pages-dark .foot { color: #594638; }

.p-bottom { position: fixed; bottom: 0; right: 0; left: 0; max-width: 7.5rem; margin: 0 auto; }

.p-bottom a { display: block; width: 100%; height: 1rem; background: url(../images/light-bottom.gif) no-repeat; background-size: 100% 100%; }

.p-top { width: 100%; height: 1.4rem; background: #1a1a28; padding: 0.15rem 1.9rem 0 1.4rem; position: fixed; top: 0; right: 0; left: 0; max-width: 7.5rem; margin: 0 auto; }

.p-top img { width: 1.05rem; height: 1.05rem; position: absolute; top: .18rem; left: .2rem; }

.p-top .name { height: .35rem; line-height: .35rem; color: #fff; font-weight: bold; font-size: .26rem; overflow: hidden; white-space: nowrap; }

.p-top .text { color: #a8a8a8; font-size: .2rem; }

.p-top .down { position: absolute; top: .18rem; right: .2rem; color: #fff; text-indent: .2rem; width: 1.6rem; height: .6rem; text-align: center; display: block; line-height: .62rem; border-radius: .3rem; background: url(../images/down.png) 0.15rem center no-repeat #8172e8; background-size: .21rem auto; }

.p-top .ys { position: absolute; right: 0; bottom: .15rem; width: 2rem; text-align: center; }

.p-top .ys a { display: inline-block; vertical-align: top; color: #a8a8a8; text-decoration: underline; margin: 0 .15rem; }

.head { position: relative; }

.box .text { padding: 0.15rem .45rem; color: #342638; font-size: .26rem; line-height: .35rem; }

.box .boxcont { width: 7.1rem; min-height: 5.3rem; padding: 0.05rem; background: #fff; margin: 0 auto; border-radius: .4rem; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }

.box .boxcont .ul { border: 1px solid #babaff; border-radius: .4rem; text-align: center; padding: 0.2rem 0 0.1rem; }

.box .boxcont .ul li { width: 2.25rem; text-align: center; display: inline-block; vertical-align: top; height: 2.54rem; }

.box .boxcont .ul li .img { width: 2rem; height: 2rem; display: inline-block; vertical-align: top; overflow: hidden; background: url(../images/lightbg.png) no-repeat; background-size: 100% 100%; }

.box .boxcont .ul li .img img { width: 2rem; height: 2rem; }

.box .boxcont .ul li .name { font-size: .26rem; line-height: .52rem; }

.foot { text-align: center; color: #b0aeb2; font-size: .22rem; line-height: .4rem; padding: .3rem 0; position: relative; }

.tada { animation: tada 2s linear alternate infinite; }

.scrollStyle { overflow: hidden; overflow-y: auto; /*滚动条整体样式*/ /*滚动条滑块*/ /*滚动条轨道*/ }

.scrollStyle::-webkit-scrollbar { width: 0.07rem; height: 0.1rem; border-radius: 0.08rem; position: relative; }

.scrollStyle::-webkit-scrollbar-thumb { width: 0.07rem; background: #d3d3d3; border-radius: 0.08rem; }

.scrollStyle::-webkit-scrollbar-track { width: 0.07rem; }

.scrollStyle1 { overflow: hidden; overflow-x: auto; /*滚动条整体样式*/ /*滚动条滑块*/ /*滚动条轨道*/ }

.scrollStyle1::-webkit-scrollbar { width: 0.07rem; height: 0.1rem; border-radius: 0.08rem; position: relative; }

.scrollStyle1::-webkit-scrollbar-thumb { width: 0.07rem; background: #d3d3d3; border-radius: 0.08rem; }

.scrollStyle1::-webkit-scrollbar-track { width: 0.07rem; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% { -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }