/*
 *作者：Lizhihao
 *时间：2016-06-21
 *描述： 公用css
*/ 
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
	color: #333333;
	font-size: 15px;
	background-color: #f7f7f7;
}
header a{ 
	color: #333333;
}
button, input[type=button]{
	border-radius: 0;
	border:none;
}
ul{
	list-style: none;
}
li{
	list-style-type: none;
}
.mui-content{
	background: #f7f7f7;
}
.mui-bar-nav {
	-webkit-box-shadow: 0 0 0 #ccc;
	box-shadow: none;
	background-color: white;	
	padding-right: 11px;
}
.mui-bar-nav:after{
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
	background-color: #EDEDED;
}
/*分割线*/
.mui-table-view-cell:before{
	background-color: #EDEDED;
}
.mui-table-view-cell:after{
	background-color: #EDEDED;
	position: absolute;
    right: 15px;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.mui-table-view:before{
	background-color: #DBDBDB;
}
.mui-table-view:after{
	background-color: #DBDBDB;
}
/*去列表最上面的间距*/
.mui-content>.mui-table-view:first-child{
	margin-top: 0;
}
/*头部标题栏图标,见index.html*/
.icon-header-left {
    width: 44px;
    height: 44px;
    display: block;
    text-align: center;
    margin-left: -10px;
    float: left;
}
.icon-header-right {
    width: 44px;
    height: 44px;
    display: block;
    text-align: center;
    margin-right: -10px;
    float: right;
}
.icon-header-right img {
	width: 17px;
	height: 17px;
	margin: 0 auto;
	margin-top: 13px;
}
.icon-header-left img {
	width: 17px;
	height: 17px;
	margin: 0 auto;
	margin-top: 15px;
}
/*底部悬浮*/
.footer-fixed{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999999;
}
/*底部按钮：一般用来提交，下一步等操作,外面需套一层<footer class="footer-fixed">*/
.btn-bottom-full-brown{
	width: 100%;
	background: #CC9E68;
	color: #FFF;
	padding: 14px 12px;
	font-size: 16px;
}
.btn-outline-black{

	color: #333;
	padding: 6px 28px;
	position: relative;
}
.btn-outline-black:after{
	position: absolute;
	border:1px solid #333;
	width: 200%;
	height: 200%;
	content: "";
	transform-origin: 0 0;
	transform: scale(0.5, 0.5);
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	left:0;
	top:0;
}
.btn-outline-brown{
	color:#CC9E68;
	padding: 6px 28px;
	position: relative;
}
.btn-outline-brown:after{
	position: absolute;
	border:1px solid #CC9E68;
	width: 200%;
	height: 200%;
	content: "";
	transform-origin: 0 0;
	transform: scale(0.5, 0.5);
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	left:0;
	top:0;
}
/*文字下划线*/
.linethrough{
	text-decoration: line-through;
}
/*阴影*/
.boxshadow{
	box-shadow: 1px 2px 10px #ccc
}
/*标签*/
.label1{
	color: #CC9E68;
	background: #f9f5ef;
	border: 1px solid #CC9E68;
	border-radius: 3px;
	font-size: 10px;
	width: 26px;
	height: 16px;
	line-height: 15px;
	text-align: center;
}
.label2{
	width: 4px;
	height: 2px;
	background: #CC9E68;
	display: block;
	float: left;
	margin: 10px 5px 0 0;
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
	margin-bottom: 0;
	font-size: 14px;
	font-family: "microsoft yahei";
}

li {
	list-style: none;
}

a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
}

a:focus,
a:visited {
	text-underline: none;
	color: #333;
}
h1{
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}
h2{
	font-size: 15px;
	color: #333333;
	font-weight: normal;
}
p {
	font-size: 15px;
	color: #333333;
}

div,
li,
a {
	box-sizing: border-box;
}
.clear{
	clear: both;
}
/*对齐*/

.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}
/*去浮动*/
.overhidden{
	overflow: hidden;
}
/*字体颜色*/

.bgf6{
	background: #F6F6F6;
}

