/*常用元素*/
.mg5 {margin-top: 5px;} /*上间距5像素*/
.mg10 {margin-top: 10px;} /*上间距10像素*/
.mga5 {margin: 5px;}  /*上下左右间距5像素*/
.mga10 {margin: 10px;}  /*上下左右间距10像素*/
.pt5 {padding-top: 5px;}  /*上撑距5像素*/
.pb5 {padding-bottom: 5px;}  /*下撑距5像素*/
.pt10 {padding-top: 10px;}  /*上撑距10像素*/
.pb10 {padding-bottom: 10px;}  /*下撑距10像素*/
.pl10 {padding-left: 10px;}  /*左撑距10像素*/
.pr10 {padding-right: 10px;}  /*右撑距10像素*/
.pl20 {padding-left: 20px;}  /*左撑距20像素*/
.pr20 {padding-right: 20px;}  /*右撑距20像素*/
.pl15 {padding-left: 15px;}  /*左撑距15像素*/
.pr15 {padding-right: 15px;}  /*右撑距15像素*/
.pd5 { padding: 5px;} /*上下左右撑距5像素*/
.pd10 { padding: 10px;} /*上下左右撑距10像素*/
.pd20 { padding: 20px;} /*上下左右撑距20像素*/
.bt {border-top: #f5f0e5 1px solid !important;}  /*上边框1个像素*/
.bb {border-bottom: #f5f0e5 1px solid !important;}  /*下边框1个像素*/
.btd {border-top: #e4d3bf 1px solid !important;}  /*上边框1个像素*/
.bbd {border-bottom: #e4d3bf 1px solid !important;}  /*下边框1个像素*/
.bgf { background-color: #ffffff;}  /*背景白色*/
.bgh { background-color: #f2eee3;}  /*背景浅*/
.bge { background-color: #ebe5d7;}  /*背景浅*/
.bgq { background-color: #F2E9D4;}  /*背景浅黄*/
.bgg { background-color: #F7F8FA;}   /*背景浅灰*/
.font12 { font-size: 12px; } /*字体12像素*/
.font14 { font-size: 14px; } /*字体14像素*/
.font20 { font-size: 20px; } /*字体20像素*/
.txt2em { text-indent: 2em;} /*段落文字格两个字*/
.txtc{ text-align: center;}
.lh20 {line-height: 20px;}
.bst {box-shadow: 0 -3px 5px #d4bf95; -webkit-box-shadow: 0 -3px 5px #d4bf95;} /*上阴影*/
.bsu {box-shadow: 0 3px 5px #d4bf95; -webkit-box-shadow:  0 3px 5px #d4bf95;} /*下阴影*/
.bs {box-shadow: 0 -3px 5px #d4bf95,3px 0 5px #d4bf95,0 3px 5px #d4bf95,-3px 0 5px #d4bf95;}/*上下左右阴影*/

/*背景颜色*/
.hy-btn-tl, .hy-btn-hs, .hy-btn-ql, .hy-btn-qh, .hy-btn-hl {color: #fff; display: block;}
.hy-btn-tl { background-color: #34bcf6;} /*天蓝色*/
.hy-btn-hs { background-color: #fbb44c;} /*黄色*/
.hy-btn-ql { background-color: #74d18b;} /*浅绿色*/
.hy-btn-qh { background-color: #f5938a;} /*浅红色*/
.hy-btn-hl { background-color: #44d4cb;} /*灰蓝色*/
/*字体颜色*/
.col-zh{color: #c5ab94;} /*棕灰色*/
.col-sh{color: #c80000;} /*深红色*/
.col-sz{color: #a6206a;} /*深紫色*/
.col-qz{color: #c0966e;} /*浅棕色*/
.col-red { color: #ff3300;} /*红色*/
.col-green { color: #00be00;} /*绿色*/
.col-blue { color: #0000ff;} /*蓝色*/
/*按钮*/
.mui-btn-qianhuang{ color: #7f4200; border: 1px solid #f5f0e5; background-color: #f5f0e5; }
.mui-btn-qianhuang:enabled:active, .mui-btn-qianhuang.mui-active:enabled{color: #7f4200; border: 1px solid #ded2b7; background-color: #ded2b7;}
/*分页*/
.mui-pagination>li.mui-active>a, .mui-pagination>li.mui-active>a:active, .mui-pagination>li.mui-active>span, .mui-pagination>li.mui-active>span:active, .mui-pagination>li:active>a, .mui-pagination>li:active>a:active, .mui-pagination>li:active>span, .mui-pagination>li:active>span:active { border-color: #c80000; background-color: #c80000;}
.mui-pagination>li>a, .mui-pagination>li>span { color: #aa7246; border: 1px solid #e4d3bf; }

/*背景*/
body { background: url(/book/images/bj.jpg); 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: #7f4200;}
a:active{color: #592e00;}

/*框架*/
.mui-content {background: url(/book/images/bj.jpg);}
.mui-row.mui-fullscreen>[class*="hc-scroll"] {height: 100%;}
.hc-scroll {overflow-y: auto; height: 100%;}
.hy-fullscreen {position: absolute; top: 44px; right: 0; bottom: 0; left: 0;}

.mui-table-view-cell:after {left: 0; -webkit-transform: scaleY(1.0); transform: scaleY(1.0); background-color: #f5f0e5;}
.mui-table-view:before {background-color: transparent;}
.mui-table-view:after { background-color: #f5f0e5;-webkit-transform: scaleY(1.0); transform: scaleY(1.0);}
.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after { color: #c80000;}

/*浮动列表*/
.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);}

.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;}
			
/*表单*/
.hy-input {background-color: #f9f6ee; margin-bottom: 5px;}
.hy-input:after { background-color: #e7ddc7 !important; left: 0 !important; }
.hy-input label { text-align: right; color: #c89c6c; }
.hy-input textarea {border-radius: 0; height: 100px; background-color: #f9f6ee; margin-bottom: 0;}
.hy-form-info { margin-left: 35%; margin-bottom: 5px; }
.hy-ico-right:after {font-family: Muiicons; font-size: 14px; color: #c89c6c; text-decoration: none; position: absolute; top: 50%;right: 5px; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; content: '\e581';}

.mui-poppicker {background-color: #751012 !important; border-top:none !important;}
.mui-picker {background-color: #f9f6ee !important; }
.mui-poppicker-header .mui-btn {font-size: 14px; padding: 5px 20px !important; border:none;border-radius: 20px;}
.mui-poppicker-btn-cancel {float: left; background-color: #4b1415;  color: #d4c090; }
.mui-poppicker-btn-ok {float: right; background-color: #ffae00; color: #94171a; }
.mui-pciker-list {color: #bb8962;}
.mui-pciker-rule-ft { border-top: solid 1px rgba(227, 211, 191, 0.9);  border-bottom: solid 1px rgba(227, 211, 191, 0.9);}

.brl {border-top-right-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.brr {border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.brn {border-top-right-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.bry {border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}

.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {color: #dd524d;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] { position: absolute; top: 50% !important;-webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; right: 10px; display: inline-block; width: 28px; height: 26px; border: 0; outline: 0!important; background-color: transparent; -webkit-appearance: none;}

/*图片广告*/
.hy-gg h1{font-size: 22px;}
.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; }*/

/*头部背景*/
.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;}

.top-bj { background: url(/book/images/top-bj.jpg) repeat-x; background-size: auto 100%;}

/*首页logo*/
.hy-logo { width: 100px; height: 44px; background:url(/book/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-fenlei-list { background: url(/book/images/hy-fenlei-list.jpg) repeat-x; background-size: auto 100%;}
.hy-fenlei-list li { float:left; width: 25%; text-align: center;}
.hy-fenlei-list li img { width: 60%; max-width: 60%; height: auto;}
.hy-fenlei-list li span { padding:2px 0 5px 0; display: block; text-align: center; font-size: 14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*首页好运快报 */
.hy-kuaibao { height: 40px; }
.hy-kuaibao-title { width: 80px; height: 20px; background: url(/book/images/ico/hy-kuaibao-title.png) no-repeat center center; background-size: 90% auto; border-right: #f5f0e5 1px solid;}
.hy-kuaibao-txt { height: 20px; font-size: 14px; padding-left:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hy-kuaibao-txt .core{height:20px; overflow:hidden; line-height:20px;}
.hy-kuaibao-txt .core a { display: block; }

/*首页测试链接*/
.hy-ceshi { height: 80px; }
.hy-ceshi-content { margin-right:50px; font-size: 14px;}
.hy-ceshi-content img {border: #f5f0e5 1px solid; margin-right: 10px; width: auto; height: 40px;}
.hy-ceshi-anniu { width: 40px; height: 40px;}

/*标题框架*/
.hy-title { padding: 10px 0;}
.hy-title-bt {border-left-style: solid;	border-left-width: 5px;margin-left: 5px; padding-left: 5px; font-size: 18px; font-weight: bold;}
.hy-title-col-sh {border-left-color: #c80000; color: #c80000;} /*深红色*/
.hy-title-col-sz {border-left-color: #a6206a; color: #a6206a;} /*深紫色*/
.hy-title-col-szh {border-left-color: #7f3207; color: #7f3207;} /*深棕色*/

/*文字图片列表*/
.hc-prod-txtpic li { float: left; width: 33.33333%; padding: 5px; position: relative;}
.hc-prod-txtpic li img { width: 100%; max-width: 100%; height: auto; display: block;}
.hc-prod-txtpic li span { text-align: center; display: block; padding-top: 10px;}
.hc-prod-txtpic li i { position: absolute; right: 5px; top: 5px; font-style: normal; padding: 0 5px; background-color: #c80000; color: #ffffff;}

/*
.hy-prod-list ul { margin:0 auto; margin-left: 5px; margin-right: 5px; border-top: #eeeeee 1px solid;border-left: #eeeeee 1px solid;}
.hy-prod-list li { float:left; text-align: center; border-right: #eeeeee 1px solid;border-bottom: #eeeeee 1px solid;}
.hy-prod-list li img { width: 100%; max-width: 100%; height: auto; display: block;}
*/
.hy-prod-list ul { border-top: #f5f0e5 1px solid; border-left: #f5f0e5 1px solid; }
.hy-prod-list li { float:left; border-right: #f5f0e5 1px solid; border-bottom: #f5f0e5 1px solid; padding-top: 50px; position: relative;}
.hy-prod-list li img { width: 100%; height: 100%; display: block;}
.hy-prod-list h3, .hy-prod-list h4, .hy-prod-list h5 { position: absolute; left: 5px; width: 99%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hy-prod-list h3 { top: 2px; font-size: 15px; }
.hy-prod-list h4 { top: 21px; font-size: 12px; line-height: 16px; color: #c0966e; }
.hy-prod-list h5 { top: 40px; font-size: 12px; color: #c80000; }
.hy-prod-list i {position: absolute; bottom: 2px; left: 2px;font-size: 12px; font-style: normal; background-color: #008c00; color: #ffffff; padding: 3px 3px; line-height: 14px;}

/*文字列表*/
.hy-txt-list ul { border-top: #f5f0e5 1px solid;border-left: #f5f0e5 1px solid;}
.hy-txt-list li { float:left; padding-top: 10px; padding-bottom: 10px; text-align: center; border-right: #f5f0e5 1px solid;border-bottom: #f5f0e5 1px solid; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.txt-left { text-align: left !important; padding-left: 10px;}

/*正方形列表*/
.hy-zheng-list ul { border-top: #f5f0e5 1px solid;border-left: #f5f0e5 1px solid;}
.hy-zheng-list li {float:left; text-align: center; border-right: #f5f0e5 1px solid;border-bottom: #f5f0e5 1px solid;}
.hy-zheng-list figure{ position: relative; width: 100%; height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; /* 关键就在这里 */ }
.hy-zheng-list figure a{display: block;	position: absolute;	width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.hy-zheng-list figure i {font-style: normal; border: #000000 1px solid; background-color: #ffff00; border-radius: 50%; padding: 3px; margin: 0 2px;}

/*颜色列表*/
.hy-col-list li { float:left; padding: 5px; line-height: 40px; text-align: center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hy-col-list a { display: block; color: #FFFFFF;}

/*图片列表*/
.hy-pic-list ul { border-top: #f5f0e5 1px solid;border-left: #f5f0e5 1px solid;}
.hy-pic-list li { float:left; text-align: center; border-right: #f5f0e5 1px solid;border-bottom: #f5f0e5 1px solid;}
.hy-pic-list li img { width: 100%; max-width: 100%; height: auto; display: block;}

/*左右图片文字列表*/
.hy-lr-list ul { border-top: #f5f0e5 1px solid; border-left: #f5f0e5 1px solid;}
.hy-lr-list li { float:left; border-right: #f5f0e5 1px solid; border-bottom: #f5f0e5 1px solid; position: relative;}
.hy-lr-list li img { width: 100%; height: auto; display: block; }
.hy-lr-list h3 { position: absolute; top: 8px; right: 5px; width: 90%; text-align: right; font-size: 12px; white-space:nowrap; overflow:hidden;}

/*推荐产品滚动*/
.hy-prod-tj {border: #f5f0e5 5px solid; margin: 10px; position: relative;}
.hy-prod-tj a { display: block;}
.hy-prod-photo { width: 35%; padding: 5px;}
.hy-prod-photo img { border: #f5f0e5 1px solid; width: 100%; display: block;}
.hy-prod-txt { width: 63%; padding-top: 10px;}
.hy-prod-txt i {font-size:20px; font-style:normal; color:#ff4200;}
.hy-prod-txt .title { font-weight: bold; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hy-prod-txt .subhead { color: #c0966e; line-height: 18px; padding: 3px 0; }
.hy-prod-tj .shop { position: absolute; right: 10px; bottom: 10px; background-color: #c80000; text-align: center; padding: 5px; border-radius: 20px; color: #ffffff;}
.mui-action-an { padding-top: 20px;}
.mui-slider-indicator .mui-active.mui-indicator{background: #c80000;}

/*下拉加载产品*/
.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: #f5f0e5; display: block; border-radius: 5px; padding: 5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hy-prod-title .curr a {background-color:#C80000; color: #ffffff;}

.hy-prod-box { padding: 0 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 {border: #f5f0e5 1px solid; display: block; padding: 5px;}
.hy-prod-box a:active {border: #ffffff 1px solid; background-color: #f5f0e5;}
.hy-prod-box .url { font-size: 12px; 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: 5px; background-color: #c80000; text-align: center; padding: 5px; border-radius: 20px; color: #ffffff;}

/*首页底部*/
.hc-home-up-link { margin:20px 10px 10px 10px; border-top: #c6af9a 1px solid; border-bottom: #c6af9a 1px solid; text-align: center;}
.hc-home-up-link a { padding: 10px 25px;}
.hc-home-up { padding-bottom: 20px;}
.hc-home-up p { display:block; text-align: center; color: #b18f6a; line-height: 24px; margin-bottom: 0;}

/*----------内页导航----------*/
.hc-menu { position: fixed; top: 44px; right: 0; left: 0; height: 50px; font-size: 15px; overflow: hidden; z-index: 10;}
.hc-menu ul {margin: 0 10px;}
.hc-menu li {float: left; line-height: 50px; text-align: center;}
.hc-menu li a { display: block; color: #ffffff;}
.hc-menu .curr { background:rgba(0,0,0,0.5);/*前三个参数为RGB颜色，第四个参数为透明度*/
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);/*#7F000000的前两位为16进制透明度，后六位为16进制颜色*/ color:#fff; text-decoration:none;-webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s;}

/*----------本命佛圣品----------*/
.bmf-menu {background: url(/book/images/bmf/bmf-menu.jpg) repeat-x;}
.bmf-menu ul {border-left: #780000 1px solid; border-right: #e60000 1px solid;}
.bmf-menu li {border-left: #e60000 1px solid; border-right: #780000 1px solid;}

/*产品展示区本命佛介绍*/
.bmf-info-txt i { background-color: #c80000; font-style:normal; color: #ffffff; border-radius: 20px; padding: 3px;} 
.bmf-info-txt em { font-style: normal; color: #c80000;}

/*----------开运饰品----------*/
.shi-menu {background: url(/book/images/shi/shi-menu.jpg) repeat-x;}
.shi-menu ul {border-left: #6f0321 1px solid; border-right: #b4095a 1px solid;}
.shi-menu li {border-left: #b4095a 1px solid; border-right: #6f0321 1px solid;}

.cha-txt { background-color: #fffcdf; padding: 15px 10px 15px 60px; background-image: url(/book/images/ico/search.png); background-position: 10px center; background-repeat: no-repeat; background-size: 40px auto;}

/*----------风水用品----------*/
.fs-menu {background: url(/book/images/fs/fs-menu.jpg) repeat-x;}
.fs-menu ul {border-left: #4d2000 1px solid; border-right: #a86800 1px solid;}
.fs-menu li {border-left: #a86800 1px solid; border-right: #4d2000 1px solid;}

.fs-txt img{ width:90px; max-width: 90px;border: #f5f0e5 1px solid;}
.fs-txt-p{ margin-left: 100px; }

.fsbd-txt {background-color: #fffcdf; }
.fsbd-txt img{ width:90px; max-width: 90px;border: #f5f0e5 1px solid; margin-right: 15px;}

.hy-fs-list li { float: left; padding: 0 5px; position: relative;}
.hy-fs-list li img {  width: 100%; height: auto; display: block; }
.hy-fs-list h3, .hy-fs-list h4 { position: absolute; left: 15px; white-space:nowrap; overflow:hidden;}
.hy-fs-list h3 { top: 8px; font-size: 15px; }
.hy-fs-list h4 { top: 28px; font-size: 12px; color: #c0966e; line-height: 16px;}
.hy-fs-list li a {display: block;}

.hy-fs-title {border-left: 5px #7f3207 solid; padding-left: 5px; margin-bottom: 10px; font-size: 20px; font-weight: bold;}
.hy-fs-p img {border: #f5f0e5 1px solid;  padding: 2px;  margin: 10px auto 0;  max-width: 90%;  display: block;}

.hy-fs-prod li {float: left; width: 50%; text-align: center;  padding: 5px;}
.hy-fs-prod li img {width: 100%; border: #f5f0e5 1px solid;  padding: 5px;}

.hy-fsbj-l { width: 60px; height: 60px; }
.hy-fsbj-l span { width: 100%; height: 100%; display: block; border-radius: 30px; text-align: center; line-height: 60px; background-color: #dbc35f;}
.hy-fsbj-info { margin-left: 70px; }

/*----------产品详情页面----------*/
/*头部导航*/
.mui-bar .hc-huangli-top{ width:auto; margin:0; right: 80px; left:80px; top: 0px; bottom: 0px; display:inline-block; overflow:hidden;  text-overflow:ellipsis;}
.hc-huangli-top {position:absolute; width:100%; display:block;}
.mui-segmented-control .hc-huangli-item {height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; }
/*圣品信息*/
.hy-item-info dd:after { content: ''; height: 0; display: block; clear: both;}
.hy-item-info dd {zoom: 1; padding: 2px 0;}
.hy-item-info label{ float: left; text-align:right; color: #c5ab94; overflow: hidden;}/*width: 60px;*/
.hy-item-info em { font-style: normal;}
/*.hy-item-info article { margin-left: 60px;}*/
.tb-red {background-color: #ff3300; color: #fff; margin-right: 5px; padding: 2px 3px;}
.tb-img {width: 25px; height: 25px; padding: 1px; border: 1px solid #f4efe2; vertical-align: middle;}
.tb-alipay, .tb-tenpay, .tb-bank, .tb-E-bank, .tb-COD {background-image:url(/book/images/ico/item-ico.png); background-repeat:no-repeat; height:16px; line-height: 16px; padding-left:20px; margin: 2px 10px 2px 0;	float: left;}
.tb-alipay { background-position: 0 0px; }
.tb-tenpay { background-position: 0 -20px; }
.tb-bank { background-position: 0 -40px; }
.tb-E-bank { background-position: 0 -60px; }
.tb-COD { background-position: 0 -80px; }
/*多宝盒*/
.tb-duo li { float:left; margin: 0 5px 5px 0; overflow:hidden;}
.tb-duo li a {display:block; border:#f4efe2 1px solid; padding:5px 12px; width:100%; height:100%; overflow:hidden;}
.tb-duo .tb-img-curr a{border:#ff3300 1px solid; }
/*数字*/
.mui-numbox { border: solid 1px #f4efe2; border-radius: 0px; background-color: #f9f6ee;}
.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn] { color: #7f4200; background-color: #f9f6ee; }
.mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input {border-right: solid 1px #f4efe2!important; border-left: solid 1px #f4efe2!important;}
/*评价*/
.item-pingjia { padding: 10px 0 5px 0; line-height: 16px !important;}
.user-pic { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; display: block;}
.manager-h {margin-top: 10px;  border: 1px #F60 dashed;  background: #fffad6; color: #F60; padding: 5px 10px 5px 10px;}
.haoping {background:url(/book/images/ico/ico_13.gif) no-repeat 0 center; padding-left: 20px; }
.zhongping {background:url(/book/images/ico/ico_39.gif) no-repeat 0 center; padding-left: 20px; }
.chaping {background:url(/book/images/ico/ico_40.gif) no-repeat 0 center; padding-left: 20px; }
/*请购加入购物车*/
/* .shop-button { top: 0 !important; border-radius: 0; height: 50px; margin: 0 !important; overflow: hidden;} */
.shop-button { top: 0 !important; border-radius: 0; height: 50px; margin: 0 !important; overflow: hidden;padding:0 7%;}
/*自选套餐*/
.zxtc-list .photo-img { width: 70px; height: 70px;}
.zxtc-list p { margin-left: 80px; height: 70px; overflow: hidden; color: #7f4200; line-height: 18px;}
.zxtc-anniu1 { background-color: #c80000; display: block; padding: 10px 0; text-align: center; font-size: 14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color: #ffffff;}
.zxtc-anniu2 { background-color: #d1ab82; display: block; padding: 10px 0; text-align: center; font-size: 14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*----------购物车----------*/
.shop-pro, .shop-pro li { margin: 0; padding: 0; border: 0; list-style: none;}
.shop-pro { padding: 0 10px;}
.shop-pro li { display:block; border-bottom: #eeeeee 1px solid; padding: 10px 0; position: relative;}
.shop-pro .photo { width: 80px; }
.shop-pro .photo img { width: 80px; height: 80px; border: #eeeeee 1px solid;  display: block;}
.shop-pro .info { overflow: hidden; padding-left: 10px; }
/*.shop-pro .info .title { height: 45px; overflow:hidden;}*/
.shop-pro .info i {font-style:normal; color:#ff4200;}
.shop-pro .dbox { width: 40px; height: 80px; }

/*弹出*/
.tan-chuang {position: fixed; z-index: 10000; top: 50%; left: 50%; overflow: hidden; width: 270px; -webkit-transition-property: -webkit-transform,opacity; transition-property: transform,opacity;
-webkit-transform: translate3d(-50%,-50%,0) scale(1.185); transform: translate3d(-50%,-50%,0) scale(1.185); text-align: center; color: #000; border-radius: 13px; background-color: #fff; }
.tan-chuang.hidden {display: none; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); z-index: -1;}
.tan { width: 100%; }
.tan-backdrop {display: none;}
.tan-open .tan-backdrop { position: absolute;top: 44px; bottom: 0; width: 100%; display: block; z-index: 995; background-color: #555555; background: rgba(0, 0, 0, .39804);}
.tan-open { width: 100%; height: 100%;}

.tan-body { padding-bottom: 5px;}
.tan-body h2 { font-size: 18px;  font-weight: 500; padding: 10px 0; margin-bottom: 0;  text-align: center;}
.tan-body center{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center;  justify-content: center;}
.tan-button{font-size: 15px; width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; padding: 0 5px; box-sizing: border-box; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;-webkit-box-flex: 1;}

/*下面弹出选择框*/
.shopwindow {position: fixed; z-index: 100; bottom: 0; left:0 ; right: 0; width: 100%; height: 70%;  background-color: #fff; }
.shopwindow.hidden {display: none; z-index: -1;}
.shopw { width: 100%; }
.shopw-backdrop {display: none;}
.shopw-open .shopw-backdrop { position: fixed; top: 0px; bottom: 0; width: 100%; display: block; z-index: 90; background-color: #555555; background: rgba(0, 0, 0, .39804);}
.shopw-open { width: 100%; height: 100%;}

.shopw-top { width: 100%; height: 84px; border-bottom: 1px solid #dcdcdc; position: relative; }
.shopw-photo { position: absolute; left: 8px; top: -26px; width: 100px; height: 100px; border-radius: 3px; border: 1px solid #f0f1f3; background-color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center;}
.shopw-photo img {max-width: 100%; max-height: 100%; display: block; }
.shopw-icon { position: absolute; right: 0px; top: 0; width: 30px; height: 35px; background-color: #fff; font-size: 20px; text-align: center; padding-top: 5px; }
.shopw-title { font-size: 14px; line-height: 16px; padding: 10px 30px 0 115px; display: block; max-height: 58px; overflow: hidden; }
.shopw-price { font-size: 14px; color: #f23030; padding: 0px 10px 0 115px; font-weight: bold; display: block; }
.shopw-main { position: absolute; bottom: 43px; top: 85px; left: 0; right: 0; padding:10px; overflow: auto;}
.shopw-btn { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; }

/*商品小列表*/
.buy-sprod-body { position: relative;}
.buy-sprod-list { width: 85%;}
.buy-sprod-list li { float: left; margin-right: 6px; }
.buy-sprod-list li img { width: 50px; height: 50px; display: block;}
.buy-sprod-list li span { display: block; text-align: center; font-size: 12px; }
.buy-sprod-num { position: absolute; top: 18px; right: 10px; font-size: 12px; text-align: right; }
.buy-sprod-body .mui-navigate-right:after { top: 27px; right: -5px; }


/*----------总分类页面----------*/
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .hy-fl-item.mui-active {border-bottom: 1px solid #e4d3c1;}
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .hy-fl-item {border-right: 1px solid #e4d3c1;border-bottom: 1px solid #e4d3c1;}
.mui-segmented-control.mui-segmented-control-inverted .hy-fl-item.mui-active {background-color: #fff;color: #c80000;border-right: 1px solid #fff;}
.mui-segmented-control.mui-segmented-control-inverted .hy-fl-item {color: #59483b;}

/*----------搜索页面----------*/
.mui-bar .search { right: 40px; left: 40px; top: 2px; display: inline-block; overflow: hidden; width: auto; margin: 0; text-overflow: ellipsis;}
.search { position:absolute; width:100%; white-space: nowrap; }
.search .mui-input-clear {background-color: #ffffff;  border-radius: 20px;}
.search-btn { width: 50px; height: 44px;  border: 0;  background-color: transparent;  transition-duration: inherit;  opacity: 1;  color: #ffffff; }
.search-btn:active {opacity: 1;}
.search-btn:enabled:active{background-color: transparent}

/*搜索关键字*/
.hot-search-tags {}
.hot-search-tags span { float: left; padding: 3px 5px;}
.hot-search-tags span a {display:block;	text-align: center;	border-radius: 20px;border:#eeeeee 1px solid; white-space:nowrap; text-overflow:ellipsis;	overflow:hidden; color: #000000; padding: 3px 5px; font-size: 12px;	}

/*右上角弹出*/
/*
.animated {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
90% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
100% {-webkit-transform: none;transform: none;}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
90% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
100% {-webkit-transform: none;transform: none;}
}
.bounce-in-down {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
@-webkit-keyframes fadeInDown {
0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
60% {opacity: 1;-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
75% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
90% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
100% {-webkit-transform: none;transform: none;}
}
@keyframes fadeInDown {
0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
60% {opacity: 1;-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
75% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
90% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
100% {-webkit-transform: none;transform: none;}
}
.fade-in-down {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes bounceOutUp {
20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
40%,45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
100% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
@keyframes bounceOutUp {
20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
40%,45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
100% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
.bounce-out-up {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
@-webkit-keyframes fadeOutUp {
20% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
40%,45% {opacity: 1;-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
100% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
@keyframes fadeOutUp {
20% {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
40%,45% {opacity: 1;-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
100% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
.fade-out-up { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}


.menu-open { width: 100%; height: 100%; }
/.*.menu-open .mui-scroll-wrapper { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; width: 100%; overflow: hidden; -webkit-backface-visibility: hidden;}*./
.menu-backdrop { display: none; }
.menu-open .menu-backdrop { position: fixed; top: 44px; bottom: 0; left: 0; right: 0; overflow: hidden; display: block; z-index: 998; background: rgba(0, 0, 0, .39804); }
.menu-wrapper {position: fixed; top: 44px; left: 0; right: 0; z-index: 999; text-align: center; background-color: #000; width: 100%; }
.menu-wrapper.hidden {display: none; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); z-index: -1;}

.menu { width: 100%; }
.hy-menu-tab .hy-tab-item  {padding: 15px 0; display: table-cell; overflow: hidden; width: 1%; height: 50px; text-align: center; vertical-align: middle;  white-space: nowrap; text-overflow: ellipsis; color: #fff;}
.hy-menu-tab .hy-tab-item .mui-icon {font-size: 24px; top: 3px; width: 24px; height: 24px; padding-top: 0; padding-bottom: 0; position: relative;}
.hy-menu-tab .hy-tab-item .mui-icon ~ .mui-tab-label { font-size: 13px;display: block; overflow: hidden; text-overflow: ellipsis;}
.hy-menu-tab .hy-tab-item.mui-active{color: #fff; background-color: #C80000;}
.hy-popover-arrow{ position: absolute; top: -5px; right: 14px; background-color: #000;width:16px; height:16px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
*/

/*2017.5.16修改*/
.top-backdrop { display: none; }
.menu-open .top-backdrop { position: fixed; top: 0px; bottom: 0; left: 0; right: 0; overflow: hidden; display: block; z-index: 998; background: rgba(0, 0, 0, 0); }
.top-wrapper {position: fixed; top: 44px; right: 5px; z-index: 1000; background: rgba(0, 0, 0, 0.8); width: 130px; border-radius: 5px; -webkit-border-radius: 5px; }
.top-wrapper.hidden {display: none; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); z-index: -1;}
.top-menu-tab .top-tab-item  { display:block; padding: 10px 15px; overflow: hidden; color: #fff; position: relative; }
.top-menu-tab .top-tab-item:after { position: absolute; bottom: 0; right: 10px; left: 10px; height: 1px; content: ''; -webkit-transform: scaleY(.1); transform: scaleY(.1); background-color: #fff; }
.top-menu-tab .top-tab-item .mui-icon { margin-right: 10px; }
.top-menu-tab .top-tab-item .mui-tab-label { font-size: 16px; }
.top-menu-tab .top-tab-item .mui-badge { font-size: 12px; line-height: 1.2; padding: 0px 3px; color: #fff; background: red; }
.top-popover-arrow{ position: absolute; top: -6px; right: 10px; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #000; opacity: 0.8; }

/*搜索弹出列表*/
.menus-search {position: absolute; top: 44px; left: 0; right: 0; z-index: 996; background-color: #fff; width: 100%; }
.menus-search.hidden {display: none; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); z-index: -1;}
.menus { width: 100%; }
.menus-backdrop {display: none;}
.menus-open .menus-backdrop { position: fixed; top: 44px; bottom: 0; width: 100%; display: block; z-index: 995; background: rgba(0, 0, 0, .39804);}
.menus-open { width: 100%; height: 100%;}
/*.menus-open .mui-scroll-wrapper { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; width: 100%; overflow: hidden; -webkit-backface-visibility: hidden;}*/

/*搜索主题导读*/
.search-zt { padding: 30px 15px 15px 15px;}
.search-zt img{line-height: 90px; max-width: 90px; height: 90px; border-radius: 5px;}
.search-txt{ margin-left: 100px; }
.search-txt p {line-height: 18px;}
.search-title {position: relative; }
.search-title span {position:absolute; right:0px; top:-30px; width:90px; height:40px; line-height: 40px; text-align: center; font-weight:bold; color:#fff; background:url(/book/images/hy-ico.png) no-repeat 0 -20px;}

/*搜索选项*/
.search-xx {padding: 8px 0;}
.search-xx .search-xx-item  { display: table-cell; overflow: hidden; width: 1%; height: 30px; text-align: center; vertical-align: middle;  white-space: nowrap; text-overflow: ellipsis; color: #606060; border-right: #f5f0e5 1px solid !important; position: relative;}
.search-xx .search-xx-item .search-xx-label { font-size: 16px;}
.search-xx .search-xx-item .arrow-up { position: absolute; font-size: 0.5em !important; font-style: normal; top:8px;}
.search-xx .search-xx-item .arrow-down { position: absolute; font-size: 0.5em !important; font-style: normal; bottom: 8px;}
.search-xx .mui-active { color: #C80000;}
/*
.search-xx .arrow-up { position: absolute; font-size: 7px; font-style: normal; top:-2px;}
.search-xx .arrow-down { position: absolute; font-size: 7px; font-style: normal; bottom: -2px;}
*/
/*2017.5.25增加*/
.search-yy { padding: 8px 10px; border-bottom: #f5f0e5 1px solid !important; }
.search-yy .search-yy-item  { display: table-cell; overflow: hidden; width: 1%; margin: 0 5px; padding: 5px 0; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #606060; position: relative;}
.search-yy .search-yy-item:after { content: ""; display: block; position: absolute; top: 0; left: 3px; right: 3px; bottom: 0; border: 1px solid #f5f0e5; border-radius: 5px; z-index: 1;}
.search-yy .mui-active { color: #C80000;}
.search-yy .active:after{border: none;}

/*综合弹窗*/
.menuxx-search {position: fixed; left: 0; right: 0; z-index: 996; background-color: #fff; width: 100%; }
.menuxx-search.hidden {display: none; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); z-index: -1;}
.menuxx { width: 100%; }
.menuxx-backdrop {display: none;}
.menuxx-open .menuxx-backdrop { position: fixed; bottom: 0; width: 100%; display: block; z-index: 995; background-color: #555555; background: rgba(0, 0, 0, .39804);}
.menuxx-open { width: 100%; height: 100%;}
/*.menuxx-open .mui-scroll-wrapper { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; width: 100%; overflow: hidden; -webkit-backface-visibility: hidden;}*/

/*搜索页面产品展示*/
/*左图片右文字*/
.search-pro-one, .search-pro-one li { margin: 0; padding: 0; border: 0; list-style: none;}
.search-pro-one { padding: 0 10px;}
.search-pro-one li { display:block; border-bottom: #eeeeee 1px solid; padding: 10px 0; position: relative;}
.search-pro-one .photo {width: 105px; height: 105px; margin-right: 10px; position: relative;}
.search-pro-one .photo img { width: 100%; height: 100%; display: block;}
.search-pro-one .photo span { position: absolute; display: block; bottom: 0; left: 0; right: 0; height: 20px; color: #fff; text-align: center; font-size: 12px;  background-color: rgba(0,0,0,.5); z-index: 2;}
.search-pro-one .info { overflow: hidden; }
.search-pro-one .info .title { font-size: 14px; color: #000000; height: 45px; overflow:hidden;}
.search-pro-one .info .price {font-size:15px; }
.search-pro-one .info i {font-style:normal; color:#ff4200;}
.search-pro-one .info del {font-style:normal; color:#606060; margin:0 10px;}
.search-pro-one .num {font-size:12px; color:#929292;}
.search-pro-one .shop { position: absolute; right: 10px; bottom: 10px; background-color: #c80000; text-align: center; padding: 5px; border-radius: 20px; color: #ffffff;}
/*上图片下文字*/
.search-pro-two, .search-pro-two li { margin: 0; padding: 0; border: 0; list-style: none;}
.search-pro-two li { float: left; width: 50%; padding: 5px; position: relative;}
/*.search-pro-two li img { width: 100%; max-width: 100%; height: auto; display: block; }*/
.search-pro-two li figure{ position: relative; width: 100%; height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; /* 关键就在这里 */ }
.search-pro-two li figure img {display: block; position: absolute;	width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1;}
.search-pro-two li figure span { position: absolute; display: block; bottom: 0; left: 0; right: 0; height: 20px; color: #fff; text-align: center; font-size: 12px;  background-color: rgba(0,0,0,.5); z-index: 2;}
.search-pro-two a {border: #eeeeee 1px solid; display: block; padding: 5px;}
.search-pro-two a:active {border: #ffffff 1px solid; background-color: #eeeeee;}
.search-pro-two .url { font-size: 12px; line-height: 18px; height: 36px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;   white-space: normal;  text-overflow: ellipsis;  word-wrap: break-word; }
.search-pro-two .price {color:#ff4200; margin-bottom: 0;}
.search-pro-two i { font-style:normal; }
.search-pro-two .shop { position: absolute; right: 10px; bottom: 0px; background-color: #c80000; text-align: center; padding: 5px; border-radius: 20px; color: #ffffff;}

/*返回顶部图标/图文切换按钮*/
.hide { display: none; }
.Fdico {position: fixed; right: 10px; bottom: 20px; width: 40px; z-index: 990;}
.Fdico li {background: #DDDDDD; border-radius: 50%;  width: 40px; height: 40px; margin-bottom: 5px; text-align: center; padding-top: 10px; opacity: 0.8;}
.Fdico .iconfont { font-size: 24px;color: #666666;}

/*搜索页侧滑内容*/
/*.hy-content {padding-top: 44px;}
.hy-ch-list li { float: left; width: 33.33333%; padding: 5px; text-align: center; position: relative;}
.hy-ch-list li a { background-color: #f5f0e5; display: block; border-radius: 5px; padding: 5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hy-ch-list .mui-active a {background-color:#C80000; color: #ffffff;}
.hy-ch-list .mui-active a:after {
	font-family: Muiicons; font-size: 20px; text-decoration: none; color: #fff;
    position: absolute; top: 50%;right: 5px;
    display: inline-block;
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
    -webkit-font-smoothing: antialiased; content: '\e472';
}
.ch-button { top: 0 !important; right: -10px; border-radius: 0; height: 44px; margin: 0 !important; overflow: hidden;}
.ch-input { width: 45% !important; font-size: 14px;}*/

.hy-content {padding-top: 44px;}
.hy-ch-list li { float: left; width: 33.33333%; padding: 5px; text-align: center; position: relative;}
.hy-ch-list li a { background-color: #f5f0e5; display: block; border-radius: 5px; padding: 5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hy-ch-list .mui-active a {background-color:#C80000; color: #ffffff;}
.hy-ch-list .mui-active a:after {
	font-family: Muiicons; font-size: 20px; text-decoration: none; color: #fff;
    position: absolute; top: 50%;right: 5px;
    display: inline-block;
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
    -webkit-font-smoothing: antialiased; content: '\e472';
}
.ch-button { top: 0 !important; right: -10px; border-radius: 0; height: 44px; margin: 0 !important; overflow: hidden;}
.ch-input { width: 45% !important; font-size: 14px;}

/*2017.5.25增加*/
.hc-ch-an {}
.hc-ch-an a { float: left; width: 33.33333%; text-align: center; margin: 3px 0; padding: 5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position: relative; }
.hc-ch-an a:after { content: ""; display: block; position: absolute; top: 0; left: 3px; right: 3px; bottom: 0; border: 1px solid #f5f0e5; border-radius: 5px; z-index: 1;}
.hc-ch-an .active  { color: #c80000;}
.hc-ch-an .active:after { border-color: #c80000; }
.hc-ch-an .active:before {font-family: Muiicons; font-size: 20px; text-decoration: none; color: #c80000; position: absolute; top: 50%; right: 5px; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; content: '\e472'; }

/*----------聚优惠----------*/
/*套餐*/
.hy-tc-item {width: 110px; margin: 5px; text-align: center; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.hy-tc-item img { width: 100%; height: 100%; border: 1px #f5f0e5 solid;}
.hy-tc-item a { display: block;}
.hy-tc-list dt { position: relative;}
.hy-tc-list dt a{ display: block;}

.hy-tc-photo { width: 100px;}
.hy-tc-photo img { width: 100%; border: 1px #f5f0e5 solid; display: block;}
.hy-tc-info { margin-left: 110px;}

.hy-tc-an { background-color: #c80000; color: #ffffff; padding: 10px; text-align: center; font-size: 14px;}
.hy-tc-more { background-color: #f5f0e5; display: block; border-radius: 5px; padding: 10px 0; text-align: center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*----------本命佛文化----------*/
.hy-bmf-menu-item { width: 110px !important; height: 155px; text-align: center !important; line-height: inherit !important; padding: 10px !important;}
.hy-bmf-menu-item img { width: 100%;}
.mui-segmented-control.mui-segmented-control-inverted .hy-bmf-menu-item.mui-active {border-bottom: 0px; background-color: #fff;}

.hy-bmf-sx li:after { content: ''; height: 0; display: block; clear: both;}
.hy-bmf-sx li {zoom: 1; line-height: 28px; padding: 3px 0;}
.hy-bmf-sx li span { float: left; width: 110px; height: 28px; color: #fff; text-align: right; padding-right: 10px; background: url(/book/images/benmingfo/bmf-ico-01.png) no-repeat; background-size: 100% 100%;}
.hy-bmf-sx li article { margin-left: 120px; padding: 0 10px; background-color: #f5f0e5; color: #7f4200;}

.hy-bmf-title { height: 38px; line-height: 38px; background: url(/book/images/benmingfo/hy-bmf-ab-bj.jpg);}
.hy-bmf-title span { float: left; height: 100%; padding: 0 10px; background-color: #cc2a1e; color: #ffffff; position: relative;}
.hy-bmf-title i { position: absolute; bottom: -5px; left: 20px; background-color: #cc2a1e; width: 16px; height: 16px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}

/*----------会员中心----------*/
.user-bj { background: #e9ddc3;}
.user-h-bj {background: url(/book/images/user/user-h-bj.jpg) no-repeat center top; background-size: 100% auto;}
.user-h-table { padding: 40% 15px 0 15px; overflow: visible;}
.user-h-table .mui-active {border-bottom: 0 !important; position: relative;}
.user-h-table .mui-control-item {overflow: visible; }
.user-h-table .mui-active span { position:absolute; bottom:-1px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e4d3bf;}
.user-h-table .mui-active i {position:absolute; bottom:-2px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #f1e9d4;}
/*表单内容*/
.user-h-box {background-color: #f2e9d4; border:#e3d3bf 1px solid; margin: 0 15px; padding: 5px 10px;}
.user-input-row {height: 40px;border-bottom:1px #e3d3bf solid;clear: left; overflow: hidden;position: relative;}
.user-input-row input {margin-bottom: 0;border: 0; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none;color: #392b20;}
.user-input-row input[type=number], .user-input-row input[type=text], .user-input-row input[type=password]  {line-height: 20px; width: 100%; height: 40px; font-size: 14px; padding: 0 0 0 30px; -webkit-user-select: text; outline: 0; -webkit-appearance: none;}
.user-textarea-row textarea  {margin: 5px 0 0 0; padding: 10px 10px; border: 1px solid #e4d3bf; font-size: 14px; border-radius: 0px; background-color: #f9f5ec;}
.user-input-row .iconfont { position: absolute; top: 50%; left: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%);  color: #bb8962;}
.user-input-yzm { position: absolute; top: 5px; right: 0; padding: 0 10px; height: 30px; border-left:1px #e3d3bf solid; background-color: transparent;border-radius: 0; border-top: 0;border-right: 0;border-bottom: 0; color: #392b20;}
.user-input-yzm:enabled:active, .user-input-yzm.mui-active:enabled{border: 0;}

.user-h-padd {margin: 10px 15px;}
.user-btn-block {font-size: 20px; display: block; width: 100%; padding: 10px 0; border-radius: 0; }

.user-input {background-color: #f9f6ee; border:1px #e3d3bf solid; margin-bottom: 5px; position: relative;}
.user-input input {margin-bottom: 0;border: 0; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none;color: #392b20;}

/*文字链接*/
.user-link-area {display: block; margin-top: 20px;  text-align: center; color: #d9ad8a; }
.user-link-area a { padding: 0 10px;}
/*其它登录方式*/
.user-other-title {border-bottom: #d5c9ae 1px solid; padding: 20px 0;position: relative;}
.user-other-title span {position: absolute;top: 30px;left: 50%;transform: translateX(-50%);background-color: #e9ddc3;color: #bb8962; font-size:14px; padding: 0 10px;}
.user-other-list {margin: 0 auto;padding: 38px 0;}
/*.user-other-list li { float: left;width: 33.333333%;text-align: center;}*/
.user-other-list li { display: table-cell; overflow: hidden; width: 1%; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;}
.user-other-list a {width: 55px; height: 55px; line-height: 50px; font-size: 30px; display: inline-block;border: #bb8962 1px solid;background-color: transparent;border-radius: 50%;}
.user-other-list span {display: block; padding-top: 5px; text-align: center; font-size: 12px; color: #bb8962;}
/*头部会员信息*/
.user-n-top {background: url(/book/images/user/user-n-top-bj.jpg) no-repeat center top; background-size: 100% 100%; padding: 20px; position: relative;}
.user-n-top .head-img { width: 60px; height: 60px; border-radius: 50%; margin-right: 10px; border: 2px #9e585a solid;}
.user-n-top h3 { font-size: 16px; height: 25px; line-height: 25px; color: #fff;}
.user-n-top p {color: #f1e9d4;}
.user-n-top .out {position: absolute; top: 50%; right: 20px; width: 70px; height: 30px; text-align: center; transform: translateY(-50%); font-size: 14px; color: #741012; padding: 4px 15px; border: 0;background: url(/book/images/user/out.png) no-repeat; background-size: 100% 100%;}
/*统计数字*/
.user-n-shuzi { background-color: #f1e9d4; text-align: center; padding: 10px 0; border-bottom: #e4d3bf 1px solid; }
.user-n-shuzi a { float: left; width: 25%; display: block; text-align: center; border-right: #e4d3bf 1px solid;}
.user-n-shuzi span, .user-n-shuzi i { display: block;}
.user-n-shuzi span { font-size: 20px; line-height: 30px; color: #741012;}
.user-n-shuzi i { font-style: normal; font-size: 12px;color: #bb8962;}
/*应用列表*/
.user-n-xmlist {background-color: #f1e9d4; margin-top: 10px; padding: 10px;border-top: #e4d3bf 1px solid;border-bottom: #e4d3bf 1px solid;}
.user-n-xmlist ul { border-top: #e4d3bf 1px solid;border-left: #e4d3bf 1px solid;}
.user-n-xmlist li {float:left; text-align: center; border-right: #e4d3bf 1px solid;border-bottom: #e4d3bf 1px solid;}
.user-n-xmlist figure{ position: relative; width: 100%; height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; /* 关键就在这里 */ }
.user-n-xmlist figure a{display: block;	position: absolute;	width: 100%; padding: 10px 0; color: #bb8962; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);}
.user-n-xmlist figure span { display: block; height: 40px; font-size: 35px; line-height: 35px;}
.user-n-xmlist figure .iconfont {color: #c80000; margin-bottom: 10px;}
/*我的消息*/
.user-n-xiaoxi {padding: 0px 10px 0px 10px; }
.user-n-xiaoxi dt { background-color: #f1e9d4; border: #e4d3bf 1px solid; padding: 10px; font-size: 14px; color: #891f03; position: relative;}
.user-n-xiaoxi dd { background-color: #f1e9d4; border: #e4d3bf 1px solid; border-top:0; padding: 10px; font-size: 14px; color: #aa7246; margin-bottom: 10px;}
.user-n-xiaoxi b { color: #000;}
.user-input-del { position: absolute; top: 5px; right: 5px; padding: 0 10px; height: 30px; background-color: #841f03; border-radius: 0; border: 0; color: #fff;}
.user-input-del:enabled:active, .user-input-del.mui-active:enabled{border: 0;}
/*图文列表*/
.user-n-list {padding: 10px 10px 0 10px;}
.user-n-list li {background-color: #f1e9d4; padding: 10px; border: #e4d3bf 1px solid; margin-bottom: 10px; position: relative; zoom: 1;}
.user-n-list li:after { content: ''; height: 0; display: block; clear: both;}
.user-n-list li a { display: block;}
.user-n-list li a:after {
	font-family: iconfont; font-size: 20px; text-decoration: none; color: #d1ab82;
    position: absolute; top: 50%;right: 10px;
    display: inline-block;
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
    -webkit-font-smoothing: antialiased; content: '\e62a';
}
.user-n-list .quan-img { width: 100px; height: 100px; margin-right: 10px;}
.user-n-list p { margin-bottom: 0; line-height: 20px; color: #000; }
/**/
.user-table { margin: 10px; background-color: #f1e9d4; border: #e4d3bf 1px solid;}
.user-table li:after { content: ''; height: 0; display: block; clear: both;}
.user-table li {zoom: 1; padding: 5px; border-bottom: #e4d3bf 1px solid; line-height: 24px;}
.user-table label { float: left; width: 70px; text-align: right; font-weight: bold; font-size: 14px;}
.user-table article { margin-left: 80px; font-size: 12px; }
.user-title { border-left:#c80000 5px solid; color: #c80000; font-weight: bold; padding-left: 10px; margin: 0 12px;}

.user-pay {margin: 10px; background-color: #f1e9d4; border: #e4d3bf 1px solid;}
.pay-list li { position: relative; border-bottom: #f5f0e5 1px solid !important;}
.pay-list2 li { position: relative; border-bottom: #e4d3bf 1px solid !important;}
.pay-icon { font-size: 40px; line-height: 42px; color: #dd524d; margin-right: 10px;}

/*积分*/
.user-jf-num {background-color: #f1e9d4; padding: 20px 0; }
.user-jf-num span { font-size: 30px; line-height: 30px; color: #741012; position: relative;}
.user-jf-num h4 { font-size: 16px;color: #bb8962;}
.user-jf-num span:after { font-family: iconfont; font-size: 30px; text-decoration: none; color: #bb8962; position: absolute; top: 0; right: -50px; display: inline-block; -webkit-font-smoothing: antialiased; content: '\e644';}
.user-jf-num span:before { font-family: iconfont; font-size: 30px; text-decoration: none; color: #bb8962; position: absolute; top: 0; left: -50px; display: inline-block; -webkit-font-smoothing: antialiased; content: '\e642';}

.user-jf-list { margin-top: 10px; margin-bottom: 10px; background-color: #f1e9d4; border-top: #e4d3bf 1px solid; }
.user-jf-list li { border-bottom: #e4d3bf 1px solid; padding: 5px 15px; zoom: 1;}
.user-jf-list li:after { content: ''; height: 0; display: block; clear: both;}
.user-jf-list .info  { width: 80%;}
.user-jf-list .num { width: 20%; text-align: right; }


/*----------佛学----------*/
.fo-top-bj { background-color: #f2eee3;}
.fo-top-bj a { color: #222222;}

.mui-bar .fo-top{ width:auto; margin:0; right: 80px; left:80px; top: 0px; bottom: 0px; display:inline-block; overflow:hidden; text-overflow:ellipsis;}
.fo-top {position:absolute; width:100%; display:block;}

.mui-segmented-control-negative.mui-segmented-control-inverted .fo-top-item {height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; color: #222222; }
.mui-segmented-control-negative.mui-segmented-control-inverted .fo-top-item.mui-active {color: #a77542; border-bottom: 2px solid #a77542; background: 0 0;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .fo-top-item.mui-active {color: #a77542; border-bottom: 2px solid #a77542; background: 0 0;}

.mui-segmented-control-negative.mui-segmented-control-inverted .fo-yixue-item {color: #222222; line-height: 35px;}
.mui-segmented-control-negative.mui-segmented-control-inverted .fo-yixue-item.mui-active {color: #a77542; border-bottom: 2px solid #a77542 !important; background: 0 0;}

.fo-yixue-list li { padding: 10px; overflow: hidden; background-color: #f2eee3; border-bottom: #e6dcd0 1px solid;}
.fo-yixue-list a { display: block; height: 100%;}
.fo-yixue-list img { width: 80px !important; height: 65px; margin-right: 10px; display: block;}
.fo-yixue-list h3 { font-size: 16px; color: #222222; margin: 0; padding: 5px 20px 5px 0; position: relative;}
.fo-yixue-list h3:after {font-family: Muiicons; font-size: 16px; text-decoration: none; color: #999999; position: absolute; top: 50%; right: 0px; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; content: '\e583';}
.fo-yixue-list p { margin-bottom: 0; padding-bottom: 0; line-height: 20px;}
.fo-yixue-list p span { background-color: #e4dfd4; padding: 0 5px; border-radius: 15px;}
.fo-yixue-list .mui-media-body { height: 65px; overflow: hidden;}

.foxue-item { padding: 10px 0 0 0; }
.foxue-item span { width: 60%; height: 0; padding-bottom: 60%; display: block; margin: 0 auto; background-repeat: no-repeat; background-size: 100% 100%;}
.foxue-item .home { background-image: url(/book/images/fo/home0.png);}
.foxue-item .wenku { background-image: url(/book/images/fo/wenku0.png);}
.foxue-item .fashi { background-image: url(/book/images/fo/fashi0.png);}
.foxue-item .fojing { background-image: url(/book/images/fo/fojing0.png);}
.foxue-item .zongjiao { background-image: url(/book/images/fo/zongjiao0.png);}
.foxue-item .fenlei { background-image: url(/book/images/fo/fenlei0.png);}
.foxue-item.mui-active .home { background-image: url(/book/images/fo/home1.png);}
.foxue-item.mui-active .wenku { background-image: url(/book/images/fo/wenku1.png);}
.foxue-item.mui-active .fashi { background-image: url(/book/images/fo/fashi1.png);}
.foxue-item.mui-active .fojing { background-image: url(/book/images/fo/fojing1.png);}
.foxue-item.mui-active .zongjiao { background-image: url(/book/images/fo/zongjiao1.png);}

.mui-segmented-control-negative.mui-segmented-control-inverted .foxue-item {color: #222222; line-height: 20px;}
.mui-segmented-control-negative.mui-segmented-control-inverted .foxue-item.mui-active {color: #c80000; border: 0px;  background-color: #e4d3bf;}

.fo-toutiao a { display: block; height: 100%;}
.fo-toutiao img { width: 105px; height: 85px; margin-right: 10px; display: block;}
.fo-toutiao h3 { font-size: 16px; color: #222222; margin: 0; padding: 5px 20px 5px 0; position: relative;}
.fo-toutiao h3:after {font-family: Muiicons; font-size: 16px; text-decoration: none; color: #999999; position: absolute; top: 50%; right: 0px; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; content: '\e583';}
.fo-toutiao p { margin-bottom: 0; padding-bottom: 0; line-height: 20px;}
.fo-toutiao .mui-media-body { height: 85px; overflow: hidden;}

.mui-segmented-control-negative.mui-segmented-control-inverted .fo-txt-item {color: #a77542; border: #a77542 1px solid; line-height: 36px; border-radius: 18px; }
.mui-segmented-control-negative.mui-segmented-control-inverted .fo-txt-item.mui-active { color: #f2eee3; border: #a77542 1px solid; background-color: #a77542;}

.fo-txt-list li { padding: 11px 15px; }
.fo-txt-list li a { color: #382b1f; }
.fo-txt-list .mui-table-view-cell>a:not(.mui-btn) { color: #382b1f;}
.fo-txt-list .mui-table-view-cell:after {left: 15px; right: 15px; -webkit-transform: scaleY(1.0); transform: scaleY(1.0); background-color: #e4d3bf;}

.fo-pic-list li { float: left; width: 33.33333%; padding: 5px; }
.fo-pic-list li figure { position: relative;  width: 100%;  height: 0; background-color: #fff; overflow: hidden; margin: 0; padding-bottom: 120%; }
.fo-pic-list li figure img {display: block; position: absolute; width: 100%; height:auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.fo-pic-list li span { text-align: center; display: block; padding-top: 5px;}
.fo-pic-list li a { display: block; color: #382b1f;}

/*标题*/
.fo-title {border-left: #a77542 5px solid; color: #a77542; margin-left: 5px; padding-left: 5px; font-size: 18px; font-weight: bold;}

.fo-yun-ico { position: relative; }
.fo-yun-ico:after { position: absolute; left: -70px; bottom: -3px; content: ""; width: 68px; height: 16px; background: url(/book/images/fo/yunxl.png) no-repeat; background-size: 100% 100%;}
.fo-yun-ico:before { position: absolute; right: -70px; bottom: -3px; content: ""; width: 68px; height: 16px; background: url(/book/images/fo/yunxr.png) no-repeat;background-size: 100% 100%;}

/*佛学分类*/
.fo-fl-bj { background-color: #a87442;}
.fo-fl-bj a { color: #f2eee3;}
.fo-fl-bj .mui-title {color: #f2eee3;}

/*佛学词典搜索*/
.fo-search .mui-input-clear {background-color: #ebe5d7; border-radius: 20px; margin-bottom: 0;}
.fo-search .mui-search:before { top: 25px;}
.fo-search .mui-btn-foxue { width: 82px; border-radius: 20px;}

/*佛学词典按钮*/
.mui-btn-foxue{ color: #f2eee3; border: 1px solid #a87442; background-color: #a87442; }
.mui-btn-foxue:enabled:active, .mui-btn-foxue.mui-active:enabled{color: #f2eee3; border: 1px solid #a04f01; background-color: #a04f01;}

/*佛学分类列表*/
.fo-fenlei-list h3 { font-size: 18px; color: #a77542;}
.fo-fenlei-list ul { padding: 0 7px; }
.fo-fenlei-list li { float: left; width: 33.33333%; padding: 3px; text-align: center;}
.fo-fenlei-list a { display: block; background-color: #f2eee3; border: #d9d4ce 1px solid; padding: 8px 0; color: #382b1f; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*法师详情*/
.fo-fashi-bj { background: url(/book/images/fo/fashi-bj.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 63%; position: relative;}
.fo-fashi-top { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; text-align: center; }
.fo-fashi-top .photo { width: 30%; height: 30%; border: 4px solid rgba(255, 255, 255, 0.2); border-radius: 50%; }
.fo-fashi-top .title { color: #fff; }
.fo-fashi-top .subtitle { color: #fff; }
.fo-fashi-top .jiaru {background-color: #a87442; color: #f3ead2; font-size: 14px; padding: 5px 5px 5px 0; width: 60px; text-align: center; border-radius: 20px;}
.fo-fashi-top .jiaru:before {font-size: 16px;}

/**/
.fo-fashi-dian { padding: 10px 15px;}
.fo-fashi-dian li { float: left; width: 50%;}
.fo-fashi-dian a { display: block; width: 100%; height: 100%; padding-left: 60px; }
.fo-fashi-dian h3 { color: #382b1f; font-size: 16px; }
.fo-fashi-dian h4 { color: #999999; font-size: 14px; font-weight: normal; }
.fo-fashi-dian .one { background: url(/book/images/fo/dianli.png) no-repeat 10px center; background-size: auto 100%; border-right: #e5dcd3 1px solid; }
.fo-fashi-dian .two { background: url(/book/images/fo/songhua.png) no-repeat 10px center; background-size: auto 100%; }

/**/
.fo-fashi-info h3 { color: #382b1f; font-size: 18px; }
.fo-fashi-info p { margin-bottom: 0; color: #666666; }

.fo-txt-more { border-top: #e4d3bf 1px solid; padding-bottom: 20px; margin-top: 20px; position: relative;}
.fo-txt-more a { position: absolute; top: -10px; left: 0; display: block; width: 100%; height: 20px;}
.fo-txt-more span { font-size: 12px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); background-color: #f2eee3; padding: 0 10px;}
.fo-txt-more i { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666;}

.fo-wenji-list li { padding: 10px; overflow: hidden; background-color: #f2eee3; border-bottom: #e6dcd0 1px solid;}
.fo-wenji-list a { display: block; height: 100%;}
.fo-wenji-list img { width: 80px !important; height: 105px; margin-right: 10px; display: block;}
.fo-wenji-list h3 { font-size: 16px; color: #382b1f; margin: 0; padding: 5px 20px 5px 0;}
.fo-wenji-list p { margin-bottom: 0; padding-bottom: 0; line-height: 20px;}
.fo-wenji-list p span { color: #a87442; padding: 0 5px; border: #a87442 1px solid; border-radius: 15px; margin-right: 5px; }
.fo-wenji-list .mui-media-body { height: 105px; overflow: hidden;}

/*文库详情*/
.fo-wenku-bj { background: url(/book/images/fo/wenku-bj.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 45%; position: relative;}
.fo-wenku-top { position: absolute; bottom: 15px; left: 0px; width: 100%; }
.fo-wenku-top .photo { float: left; width: 80px !important; height: 105px; margin-right: 15px; margin-left: 15px; display: block; }
.fo-wenku-top h3 { font-size: 18px; color: #f2eee3; font-weight: normal; margin: 0; padding: 5px 0; }
.fo-wenku-top p { margin-bottom: 0; padding-bottom: 0; line-height: 20px; color: #f2eee3; }
.fo-wenku-top span { color: #a87442; border: #a87442 1px solid; border-radius: 10px; padding: 0 5px; margin-right: 5px; }
.fo-wenku-an { position: absolute; bottom: 15px; right: 15px; }
.fo-wenku-an a { display: block; margin-bottom: 5px; border-radius: 20px; padding: 1px 10px;}
.fo-wenku-an .shoucang { color: #f2eee3; border: #a87442 1px solid; background-color: #a87442; }
.fo-wenku-an .fenxiang { color: #a87442; border: #a87442 1px solid; }

/*文库列表*/
.fo-wenku-list { border-bottom: #e6dcd0 1px solid;}
.fo-wenku-list .mui-table-view-cell:after {background-color: #e6dcd0;}
.fo-wenku-list .mui-table-view-cell>a:not(.mui-btn) { color: #382b1f;}

/*文库详情页*/
.fo-content { background: url(/book/images/fo/fo-content-bj.jpg) repeat-y; background-size: 100% auto;}
.fo-content .content, .fo-content .content p { color: #382b1f; font-size: 16px;}
.fo-content .content {padding: 10px 0; font-size: 16px; line-height: 28px;}
.fo-content .content .photo { border: #e4d3bf 1px solid; padding: 2px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%; display: block;}

/*文库底部*/
.fo-bar-tab { background-color: #a87442; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0);}
.fo-bar-tab .mui-tab-item { color: #fff; overflow: visible }
.fo-bar-tab .mui-tab-item.mui-active {color: #ffff00;}
.fo-bar-tab .yes-shoucang { color: #ffff00; }

.fo-popover { background-color: #222222; border-radius: 12px; }
.fo-popover .mui-table-view { background-color: #222222; }
.fo-popover .mui-popover-arrow:after { background: #222222; }
.fo-popover .mui-table-view-cell:after {background-color: #2b2b2b;}
.fo-popover .mui-table-view-cell>a:not(.mui-btn) { color: #f1ede2; }
.fo-popover .mui-table-view-cell>a:not(.mui-btn).mui-active { color: #222222; background-color: #f1ede2; }
.fo-popover .mui-scroll-wrapper {margin: 0px 0; border-radius: 12px;}

/*分享*/
.fx-popover { background-color: #fff; border-radius: 12px; height: 280px; }
.fx-popover .mui-table-view { background-color: #fff; }
.fx-popover .mui-popover-arrow:after { background: #fff; }
.fx-popover .mui-scroll-wrapper {margin: 0px 0; border-radius: 12px;}
.fx-popover .fx-table-view { padding: 15px 10px; }
.fx-popover .fx-table-view li { float: left; width: 33.33333%; text-align: center; padding: 5px; }
.fx-popover .fx-table-view img { width: 60%; }
.fx-popover .fx-table-view span { display: block; }

/*评论列表*/
.quanzi-tiezi-pl dd {padding: 15px 15px; overflow: hidden; border-bottom: #e4d3bf 1px solid;}
.quanzi-tiezi-pl .photo img {width: 30px !important; height: 30px; display: block; border-radius: 15px;}
.quanzi-tiezi-pl .txt { margin-left: 40px; position: relative; color: #666;}
.quanzi-tiezi-pl p {padding-bottom: 0; margin-bottom: 0; }
.quanzi-tiezi-pl .huifu {background-color: #ebe5d7; padding: 10px; margin-top: 10px;}
.quanzi-tiezi-pl .youhuifu{ background-color: #f2eee3; padding: 5px; margin: 5px 0;}
.quanzi-tiezi-pl .iconr { position: absolute; top: 0; right: 0; }
.quanzi-tiezi-pl .yesno { border: #81b552 1px solid; color: #81b552; border-radius: 10px; padding: 0px 5px; text-align: center;}

/*帖子评论框*/
.quanzi-hfk { padding-top: 10px; /*border-top:#e4d3bf 1px solid; */}
.quanzi-hfk input[type=text], .quanzi-hfk textarea, .quanzi-hfk select {border-radius: 0; border: #e4d3bf 1px solid !important; background-color: #f9f4e7; font-size: 14px; margin-bottom: 0;}
.quanzi-hfk .iconfont { font-size: 30px; line-height: 30px; }

/*底部自定义浮动*/
footer {position: fixed; z-index: 10; right: 0; left: 0; bottom: 0; height: 50px; border-top: #f5f0e5 1px solid; background-color: #ffffff; }
/* footer .dbox { width: 30px; height: 100%; margin-left: 10px; } */
footer .dbox { width: 10%; height: 100%; margin-left: 1%; }
footer .qx { padding-top: 15px; font-size: 14px;padding-left: 5px;}
/* footer .price { padding: 5px 0 0 10px; font-size: 14px; } */
footer .price { padding: 1% 0 0 1%; font-size: 14px; }
footer .mui-checkbox input[type=checkbox] { right: 0; }
footer~.mui-content { padding-bottom: 49px; }

/*2017.4.10免费测*******************************************************************/
/*右上角弹出分享
.fx-popover { background-color: #fff; border-radius: 12px; height: 280px; }
.fx-popover .mui-table-view { background-color: #fff; }
.fx-popover .mui-popover-arrow:after { background: #fff; }
.fx-popover .mui-scroll-wrapper {margin: 0px 0; border-radius: 12px;}
.fx-popover .fx-table-view { padding: 15px 10px; }
.fx-popover .fx-table-view li { float: left; width: 33.33333%; text-align: center; padding: 5px; }
.fx-popover .fx-table-view img { width: 60%; }
.fx-popover .fx-table-view span { display: block; }*/

/*下弹出分享*/
.fx-table-list { background-color: #fff; padding: 15px 10px; }
.fx-table-list li { float: left; width: 25%; text-align: center; padding: 5px; }
.fx-table-list img { width: 60%; }
.fx-table-list span { display: block; }

/*顶部*/
.sm-bj { background-color: #741012; }
.sm-bj .mui-title { color: #bb8962; }
.sm-bj .mui-icon { color: #bb8962; }
/*测算表单*/
.hc-input-group { background-color:#f2e9d4; }
.hc-input { width:90%; margin:0 auto; background:url(/book/images/sm/input-bj.png) no-repeat; background-size: 100% 100%; margin-bottom: 5px; }
.hc-input-but {	border:none;background:url(/book/images/sm/but.png) no-repeat center center; background-size: 90%; color: #ffffff; font-size: 18px; display: block; width: 100%; margin-bottom: 10px; padding: 15px 0;}
.hc-input-but:active {opacity: 1;}
.hc-input-but:enabled:active{background-color: transparent; }
/*测算人数*/
.hc-peoplenum-title { border-bottom: #d5c9ae 1px solid; position: relative; padding-bottom: 10px; margin-bottom: 20px; margin-top: 20px;}
.hc-peoplenum-title span { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #f2e9d4; padding: 0 10px;white-space: nowrap;}
/*互动按钮*/
.hc-zang { padding-bottom: 10px;}
.hc-zang-btn, .hc-zang-btn-no {font-size: 16px; font-weight: 400;color: #bb8962; border: 1px solid #e4d3c1; border-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-left: 20px; padding-right: 20px;}
/*测算介绍展开*/
.hc-txt-more { border-top: #d5c9ae 1px solid; padding-bottom: 50px; position: relative;}
.hc-txt-more a { position: absolute; top: -10px; left: 0; display: block; width: 100%; height: 20px;}
.hc-txt-more span { font-size: 12px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #f2e9d4; padding: 0 10px;}
.hc-txt-more i { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ba8961;}
/*测算标题*/
.hc-cs-title{ padding: 10px 0 10px 55px; color: #504335; background:#e9dec3 url(/book/images/sm/xiangyun.png) no-repeat 10px center; background-size: 47px 20px;	font-weight: bold; line-height: 20px; border-top:#e3d3bf 1px solid; border-bottom:#e3d3bf 1px solid;}
.hc-cs-title span a { display: block; padding: 0 10px; font-weight: normal;}
/*相关测算列表*/
.csxg { height:145px !important; background-color:#F1E9D4; }
.csxg ul { padding-top: 10px; }
.csxg li { width:120px !important; line-height: inherit !important; border-right:#e3d3bf 1px solid !important; padding: 0 10px !important; border-bottom:0 !important;}
/*缘友互动列表*/
.hc-hd-list { font-size: 14px; background-color: #f1e9d4;}
.hc-hd-list ul { width: 90%; margin: 0 auto;}
.hc-hd-list li { padding: 20px 0; border-bottom:#e3d3bf 1px solid; background-color: #f1e9d4;}
.hc-hd-list .photo { width: 30px; height: 30px;}
.hc-hd-list .photo img {width: 30px; height: 30px;border-radius: 20px;}
.hc-hd-content { overflow: hidden; padding-left: 10px; }
.hc-hd-list .content { display: block; padding: 10px 0; color: #666; }
.hc-hd-list .huifu { border:1px #e3d3bf dashed; background:#fffad6; padding: 5px 10px; }
.hc-hd-list .time { text-align: right; color: #ba8961; font-size: 12px; }
/*底部浮动互动*/
.hc-hd-fudong { background-color: #382b1f;}
.hc-hd-input {padding: 10px 0 0 10px; margin-right: 130px;}
.hc-hd-input span {border-radius: 20px; width: 100%; display: block; padding: 15px 0; background-color: #70523b;}
.hc-hd-anniu { width: 120px; margin-top:15px; }
.hc-hd-anniu .iconfont{ font-size: 22px; margin: 0 6px; color: #bb8962; position: relative;}
.hc-hd-anniu .icon-num { position: absolute; top: -5px; right: -10px; background-color: #94171a; font-size: 10px; color: #ffffff;border-radius: 5px; line-height: 12px; padding: 0 5px;}
/*男女测算*/
.hc-input-nannv {width: 90%; margin: 0 auto; padding-top: 15px; position: relative; z-index: 10;}
.hc-input-nan { position:absolute; top:5px; left: -5px; width: 20px; height: 20px;background:url(/book/images/sm/nan.png) no-repeat center center;background-size: 100% 100%;}
.hc-input-nv { position:absolute; top:5px; left: -5px; width: 20px; height: 20px;background:url(/book/images/sm/nv.png) no-repeat center center;background-size: 100% 100%;}

/*性别男女新样式qz20170602*/
.hc-input p, .sf-input p {
    height: 100%;
    line-height: 40px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    border: 0px;
    list-style: none;
}
.hc-input .mui-radio input[type=radio], .sf-input .mui-radio input[type=radio] {
    position: inherit;
    right: 0;
    top: 2px !important;
    height: 28px;
    -webkit-transform: none !important;
    transform: none !important;
}
.hc-input p, .sf-input p {
    height: 100%;
    line-height: 40px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    border: 0px;
    list-style: none;
    font-size: 1em;
}
/*查询结果***************/
.hc-cha {margin: 10px; }
.hc-cha-ul {border-top: 0;background-color: none;}
.hc-cha-ul:after {background-color: none;}
.hc-cha-ul:before {background-color: none;}

.hc-cha-headtxt { background: url(/book/images/sm/hc-cha-headtxt.jpg) no-repeat; background-size: 100% auto; margin-bottom: 10px; min-height: 100px; }
.hc-cha-headtxt .txt { padding: 10px 10px 10px 80px; font-size: 14px; }
@media ( min-width: 768px)
{
	.hc-cha-headtxt {  min-height: 180px; }
	.hc-cha-headtxt .txt { padding: 10px 10px 10px 160px; font-size: 1.5em; line-height: 150%; }
}
.coloqh {color: #bb8962;}
.colohs {color: #9f171a;}
.colohg {color: #669900;}
.txt-col-red {color: #94181a;}
/*2017年3月18日sundy新增start*/
.txt-col-green {color: #669900;}
.txt-col-blue {color: #007aff;}
.txt-col-black {color: #382b1f;}
.txt-col-gray {color: #666666;}
/*2017年3月18日sundy新增end*/
.ablue{color: #4196cf; text-decoration: underline; }

.hc-cha-title {background-image: url(/book/images/sm/dot1.png);	background-repeat: no-repeat;background-size:auto 100%;	border-bottom: #e4d3c1 1px solid;color: #95171a;background-color: #f1e9d4; font-size: 16px; }
.hc-cha-li {border-bottom: 0; color: #95171a; background-color: transparent;position: static; margin-bottom: 10px; font-size: 14px; }
.hc-cha-li:after{ color: #95171a; background-color: transparent;}
.hc-cha-li.mui-active .hc-cha-title {background-color: #f6f0df;}
.hc-cha-li.mui-collapse .hc-cha-content{ background: #f1e9d4;}
.hc-cha-title:after {color: #95171a;}
.hc-cha-li > a:not(.mui-btn).mui-active{background-color: #e9ddc3;}
.mui-table-view-cell.mui-collapse .hc-cha-content { padding: 10px; }

.hc-cha-info {line-height: 30px; }
.hc-cha-info label { float: left; width: 25%; text-align: right;} 
.hc-cha-info span { padding-left: 10px; color: #000;}
.hc-cha-info a { color: #4196cf; text-decoration: underline;}

.hc-cha-ming li { float: left; width: 25%; padding: 25px 10px 25px 10px; text-align: center;}
.hc-cha-ming li a { padding: 15px; color: #f0e9d6; border-radius: 5px; font-size: 16px;}

.hc-cha-control-negative {border: 1px solid #e4d3c1;}
.hc-cha-control-negative .mui-control-item.mui-active {color: #f0e9d6; background-color: #94181a;}
.hc-cha-control-negative .mui-control-item {color: #372b1f; border-color: inherit;}
/*命盘*/
.hc-cha-pan { border-bottom: 1px solid #e4d3c1; padding: 10px 0; color: #be8a63;}
.hc-cha-pan label { float: left; width: 15%; background-color: #bb8a62;color: #f0e9d6; text-align: center; padding: 3px 0; border-radius:3px;
 position: relative;}
.hc-cha-pan label span{ position: absolute; top: 10px; right: -2px; background-color: #bb8a62; width: 5px; height: 5px; transform: rotate(45deg);}
.hc-cha-pan ul { float: right; width: 82%;}
.hc-cha-pan li { float: left; }
.hc-cha-pan p { float: right; width: 82%; color: #bb8962;}
.pan-color {background-color: #94181a; border-radius:5px; color: #f0e9d6; margin: 10px 0 5px 0; border-bottom: 0; padding: 5px 0; }
.pan-one li {width: 25%;}
.pan-two li {width: 12.5%;}
/*大运分析*/
.hc-cha-table { width: 100%; color: #be8a63; }
.hc-cha-table td { padding: 5px 0; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.hc-cha-table tr { border-bottom: 1px solid #e4d3c1; }
.hc-cha-table .one { width: 36%; }
.hc-cha-table .two { width: 15%; }
.hc-cha-table .three { width: 17%; }
.hc-cha-table .four { width: 17%; }
.hc-cha-table .five { width: 15%; }
.bre {border-right: 1px solid #e4d3c1;}

/*2017.3.20查询结果改版*/
.hc-cha-hb { border-top: 1px solid #e4d3c1; margin-top: 10px; }
.hc-cha-hb li { border-bottom: 1px solid #e4d3c1; padding: 10px 0; }
.hc-cha-hb label { display: inline-block; text-align: center; padding: 2px 10px; border-radius:0 0 3px 3px; margin-bottom: 10px; position: relative; }
.hc-cha-hb label i{ position: absolute; bottom: -3px; right: 46%;  width: 5px; height: 5px; transform: rotate(45deg); -webkit-transform:rotate(45deg); }
.hc-cha-hb p { overflow: hidden; color: #bb8962; }
.hc-cha-hb .label-col-zs { background-color: #bb8a62; color: #f0e9d6; }
.hc-cha-hb .label-col-zs i { background-color: #bb8a62; }
.hc-cha-hb .label-col-ju { background-color: #ff7f00; color: #ffffff; }
.hc-cha-hb .label-col-ju i { background-color: #ff7f00; }
.hc-cha-hb .label-col-an { background-color: #cfc1a4; color: #382b1f; }
.hc-cha-hb .label-col-an i { background-color: #cfc1a4; }
.hc-cha-hb .label-col-qh { background-color: #bd5e66; color: #ffffff; }
.hc-cha-hb .label-col-qh i { background-color: #bd5e66; }
.hc-cha-hb .label-col-zi { background-color: #bc5e92; color: #ffffff; }
.hc-cha-hb .label-col-zi i { background-color: #bc5e92; }
.hc-cha-hb .icon-tishi { float: left; margin: 3px 5px 0 0; }
.hc-cha-hb .num { float: left; width: 20px; height: 20px; background-color: #94181a; color:#f0ead4; text-align: center; line-height: 20px; border-radius: 50%; margin-right: 5px; }

.hc-cha-hb dfn { float: left; width: 46px; height: 46px; text-align: center; line-height: 46px; font-style: normal; color: #fff; margin-right: 10px; }
.hc-cha-hb .dfn-ji { background: url(/book/images/sm/moquan-hong.png) no-repeat; background-size: 100% 100%;}
.hc-cha-hb .dfn-xiong { background: url(/book/images/sm/moquan-hei.png) no-repeat; background-size: 100% 100%;}

.hc-cha-btn { width: 100%; display: block; font-size: 16px; color: #fff; border: 1px solid #9f171a; background-color: #9f171a; border-radius: 30px; } 

.hc-cha-lb ul { border-left: #e3d2be 1px dashed; padding-left: 15px; margin-left: 10px; }
.hc-cha-lb li { position: relative; padding: 10px 0; }
.hc-cha-lb .icon-biaoqianjt { position: absolute; top: 8px; left: -35px; font-size: 40px; color: #961d1e;}
.hc-cha-lb .nian { font-size: 18px; padding-left: 5px;}
.hc-cha-lb .sui { font-size: 14px; color: #382b1f; padding-left: 5px; }
.hc-cha-lb .tiangdiz { position: absolute; top: 10px; right: 0; font-size: 14px; color: #382b1f;}
.hc-cha-lb .info { background-color: #e9ddc3; padding: 10px; margin-top: 10px; position: relative;}
.hc-cha-lb .info .jiao-ico {position: absolute; top: -5px; left: 20px; background-color: #e9ddc3; width: 10px; height: 10px; transform: rotate(45deg);}
.hc-cha-lb .info a { color: #4196cf; text-decoration: underline;}
.hc-cha-lb p { color: #bb8962; }

/*2017.2.18修改*/
.hy-cha-tubiao {padding: 10px; color: #b9844e; background: #E9DDC3 url(/book/images/sm/hy-cha-tubiao.jpg) no-repeat; background-size: 100% 100%;}
.hy-cha-tubiao img { float: left; width: 30% !important ;}
.hy-cha-tubiao p { float: right; width: 70%;}
@media ( min-width: 768px)
{
	.hy-cha-tubiao { font-size: 1.5em; line-height: 150%; }
}
.hc-cha-xbiao { height: 30px; margin: 10px 0; }
.hc-cha-xbiao span {  display: inline-block;  height: 30px;  padding-left: 20px; }
.hc-cha-xbiao span i { display: inline-block;  width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; font-style: normal; font-size: 16px; border-radius: 50%;}
.xbiao-red { background: url(/book/images/sm/hc-cha-xbiao-red.png) no-repeat; background-size: auto 100%;}
.xbiao-green { background: url(/book/images/sm/hc-cha-xbiao-green.png) no-repeat; background-size: auto 100%;}
.xbiao-red i {background-color:#94171a;}
.xbiao-green i {background-color:#669900;}

/*2017年3月18日sundy新增start*/
.hc-cha-prod2 { height: 70px; padding: 5px; background-color: #E9DDC3; margin: 3px 0;}
.hc-cha-prod2 label { float: right; width: 45px; height: 45px; overflow: hidden; padding: 3px 0; text-align: center; font-size: 14px; line-height: 19px; color: #941619; border: #941619 1px solid;border-radius: 5px; margin-top: 8px; margin-right: 5px;}
.hc-cha-prod2 article {margin-right:50px; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden;}
.hc-cha-prod2 article img {margin-right: 5px; width: 60px !important; height: 60px;}
.hc-cha-prod2 a { display: block; text-decoration: none !important;}
.hc-cha-prod2 h3 { font-size: 14px; color: #382a1f; }
.hc-cha-prod2 h4 { font-size: 12px; line-height: 18px; color: #ba8551; font-weight: normal;}

.hc-cha-prod { height: 70px; padding: 5px; background-color: #f1e9d4; margin: 3px 0;}
.hc-cha-prod label { float: right; width: 45px; height: 45px; overflow: hidden; padding: 3px 0; text-align: center; font-size: 14px; line-height: 19px; color: #941619; border: #941619 1px solid;border-radius: 5px; margin-top: 8px; margin-right: 5px; margin-left: 5px;}
.hc-cha-prod article {margin-right:50px; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden;}
.hc-cha-prod article img {margin-right: 5px; width: 60px !important; height: 60px;}
.hc-cha-prod a { display: block; text-decoration: none !important;}
.hc-cha-prod h3 { font-size: 14px; color: #382a1f; }
.hc-cha-prod h4 { font-size: 12px; color: #ba8551; font-weight: normal;}

.jxw-n-prod {zoom:1; padding: 20px 5px 0 5px; margin: 20px 0 0 0; border: #e9ddc3 1px solid; position: relative;}
.jxw-n-prod:after { content: ''; height: 0; display: block; clear: both;}
.jxw-n-prod li { float: left; width: 33.33333%; text-align: center; font-size: 12px; }
.jxw-n-prod li img { width: 100%; max-width: 100%; height: auto; display: block; }
.jxw-n-prod a {display: block; padding: 5px; }
.jxw-n-prod .title { color: #7f4200; margin-bottom: 0; margin-top: 5px;}
.bd-n-tc-t { position: absolute; top: -15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 140px;}
.bd-n-tc-t img { width: 100%;}

.bd-n-tc-item {width: 105px; margin: 3px; text-align: center; display: inline-block; position: relative;}
.bd-n-tc-item img { width: 100%; height: 100%; display: block; border: 1px #f5f0e5 solid;}
.bd-n-tc-item a { display: block; font-size: 12px;}
.bd-n-tc-item .txt {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*修改*/
.hc-cha-yun { color: #be8a63; border-bottom: 1px solid #e4d3c1; }
.hc-cha-yun li { float: left; padding: 5px 0; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hc-cha-yun .one { width: 36%; }
.hc-cha-yun .two { width: 15%; }
.hc-cha-yun .three { width: 17%; }
.hc-cha-yun .four { width: 17%; }
.hc-cha-yun .five { width: 15%; }
.yun-color { background-color: #e9dec3; }

.hc-cha-xtxt {color: #ba8961;}
.hc-cha-lie { margin-top: 10px;}
.hc-cha-lie ul {border-left: #e3d2be 1px solid; padding-left: 15px;}
.hc-cha-lie .nian { font-size: 20px; height: 40px; line-height: 40px; position: relative;}
.hc-cha-lie .nian .yuan-ico { position: absolute; top: 15px; left: -21px; width: 11px; height: 11px; display: block; overflow: hidden; background-color: #e3d2be; border: #f1e9d4 1px solid; border-radius: 50%;}
.hc-cha-lie .info { background-color: #e9ddc3; padding: 10px;position: relative;}
.hc-cha-lie .info .jiao-ico {position: absolute; top: -5px; left: 20px; background-color: #e9ddc3; width: 10px; height: 10px; transform: rotate(45deg);}
.hc-cha-lie .info a { color: #4196cf; text-decoration: underline;}
.hc-cha-lie p { color: #bb8962; }

.hc-cha-num {}
.hc-cha-num li { padding: 5px 0;}
.hc-cha-num span { float: left; width: 20px; height: 20px; background-color: #94181a; color:#f0ead4; text-align: center; line-height: 20px; border-radius: 50%;}
.hc-cha-num p { margin-left: 30px;}

.hc-cha-fenshuW { border: #94171b 3px solid; padding: 3px; width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.hc-cha-fenshuN { border: #e3d2c0 1px solid; display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: relative;}
.hc-cha-fenshuN .num {position: absolute;top: 50%;left: 55%; transform: translate(-50%,-50%);}
.hc-cha-fenshuN .num span {font-size: 50px;	text-shadow: 2px 2px 2px #d8c59a, 0px 0px 5px #e8e3c6;}
.hc-cha-fenshuN i { position: absolute; font-style: normal; font-size: 12px; color: #ba8551; bottom: 10px; left: 50%; transform: translateX(-50%);}

/*2016年11月16日13:16:51 新增*/
.spannianbg { background-color: #b98651; padding: 2px 5px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #95171b;}
.spannianbgnkc { background-color: #ff7f00; padding: 2px 5px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
.spannianbgkbc { background-color: #bbbbbb; padding: 2px 5px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
/*2017年3月18日sundy新增start*/
.spanbgtitlered { background-color: #94181a; padding: 2px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
.spanbgtitlegreen { background-color: #669900; padding: 2px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
.spanbgtitleblue { background-color: #007aff; padding: 2px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
.spanbgtitleblack { background-color: #382b1f; padding: 2px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
.spanbgtitlegray { background-color: #666666; padding: 2px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
.spanbgtitlezs { background-color: #bb8a62; color: #f0e9d6; padding: 2px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
.spanbgtitlean { background-color: #cfc1a4; color: #382b1f; padding: 2px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; color: #fff;}
/*2017年3月18日sundy新增end*/
.zstext-overflow { width: auto; overflow: hidden; word-wrap: break-word; word-break: break-all; color: #bb8962; }
.zstext-overflow img {max-width: 90%;}

/*2017.4.11发现*/
.hy-fx-list { height:113px !important; background-color:#fff; border-bottom: #f5f0e5 1px solid !important; }
.hy-fx-list ul { padding-top: 10px; }
.hy-fx-list li { width:80px !important; line-height: inherit !important; padding: 0 5px !important; text-align: center; font-size: 14px; }
.hy-fx-list li img { width: 100%; }
.hy-fx-list .mui-media-body { padding-bottom: 5px;}
.hy-fx-list .mui-control-item.mui-active { color: #c80000 !important; border-bottom: none !important; position: relative; }
.hy-fx-list .mui-control-item.mui-active:after { content:""; position: absolute; left: 0; bottom: 0px; width: 100%; height: 2px; background-color: #c80000;}

.hy-cs-list {padding: 10px 15px; }
.hy-cs-list li { padding: 10px 0; overflow: hidden; border-bottom: #f5f0e5 1px solid;}
.hy-cs-list img { width: 70px; height: 70px; margin-right: 10px; display: block;}
.hy-cs-list h3 { font-size: 16px; padding-right: 20px; position: relative;}
.hy-cs-list h3:after{ font-family: Muiicons; font-size: inherit; line-height: 1; position: absolute; top: 50%;right: 0px; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #c0966e; -webkit-font-smoothing: antialiased; content: '\e583';}
.hy-cs-list p { padding-bottom: 0; margin-bottom: 0; font-size: 14px; color: #c0966e; }
.hy-cs-list .mui-media-body { height: 65px; overflow: hidden;}
.hy-cs-list a { display: block; height: 100%;}
.hy-cs-list span { float: left; font-size: 12px; line-height: 22px; background-color: #751012; color: #e9dec3; padding: 0px 10px; height: 22px; border-radius: 11px;}
.hy-cs-list .mui-media-body { height: 70px;}

/*弹出客服*/
/*.kf-wrapper {position: fixed; z-index: 10000; bottom: 50px; left:0 ; right: 0; width: 100%; height: 82px; background-color: #fff; opacity: 0.9; }
.kf-wrapper.hidden {display: none; z-index: -1;}
.kf { width: 100%; }
.kf-backdrop {display: none;}
.kf-open .kf-backdrop { position: fixed; top: 0px; bottom: 0px; width: 100%; display: block; z-index: 995; background-color: #555555; background: rgba(0, 0, 0, .39804);}
.kf-open { width: 100%; height: 100%;}
.kf-popover-arrow{ position: absolute; bottom: -1px; left: 26px; background-color: #fff; width:16px; height:16px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.kf-menu-tab .kf-tab-item  {padding: 15px 0; display: table-cell; overflow: hidden; width: 1%; height: 82px; text-align: center; vertical-align: middle;  white-space: nowrap; text-overflow: ellipsis; color: #f0ad4e;}
.kf-menu-tab .kf-tab-item .mui-icon {font-size: 30px; width: 30px; height: 30px; padding-top: 0; padding-bottom: 0; position: relative;}
.kf-menu-tab .kf-tab-item .mui-icon ~ .mui-tab-label { font-size: 13px; display: block; overflow: hidden; text-overflow: ellipsis;}*/
.kf-wrapper {position: fixed; z-index: 10000; bottom: 0px; left:0 ; right: 0; width: 100%; height: 82px; background-color: #fff; opacity: 1; }
.kf-wrapper.hidden {display: none; z-index: -1;}
.kf { width: 100%; }
.kf-backdrop {display: none;}
.kf-open .kf-backdrop { position: fixed; top: 0px; bottom: 0px; width: 100%; display: block; z-index: 995; background-color: #555555; background: rgba(0, 0, 0, .39804);}
.kf-open { width: 100%; height: 100%;}
.kf-popover-arrow{ position: absolute; bottom: -1px; left: 26px; background-color: #fff; width:16px; height:16px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.kf-cha-arrow { position: absolute; top: -35px; right: 5px; font-size: 30px; color: #fff; }
.kf-menu-tab .kf-tab-item  {padding: 15px 0; display: table-cell; overflow: hidden; width: 1%; height: 82px; text-align: center; vertical-align: middle;  white-space: nowrap; text-overflow: ellipsis; color: #f0ad4e;}
.kf-menu-tab .kf-tab-item .mui-icon {font-size: 30px; width: 30px; height: 30px; padding-top: 0; padding-bottom: 0; position: relative;}
.kf-menu-tab .kf-tab-item .mui-icon ~ .mui-tab-label { font-size: 13px; display: block; overflow: hidden; text-overflow: ellipsis;}

/*弹出分享*/
.fx-wrapper {position: fixed; z-index: 10000; bottom: 0px; left:0 ; right: 0; width: 100%; background-color: #fff; opacity: 0.9; }
.fx-wrapper.hidden {display: none; z-index: -1;}
.fx { width: 100%; }
.fx-backdrop {display: none;}
.fx-open .fx-backdrop { position: fixed; top: 0px; bottom: 0px; width: 100%; display: block; z-index: 995; background-color: #555555; background: rgba(0, 0, 0, .39804);}
.fx-open { width: 100%; height: 100%;}
.fx-menu-tab { padding: 10px 0;}
.fx-menu-tab .fx-tab-item  { float: left; padding: 5px 0; display: table-cell; overflow: hidden; width: 25%; text-align: center; color: #000;}
.fx-menu-tab .fx-tab-item img { width: 60%;}
.fx-menu-tab .fx-tab-item span { font-size: 13px; display: block; overflow: hidden; text-overflow: ellipsis; }

/*佛学文章列表*/
.fo-lists-fenlei li{ float: left; padding: 5px 10px; }
.fo-lists-fenlei a { color: #382b1f; }
.fo-lists-fenlei .active { color: #a77542; }

/*加载*/
.hc-jiazai { position: fixed;  top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 999; text-align: center; border-radius: 10px; padding: 10px 15px 5px 15px; background: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000,endcolorstr=#B2000000); }
.hc-jiazai .mui-spinner { width: 30px; height: 30px; }
.hc-jiazai h4 { font-size: 14px; font-weight: normal; color: #fff; }

/*qz添加修改样式*/

/*修改购物车滚动时的弹窗不正常*/
.tan-open .tan-backdrop{position: fixed;}

/*本命佛查询-材质样式修改*/
.hy-txt-list h4 { font-size: 12px; color: #c0966e; display: inline-block;zoom:1;*display:inline;}

/*佛学-法师-下三角改成上三角*/
.fo-txt-more .ssj{border-bottom: 6px solid #666666;border-top:0;top: -10px;}
/*佛学-法师-简介p-》DIV*/
.p {margin-bottom: 0; color: #666666; }

/*产品详情页面查看更多详情*/
.item-txt-more { border-top: #e4d3bf 1px solid; padding-bottom: 20px; margin-top: 15px; position: relative;z-index: 1;}
.item-txt-more a { position: absolute; top: -10px; left: 0; display: block; width: 100%; height: 20px;z-index: 2;}
.item-txt-more span { font-size: 12px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); padding: 0 10px; background-color: #FFFFFF;}
.item-txt-more i { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666;}
.item-txt-more .ssj{border-bottom: 6px solid #666666;border-top:0;top: -10px;} /*上三角*/

/*产品详情页面添加弹窗选子产品*/
.xqbox1{display: none;  position:fixed;  top: 0;  left: 0;  width: 100%;  height: 100%; background-color:#000; z-index:1000;opacity:0.7; filter: alpha(opacity=70);}
.xqbox2{display: none;  position:fixed;  top: 50%;  left: 0;  width: 100%;  height: 50%; background-color: #fff;  z-index:1001;overflow: hidden;}

/*详情页小点*/
#shopchuan{position: relative;}
.xdd{float: right;font-weight: bold;font-size: 14px;position: absolute;right: 0;top: 2px;display: inline;}

/*易学首页头条高亮*/
.mui-content .mui-scroll-wrapper .mui-scroll a.toutiao{font-weight: bold;font-size: 16px;color: #c80000;}
.content img{max-width: 100%;}/*易学 佛学内容页图片宽度*/

/*发现首页图标*/
.fxhome-table-list { background-color: #fff; padding: 5px 10px; border-bottom: 5px solid #f2eee3; }
.fxhome-table-list li { float: left; width: 25%; text-align: center; padding: 5px; margin: 5px 0; }
.fxhome-table-list li.mui-active{ background-color: #f2eee3; }
.fxhome-table-list img { width: 80%; }
.fxhome-table-list span { display: block; text-align: center; font-size: 15px; }

/*2017.5.3修改*/
.hc-wk-btn {font-size: 16px; font-weight: 400; color: #bb8962; border: 1px solid #debb9f; border-radius: 20px; }
.hc-wk-links { border-top: 1px solid #debb9f; padding: 10px 20px; }
.hc-wk-links a { display: block; padding: 5px 0; }

.hc-wk-title { padding: 10px 0 10px 55px; color: #504335; background: url(/book/images/fo/xiangyun.png) no-repeat 10px center; background-size: 47px 20px; font-weight: bold; line-height: 20px; border-top: 1px solid #debb9f; border-bottom:#debb9f 1px solid;}
.hc-wk-title span a { display: block; padding: 0 10px; font-weight: normal;}

/*易学搜索*/
.mui-bar-search{background: #741012;}
.mui-bar .hc-search { right: 40px; left: 100px; top: 2px; display: inline-block; overflow: hidden; width: auto; margin: 0; text-overflow: ellipsis;}
.hc-search { position:absolute; width:100%; white-space: nowrap; }
.hc-search .mui-input-clear {background-color: #4c0a0c; color: #ffffff; border-radius: 20px;}
.mui-search:before {color: #9c3537;}
.hc-search input::-webkit-input-placeholder { color: #9c3537; } 
.hc-search input:-moz-placeholder { color: #9c3537; } 
.hc-search input::-moz-placeholder { color: #9c3537; } 
.hc-search input:-ms-input-placeholder { color: #9c3537; }

/*搜索关键字*/
.hot-search-tags {}
.hot-search-tags li { float: left; padding: 3px 5px;}
.hot-search-tags li a { display:block; text-align: center; border-radius: 20px; border:#e4d3bf 1px solid; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color: #000000; padding: 3px 5px; font-size: 12px;}
/*搜索弹出列表*/
.menus-search {position: absolute; top: 44px; left: 0; right: 0; z-index: 996; background-color: #fff; width: 100%; }
.menus-search.hidden {display: none; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); z-index: -1;}
.menus { width: 100%; }
.menus-backdrop {display: none;}
.menus-open .menus-backdrop { position: absolute;top: 44px; bottom: 0; width: 100%; display: block; z-index: 995; background-color: #555555; background: rgba(0, 0, 0, .39804);}
.menus-open { width: 100%; height: 100%;}
/*显示两行文本*/
.mui-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;
}

/*首页右侧登录*/
.homedl{height: 44px;line-height: 44px;font-size: 16px;font-weight: 400;color: #bb8962;}
/*各栏目头部购物车*/
header a.icon-cart .tcart{position: absolute;margin-left: -20px;top: 7px;}

/*搜索页顶部价格按钮*/
.hyso-tab-item {display: table-cell; overflow: hidden; width: 1%; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;}
.hyso-button { border-left: none; border-right: none; padding: 10px 0; border-radius: 0 !important;}
/*测试帮助内容*/
.hc-content{background: #fff;}

/*会员中心-订单跟踪*/
.dd-table {line-height: 16px; font-size: 12px; width:100%;}
.dd-table tr {border-bottom: #e4d3bf 1px solid;}
.dd-table th, .dd-table td { padding: 5px 10px;background: #fff;}

/*佛学首页新增*/
.fo-tj-list li { float: left; height: 86px; overflow: hidden; border-right: #e4d3bf 1px solid;border-bottom: #e4d3bf 1px solid; position: relative;}
.fo-tj-list li img { height: 86px; padding: 5px; float: right;}
.fo-tj-list h3 { position: absolute; top: 28px; left: 15px; width: 55%; font-size: 18px; font-weight: normal; color: #a77542; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.fo-tj-list a { display: block; width: 100%; height: 100%;}

/*会员评价*/
.wenbenkuang { padding:2px; border:#d8d8d8 1px solid; width:100%;}
.M_pingjia_enter { padding:5px 0; width:100%; overflow:hidden;}
.M_haoping {BACKGROUND: url(/book/images/user/ico_13.gif) no-repeat 0 0px; padding-left:22px; }
.M_zhongping {BACKGROUND: url(/book/images/user/ico_39.gif) no-repeat 0 0px; padding-left:22px; }
.M_chaping {BACKGROUND: url(/book/images/user/ico_40.gif) no-repeat 0 0px; padding-left:22px; }

.star{position:relative; width:100%;}
.star ul,.star span{float:left;display:inline;height:19px;line-height:19px;}
.star ul{margin:0 10px;}
.star li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(/book/images/user/star.png) no-repeat;}
.star strong{color:#f60;}
.star li.on{background-position:0 -28px;}
.star li.on2{background:url(/book/images/user/star2.png) no-repeat;background-position:0 -28px;}

.star2{position:relative; width:100%;}
.star2 ul,.star2 span{float:left;display:inline;height:19px;line-height:19px;}
.star2 ul{margin:0 10px;}
.star2 li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(/book/images/user/star.png) no-repeat;}
.star2 strong{color:#f60;padding-left:10px;}
.star2 li.on{background-position:0 -28px;}
.star2 li.on2{background:url(/book/images/user/star2.png) no-repeat;background-position:0 -28px;}

.star ul li,.star2 ul li{height:19px;overflow: hidden;border: none;}