html,
body {
    font-family: \5FAE\8F6F\96C5\9ED1, "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    font-size: 100%;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #101010;
    overflow: hidden;
}

input,
textarea,
button {
    font-family: \5FAE\8F6F\96C5\9ED1, "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    font-size: 100%;
    vertical-align: middle;
}

a {
    color: #666;
    text-decoration: none;
}

img {
    display: block;
    -ms-interpolation-mode: bicubic;
}

.viewport {
    width: 10rem;
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    background: #fff;
}

.content-area {
    width: 10rem;
    padding-bottom: 1rem;
    margin: 0 auto;
}

.pageHeader {
    width: 10rem;
    height: 53.3%;
    background-size: 100%;
    margin: 0 auto;
    position: relative;
}

a.cateBtn {
    display: block;
    /* width: 2.2rem; */
    height: 0.703125rem;
    position: absolute;
    left: 0.9rem;
    color: #72c7c0 !important;
    text-align: right;
}
.fl{
    float: left !important;
}
.fr{
    float: right;
}
.storeList {
    display: none;
    position: absolute;
    left: 0.625rem;
    top: 1.8rem; 
}

.storeList ul {
    padding: 0.2rem;
    line-height: 0.6rem;
    background: #202020;
}

.storeList a {
    display: block;
    color: #e0c791;
}

.storeListArrow {
    margin: 0 0 0 0.5rem;
    width: 0;
    height: 0;
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    border-bottom: 0.2rem solid #202020;
}


[dpi="1"] .storeList li {
    font-size: 14px;
}

[dpi="2"] .storeList li {
    font-size: 28px;
}

[dpi="3"] .storeList li {
    font-size: 42px;
}

[dpi="4"] .storeList li {
    font-size: 56px;
}

.rightTopCorner {
    display: block;
    width: 90%;
    position: absolute;
    right: 0.425rem;
    color: #e0c791;
}

.rightTopCorner li {
	width: 33%;
    float: right;
}

.rightTopCorner li a {
    display: block;
}

.cateBtnICO {
	display: block;
    width: 1rem;
    height: 1rem;
    background: url(images/cate_icon.png) no-repeat center center;
    margin: 0 auto;
    background-size: 100%;
    float: left;
}


.rightTopCorner .rtci1 {
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(images/rtc_icon1.png) no-repeat center center;
    margin: 0 auto;
    background-size: 100%;
	float: left;
}

.rightTopCorner .rtci2 {
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(images/rtc_icon2.png) no-repeat center center;
    margin: 0 auto;
    background-size: 100%;
}

.rightTopCorner a {
    color: #e0c791;
    margin-top: 0.3rem;
}

[dpi="1"] .rightTopCorner li {
    font-size: 14px;
}

[dpi="2"] .rightTopCorner li {
    font-size: 28px;
}

[dpi="3"] .rightTopCorner li {
    font-size: 42px;
}

[dpi="4"] .rightTopCorner li {
    font-size: 56px;
}
.shopTitle{
    text-align: center;
}
.headerNavi {
    width: 98%;
    position: absolute;
    left: 0.1rem;
    bottom: 0.15rem;
    background: url(images/icon-bg.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.headerNavi li {
    width: 25%;
    height: 2.7rem;
    float: left;
    text-align: center;
    color: #227870;
    margin-top: 0.25rem;
}

.headerNavi a {
    display: block;
    color: #227870;
}

.headerNavi li i {
    display: block;
    height: 2rem;
    width: 1.25rem;
    margin: 0 auto;
}

.headerNavi li i.events {
   
	background: url(images/icon1.png) no-repeat center center;
    background-size: 1.25rem;
	
}

.headerNavi li i.ucenter {
   
    background: url(images/icon2.png) no-repeat center center;
    background-size: 1.25rem;
	
}

.headerNavi li i.fnavi {
  
	background: url(images/icon3.png) no-repeat center center;
    background-size: 1.25rem;
	
}
.headerNavi li i.checkin {
  
	background: url(images/icon4.png) no-repeat center center;
    background-size: 1.25rem;
	
}

[dpi="1"] .headerNavi li {
    font-size: 14px;
}

[dpi="2"] .headerNavi li {
    font-size: 28px;
}

[dpi="3"] .headerNavi li {
    font-size: 42px;
}

[dpi="4"] .headerNavi li {
    font-size: 56px;
}

.pageFooter {
    width: 100%;
    height: 1rem;
    position: fixed;
    bottom: 0;
    left: 0;
}

.pageFooter ul {
    width: 10rem;
    height: 1rem;
    margin: 0 auto;
	background:#f8f8f8 url(images/footer_sep.png) repeat-y center center;
}

.pageFooter ul li {
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
}

.pageFooter li a {
    display: block;
    height: 100%;
    line-height: 1rem;
    color: #2b2b2a;
}

.pageFooter li a span {
    display: block;
    padding: 0 0 0 0.2rem;
    height: 100%;
    float: left;
}

.pageFooter li i {
    display: block;
    height: 100%;
    width: 2rem;
    float: left;
}

.pageFooter li i.about {
    background: url(images/footer_icon1.png) no-repeat right center;
    background-size: 0.78125rem;
}

.pageFooter li i.interactive {
    background: url(images/footer_icon2.png) no-repeat right center;
    background-size: 0.78125rem;
}

[dpi="1"] .pageFooter ul {
    font-size: 14px;
}

[dpi="2"] .pageFooter ul {
    font-size: 28px;
}

[dpi="3"] .pageFooter ul {
    font-size: 42px;
}

[dpi="4"] .pageFooter ul {
    font-size: 56px;
}