@charset "utf-8";
/* CSS Document */
*{margin:0;	padding:0; border:0; list-style:none;font-size: 16px}
body,div,form,img,span,ul,ol,list,ul,li,dl,dt,dd,table,border,tr,td,H1,H2,H3,H4,H5,H6,p,iframe,input {margin:0; padding:0; font-size:12px;}
body,div,form,img,span,ul,ol,list,ul,li,dl,dt,dd,p,border,H1,H2,H3,H4,H5,H6,input {margin:0; padding:0; font-family:Tahoma,Helvetica,Arial,'微软雅黑','黑体',sans-serif; line-height: 100%; }
.clearfix:after{ content: ""; display: table; clear: both; }
.red{ color:#FF0000;}
.white{ color:#FFF;}
.more{ float:right; }
a:link,
a:visited{ color:#898989; text-decoration:none;font-size: 1em;}
a:hover,
a:active{ color:#03004c; text-decoration:none;}
.bdbox { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.header{ text-align: center; position: relative; border-bottom: 1px #c8c8c8 solid; padding: 30px 20px 30px 20px }
.header img:first-child{ position: absolute; left: 10%; top: 17px; width: 52px; display: block; }
.header img:last-child{ height: 18px; padding-top: 10px; }
.header span{ font-size: 1.7em; color: #0085d0; display: block; margin-left:80px;}

.download-bannar-section{ padding: 6px 5px 6px; }

.download-btn-box{ padding:10px 20px; }
.download-android,.download-ios,.download-wp{ width: 45%; float: left; text-align: center; padding: 20px 10px; box-sizing: border-box;box-shadow: 0 0 10px #cacaca; border-radius: 10px;}
.download-btn-android,.download-btn-ios,.download-btn-wp{ padding: 10px 0; margin: 0 auto; width: 50%;}
.download-btn-android img,.download-btn-ios img,.download-btn-wp img{ width: 80%; }
.download-btn-prompt{ color: #898989; padding-top: 10px; display: block; font-size: 0.8em; line-height: 17px; }
.download-btn-prompt-red{ color: #f00; padding-top: 10px; display: block; font-size: 0.8em; line-height: 17px; }
.download-btn-txt{ display: block; color: #4e4e4e; font-size: 1.8em; }

.download-list-section{  padding: 20px}
.download-list{ border-bottom: 1px #b7b7b7 dashed; padding: 20px 10px; }
.download-list img{ float: left; }
.download-list:last-child{ border-bottom: none; margin-left: -5px; }
.download-list-right{ padding: 0 0 0 20px; }
.download-list:nth-child(1) .download-list-right{ margin-left: 55px; }
.download-list:nth-child(2) .download-list-right{ margin-left: 60px; }
.download-list:nth-child(3) .download-list-right{ margin-left: 50px; }
.download-list:nth-child(4) .download-list-right{ margin-left: 60px; }
.download-list-right h2{ font-size: 1.4em; padding: 0 0 10px; color: #4e4e4e; }
@media screen and (max-width: 400px) {
	.download-list-right h2{ font-size: 1.2em; }
}
.download-list-right span{ line-height: 150%; color: #757575; }

.footer{ padding: 10px 10px 30px; text-align: center; }



/*.top{ width:90%; margin-top:36px;}
.left_box{ width:28.75%; float:left; margin-left:10% }
.right_box{ float:left; width:61.2%}
.title{ font-size:19px; color:#0089d0; text-align:left; font-weight:bolder; }
.ios_prompt{ color: #6e6e6e; }

.zi{ font-size:10px; color:#898989; text-align:left; margin-top:3px;}
#xz{ background: url(../images/loader.png) no-repeat; background-size: 100% 100%; width:158px; height:30px; display:block; margin-top:3px;}

.date{ background-color: #f3f3f3; text-align: center; padding: 10px 0; margin: 20px 0; }
.date_prompt{ color: #757575; font-size: 19px; font-weight: bolder; }
.date_time{ color: #919191; font-size: 13px; margin-top: 5px; }
.date_red{ color: #ffae3a; margin-top:5px; }

.c_title{ width:78%; height:30px; line-height:25px; font-size:14px; font-weight:bolder; color:#fff; margin-top:10px; margin-left:10%; background: url(../images/loader_title.png) no-repeat; background-size: 76px 30px; text-indent: 15px; }
.c_content{ width:79%; margin-left:10%; line-height:25px; color:#595757; margin-top:5px; /*min-height:450px;*/ /*position:relative; }
.c_content span{ color: #ff0000; font-size: 18px; font-weight: bold; }
.c_prompt p{ color: #0089d0; font-size: 16px; font-weight: bold; }
.c_bottom{ width: 100%; }*/

body{
/*background:-webkit-gradient(linear, 0 0, 0 140, from(#9cd8fd), to(#ffffff)) no-repeat;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#9cd8fd), color-stop(0.25, #ffffff), color-stop(0.55, #ffffff), to(#9cd8fd));*/
}


#indicatorContainerWrap,#indicatorContainer{
    display:inline-block;
    position:relative;
}
#prgLogo{
    position:absolute;
    width:60px;
    height:60px;
    margin-top:-30px;
    margin-left:-30px;
}
@media screen and (max-device-width: 800px) {
div.right_40{
display:none;

}
}

@media screen and (min-device-width: 500px) {
div.left_60{
width:50%;
float:left;
}
div.right_40{
display:block;
float:right;
width:35%;
}
div.qr_section img{
display:160px;
}
	
}