/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */
.mui-plus header.mui-bar{
	display: none;
}
.mui-plus .mui-bar-nav~.mui-content{
	padding: 0;
}

/*hm开头的表示仅为 Hello MUI示例定义*/
.hm-description{
	margin: .5em 0;
}

.hm-description>li {
	font-size: 14px;
	color: #8f8f94;
}
/*#FF5000 #FF8600*/
body{
	color:#555555;}
.logo{
	padding-top:1px;}
/*标题*/
.mui-bar{
	background: -webkit-linear-gradient(left,#FF8600,#FF5000);
	background: -o-linear-gradient(right,#FF8600,#FF5000);
	background: -moz-linear-gradient(right,#FF8600,#FF5000);
	background: linear-gradient(to right,#FF8600,#FF5000);}
.mui-bar a{
	color:#FFF;
	text-shadow:2px 1px 2px #9B004E;}
.mui-title{
	color:#FFF;
	font-size:20px;
	letter-spacing:10px;
	text-shadow:2px 1px 2px #9B004E;}

.mui-content{background-color:transparent;}
/*按钮*/
.mui-btn-pink{
	background: -webkit-linear-gradient(left,#FF8600,#FF5000);
	background: -o-linear-gradient(right,#FF8600,#FF5000);
	background: -moz-linear-gradient(right,#FF8600,#FF5000);
	background: linear-gradient(to right,#FF8600,#FF5000);
	border:1px solid #FFBF00;
	color:#FFF;
	font-size:18px;
	text-shadow:2px 1px 2px #FF5000;}
.mui-btn-pink:active {
	background-color: #FF2F6D !important;}
input[type=submit] {
	background-color:#FF6699;
	border:1px solid #FF5385;
	color:#FFF;
	font-size:18px;
	text-shadow:2px 1px 2px #9B004E;}
/*开关*/
.mui-switch-blue.mui-active {
    border: 2px solid #FF5385;
    background-color: #FF6699;}
/*导航*/
.mui-bar{
	background-color:#FF6699;
	box-shadow:none;
	color:#FFF;}
nav .mui-icon ,nav .mui-tab-label{
	color:#FFFFFF;
	text-shadow:none;}
nav .mui-active .mui-icon ,nav .mui-active .mui-tab-label{
	text-shadow:2px 1px 2px #9B004E;}
/*颜色*/
.color-orange{
	color:#FF5000;}
.color-yellow{
	color:#FF8600;}
.color-gray{
	color:#999;}
.color-red{
	color:#FF0000;}
.color-crimson{color:#D90000;}
.color-white{
	color:#FFF;}
/*搜索*/
.search{
	padding-top:5px;
	height:50px;
	background: -webkit-linear-gradient(left,#FF8600,#FF5000);
	background: -o-linear-gradient(right,#FF8600,#FF5000);
	background: -moz-linear-gradient(right,#FF8600,#FF5000);
	background: linear-gradient(to right,#FF8600,#FF5000);
}
.search input[type=text]{
	height:38px;
	background:url("/image/icon/searchs.png") no-repeat 5px 5px;
	background-size:26px;
	background-color:#FFF;
	padding-left:36px;
	line-height:38px;
	color:#000;
	margin:0px;}
.search input[type=submit]{
	width:90%;
	height:37px;
	border:1px solid #FFF;
	background: -webkit-linear-gradient(left,#FF8600,#FF5000);
	background: -o-linear-gradient(right,#FF8600,#FF5000);
	background: -moz-linear-gradient(right,#FF8600,#FF5000);
	background: linear-gradient(to right,#FF8600,#FF5000);
	text-shadow:none;}
/*圆图*/
.round{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.tag{
	padding:2px;
	font-size:18px;
	color:#FFF;}
.navico{
	padding:10px;
	font-size:28px;
	color:#FFF;}
.bg-color-0{
	background: -webkit-linear-gradient(left,#FF8600,#FF5000);
	background: -o-linear-gradient(right,#FF8600,#FF5000);
	background: -moz-linear-gradient(right,#FF8600,#FF5000);
	background: linear-gradient(to right,#FF8600,#FF5000);}
.bg-color-1{background-color:#B20000;}
.bg-color-2{background-color:#1CDA9E;}
.bg-color-3{background-color:#FF8000;}
.bg-color-4{background-color:#FFBF00;}
.bg-color-5{background-color:#3AA2FB;}
.bg-color-6{background-color:#FFBF00;}
.bg-color-7{background-color:#D24DFF;}
.bg-color-8{background-color:#26C9FF;}
.bg-color-9{background-color:#85B200;}
.bg-color-10{background-color:#F2134C;}
.img-round{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
/*首页分类*/
.nav-list{
	padding:15px 10px 0 10px;}
.nav-list a{
	color:#FF8600;
	font-size:12px;}
.nav-list div{
	padding-bottom:10px;}
/*首页*/
.title{
	height:40px;
	padding:0 10px;
	line-height:40px;}
.title h2{
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	line-height:30px;
	text-shadow:1px 1px 2px #9B004E;}
.title a{
	color:#FFF;}
.shop-list-h5{
	padding-bottom:17px;}
.shop-list-button{
	padding:5px;
	font-size:15px;
	color:#FFF;}
/*最新图册*/
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
	font-size:12px;
	height:30px;
	white-space:normal}

/*升级按钮*/
.a-upgrade,.a-buy{
	display:inline-block;
	width:100%;
	height:50px;
	background-color:#FF5385;
	text-align:center;
	line-height:50px;
	color:#FFF;
	text-shadow:1px 1px 1px #9B004E;
	-webkit-border-radius:10px 10px;-moz-border-radius:10px 10px;border-radius:10px 10px;}
/*翻页*/
.mui-pagination>li.mui-active>a, .mui-pagination>li.mui-active>a:active, .mui-pagination>li:active>a:active{
    color: #fff;
    border-color: #FF8600;
    background-color: #FF8600;}
.mui-pagination>li>a{
   color: #FF5000;}
/*图册信息*/
h3{
	padding:10px 0px;}
.atlas-info{
	font-size:12px;
	border-bottom:1px dashed #CCCCCC;}
.atlas-list-info{
	font-size:12px;}
.mui-card-header.mui-card-media .mui-media-body{
	font-size:18px;}

.vipuser{
	font-size:12px;}
/*试用详情页*/
.fixed-form{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
	background-color:#2C3651;}
.fixednav{
    position: fixed;
    top: 50px;
    left: 0px;
    width: 100%;
    z-index: 999;
	background-size:100%;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-color:#FFF;
	line-height:36px;}
.shop-nav{
	color:#F60;
	border-bottom:1px solid #CCC;}
.shop-nav a{
	color:#999;}
.fixedbuy{
    position: fixed;
    bottom: 0px;
    width: 100%;
	height:55px;
    z-index: 999;
	padding:10px;
	line-height:50px;}
.bzj{
	padding:7px;
	font-size:14px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	color:#FF5000;}

.buyform{
	width: 100%;
	height: 145px;
	background-color:#FFF;
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	right: 0;}
/*价格*/
.shop-view .price{
	background-image:url("/image/price-bg1.jpg");
	width:100%;
	padding:15px;
	line-height:30px;
	color:#FFF;}
.shop-view .price-bg1{background-image:url("/image/price-bg1.jpg");}
.shop-view .price-bg2{background-image:url("/image/price-bg2.jpg");}
.shop-view .price .big{
	font-size:22px;
	font-weight:bold;}
.shop-view .price h5{
	color:#FFF;
	line-height:25px;}
/*标题*/
.shop-view .title{
	padding:10px;
	height:80px;
	font-size:16px;
	font-weight:bold;
	line-height:30px;}
.shop-view .mall{
	font-size:14px;
	color:#FFF;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:5px 5px 3px 5px;
	margin-right:10px;}
/*数据*/
.shop-view .counter{
	height:30px;
	line-height:30px;
	border:1px dashed #CCCCCC;
	margin-bottom:10px;}
/*会员中心*/
.my-header{
	background-image:url("/image/my_head_bg.jpg");
	background-size:100% auto;
	background-repeat: no-repeat;
	background-color:#FBB0CF;
	color:#FFF;}
.my-head{
	margin:0 auto;
	width:80px;
	height:80px;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.my-head-name{
	line-height:38px;
	font-size:20px;}
.my-head-vip{
	padding:3px 10px;
	font-weight:normal;
	background-color:#E57F85;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.my-header p{
	font-size:14px;
	color:#FFF;}
.my-info-edit{
	color:#FFF;
	line-height:80px;
	font-size:30px;}
/*我的试用*/
.my-order-nav{
	top:45px;
	height:40px;}
.my-order-nav a{
	float:left;
	display:inline;
	width:25%;
	font-size:12px;
	line-height:40px;
	text-align:center;}
.my-order-nav a b{
	color:#F30;}
.my-order-nav a span{
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background-color:#F60;
	color:#FFF;
	padding:2px;}
/*试用列表*/
.imglist{
	border:1px solid #CCC;
	background-color:#FFF;
	padding:10px 0 6px 10px;
	position:relative;}
.imglist .chat{
    position:absolute;
    z-indent:2;
    right:calc(20% - 0.7rem);
    top:calc(50% - 0.7rem);}
.chat.iconfont{
	font-size:2rem;}
.imglist .imgbox{
	float:left;
	display:inline;
	width:20%;}
.imglist .info{
	float:left;
	display:inline;
	width:60%;}
.imglist .info .title{
	padding:0px;
	line-height:20px;
	font-size:14px;
	width:100%;
	height:40px;
	overflow:hidden;
	color:#999;}
.imglist .info .price{
	font-size:12px;
	line-height:30px;
	color:#F30;}
.imglist .info .big{
	font-size:18px;}
.imglist .state{
	float:left;
	display:inline;
	border-left:1px dashed #999999;
	width:20%;
	font-size:12px;
	text-align:center;
	color:#F60}
.imglist .state div{
	padding-bottom:5px;}
.imglist .state span{
	color:#FFF;
	padding:5px 5px 5px 5px;
	margin-top:5px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*试用详情*/
.my-order-state{
	padding-left:10px;
	border-left:1px dashed #FFFFFF;
	height:60px;}
.my-order-state div{
	line-height:30px;}
.my-order-state span{
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#FFF;
	padding:3px 20px;}

.content{
	width:100%;}
.content img{
	width:100%;}

.ban{
	text-align:center;
	height:40px;}
.ban span{
	font-size:12px;
	background-color:#F00;
	color:#FFF;
	padding:5px 5px;
	margin-right:5px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.ban span.ok{
	background-color:#090;}