@charset "utf-8";
/*屏幕适配*/
@media only screen and (width: 320px){html{font-size: 16px !important;}}
@media  all and (min-width: 360px){html{font-size: 18px !important;}}
@media all and (min-width: 375px){html{font-size: 18.75px !important;}}
@media all and (min-width: 400px){html{font-size: 20px !important;}}
@media all and (min-width: 412px){html{font-size: 20.6px !important;}}
@media all and (min-width: 414px){html{font-size: 20.7px !important;}}
@media all and (min-width: 640px){html{font-size: 32px !important;}}
@media (min-width: 750px){html{font-size: 37.5px !important;}}
/*/*初始化样式*/ */
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight:
normal;font-style: normal;font-size: 100%; font-family: -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
ol, ul ,li{list-style: none;}
img {border: 0; margin:0; padding:0;display: block;}
body {color:#000;font-size:1rem; margin:0 auto;cursor:default; width:100%; background:#fff; }
html{width: 100%;height: 100%;}
body{width: 100%;height:100%;background: #fff;}
a{ font-style:normal; text-decoration:none;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
a{color:#757575;}
.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}
.clear{clear:both; height:1px; margin-top:-1px; width:100%; line-height:1px;} 
.viewport{width: 100%;height: 100%;min-width: 320px;max-width: 640px;margin: 0 auto;}
.logo{box-sizing: border-box;margin: 0 auto;text-align: center;padding-top: 4.2rem;}
.logo img{margin: 0 auto;width: 8.24rem;height: 8.773rem;}
.explain{width:100%;height:5.866rem;font-family: '宋体';font-size: 1rem;color: #5a5a5a;width: 100%;text-align: center;margin-top: 0.533rem;padding-bottom:5.3rem;box-sizing: border-box;}
.ios,.android{display:block;font-family: '宋体';width: 12.666rem;height: 2.346rem;line-height:2.346rem;margin: 0 auto;text-align: center;/*padding-left:3.666rem;*/box-sizing:border-box;background: #fc5a5a;border-radius: 20%/100%;color: #fff;font-size: 0.8rem;position: relative;}
.android{margin-top: 0.8rem;}
.iocn{display:block;width:1.04rem;height: 1.2rem;position: absolute;top: 0.55rem;left: 2.3rem;}
.ios .iocn{top:0.48rem}
.android .iocn{width:1.04rem;height: 1.2rem;}
.iocn img{width: 100%;height: 100%;}
.shade{width:100%;height:100%;display:none;position:absolute;top:0;left:0; z-index: 100000;}
.shade img{width:100%;height:100%;}
.font14{font-size:14px}
		/*自定义模态框 */
 .myModalWrap {            
     position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     background-color: rgba(0, 0, 0, 0.5);
     z-index:100;
     overflow-y:scroll;
 }        
.myModal {
  
       position: fixed;
       top:50%;
       left:50%;
       background: #fff;   
       z-index: 7;
       width: 80%;
       max-width: 500px;
       -webkit-transform:translate(-50% ,-50%);
               transform:translate(-50% ,-50%);
       margin-bottom:10%;;
       /* overflow: auto; */
       border-radius:10px;
}   
    
.myModalWrap   .myModal-close {	 
         color: white;
         padding-top: 12px;
         cursor: pointer;
         padding-right: 15px;
     }  
.myModal-close {
     float: right;
     font-size: 30px;
 }  
 .myModal-header,.myModal-footer,.myModal-content{  
     padding:10px 20px;   
              
 } 
 .myModal-content {    
     margin: auto;  
     padding-bottom:68px;
     font-size:14px;
 }        
 
 .myModal-header{
   padding-top:15px;
   padding-bottom: 0;  
    color: #FF8C30 ;
    font-size:16px;
    font-weight: bold;
    text-align: center
 }

.myModal-footer{
	box-sizing:border-box;
	position: absolute;
    width: 100%;
    bottom: 0;
	background-color: rgba(255, 255, 255, 0.95);
    font-size:16px;
    text-align:center;
    padding-bottom:15px;
    border-radius:10px;
} 
.modalOneBtn,.modalOneBtn:enabled:active{
  min-width: 140px; height: 40px;line-height:40px;background:#FF9947;
  text-align: center;color:#fff;border-radius:24px;border:none;    outline: none;}  
  
/*安卓 ios下载页面*/
	
		 .hasBackGround{
		   background: url("../../down/images/bg.png") no-repeat center;
		   background-size:cover;
		   padding-bottom:3rem;
		}
		.downPage .tip{
			display: none;
			background:  #343434;
			font-size: 0.8rem;
			padding:1.9rem 0.5rem 1.62rem 1.2rem
		}
		.downPage .tip p{
			opacity: 0.5;
			color:#fff;   
		}
		.downPage 	.titleImg{
			width: 100%;
		}
		.downPage  .downImg{
			display: block;
			margin :0.17rem auto 0.72rem;
			width:1.07rem;
			height:1.07rem;		
		}
		.downPage .downBtn{			
			display: block;
			margin: 0 auto;
			width: 16rem;
			height: 2.45rem;
			
		}
		.downPage .downBtn p{
	       font-size:0.9rem;
			color:#fff;
			height: 100%;
			line-height: 2.1rem;
			position: relative;
			top:-2.45rem;
			text-align:center;
		}
		.downPage .downBtn img{
			width:100%;
			height: 100%;
		}
		.downPage .yingYongArea{
			margin:3.92rem 1.33rem 0  1.33rem;  			
		}
		.downPage .yingYongArea .yingYongTitle{		
			font-size:1.07rem;
			/* font-family:PingFang-SC-Bold; */
			font-weight:bold;
			color:#333333;
			margin-bottom:1.04rem;
			text-align: center;
		}	
       .downPage .yingYongArea .yingYongText{
			 padding:0.8rem 0.56rem;
			 background:rgba(244,246,248,1);
	    	border-radius: 1rem;	
		 }
		.downPage .yingYongArea .yingYongText p{
			text-indent: 2em;
			margin-top:1rem;		
			font-size:0.75rem;
			/* font-family:PingFang-SC-Medium; */		
			color:#666666;
			line-height:1.23rem;
		}
		.downPage .yingYongArea .yingYongText p:first-child{margin-top:0rem;}
		.downPage .yingYongArea	.yingYongImg{
			width:7.47rem
		}