@charset "utf-8";
/*@import url('iconfont.css?v=7.31');*字体图标调用**/

html {font-family: sans-serif; -webkit-text-size-adjust: 100%; }
.bs0,.bs,.bs1,.bs2,.bs3,.bs4,.bs5,.bs6,.bs7{}
.ui-page-login, body {width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: transparent;}
.hc-fullscreen {position: absolute; top: 0px; right: 0; bottom: 0; left: 0; }
.hc-clear:after  { content: ""; display: block; height: 0; clear: both;}
/*.hc-clear {zoom: 1;}*/

.mui-ellipsis-3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word;}
.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; }

select{font-size:100%;height:auto;margin:0;}

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

/*自定义*/
a {text-decoration: none; color: #BA8961;}
a:active {color: #741012;}
.ablue{color: #4196cf; text-decoration: underline; }
label {color: #BA8961 }
p {color: #bb8962;}
dl,dt,dd,ul,li,ol,form,img,h1,h2,p,div{padding:0px;margin:0px;border:0px;list-style:none; font-size: 1em;}

.mui-btn-primary {color: #BA8961; border: 1px solid #751012; background-color: #751012; }
.mui-btn-primary:enabled:active {color: #f1c19a; border: 1px solid #63080a; background-color: #63080a;}

.mui-input-group{position:relative;padding:0;border:0;background-color:#f2e9d4}
.mui-input-group:before, .mui-input-group:after {background-color: #e3d3bf;-webkit-transform: scaleY(1.0);transform: scaleY(1.0);}
.mui-input-row{ border-color:#e3d3bf;}
.mui-input-group .mui-input-row:after {background-color: #e3d3bf;-webkit-transform: scaleY(1.0);transform: scaleY(1.0);}

.bra {border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.bgcol-qz { background-color: #eee3cd;}

.mui-content{ background:url("../images/body_bg.jpg") repeat top center; /*height: 100%;*/}
.mui-table-view { background:#f2e9d4;}
.mui-switch{ background:#fff; border:1px solid #fff;}
.mui-switch.mui-active{ border-color: #741012;background-color: #741012;}
.input-float{ float:left;}
.mui-navbar .mui-bar{ background:#751012;}
.mui-navbar { background:#751012;}
.mui-bar .mui-btn-link{color:#bb8962;}
.mui-table-view-cell{color:#bb8962;}
.mui-table-view-cell:after {background-color: #e4d3bf;  right: 15px;}
.mui-table-view-cell>a:not(.mui-btn).mui-active { color: #222222; background-color: #dcc896; }
.mui-table-view-cell.mui-active { color: #222222; background-color: #dcc896; }
.mui-table-view:before, .mui-table-view:after {-webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e4d3bf; }
.mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after { color: inherit; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #d6b8a1; }
input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder { color: #d6b8a1; }
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #d6b8a1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder { color: #d6b8a1; }

/*浮动列表*/
.mui-popover { border-radius: 0; height: 300px; }
.mui-popover .mui-scroll-wrapper {margin: 0px 0; border-radius: 0px; }
.mui-backdrop { overflow-y: hidden; }
.mui-bar {-webkit-box-shadow: 0 0 1px rgba(127,66,0,.85); box-shadow: 0 0 1px rgba(127,66,0,.85); background: #f7f7f7;}
.mui-pull-bottom-tips {text-align: center; background-color: #fcf9f1; font-size: 15px; line-height: 40px;}
.mui-bar-tab .mui-tab-item.mui-active {color: #c80000;}
.mui-popup-button {color: #c80000;}

/**********************头部标签**********************/
/*头部背景*/
.hc-bj { background-color: #741012;}
.hc-bj .iconfont, .hc-bj .mui-tab-label, .hc-bj .mui-title { color: #bb8962;}
.hc-bj .mui-active .iconfont, .hc-bj .mui-active .mui-tab-label { color: #bb8962;}
/*首页logo*/
.hy-logo { width: 100px; height: 44px; background:url(../images/logo.png) no-repeat center center; background-size: 100% auto;}
/*首页头部搜索*/
.mui-bar .hy-search{ width:auto; margin:0; right: 45px; left:110px; top: 7px; display:inline-block; overflow:hidden;  text-overflow:ellipsis;}
.hy-search {position:absolute; width:100%; display:block; background-color: #4c0a0c; border-radius: 20px; height: 30px; line-height: 30px; padding: 0 10px; white-space: nowrap; text-align: center;}
.hy-search .iconfont {color: #9c3537;}



/**********************首页**********************/
/*图片广告*/
.hy-gg { overflow: hidden;}
.hy-gg img{ width: 100%; margin: 0; padding: 0; border: 0; display: block;}
.mui-slider-indicator .mui-indicator {width: 8px; height: 8px; margin: 0px 6px; background: #eadcc4; -webkit-box-shadow: 0 0 1px 1px rgba(234,220,196,1); box-shadow: 0 0 1px 1px rgba(234,220,196,1);}
.hy-gg br { display: none; }
.mui-slider-indicator .mui-active.mui-indicator{background: #c80000;}
/*分类*/
.home-fenlei-list { padding: 10px 5px 30px 5px; background: url(../images/fenlei_bg.jpg) repeat top center; background-size: 100% 100%;}
.home-fenlei-list ul { padding:8% 0 2%;}
.home-fenlei-list li { float:left; text-align: center; padding: 5px;}
.home-fenlei-list li span { padding:2px 0 5px 0; display: block; color: #fff092; font-size: 14px; text-align: center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.home-fenlei-list .mui-slider-indicator{ bottom: 152px; }

.hy-kuaibao { height: 100px; background: url(../images/fenlei_zx.png) repeat top center; background-size: 100% 100%;margin: 20px auto 10px; }

.hy-kuaibao .scrollbar{margin-left: 25%;float: left; height: 80px; margin-top: 10px; width: 73%;overflow-y: scroll;}
.hy-kuaibao .scrollbar a{ display: block; font-size: 16px; color: #362a2a;line-height: 28px; }
.hy-kuaibao #info{font-size: 18px; color: #555;text-align: center;margin-bottom: 25px;}



.hy-kuaibao #style-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fbd4a9;}

.hy-kuaibao #style-1::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}

.hy-kuaibao #style-1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3); background-color: #BA8961;}



/*生肖*/
.news_sx_box{ width: 96%; margin:20% 2%;  background:url("../images/sx_bg.png") repeat top center; border-radius: 5px; padding: 5px; position: relative;}
.news_sx_box .news_protit{ position: absolute; top: -7.5%;}
.news_sx_box ul{padding-top: 10%;}
.news_sx_box li{ float: left; padding: 5px; }

/*吉祥物*/
.news_pf_box{ width: 96%; margin:20% 2% 0; background: #e7c7a0;border-radius: 5px; padding: 5px; position: relative;}
.news_pf_box .news_protit{ position: absolute; top: -2.5%;}
.news_pf_box .news_pf_bigpro{ padding-top: 12%; padding-bottom: 3%;}
.news_pf_box li{ float: left; padding: 5px; }

/*秘法*/
.news_mf_box{ width: 96%; margin:0% 2%; }
.news_mf_box .news_protit{ margin: 2% auto;}
.news_mf_box li{ float: left; padding: 0px; }



/*套餐*/

.news_tc_box .news_protit{  top: -3%;}
.news_tc_box ul{ padding-top: 10%;}


.mui-bar-tab .mui-tab-item{color: #bb8962;}
.hy-prod-box a{border: none;}

/*下拉加载产品*/
.xialai_pro{ background: #e7c7a0; width: 96%; margin: 2% auto; border-radius: 5px;}
.xialai_pro .hy-prod-title{ padding: 3% 0;}
.pro_list_bidx{ font-size: 16px; color: #392909; }
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {border-bottom: 2px solid #c80000;}

.hy-prod-title li { float: left; width: 25%; padding: 0 5px; text-align: center;}
.hy-prod-title li a { background-color: #970005; color: #f2dab8; display: block; border-radius: 5px; padding: 5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hy-prod-title .curr a {background-color:#f5debf; color: #970005;}

.hy-prod-box { padding: 10px 5px;}
.hy-prod-box li {  float: left; width: 50%; padding:0 5px 10px 5px;position: relative;}
.hy-prod-box li img { width: 100%; max-width: 100%; height: auto; display: block; }
.hy-prod-box a {background: #f5debf;border-radius: 3px; display: block; padding: 5px;}
.hy-prod-box a:active {border: #ffffff 1px solid; background-color: #f5f0e5;}
.hy-prod-box .url { font-size: 12px; color: #392909; line-height: 18px; height: 36px; overflow: hidden; }
.hy-prod-box .price {color:#ff4200; margin-bottom: 0;}
.hy-prod-box i { font-style:normal; }
.hy-prod-box .shop { position: absolute; right: 15px; bottom: 12px; background-color: #c80000; text-align: center; padding: 5px; border-radius: 20px; color: #ffffff;}

/*2020年皮肤*/
.mui-content { background: #e7c7a0;}
.mui-slider-indicator .mui-indicator {width: 8px; height: 8px; margin: 0px 6px; background: #fff; -webkit-box-shadow: 0 0 1px 1px rgba(249,210,219,1); box-shadow: 0 0 1px 1px rgba(249,210,219,1);}
.mui-slider-indicator .mui-active.mui-indicator{background: #e7c7a0;}
.xinchun_img{width:88%;margin:10px auto 0 auto;}
.xinchun_img img{width: 100%;display: block;}
@font-face{font-family: "fzlt";src:url(../assets/fzltchjw.TTF);} 
@font-face{font-family: "flipflop";src:url(../assets/flipflop.TTF);} 
.xinchun_list img{width: 100%;display: block;}
.xinchun_list{padding:0 10px;}
.xinchun_list ul li{width: 49%;float: left;background:rgba(243,220,189,0.44);margin-top: 10px;}
.xinchun_list ul li:nth-child(2n){float: right;}
.xc_img{position: relative;}
.xc_img span{display: block;position: absolute;bottom: 0;left: 0;font-family: hkst;background:rgba(0,0,0,0.5);color: #e7dfca;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;width: 100%;font-size: 12px;text-align: center;line-height:24px;}
.xc_price{padding:6px 0 8px 0;background:rgba(243,220,189,0.44);}
.xc_price h3{display: block;text-align: center;font-size: 12px;color: #000000;font-family: fzlt;}
.xc_price h3 span{font-family: flipflop;font-size:20px;margin: 0 4px;}
.sc_btn{width:50%;margin:6px auto 0 auto;}

.xinchun_taocang{margin-top: 10px;}
.xinchun_taocang img{width: 100%;display: block;}
.xinchun_taocang ul li{width: 50%;float: left;}

.rat_list{padding:0 10px;}
.rat_box{margin-top: 10px;}
.rat_list img{width: 100%;display: block;}
.rat_list .sc_btn{width: 26%;}
.rat_list ul li{width: 49%;float: left;margin-top: 10px;}
.rat_list ul li:nth-child(2n){float: right;}
.rat_list .xc_img span{background:#474440;}
.xcProdList{padding-bottom: 20px;}