/*for page  phone appshare*/

/*** exp****/

/*subjectlist*/
.post .bottom-base .icon-arrow-r{right: 5px;} 
/*explist*/
.ul-li .icon-arrow-r{right: 2px;top: 50%;margin-top: -4px;}

.ul-li a{padding-top:10px;padding-bottom: 10px;}
.ico{
	position: relative;
	float: left;
	padding-right: 12px;
}
.info{display: block;width: 100%;}
.total-additional{color: #B4B0B0;}
.total-additional span{padding:0 1px;}
.title{padding-bottom: 4px;}

.ui-bar-c{
	padding:10px 0;
	border: 1px solid #B3B3B3 /*{c-bar-border}*/;
	background: #EEE /*{c-bar-background-color}*/;
	color: #9A9D9C /*{c-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ white /*{c-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F0F0F0 /*{c-bar-background-start}*/), to( #DDD /*{c-bar-background-end}*/));
	background-image: -webkit-linear-gradient( #F0F0F0 /*{c-bar-background-start}*/, #DDD /*{c-bar-background-end}*/);
	background-image: -moz-linear-gradient( #F0F0F0 /*{c-bar-background-start}*/, #DDD /*{c-bar-background-end}*/);
	background-image: -ms-linear-gradient( #F0F0F0 /*{c-bar-background-start}*/, #DDD /*{c-bar-background-end}*/);
	background-image: -o-linear-gradient( #F0F0F0 /*{c-bar-background-start}*/, #DDD /*{c-bar-background-end}*/);
	background-image: linear-gradient( #F0F0F0 /*{c-bar-background-start}*/, #DDD /*{c-bar-background-end}*/);
}

.ui-bar-u{
	font: 16px "Helvetica-Bold", Helvetica, Geneva, Arial, sans-serif;
	/*-webkit-box-shadow: rgba(0, 0, 0, .4) 0px 3px 3px;*/
	background-color: #45b3e0;
	height: 44px;
	text-align: left;
	color: white;
	font-weight: bold;
/*	text-shadow: 0 1px 1px #335413;*/
}

.ui-btn-up-u{
	
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 1px #234403;
	
}
.ui-btn-icon-text{top: 8px;}

/**category
*-------------------------------------------------------------------------*/
.category{
	width:70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background-color:rgb(234, 245, 241);
	border-radius: 6px;
}

/*---------------------------------begin--for app ----------------------------*/
#home{background-color: white;}
.pg-content{border-width: 0;overflow: visible;overflow-x: hidden;padding: 8px;padding-top: 50px;padding-bottom: 4px;}
a{text-decoration: none;}

#head-info{position: relative;padding: 10px 0;padding-bottom: 5px;}
#head-info .head-info-right{float: right;width: 67%;}
#head-info .head-info-right h2{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding-top: 0;font-size: 20px;}
#head-info .head-info-right-m{position: relative;}
#head-info .head-info-right-bm{position: relative;}
#head-info .right-bm-left{position: relative;float: left;}
#head-info .right-bm-right{float: right;position: relative;width: 86px;height: 37px;}
#head-info .app-icon-radius{-webkit-border-radius: 24px;border-radius: 24px;-webkit-box-shadow: 0 5px 5px #7D7E81;box-shadow: 0 5px 5px #7D7E81;}
/*app info*/
.srank { color:#ff6626; text-indent:70px; position:relative;  height: 16px;margin:3px 0;}
.srank span.star {  height:12px; width:60px; margin-top:2px; position:absolute; background: url(stars-show-s.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; left:0;padding-right:8%;text-align:right; }
.srank span em{position:absolute;top:0px;right:4px;font-size: 12px;}
.srank span.s0,.srank span.s00{background-position:0 0;}
.srank span.s5 { background-position:0 -13px;}
.srank span.s1,srank span.10{background-position:0 -27;}
.srank span.s15 { background-position:0 -39px;  }
.srank span.s2,.srank span.s20 { background-position:0 -52px; }
.srank span.s25 { background-position:0 -66px; }
.srank span.s3,.srank span.s30 { background-position:0 -79px; }
.srank span.s35 { background-position:0 -91px; }
.srank span.s4,.srank span.s40 { background-position:0 -104px; }
.srank span.s45 { background-position:0 -118px; }
.srank span.s50 { background-position:0 -130px; }

.srank span.s1,.srank span.s100{ background-position:0 -13px;}
.srank span.s2,.srank span.s200{background-position:0 -27;}
.srank span.s3,.srank span.s300 { background-position:0 -39px;  }
.srank span.s4,.srank span.s400 { background-position:0 -52px; }
.srank span.s5,.srank span.s500 { background-position:0 -66px; }
.srank span.s6,.srank span.s600 { background-position:0 -79px; }
.srank span.s7,.srank span.s700 { background-position:0 -91px; }
.srank span.s8,.srank span.s800{ background-position:0 -104px; }
.srank span.s9,.srank span.s900 { background-position:0 -118px; }
.srank span.s100,.srank span.s1000{ background-position:0 -130px; }


.icon-praise {
    background: url("icon_praise.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    left: 62%;
    position: absolute;
    text-align: right;
    top: 0;
    width: 40px;
    font-size: 12px;
    color: #cdcdcd;
    padding-top: 3px;
}

.icon-comment {
    background: url("icon_comment.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 23px;
    left: 40%;
    position: absolute;
    text-align: right;
    top: 4px;
    width: 40px;
    font-size: 12px;
    color: #cdcdcd;
}


.sm-img-ipad {
    background: url("sm_ipad.jpg") no-repeat scroll right center transparent;
    padding: 19px 0 20px 26px;
    display: inline-block;
}

.sm-img-iphone {
    background: url("sm_iphone.jpg") no-repeat scroll right center transparent;
    margin-left: -7px;
    padding: 19px 0 20px 35px;
    display: inline-block;
}

.price-prev {
	text-decoration: line-through;
	color: #999;
	position: absolute;
	top: 19px;
	right: 84px;
	font-size: 12px;
}

/* image list*/
.app-detail #wrapper {
	width:auto;	 /* On older OS versions "position" and "z-index" must be defined, */
	z-index:1; /* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	background:#aaa;
	/*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;*/
	background:#e3e3e3;
}
.app-detail #scroller {
	width:2104px;
	height:100%;
	float:left;
	padding:0;
	margin:0;

}
.app-detail #scroller ul {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	width:100%;
	height:100%;
	text-align:left;
	display:table;
}
.app-detail #scroller ul li {
	margin:0;padding:10px 0 10px 10px;
	display:block; float:left;
	float:left;
}
.app-detail #scroller ul li img{ padding:0; margin:0; border:0;}
.app-detail #scroller ul li div{
	margin: 0 auto;
	padding: 0;
	width:auto;
	background: -webkit-gradient(linear,0 34.4%,0 67.9%,from(#FEFEFE),to(#ECECEC));
	border: 3px solid white;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
#nav {
	text-align: center;
	background-color: #e3e3e3;
    padding-bottom:3px;
} 
#nav ul{text-align: center;}

#indicator, #indicator > li {
	display:inline-block; 
	list-style:none;
	padding:0; margin:0;
}
#indicator {

	/*padding:12px 0 0 30px;*/
}
#indicator > li {
	text-indent:-9999em;
	width:8px; height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#BDB9B9;
	overflow:hidden;
	margin-right:4px;
}
#indicator > li.active {
	background:#FA2319;
}
#indicator > li:last-child {
	margin:0;
} 

#app-info{margin: 0;padding: 8px;}
#app-info .btn-long{padding: 8px 0;}
.btn-long{
	display: block;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin: .5em 0;
	padding: 0;
}

.ui-shadow{
	-moz-box-shadow: 0px 1px 4px ;
	-webkit-box-shadow: 0px 1px 4px ;
	box-shadow: 0px 1px 4px ;
}
.ui-btn-corner-all{
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.ui-btn-corner-all{
	-moz-border-radius: 1em /*{global-radii-buttons}*/;
	-webkit-border-radius: 1em /*{global-radii-buttons}*/;
	border-radius: 1em /*{global-radii-buttons}*/;
}

.ui-p-bg{background-color: #E3E3E3;padding:8px;}
.ui-float-right{float: right;}
.ui-float-left{float:left;}
.ui-avatar{padding: 8px;max-width: 67px;}
.ui-avatar img{
	-moz-border-radius: 0.4em /*{global-radii-buttons}*/;
	-webkit-border-radius: 0.4em /*{global-radii-buttons}*/;
	border-radius: 0.4em /*{global-radii-buttons}*/;
}
.comment-info-content{
	position: relative;
	clear:both;
	display:inline-block;
	border-bottom: 1px solid #E3E3E3;
	width: 100%;
}
.comment-info{max-width:220px;}
.ui-btn.about-price{display: inline-block;margin-top: 14px;background-color: darkOrange;padding:5px;width: 45px;}
#header .btn-back{
	color: #EEE;
	text-shadow: #666 0 -1px 1px;
	border: 1px solid #4D4D4D;
	font-weight: bold;
	-webkit-background-clip: padding-box;
	display: block;
	font-size: 12px;
	letter-spacing: 0;
	-webkit-border-radius: 5px;
	margin-top: 7px;
	-webkit-transition-duration: .8s;
	position: absolute;
	top: 0;
	left: 9px;
	width: auto;
	min-width: 22px;
	padding: 6px;
	-webkit-background-clip: padding-box;
	z-index: 4;
}
#more-comment{
	color: #CDCDCD;
	padding: 6px;
	text-align: center;
	cursor: pointer;
}

#ui-listview li{
	margin: 0 0;
	padding: 0 0;
	
	-webkit-box-orient: horizontal;
	-webkit-box-pack: justify;
	-webkit-box-align: center;
	
	border-top: 1px solid #F7F7F7;
	border-bottom: 1px solid #e0e0e0;

	overflow: hidden;
}

#ui-listview li a{
	display:block;
	height:100%;
}
/*.ui-li>.ui-btn-inner{
	display: block;
	position: relative;
	padding: 0;
	width: 100%;
}*/
.ui-btn-text{
	position: relative;

}
.ui-btn-text .srank{}
.ui-btn-text span.star{left: 65px;}

