a, a:visited {
	outline:none;
	color:#389dc1;
	display: inline-block;
	cursor: pointer;
}

a:hover{
	text-decoration:none;
}

.progress-button{
	float:right;
	display: inline-block;
	font-size:1.2em;
	text-align:center;
	color:#2cadf1;
	text-decoration: none !important;
	overflow: hidden;
	position:relative;
    width:3.125em;/*50px*/
	/*margin-top:16px;*/
	height:2em; /*1.875em20px*/
    line-height:2em ;/*1.875em20px*/
    /*border: 1px solid #2cadf1;*/
	border-radius: 0.3125em;
	background-color: #fff;
	background-image:-webkit-linear-gradient(top, white, white);
	background-image:-moz-linear-gradient(top, white, white);
	background-image:linear-gradient(top, white, white); 
}
/* app内部下载按钮颜色和进度条颜色 */
/* bar #0daafd
   background-color:#c6d9f1;
 */
 
.barstusm{
	color: #fff;
	border: none;
	background-color: #c6d9f1;
	background-image:-webkit-linear-gradient(top, #c6d9f1, #c6d9f1);
	background-image:-moz-linear-gradient(top, #c6d9f1, #c6d9f1);
	background-image:linear-gradient(top, #c6d9f1, #c6d9f1); 
}
.barblue{
	color:#2cadf1;
	border: 1px solid #2cadf1;
 	background-color: #fff ;
	background-image:-webkit-linear-gradient(top, white, white);
	background-image:-moz-linear-gradient(top, white, white);
	background-image:linear-gradient(top, white, white); 
 }
/* 浏览器点击之后的颜色 */


/*	Hide the original text of the button. Then the loading or finished
	text will be shown in the :after element above it. */

.progress-button.in-progress
{
	color:transparent!important;
}

.progress-button.in-progress:after{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: inherit;
	left: 0;
	color:#fff;
}
.progress-button.finished{
	color:transparent!important;
}
.progress-button.finished:after{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: inherit;
	left: 0;
	color:#2cadf1;
}

/*	If the .in-progress class is set on the button, show the
	contents of the data-loading attribute on the butotn */

.progress-button.in-progress:after{
	content:attr(data-loading);
}

/* The same goes for the .finished class */

.progress-button.finished:after{
	content:attr(data-finished);
}

/* The colorful bar that grows depending on the progress */

.progress-button .tz-bar{
	background-color:#0daafd;   /*#c6d9f1*/
	height:3px;
	bottom:0;
	left:0;
	width:0;
	position:absolute;
	z-index:1;

	border-radius:0 0 2px 2px;

	-webkit-transition: width 0.5s, height 0.5s;
	-moz-transition: width 0.5s, height 0.5s;
	transition: width 0.5s, height 0.5s;
}


/* The bar can be either horizontal, or vertical */

.progress-button .tz-bar.background-horizontal{
	height:100%;
	#border-radius:0.3125em;
}


/*----------------------------
	Color themes
-----------------------------*/


.progress-button.red{
	background-color: #e6537d;
	background-image:-webkit-linear-gradient(top, #e6537d, #df5179);
	background-image:-moz-linear-gradient(top, #e6537d, #df5179);
	background-image:linear-gradient(top, #e6537d, #df5179);
}

.progress-button.red .tz-bar{
	background-color:#6876b4;
}


.progress-button.green{
	background-color: #64c896;
	background-image:-webkit-linear-gradient(top, #64c896, #5fbd8e);
	background-image:-moz-linear-gradient(top, #64c896, #5fbd8e);
	background-image:linear-gradient(top, #64c896, #5fbd8e);
}

.progress-button.green .tz-bar{
	background-color:#9e81d6;
}