a, body, div,footer, h1, h2, h3, h4, h5, h6, header, html, i, img, menu, nav,  p, ul, li {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;list-style: none;}
 *{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }
*, :after, :before {box-sizing: border-box;}
a{text-decoration: none;color: #ffffff;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent; outline: none;transition: color .1s ease;}
html{overflow-x:hidden;font-size: 62.5%;}
html,body{position: relative;height: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{            background-image: linear-gradient(90deg,#2196F3,#009688,#8BC34A,#FFC107,#FF5722,#F44336,#9C27B0);
            background-size: 400%;
	        animation: bganimation 15s infinite;
        }
        @keyframes bganimation {
        	  0%{
        	        background-position: 0% 50%;
        	  }
        	  50%{
        	        background-position: 100% 50%;
        	  }
        	  100%{
        	        background-position: 0% 50%;
        	  }
    	}
    	.container {
    	    margin: 30px auto 0 auto;
    	    width: 100%;
    	    max-width: 640px;
    	    display: flex;
            flex-wrap: wrap;
            justify-content: center;
    	}
header{width: 100%;height: 60px;background-color: rgba(255,255,255,1);}
main{width: 100%;padding: 10px;}
.max{max-width: 750px;margin: 0 auto;}
.flex{display: flex;justify-content: space-between;align-items: center;}
.flex-center{justify-content: center!important;}
.shadow{background-color: #fff;}
.header{height: 60px;}
.header h1{font-size: 18px;}
.notice{width: 100%!important;margin: 0 auto 10px!important;padding: 10px;border-radius: 5px!important;background-color: #f3f5f757!important;}
.notice i {font-size: 15px;color: #FEA802;}
.notice marquee {width: calc(100% - 25px);}
.notice h2 {font-size: 15px;color: #ffffff;font-weight: bold;}
.app{width: 100%;padding: 15px 10px 10px;margin: 0 auto 10px;background-color: #fff;border-radius: 5px;}
.app-meta{padding: 10px 0 25px;}
.app-meta h1{font-size: 16px;color: #000;}
.app-meta h1 i{font-size: 16px;color: #06f;margin: 0 5px 0 0;}
.app-meta h2{font-size: 14px;color: #999;}
.app ul{flex-wrap: wrap;justify-content: flex-start!important;}
.app-item{width: calc(50% - 5px);margin: 0 10px 15px 0;padding: 10px;background-color: #f3f5f7;border-radius: 5px;overflow: hidden;}
.app-item img {width: 26px;height: 26px;border-radius: 100%;overflow: hidden;}
.app-item h1 {width: calc(100% - 56px);font-size: 14px;font-weight: bold;color: #666;}
.app-item i {font-size: 20px;color: #ccc;}
.app-item:nth-child(2n){margin: 0 0 15px 0;}
.lxzz{    width: 100%!important;
    margin: 0 auto 10px!important;
    padding: 10px;
    border-radius: 5px!important;
    background-color: #f3f5f757!important;
    text-align:center;
}
.lxzzzt{
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}
.lxzzzt1{
    font-size: 15px;
    color: #000000;
    font-weight: bold;
}


.lxzza{    width: 100%!important;
    margin: 0 auto 10px!important;
    padding: 10px;
    border-radius: 5px!important;
    background-color: #ffffff!important;
    text-align:center;
}