.ui-btn-text .icon-praise{top:0px;left: 190px;}
.ui-btn-text .icon-comment{top:0px;left: 142px;}

.ui-li .ui-btn-inner a.ui-btn-text{
	padding: .7em 15px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ui-li-icon{
	float: left;
	margin-right: 10px;
}
.ui-listview .ui-li-icon{
	max-height: 57px;
	max-width: 57px;
	left: 10px;
	top: .9em;
}
.app-list-price{
	width: 60px;
	max-width: 60px;
	text-align: right;
}
span.app-list-price{
	display: block;
padding-right: 18px;
background: 69.5px 4px no-repeat url(arrow.png);
-webkit-background-size: 6.5px 13.5px;
position: absolute;
right: 0px;
top: 20px;
}
.ui-text{
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 1.5;
	font-size: 16px;
	
	color: #2D3033;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);

	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-link-inherit h3{
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	width: 60%;
	color: #2D3033;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-text p{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #636973;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	width: 78%;
	text-overflow: ellipsis;
}

#pullUp{text-align: center;}
.ui-p{
	padding: 2px 0;
	white-space: normal;
	word-break: break-all;
	color:#646A79;
}

.ui-arrow{
	display: block;
	background-image: url(arrow2.png);
	-webkit-background-size: 17.5px 29.5px;
	position: absolute;
	right: 4px;
	top: 20px;
	width: 18px;
	height: 15px;
	max-width: 60px;
	background-repeat: no-repeat;
}
.ui-listview{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}
#head-menu .ui-listview{padding-bottom: 45px;}
#main-applist #wrapper{
	position: absolute;
	z-index: 1;
	top: 45px;
	bottom: 0px;
	left: -9999px;
	width: 100%;
	background: white;
	overflow: auto;
}

#main-applist #scroller{
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	padding: 0;
}
.ui-li-icon-text{display: block;padding-bottom: 23px;float: left;position: relative;width: 67px;}
.ui-block-text{position: absolute;left: 12%;bottom: 0;font-size: 14px;background-color: #48BFE7;border-radius: 2px;}
.ui-menu #logo_icon{left:12px;}
.ui-contact{text-align: center;position:relative;width: 100%;bottom: 0;}

.tab-span{
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	width: 50%;
	box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	float: left;
	background-color: #f9f9f9;
	text-align: center;
	padding: 6px 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	display: inline-block;
	position:relative;
	color:#666666;
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-repeat: repeat-x;
}

.icon-android-default{background:url('android-default.png') no-repeat;width:89px;padding-left:20px;background-size:18px 18px;}
.icon-android-selected{background:url('android-selected.png') no-repeat;width:89px;padding-left:20px;background-size:18px 18px;}
.icon-iphone-default{background:url('iphone-default.png') no-repeat;width:89px;padding-left:20px;background-size:18px 18px;}
.icon-iphone-selected{background:url('iphone-selected.png') no-repeat;width:89px;padding-left:20px;background-size:18px 18px;}





/*----------------------------end for app--------------------------------------*/

#content .info  .activity-name a{
	color: black;
	font-size: 18px;
	font-weight: bold;
	word-break: normal;
	word-wrap: break-word;
}

