/*背景*/
body { color: #7f4200; min-width: 300px;  max-width: 640px;  margin: 0 auto;}
ul, li, ol, dl, dt, dd { margin: 0; padding: 0; border: 0; list-style: none;}
a {color: #c80000;}
a:active{color: #592e00;}
.ellipsis2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word;}
.mui-content { background: url(../../images/jxw-detil-bg.jpg) repeat top center; }
.jxw-home-bj { background: #000000 url(../../images/home-bj.jpg) no-repeat; background-size: 100% auto; }

/*头部背景*/
.jxw-bj { background-color: #353539;}
.jxw-bj .iconfont, .jxw-bj .mui-tab-label, .jxw-bj .mui-title { color: #ffffff;}
.jxw-bj .mui-active .iconfont, .jxw-bj .mui-active .mui-tab-label { color: #ffff00;}

/*图片广告*/
.jxw-pic { overflow: hidden; text-align: center; width: 80%; margin: 6% auto 3%; }
.jxw-pic img{ max-width: 100%; margin:0; padding: 0; border: 0; display: block;}

/*首页生肖列表*/
.jxw-home-sx { padding: 0 15px; }
.jxw-home-sx li { float: left; width: 33.33333%; padding: 5px; text-align: center;}
.jxw-home-sx li img { width: 100%; display: block;}

/*按钮样式*/
.jxw-home-anniud { width: 94%; margin: 5% auto 0; padding-bottom: 5%;}
.jxw-home-anniud a { display: block;}
.jxw-home-anniud a img{ width: 100%;}

/*头部*/
.jxw-top { width: 100%; background: #000 url(../../images/jxw-top.jpg) no-repeat center 0; background-size: 100% auto; text-align: center; position: relative; }
.jxw-top:before {padding-top: 68.5%;  content: "";  display: block; }

.jxw-top span {width: 30%;position: absolute;  top: 26%;  left: 50%;  -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.jxw-top span.wu {top: 29%;}
.jxw-top span img { width: 56%; }

.jxw-top h3 {position: absolute;  top: 44%;  left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); color: #ffff00; font-size:1.2em; font-weight: bold; text-align: center; background:url("../../images/jxw-top-gx.png") no-repeat top center; background-size: 100% auto; }
.jxw-top .shux-txt {width: 98%;display: block; position: absolute;bottom: 8%; left:1%;text-align: center;font-size: 13px; color: #f5e5cb;}
.jxw-top .shux-txt i {font-style: normal; font-size: 1.2em; font-weight: bold;}

/*吉祥物介绍*/
.jxw-sm { background:url("../../images/qjbx-sx-bg.jpg") no-repeat top center; background-size: 100% auto; padding: 10px 15px 20px 15px; }
.jxw-qjbx { text-align: center;  }
.jxw-qjbx img { width: 60%; }
.jxw-txt { padding: 5px 0 0 0; font-size: 16px; line-height: 28px; text-indent: 2em; color: #6a543f;}
.jxw-ss-name{width: 30%;margin: 0 auto;}
.jxw-ss-name img {width: 100%; display: block;}
.jxw-zhen-list { padding: 20px 15px; }

.jxw-zhen-list ul {zoom: 1; }
.jxw-zhen-list li { float: left;width: 33.3%; }
.jxw-zhen-list h4 {width: 100%; text-align: center; }
.jxw-zhen-list h4 img {width: 80%;}
.jxw-zhen-list h2 { text-align: center; font-size: 14px; font-weight: bold; color: #370000; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical;   word-wrap: break-word; }
.jxw-zhen-list p {color: #6a543f; line-height: 20px; font-size: 12px; padding: 0 5px; display: -webkit-box; -webkit-box-orient: vertical;  /*overflow: hidden;  white-space: normal !important;  text-overflow: ellipsis;*/  word-wrap: break-word; }

.jxw-pic-dz{ overflow: hidden;text-align: center;  width: 100%;  margin: 0%;}
.jxw-pic-dz img {  max-width: 100%;  margin: 0;  padding: 0;  border: 0;  display: block; }

/*吉祥物产品选*/
.jxw-n-tc { }
.jxw-n-tc ul{ padding: 0 10px 10px 10px; }
.jxw-n-tc-item { width: 110px; text-align: center; display: inline-block; position: relative;}
.jxw-n-tc-item img { border: 1px solid #edd2a2; width: 100%; height: 100%; display: block;}
.jxw-n-tc-item a { display: block; }
.jxw-n-tc-item .txt {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #000000; padding-top: 10px; }
.jxw-n-tc-item .price { color: #9b0000; font-size: 14px; padding: 5px 0; }
.jxw-n-tc-item .anniu { background-color: #9b0000; border-radius: 15px; color: #f7e6cf; padding: 2px 0; font-size: 12px; margin: 3px 10px; }
.jxw-n-nannv { padding: 0 20%; border: 0; background: url(../../images/bd-n-nannv-bj.png) no-repeat center bottom; background-size:100% 3px;}
.jxw-n-nannv-item { padding: 0 5px;  border-left: 0 !important; font-weight: 700;}
.jxw-n-nannv-item.mui-active { background-color: transparent !important;}
.jxw-n-nannv-item span { background: url(../../images/jxw_bj.jpg); display: block;  border: 3px #cc3c3c solid; color: #fff;border-bottom: 3px #cc3c3c solid;;   position: relative; }
.jxw-n-nannv-item.mui-active span {background: url(../../images/jxw-detil-bg.jpg);border: 3px #cc3c3c solid; border-bottom: 3px #f8e7d0 solid; color: #cc3c3c; border-top-left-radius: 5px; border-top-right-radius: 5px;}

/*底部*/
.jxw-upbj { background-color: #392b20; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0); box-shadow: 0 0 1px rgba(0,0,0,0);}
.foot-item {border-right: 1px #47382d solid; color: #ffe0ba !important; font-size: 14px;}
.foot-an { width: 80%; }
.mui-popover {border-radius: 0; height: 300px;}
.mui-popover .mui-scroll-wrapper {margin: 0px 0; border-radius: 0px;}