.c10{
	color:#101010;
}
.clight{
	color:#FEC864;
}
.cbrown{
	color:#CC9E68;
}
.cred {
	color: #FF544B;
}
.cwhite{
	color: #FFFFFF;
}
.cblack {
	color: #333333 !important;
}
.cgray{
	color: #666 !important;
}
.clightgray{
	color: #999999;
}
.cgreen {
	color: #559078;
}
.cblue {
	color: #00d0d2;
}
.corder {
	color: #424242;
}

.borbot{border-bottom: 0.5px solid #DBDBDB;}

.cpurple {
	color: #7b248b
}

.corange {
	color: #ea5413;
}




/*背景色*/
.bgf3{
	background: #f3f3f3;
}
.bgbrown{
	background: #CC9E68;
}
.bggreen {
	background: #559078 !important;
}

.bgblack {
	background: #333333;
}

.bgred {
	background: #FF544B;
}
.bg666 {
	background: #666 !important;
}

.bgwhite {
	background: #ffffff;
}

.bggray {
	background: #f7f7f7;
}
.bgblue{
	background: #00D0D2;
}


/*字体weight*/

.fb {
	font-weight: bold;
}

.fn {
	font-weight: normal;
}

.fi {
	font-style: italic;
}
.fs{
	font-weight:200;
}

/*字体大小*/

.f8 {
	font-size: 8px;
}
.f10 {
	font-size: 10px;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}
.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f21 {
	font-size: 21px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f25 {
	font-size: 25px
}

.f30 {
	font-size: 30px;
}
.f36{
	font-size: 36px;
}

.f44{
	font-size: 44px;
}

/*高度*/

.divh5,
.divh10,
.divh15,
.divh20,
.divh25,
.divh30,
.divh1,
.divh40 {
	width: 100%;
	overflow: hidden;
}

.divh1 {
	height: 1px;
}

.divh5 {
	height: 5px;
}

.divh8 {
	height: 8px;
}

.divh10 {
	height: 10px;
}

.divh15 {
	height: 15px;
}

.divh20 {
	height: 20px;
}

.divh25 {
	height: 25px;
}

.divh30 {
	height: 30px;
}

.divh40 {
	height: 40px;
}

.divh44{
	height: 44px;
}

.divh50 {
	height: 50px;
}

.divh60 {
	height: 60px;
}


/*行高*/

.lh1 {
	line-height: 1px;
}

.lh10 {
	line-height: 10px;
}
.hi10{
	height: 10px;
	overflow: hidden;
}

.lh15 {
	line-height: 15px;
}

.lh18 {
	line-height: 18px;
}

.lh20 {
	line-height: 20px;
}

.lh25 {
	line-height: 25px;
}

.lh30 {
	line-height: 30px;
}

.lh35 {
	line-height: 35px;
}

.lh40 {
	line-height: 40px;
}

.lh44 {
	line-height: 44px;
}
.lh45{
	line-height: 45px;
}
.lh50{
	line-height: 50px;
}
.lh55{
	line-height: 55px;
}
.lh58{
	line-height: 58px;
}

.ww{width: 0.1px;}
/*外边距内边距*/
.mp0{margin: 0;padding: 0;}
.mag0{
	margin: 0;
}
.mag15{
	margin: 15px 15px 15px 15px;
}
.mgt10{
	margin-top:10px
}

.magr1{
	margin-right: 1px;
}
.mgt5{
	margin-top:5px
}
.mgt15{
	margin-top:15px
}
.mgt20{
	margin-top:20px
}
.mgb15{
	margin-bottom: 15px !important;
}
.mgb25{
	margin-bottom: 25px;
}
.mgt30{
	margin-top:30px
}
.magl10{
	margin-left: 10px;
}
.magl-5{
	margin-left: -10px;
}
.magl-2{
	margin-left: -5px;
}
.magl-8{
	margin-left: -8px;
}
.magl15 {
	margin-left: 15px;
}
.magb5 {
	margin-bottom: 5px;
}
.magr1{
	margin-right: 1px;
}
.magr5{
	margin-right: 5px;
}
.magr10{
	margin-right: 10px;
}
.padl10{
	padding-left: 10px;
}
.padt10{
	padding-top: 10px;
}
.padt0{
	padding-top: 0px;
}
.mgt-12{
	margin-top:-12px
}
.magt-4{
	margin-top:-4px
}
.mgt-25{
	margin-top:-25px
}
.mgt-23{
	margin-top:-23px
}
.mgt-15{
	margin-top:-15px
}
.padt3{
	padding-top: 3px;
}
.padt1{
	padding-top: 1px;
}
.padt5{
	padding-top: 5px;
}
.padt3{
	padding-top: 3px;
}
.padt8{
	padding-top: 8px;
}
.padt10{
	padding-top: 10px;
}
.padt15{
	padding-top: 15px;
}

.padt20{
	padding-top: 20px;
}
.padt7{
	padding-top: 7px;
}
.padt1{
	padding-top: 1px;
}
.padt25{
	padding-top: 25px;
}
.padl15 {
	padding-left: 15px;
}
.pradr15 {
	padding-right: 15px;
}
.pradr10 { 
	padding-right: 10px;
}
.prad5 { 
	padding-right: 5px;
}
.pad10 {
	padding: 10px;
}
.pad15{
	padding: 15px;
}
.padb2{
	padding-bottom: 2px;
}
.padb14{
	padding-bottom: 14px;
}
.padb5{
	padding-bottom: 5px;
}
.padb10{
	padding-bottom: 10px;
}

.pad25{
	padding: 25px;
}
.pad150{
	padding:  15px 0px;
}
.padb5{
	padding-bottom:  5px;
}

.padb14{
	padding-bottom:  14px;
}
.pad5-0{
	padding: 5px 0px 5px 0px;
}
.pad10-0{
	padding:  10px 0px 10px 0px;
}
.padl8{
	padding-left: 7px;
}
.padr8{
	padding-right: 7px;
}
/*44px高，里面字体是14px*/
.pad44{
	padding: 11.5px 15px;
}
.pad0{padding: 0;}
.padtb7{padding: 7.5px 0px 7.5px 0px;}
.mag0{margin: 0;}

.ptit25,
.ptit20,
.ptit18,
.ptit30,
.ptit,
.ptit1,
.ptit50,
.ptit22 {
	width: 100%;
	overflow: hidden;
}

.ptit18 {
	line-height: 18px;
	height: 18px;
}
.ptit5 {
	line-height: 3px;
	height: 3px;
}
.ptit30 {
	line-height: 30px;
	height: 30px;
}

.ptit25 {
	line-height: 25px;
	height: 25px;
}

.ptit22 {
	line-height: 22px;
	height: 22px;
}

.ptit20 {
	line-height: 20px;
	height: 20px;
}

.ptit18 {
	line-height: 18px;
	height: 18px;
}

.ptit15 {
	line-height: 15px;
	height: 15px;
}

.ptit10 {
	line-height: 10px;
	height: 10px;
}

.ptit1 {
	line-height: 1px;
	height: 1px;
}

.ptit44{
	line-height: 44px;
	height: 44px;
}
.ptit45{
	line-height: 45px;
	height: 45px;
}
.ptit50{
	line-height: 50px;
	height: 50px;
}
/*.More{ text-align:right; position:absolute; top:0; right:3px;}*/

.morer5 {
	position: absolute;
	top: 0px;
	right: 3px;
	font: 12px normal;
}
.linetext {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.morer15 {
	position: absolute;
	top: 0px;
	right: 15px;
	font: 12px normal;
}

.artlist,
.artlist25,
.artlist22,
.artlist24 {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.artlist li {
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.artlist25 li {
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}

.artlist24 li {
	width: 100%;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

.artlist22 li {
	width: 100%;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}

/*定位*/
.pfixed {
	position: fixed;
}
.prelative {
	position: relative;
}
.pabsoulte{
	position: absolute;
}


.top3{
	top: 3px;
}
.top6{
	top: 6px;
}
.padb13{
	padding-bottom: 13px;
}
.padb5{
	padding-bottom:5px;
}
.padt9{
	padding-top: 9px;
}

/*带边框的圆型图片*/

.img-thumbnail {
	display: inline-block;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 30px;
}


/*响应式图片*/

.img-responsive {
	width: 100%;
	height: auto;
	display: block;
}


/*遮罩层*/
.mask {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	z-index: 999999;
	overflow: hidden;
    display: none;
}


/*圆角*/
.border0{
		border-radius: 0px;
		-webkit-border-radius: 0px;
}
.borderr5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.borderr3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.borderr30{
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
/*弹出滚动选择样式*/
.mui-poppicker {
	background: #F7F7F7;
}
.mui-poppicker .mui-poppicker-btn-cancel {
	font-size: 14px;
	border: none;
	background: transparent;
}
.mui-poppicker .mui-poppicker-btn-ok {
	color: #CC9E68;
	font-size: 14px;
	border: none;
	background: transparent;
}
.mui-poppicker-body {
	border-top: none;
}
.mui-poppicker .mui-picker {
	background: white;
}
.mui-pciker-list li.highlight {
	font-size: 14px;
}
.mui-pciker-list li {
	font-size: 14px;
}
/*绿色背景圆角btn样式*/
.btn-submit-green{
	width: 100%;
	font-size: 16px;
	color: white;
	background-color: #01C853;
	border: none;
	border-radius: 5px;
}

/*灰色背景圆角btn样式*/
.btn-submit-gray{
	width: 100%;
	font-size: 16px;
	color: white;
	background-color: #01C853;
	border: none;
	border-radius: 5px;
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}
.animated {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
	50% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes bounceOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
}
/*弹窗样式2*/
.scaleshow {
	visibility: visible;
}

.scale-effect {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.scaleshow.scale-effect {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/*顶部短小tab样式，具体样式参考example/header-itemtab.html*/
.mui-bar-tab.short-bar {top: 0;height: 45px;text-align: center;line-height: 45px;background-color: white;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
box-shadow: 0 0 2px rgba(0,0,0,.2);}
.mui-bar-tab.short-bar .mui-tab-item {font-size: 17px; position: relative;display: inline-block;overflow: hidden;width: 80px;height: 45px;text-align: center;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;color: #929292;}
.mui-bar-tab.short-bar .mui-tab-item.mui-active {color: #666;font-size: 17px;}
.mui-bar-tab.short-bar .mui-tab-item.mui-active:before {position: absolute;display: block;width: 15px;bottom: 5.5px;height: 3px;margin-left: 32px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #CC9E68;}
/*消息提示样式，具体样式参考example/header-itemtab.html*/
.m-msg-box{height: 34px;text-align: center;width: 34px;line-height: 45px;position: relative;background-color: white;border-radius: 34px;margin-top: 5px;}
.m-msg-box .m-msg-icon{background: url(../images/news@2x-2.png);background-position: center;background-size: contain;display:block;height: 17px;width: 17px;position: absolute;top: 8px; left: 9px; z-index: 10000;}
.m-msg-box .mui-badge-danger, .mui-badge-red{position: absolute; z-index: 10000;right: -2px;top: -2px;background-color: #CC9E68;}
/*星级样式*/ 
.star-body {clear: both;position: relative;float: left;}
.star-contain {height: 20px;}
.star-contain label {font-size: 11px;float: left;margin-left: 10px;color: #333;}
.star-contain .icon-star {height: 12px;width: 12px;margin: 5px 1px;float: left;background: url(../images/star-empty@3x.png);background-position: center;background-size: contain;background-repeat: no-repeat;}
.star-contain .icon-star-red {height: 12px;width: 12px;margin: 5px 1px;float: left;background: url(../images/star-full@3x.png);background-position: center;background-size: contain;background-repeat: no-repeat;}
.star-contain .icon-star-half {height: 12px;width: 12px;margin: 5px 1px;float: left;background: url(../images/star-half@3x.png);background-position: center;background-size: contain;background-repeat: no-repeat;}

 

.split{
	border-bottom: 0.5px solid #DBDBDB; 
	margin: 0;
	z-index: 9999999999;
	padding: 0;
	/*color: #dbdbdb;*/
	/*background: #dbdbdb;*/
	line-height: 0.5px;
	height: 0.5px; 
}
.zindexmax{
	z-index: 999999999;
}
.zindex33{
	z-index: 99999;
}
.bor-c{
	border: 0.5px #999999 solid;
}
.borb{
	border-bottom:0.5px solid #DBDBDB; 
	/*opacity: 1;*/
	z-index: 999999999;
}
.linemax{
	height:1px ;
	width: 100%; 
	background: #DBDBDB;
	background-color: #DBDBDB;
	opacity: 1;
	z-index: 999999999;
} 
 
.linemaxl15{
	height:1px ;
	line-height: 1px;
	width: 100%; 
	background: #DBDBDB;
	background-color: #DBDBDB;
	opacity: 1;
	z-index: 999999999;
	margin-left: 15px;
} 
 
.line15{
	height:1px ;
	line-height: 1px;
	width: 15%; 
	background: #DBDBDB;
	background-color: #DBDBDB;
	opacity: 1;
	z-index: 999999999;
} 
 
.borr{
	border-right: 1px solid #DBDBDB;
}


.dispi{
	display: inline-block;
}
.dispn{
	display: none;
}
.dispb{
	display: block;
}
.fl_right{float: right;}

.top12{
	top: 12px;
}
.top45{
	top: 45px;
}
.left15{left: 15px;}
.left0{left: 0px;}
.right15{
	right: 15px;
}
.wdmax{
	width: 100%;
}
.wid100p{
	width: 100px;
}
.pdl2{padding-left: 2px}
.textc{
	text-align: center;
}
.textl{
	text-align: left;
}
.textr{
	text-align: right;
}

.wd50{width: 20px;} 
/*分享样式*/
.mui-popover .mui-popover-arrow{height: 0;display: none;}
.share-box{position: fixed;height:140px;width: 100%; background-color: white;bottom: 0}
.share-box .share-item{width: 50%;float: left;height: 140px;}
.share-box .share-item.wx{position: relative; background: url(../images/share2@2x.png);background-size: 45px;background-position: 70% 35px;background-repeat: no-repeat;}
.share-box .share-item.wx p{position: absolute;bottom: 25px;right: 27%;}
.share-box .share-item.wx-roll{position: relative; background: url(../images/share3@2x.png);background-size: 45px;background-position:30% 35px;;background-repeat: no-repeat;}
.share-box .share-item.wx-roll p{position: absolute;bottom: 25px;left: 22%;}
#sharePopover{top: 202px;left: 0 !important;z-index: 9999999;}
/*无数据无网络*/
.tip-info{
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 998;
	text-align: center;
	left: 50%;
	top:50%;
	margin-top: -65px;
	margin-left: -100px;
}


/*顶部下载链接*/
.download_wrap{
	padding: 0 15px;
	height: 58px;
	background: rgba(255,255,255,1);
	overflow: hidden;
	overflow: hidden;
}
.download_wrap .logo{
	margin-right: 13px;
	width: 42px;
	height: 42px;
	display: block;
	margin-top: 8px;
}
.download_wrap .txt{
	float: left;
}
.download_wrap .p1{
	color: #333;
	margin-top: 11px;
	margin-bottom: 0;
	font-size: 15px;
}
.download_wrap .p2{
	color: #666;
	font-size: 11px;
	margin-top: -5px;
}
.download_wrap a{
	color: #FFF;
}
.download_wrap .btn_dl{
	background:#CC9E68 ;
	border-radius: 15px;
	height: 29px;
	line-height: 29px;
	margin-top: 15px;
	display: block;
	width: 87px;
	float: right;
	text-align: center;
	color: #fffff;
	font-size: 12px;
	box-shadow: 0px 2px 5px rgba(204,158,104,0.3);
}
/*点击图片弹出样式修改*/
.mui-preview-image.mui-fullscreen {
	background-color: rgba(45, 45, 45, 0.9) !important;
}

.mui-preview-header .mui-preview-indicator {
	color: #C0C0C0 !important;
	padding-top: 40px !important;
	width: 100% !important;
	background:none !important;
}

.mgt_10{
	margin-top: -10px;
}

.pad20{
	padding: 20px;
}
.fl_left{
	float: left;
}

.tiptitles{
  display: block;
  color: #999;
  font-size: 15px;
}
.tipbtn{
  text-align: center;
  border: 1px solid #999 !important;
  line-height: 36px !important;
  padding: 5px 15px !important;
  height: 36px !important; 
  color: #000;
  font-size: 14px;
  background: white; 
  display: inline;
  border-radius:18px; 
}
.tipbtnv{
   margin-top: 25px;
  text-align: center;
}