#app_description{line-height: 1.5;}
.ui-date{color: #cdcdcd;margin:0;font-size: 12px;}
.ui-exp{padding-top: 52px;}
.ui-exp-nohead{padding-top:0px;}
.down-icon{
	background: url(down-icon.png) no-repeat 0 0;
	background-size: 84px 36px;
	width: 85px;
	height: 35px;
	position: absolute;
	left: 0px;
	top: 10px;
	
	
	vertical-align: middle;
	padding: 7px;
}


.ui-contact{color: #9C9999;text-align: left;padding-bottom:40px;}
.ui-contact label{text-align: left;}
.ui-contact-text{font-size: 13px;color: #9C9999;padding:0 60px;margin: 0;}
.ui-contact h2{font-size: 15px;background-color: #E3E3E3;padding:8px;text-align: left;}

.ui-text-ellipsis{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}

/** @for multi page */
.ui-pnav-wrap{display: inline-block;margin: 20px auto;width: 100%;text-align: center;}
.ui-btn-pre{width: 90px;display: inline-block;}
.ui-btn-next{width: 90px;margin-left: 5px;display: inline-block;}
.ui-p-cur{
	position: relative;
	height: 30px;
	vertical-align: baseline;
	text-align: center;
	margin-left: 5px;
	display: inline-block;
}
.ui-p-cur .numb{
	display: inline-block;
	width: 88px;
	line-height: 30px;
	border: 1px solid #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
}
.ui-p-select{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 90px;
	opacity: 0;
	z-index: 10000;
}

/**ui li*/

.ui-btn-inner{display: block;position: relative;padding:18px 14px;max-height:63px;}
#main-applist #wrapper .ui-btn-inner{max-height:180px;}
.ui-btn-text{position: relative;z-index: 1;width: 100%;}
#head-menu a.ui-link-inherit{color:#898989;}

.menu_icon_app{
	background: url('menu_app.png') no-repeat center;
	background-size:24px 24px;
	width: 58px;
	height: 100%;

	left: 0;
	top: 0;
	position: absolute;
}
.menu_icon_book{
	background: url('menu_book.png') no-repeat center;
	background-size:24px 24px;
	width: 58px;
	height: 100%;
	
	left: 0;
	top: 0;
	position: absolute;
}

.menu_icon_ilisten{
	background: url('menu-listen.png') no-repeat center;
	background-size:24px 24px;
	width: 58px;
	height: 100%;
	
	left: 0;
	top: 0;
	position: absolute;
}

.menu_wechar_no{
	background: url('menu-wechar.png') no-repeat center;
	background-size:24px 24px;
	width: 58px;
	height: 100%;
	
	left: 0;
	top: 0;
	position: absolute;
}

.menu_icon_author{
	background: url('menu-author.png') no-repeat center;
	background-size:24px 24px;
	width: 58px;
	height: 100%;
	
	left: 0;
	top: 0;
	position: absolute;
}

.menu_market{
	background: url('menu_market.png') no-repeat center;
	background-size:22px 22px;
	width: 58px;
	height: 100%;
	
	left: 0;
	top: 0;
	position: absolute;
}
.menu_icon_exp{
	background: url('menu_exp.png') no-repeat center;
	background-size:24px 24px;
	width: 58px;
	height: 100%;
	
	left: 0;
	top: 0;
	position: absolute;
}
.menu_icon_pro{
	background: url('menu_pro.png') no-repeat center;
	background-size:24px 24px;
	width: 58px;
	height: 100%;

	left: 0;
	top: 0;
	position: absolute;
}

.ui-face{
	width: 50px;
	height: 50px;
	vertical-align: middle;	
}
.ui-face-rounded{
	-webkit-border-radius:6px;
	border-radius:6px;
}
.ui-p-content{
	vertical-align: middle;

	

	margin: 0;
}

.reply{ width:100%; padding:0; margin:0; border-bottom:#d2d2d2 solid 1px; display:table;}
.reply .ui-p-content{line-height:42px;color:#cdcdcd;}
.reply .ui-face{margin-right:8px;}
.reply .ui-content-text{padding:6px 0; color:#686868;}

.ui-content-text{line-height:150%; padding:0 20px;}
.ui-img{width:90%;}
#content{display: block;position: relative;padding:4px 13px;word-wrap: break-word;word-break:break-word;overflow: hidden;}
#content-nohead{display: block;position: relative;padding:0px 13px;word-wrap: break-word;word-break:break-word;overflow: hidden;}

#head-info .ui-block-text{left: 10%;}
.ui-advertisement{overflow: hidden;margin:0 0 50px 0;
		width:100%;position: relative;padding-top:6px;background-color: #e4e9e9;}
.ui-advertisement img{width: 100%;}

.ui-home{position:absolute;width:60px;height:100%;top:0;}
.ui-home-line-r{
	position: absolute;
	width: 100%;
	height: 100%;
	border-right: 1px solid rgb(75, 181, 224);
	border-right-style: solid;
}
.ui-home-line-l{
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 1px solid rgb(75, 181, 224);
	border-left-style: solid;
	text-align:center;
}

.ui-menu{ padding-top:50px;position:absolute;width:100%;min-height: 100%;}
.ui-menu .ui-footer{position:fixed; bottom:0;}
.ui-category{padding-top:50px;padding-bottom:47px;}
.ui-category-nohead{padding-top:0px;}
.ui-category .ui-contact{position:relative;}
.ui-category .ui-footer{position:absolute;}
/*-----------------------------------product-BEGIN-------------------------------*/
.ui-li-desc{margin:4px 0;}
.ui-link-down-bottom{text-align:center;margin: 0px;min-height: 125px;}
.ui-link-down-bottom a{width:50%;display:inline-block;}
.productItem .ui-footer{position: absolute;}
#productItem .ui-li{
	border-bottom: 1px solid #e0e0e0;
	padding: 0px;
	margin: 0px;
	position: relative;
	display: block;
	clear: both;
	cursor: pointer;
}

/*-----------------------------------product-END----------------------------*/









/****************new css by wangkai**************/
*{ list-style:none; border:0; font-family:"微软雅黑",Arial;}
font,span,div,h1,h2,table,tr,td{ font-family:"微软雅黑",Arial;}
html,body{ width:100%; margin:0px; height:100%; }
.ui-menu{ min-height:100%; position:relative; display:table;}
#bottom{ width:100%; vertical-align:bottom; text-align:center;
			line-height:20px; font-size:14px; padding:40px 0 20px 0; color:#8c8c8c;}
#bottom a{color:#8c8c8c; text-decoration:none;}

/*********************top_search***********************/
.mobile_top{ 
		width:100%; 
		height:50px; 
		background:#45b3e0; 
		color:#FFFFFF; 
		position:fixed;
		overflow:hidden;
		z-index:999999;
		top:0;
		left:0;
}
.mobile_top h1{ width:100%; height:50px; 
		margin:0; padding:0; 
		font-size:22px; 
		text-align:center;
		line-height:50px;
		font-weight:normal;
}

.mobile_left{ left:12px; position:absolute; top:12px;}
.mobile_left img{ width:24px; height:24px; }

.mobile_right{ right:12px; position:absolute; top:12px;}
.mobile_right img{ width:24px; height:24px;}

#closeSearch{ right:12px; position:absolute; 
			top:12px; height:24px; 
			color:#FFFFFF; font-size:18px; 
			display:block; float:right;
			text-align:right; padding:0 0 0 10px;
}
.mobile_search{ padding:0; margin:0; float:left; display:table; padding:9px 0 0 12px; width:48px; }
#search_keyword{ 
	height:30px; font-size:18px; overflow:hidden;
	margin:0; padding:0;
	padding-left:30px;
	background:url(/template/touch/style/t1/search.png) no-repeat 10px 50% #FFFFFF;
	background-size:auto 50%;
	color:#000000;
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;            /* W3C syntax */
}

/*********************page***********************/

.page_add_more{
	width:100%;
	text-align:center;
	color:#898989;
	font-size:18px;
	line-height:32px;
	padding:20px 0;
	display:block;
	background:#eaeaea;
	
}


/*********************exp************************/
/*********************subject********************/
.subject_list{
	background:#FFFFFF;
	width:100%;
	margin: 15px 0px 0px 0px;
	overflow: hidden;
	border-bottom:1px #d2d2d2 solid;
	border-top:1px #d2d2d2 solid;
}
.subject_list_head{
	width:90%;
	padding:10px 5%;
	color: black;
	font-size:20px;
	line-height:32px;
	border-bottom:1px #E5E5E5 solid;
	color:#000000;
	background:url(/template/touch/style/images/sign_coin.jpg) no-repeat;
	background-position:95%;
	background-size:auto 35%;
	
}
.subject_list_body{ 
	width:90%;
	height:80px; 
	overflow:hidden;
	padding:15px 5%;
	color:#ababab;
	font-size:16px; 
	line-height:20px;
}


.subject_list_body img{
	position: relative;
	padding-right:12px;
	width:80px;
	height:80px;
	float:left;
}

.subject_list_body .txt{
	display:block;
	height:80px;
	overflow:hidden;
	width:100%;
	text-overflow: ellipsis;
}

.subject_list_foot {
	background:#f7f7f7;
	width:100%;
	padding:10px 0;
	display:table;
	color:#898989;
}

.subject_list_foot li{
	width:33%;
	text-align:center;
	float:left;
	border-left:1px #e5e5e5 solid;
}

/*********************exp_list********************/

.exp_list_head{ 
	width:90%;
	height:60px;
	overflow:hidden;
	padding:20px 5%;
	background:#FFFFFF;
	border-bottom:1px #d2d2d2 solid;
	font-size:24px;
	line-height:90px;
	display:block;
	text-overflow: ellipsis;
	white-space:nowrap;
	color:#000000;
}

.exp_list_head img{
	width:60px;
	height:60px;
	padding-right:10px;
	position: relative;
	float:left;
	
}
.exp_list_body{
	width:95%;
	padding:10px 0 10px 5%;
	background:#FFFFFF;
	display:table;
	border:0;
}
.exp_list_body ul{
	width:100%;
	border:0;
	display:table;
	overflow:hidden;
}
.exp_list_body li{
	border-bottom:1px #e5e5e5 solid;
	width:100%;
	padding-right:10%;
	font-size:16px;
	padding:15px 0;
	background:url(/template/touch/style/images/sign_coin.jpg) no-repeat;
	background-size:auto 18px;
	background-position:95% 50%;
	overflow:hidden;
}
.exp_list_body .title-h{ 
	font-size:18px; 
	padding:5px 0; 
	color:#000000; 
	width:90%; 
	white-space:normal;
}
.exp_list_body .ui-date{ font-size:14px; }
.exp_list_body li span{font-size:14px;}
/*********************exp_detail********************/


.exp_detail_title{ width:100%; padding:0; display:table;}
.exp_detail_title h2{
	font-size:24px;
	padding:15px 0;
	border-bottom:1px #e5e5e5 solid;
	display:block;
}
.exp_detail_title .ui-date{ 
	font-size:14px;
	padding:10px 5px 5px 0; 
	color:#cdcdcd;
	height:20px;
	display:block;
	float:left;
}

.exp_detail_content{ 
	color:#4c4d4e; 
	font-size:18px; 
	line-height:30px;
	padding:20px 0;
	margin:0 0 10px 0;
	border-bottom:1px #e5e5e5 solid;
}

.exp_detail_content img{ width:100%; height:auto;}


/*********************app_category********************/
.app_fk_big { color:#ffffff; text-align:center; margin:0; padding:0; width:47%; font-size:18px;}
.app_fk_small{ color:#ffffff; text-align:center; margin:0; padding:0; width:22.5%; font-size:18px;}
.app_fk_long { color:#ffffff; text-align:center; margin:0; padding:0; width:47%; font-size:18px;}

/*********************book_category********************/
.book_category{ width:100%; padding:10px 0;}
.book_category li{ 
		width:33%; 
		float:left; 
		display:block; 
		text-align:center; 
		padding:20px 0;
		border-bottom:1px solid #e5e5e5;
	}
.book_category li span{
	width:100%;
	display:block;
	border-right:1px solid #e5e5e5;
}


/*********************app_list********************/
.applist{
	width:100%;
	border:0;
	display:table;
	overflow:hidden;
	background:#eaeaea;
	padding:50px 0 0 0; 
}

.applist nohead{ padding:0; }
.booklist nohead{ padding:0; }

.applist li{
	border-bottom:1px #e5e5e5 solid;
	border-top:1px #e5e5e5 solid;
	width:100%;
	font-size:16px;
	overflow:hidden;
	margin:15px 0 0 0;
	background:#FFFFFF;
}

.applist li div{
	display:block;
	max-width:650px;
	padding:20px 10px;
	height:100%;
	overflow:hidden;
	margin:auto;
	color:#898989;
}
.applist li table{ padding:0; margin:0;}
.applist li p{ padding:0; margin:0;}

.applist li img{
	width:80px;
	height:80px;
	-moz-border-radius: 15px;      /* Gecko browsers */
	-webkit-border-radius: 15px;   /* Webkit browsers */
	border-radius:15px;            /* W3C syntax */
}

.applist li h2{
	font-size:16px;
	height:40px;
	overflow:hidden;
	font-weight:normal;
	line-height:22px;
	padding:5px 10px 5px 0;
	color:#000000;
}

.applist li .buy{
	font-size:16px;
	padding:3px 8px;
	color:#45b3e0;
	border:1px solid #45b3e0;
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;            /* W3C syntax */
}

/*******星星****/
.star {  
	height:14px; 
	width:80px; 
	background:url(/template/touch/style/t1/stars-show-s1.png?20141219) no-repeat;
	background-size:100% auto;
	overflow:hidden;
	display:block;
	float:left;
	margin-right:10px;
}
.start_age{float:left; font-size:12px; color:#bbbbbb; line-height:14px;}
.s0,.s00{background-position:0 0;}
.s05 {background-position:0 -15px;}
.s1,.s10{background-position:0 -28px;}
.s15 { background-position:0 -43px;  }
.s2,.s20 { background-position:0 -58px; }
.s25 { background-position:0 -73px; }
.s3,.s30 { background-position:0 -88px; }
.s35 { background-position:0 -103px; }
.s4,.s40 { background-position:0 -118px; }
.s45 { background-position:0 -132px; }
.s5,.s50 { background-position:0 -147px; }

/******************************booklist*************************************************/
.booklist{ 
	display: table;
	width: 100%;
	padding: 0;
	height: 100%;
	overflow: hidden;
	margin: auto;
	background:#ffffff;
	color: #898989;
}

.booklist_book{
	width:100%;
	height: 100%;
	display:table;
	border-bottom:1px solid #d2d2d2; text-align:center;
}

.booklist_book div{
	max-width:750px;
	padding:30px 10px 10px 10px;
	margin:auto;
	display:table;
}

.booklist_book img{ width:70%; margin-bottom:10px;}
.booklist_book h1{ font-size:18px; line-height:30px; 
					max-height:50px; overflow:hidden; 
					font-weight:normal; color:#000000;
					margin:0; padding:10px 20px; display:block;
		}
.booklist_book p{ font-size:16px; width:100%; overflow:hidden; color:#686868; margin:0; padding:0;}



#baseInfo{ max-width:750px; margin:auto; padding:20px 0;}
#textInfo h4{ font-size:16px; color:#000000; font-weight:normal; }
#textInfo{ color:#969696; font-size:14px;}

#bookComment h4{ font-size:16px; color:#000000; font-weight:normal; }
#bookComment{ color:#969696; font-size:14px;}


#baseInfo img{ width:50%; margin-bottom:10px;}
#baseInfo h2{
	text-align: center;
	font-size:18px; line-height:30px; 
	font-weight:normal; color:#000000;
	margin:0; padding:10px 20px;
	overflow:hidden;
}

#baseInfo p{ font-size:16px; width:100%; overflow:hidden; color:#686868; margin:0; padding:10px 0;}
article,section{ width:100%; padding:0; margin:0;}
.ui-h-heading{ padding:8px 10px;background-color:#eaeaea;}


/******************************appdetail*************************************************/
.app-detail{ margin:auto; overflow:hidden;}
#head-info{ width:auto; padding:10px;}
#head-info table{ width:100%; border:0; padding:0; margin:0;}
#head-info td{ border:0; padding:0 10px 0 0; margin:0;}
#head-info img{ width:100px; }
#head-info h2{ line-height:24px; padding:5px 0; display:block; font-size:22px; font-weight:normal; width:100%;}
#head-info font{ line-height:24px; padding:5px 0 10px 0; display:block; 
				font-size:14px; font-weight:normal; width:100%; color:#898989;}
				
#app-info{ padding:10px; width:auto;}		
#app_description{ color:#898989; font-size:16px;  padding:20px 0;
				line-height:30px; border-bottom:1px solid #e5e5e5;}
				
#app_tags{ color:#898989; font-size:16px;  padding:20px 0 5px 0; height:auto; display:table; }
.tagbtn{ color:#898989; width:auto; float:left;
			font-size:16px; 	
			padding:5px 10px;
			margin-right:10px;
			margin-bottom:10px;
			background:#eaeaea; display:block;
			-moz-border-radius: 10px;      /* Gecko browsers */
			-webkit-border-radius: 10px;   /* Webkit browsers */
			border-radius:10px;            /* W3C syntax */
		}

#app-download{
		clear:both;
		width:auto;
		padding:10px;
		border-bottom:1px solid #e5e5e5; 
		border-top:1px solid #e5e5e5;
		}
#app-download a{ width:100%; background:#7cc961; color:#FFFFFF; 
				display:block; text-align:center; font-size:16px; padding:10px 0;}




