body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
input{background-color:#FFF;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
body {background-color: rgb(245,245,245);}
.cls {width: 100%;height: 200px;background: #3b8aff;overflow: hidden;}
.cls2 {color: #FFFFFF;font-size: 30px;text-align: center;margin-top: 30px;}
.cls3 {text-align: center;margin-top: 30px;}
.cls4 {font-size: 30px;}
.cls5 {margin-left: 10%;background: #3b8aff;width: 80%; cursor:pointer; height: 40px;color: #FFFFFF; margin-top:10px; margin-bottom:10px;;font-size: 18px;line-height: 40px;text-align: center;}
.cls6 {background: lightgray;text-align: center;height: 40px;line-height: 40px;}
.cls7 {background-color: #FFFFFF;margin: 30px 0 0;padding: 10px;height: 160px;border: 1px solid lightgray;line-height: 160px;text-align: center;}
.cls8 {text-align: center;color: rgb(136,136,136);}
.cls9 {width: 100px;height: 100px;margin-bottom: 30px;}
.cls10 {padding-top: 80px;text-align: center;}
.cls11 {padding: 20px;}
.cls12 {background: #FFFFFF;height: 40px;line-height: 40px;padding-left: 30px;}
.cls13 {margin-left: 30px;border: 0;}
.cls14 {display: block;float: left;width: 30%;}
.cls15 {padding: 20px;box-sizing:border-box;width: 90%;height: 200px;margin-left: 5%;background-color: #FFFFFF;margin-top: 30px;}
.cls16 {font-size: 30px;margin-top: 10px;width: 100%;border: 0;border-bottom: 1px solid gray;height: 40px;}
.cls17 {margin-top: 20px !important;}
.cls18 {text-align: center;margin-top: 20px;}
.cls111 {width: 100%;height: 60px;background: rgb(245,245,245);overflow: hidden;}
.cls111 span{ line-height:80px; font-size:14px; padding-left:22px;}
.uploader_input-box{position: relative;}
.uploader_input-box:before,
.uploader_input-box:after{
	content:" ";
	position:absolute;
	top:40%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-color:#D9D9D9;
}
.uploader_input-box:before{width:2px;height:39.5px;}
.uploader_input-box:after{width:39.5px; height:2px;}
.uploader_input-box span{line-height:14em; color:#999999;}
.uploader_input-box:active{
	border-color:#999999;
}
.uploader_input-box:active:before,
.uploader_input-box:active:after{
	background-color:#999999;
}
.table{
	display:table;
	padding:0 20px;
	background-color:#FFF;
	width:100%;
	box-sizing:border-box;
}
.text-align-right{
	text-align:right}
.table-row{display:table-row; height:45px;}
.table-cell-lable{display:table-cell;border-bottom: 1px solid rgb(245,245,245);
line-height:45px; color:#000; width:40%;}
.table-cell{display:table-cell;border-bottom: 1px solid rgb(245,245,245);}
.table-cell input{
	display: inline-block;
	padding-left: 4px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 0;
}
.tran-detail .table-row > .table-cell{
	vertical-align:middle;
	line-height:26px;
	font-size:0.8em;
}

.cls112{
	width:100%;
	background-color:#FFF;
	box-sizing:border-box;
	text-align:center;
	line-height:30px;
	height:30px;
}
.cls112 .circle{
	width:30px;
	height:30px;
	display:inline-block;
	background-color:rgb(255,149,0);
	font-size:18px;
	color:#FFF;
	border-radius: 50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	text-align:center;
	line-height:30px;
}
.cls112 .interval{
	border-bottom:solid 1px rgb(255,149,0);
	height:15px;
	display:inline-block;
	width:23%;
	vertical-align:top;
}
.cls113{
	padding:20px 0;
	background-color:#FFF;
}
.cls113 .cls114{
	text-align:center;
}
.cls114 span{
	width:30%;
	display:inline-block;
	color:#000;
}

.cls115 {width: 100%; background: #FFF;overflow: hidden;}
.cls116 {width: 100%; margin-top:105px; height:90px; text-align:center; background: #FFF;overflow: hidden;}
.cls116 img{width:90px; height:90px;}
.cls117{
	text-align:left;
	margin:20px 5px;
	border:solid 1px rgb(229,229,229);
	border-radius:5px;}
.cls118{height:60px; border-bottom:solid 1px rgb(229,229,229);
	line-height:60px;
}
.cls119{height:60px; line-height:60px;}
.cls117 img{width:26px; margin-left:30px;vertical-align:middle;}
.cls117 input{height:26px; vertical-align:middle; height:28px; line-height:28px; text-height:28px; margin-left:8px; font-size:18px; width:50%;
	border:0px;}
.cls120 {margin-left: 10%;width: 80%;height: 40px;color: #3b8aff;margin-top: 20px;font-size: 18px;line-height: 40px;text-align: center;}
.cls121 {background: #3b8aff;width: 90px;height: 30px;color: #FFFFFF;font-size: 14px;line-height: 30px;text-align: center; display:inline-block;border-radius:5px;}
.cls122 {background: #02b1ff;width: 100%; color:#FFF; margin:0px;}
.comment {
	width: 25px;
	height: 15px;
	position: relative;
	top:0;
	float:right;
	margin: 8px;
	background: #02b1ff;
	border:3px solid #FFFFFF;
	text-align:center;
	line-height:8px;
	border-radius: 5px;
}
.comment .msg-count{
	width: 16px;
	height: 16px;
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 10px;
	background-color: #ff5a00;
	line-height:16px;
	text-align:center;
	color:#FFF;
	z-index:99;
	border-radius:8px;
}
.comment:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: 17px;
	right: 5px;
	border: solid 6px;
	border-color: #FFFFFF transparent transparent transparent;
	font-size: 0;
}
.cls123 img{
	-webkit-border-radius:36px;
	border-radius:36px;
	width:60px;
	height:60px;
	border:6px solid #0396ff;
	line-height:60px;
}
.cls123{
	margin-top:50px;
	margin-left:20px;
	margin-right:20px;
	height:100px;
	border-bottom:1px solid #54c7fe;
}
.cls123 > div{
	display:inline-block;
	vertical-align:middle;
	height:76px;}
.cls123 .nike{
	line-height:36px;
	margin-left:20px;
	font-size:21px;
	display:inline-block;}
.cls122 .cls124 div{
	padding:20px;
	font-size:18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	width:49%;
	display:inline-block;}
.cls125{margin-top:10px;}
.cls125 .table-row .table-cell img{
	width:23px;
}
.cls125 .table-row{
	height:50px;}
.cls125 .table-row .table-cell{
	vertical-align:middle;
	text-align:left;
	height:50px;}
.cls125 .table-row .cell1{
	width:26px;}
.cls125 .table-row .cell2{
	width:60%;
	color:#000;
	font-size:12px;}
.cls125 .table-row .cell3{
	text-align:right;
	width:70px;
	color:#666;
	font-size:12px;}
.cls125 .cell4{
	width: 10px;
	text-align: right;
}
.rightload{
	text-align:right;
	width:20px;
	color:#999999;
	font-size:22px;}

.base-button {
	background: #54c7fe;
	border: none;
	padding: 2px;
	border-radius: 4px;
	margin-left: 6px;
	color: #FFF;
}
.cls126{
	font-size:1.5em;
	background-color:#3b8aff;
}
.cls126 div{
	display:inline-block;
	color:#FFF;
	line-height:38px;
}
.cls127{
	background-color:#FFF;
	margin:20px auto;
	padding:15px;
	width:90%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.cls128{
	width:80%;
	margin:0 10%;
	text-align:center;
	background-color:rgb(0,122,255);
	font-size:18px;
	height:40px;
	color:#FFF;
	line-height:40px;
	border-radius: 5px;}
.cls127 .tranAmt-lab{
	font-size:0.9em;
	color:#000;
	font-weight:bold;}

.cls127 .unit{
	font-size:2.5em;
	vertical-align:super;
	width:15px;
	color:#000;
	font-weight:bold;}
.cls127 .tranAmt{
	margin-left:15px;
	display:inline;
	width:-webkit-calc(90% - 30px);
	width:-moz-calc(90% - 30px);
	width:calc(90% - 30px);
	font-size:3em;
	border:none;
	outline:none;
	color:#000;
	font-weight:bold;}
.cls127 .cls129{
	height:80px;
	line-height:80px;
	border-bottom:1px solid rgb(229,229,229);
	margin-bottom:20px;
}
.cls127 .mcht-name{
	text-align:center;
	font-size:0.8em;
	height:40px;
	line-height:40px;
}