* {
		padding: 0;
		margin: 0;
	}
	body {
		background-image: url(../images/bgt.jpg);
		/*background-image: url(../);*/
		background-color: #f5f5f5;
	}
	
	.row {
		width: 100%;
		max-width: 700px;
		min-width: 320px;
		margin: 0 auto;
		background-color: rgba(255,255,255,0.9);
		box-shadow: 0 0 1px 1px #ccc;
	}
		input{outline:none;}
		.header {
			width: 100%;
			max-width: 700px;
			min-width: 320px;
			margin: 0 auto;
			padding: 20px 0;
			/* background-image: url(./images/inb.jpg); */
			background-image: -webkit-linear-gradient(111deg,#d558c8,#24d292);
			margin-bottom: 20px;
		}
        .about {
            display: flex;
            justify-content: space-between;
        }
		.logo {
            display: flex;
            justify-content: space-between;
			width: ;
			height: 80px;
			border-radius: 8px;
			overflow: hidden;
			margin: 0 20px;
            
		}
		.logo img {
			width: 80px;
			height: 80px;
            border-radius: 50%;
            margin-right: 10px;
            -webkit-animation: round_animate 5s linear infinite;
	     	animation: round_animate 5s linear infinite; 

		}
		.logo img:hover {
			animation-play-state: paused;
		}
		.qqewm {
			display: none;
			position: absolute;
			top: 120px;
		}
		.qqewm img {
			/*width: 150px;*/
			height: 150px;
		}
		@keyframes round_animate {
	       	0% {
         		transform: rotate(0deg);
	      	}
			100% {
         		transform: rotate(360deg);
       		}
    	}
        .logo h4 {
            margin-top: 8px;
            color: #fff;
        }
        .logo p {
            font-size: 13px;
            margin-top: 4px;
            color: #fff
        }
        .lx-right {
            margin-top: 5px;
            margin-right: 20px;
            text-align: right;
         }
        .lx-right a {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding: 0 6px;
            border: 1px solid #ccc;
            border-radius: 8px;
            font-size: 14px;
            color: #fff;
            text-decoration:none;
            
        }
        .lx-right p {
            margin-top: 22px;
            font-size: 13px;
            color: #fff;
        }
		main {
			width: 100%;
			margin: 0 auto;
			padding-bottom: 20px;
			/* border: 1px solid #ccc; */
		}
		.index-group {
			width: 90%;
			margin: 20px auto;
			border: 1px solid #ccc;
			border-radius:4px 4px 8px 8px;
		}
		.index-group .index-title {
			text-align: center;
			height: 40px;
			line-height: 40px;
			color: #fff;
			background-color: #e66465;
			border-radius: 2px 2px 30px 30px;
		}
		.index-nav {
			width: 100%;
			display: flex;
			justify-content: space-between;
			padding: 15px 0;
			border-radius: 30px 30px 0 0; 
		}
		.index-nav .nav-tiem {
			width: 140px;
			/*height: 100px;*/
			border-radius: 8px;
			/*background-color: #ccc;*/
			text-align: center;
			color: #666;
			text-decoration: none;
		}
		.nav-tiem img {
			width: 50px;
			height: 50px;
			border-radius: 4px;
		}
		.notice {
			width: 90%;
			/* height: 160px; */
			border: 1px solid #ccc;
			margin: 20px auto;
			border-radius: 8px;
			color: #fff;
			background-image: -webkit-linear-gradient(111deg,#73c4a1,#96cbb4);
		}
		.notice p {
			padding: 10px 15px;
			font-size: 16px;
		}
		.notice h2 {
			text-align: center;
			color: #13A62B;
			padding-top: 10px;
		}
		.input-group {
			width: 90%;
			height: 260px;
			border: 1px solid #ccc;
			border-radius: 8px;
			margin: 0 auto;
		}
		.input-tiem {
			height: 35px;
			line-height: 35px;
			/* border: 1px solid #ccc; */
			margin: 10px auto;
		}
		.input-tiem label {
			padding-right: 20px;
			/* border-right: 1px solid #ccc */
			color: #333;
		}
		.input-tiem input {
			width: 360px;
			max-width: 360px;
			min-width: 180px;
			height: 28px;
			border-top: none;
			border-left: none;
			border-right: none;
			border-bottom: 1px solid #1ce7a7;
			background-color: transparent;
		}
		.alert-warning {
			margin: 20px 0;
		}
		.btn-group {
			display: flex;
			justify-content: center;
		}
		.btn-tiem button {
			width: 75px;
			height: 35px;
			margin: 0 10px;
			border: none;
			border-radius: 8px;
			color: #fff;
			cursor:pointer;
		}
		.btn-group div:nth-child(1) button{
			background-image: -webkit-linear-gradient(right,#0A85FF,#47A3FF);
		}
		.btn-group div:nth-child(2) button {
			background-image: -webkit-linear-gradient(111deg,#f96869,#f73335);
		}
		.btn-group div:nth-child(3) button {
			background-image: -webkit-linear-gradient(111deg,#13a62b,#45e05f);
		} 
		.btn-group div:nth-child(4) button {
			background-image: -webkit-linear-gradient(111deg,#ffb709,#feda84);
		} 
		.btn-group div:nth-child(n) button:hover {
			transform: scale(1.08);
		}
		.sponsor {
			width: 90%;
			margin: 20px auto;
			box-shadow: 0 0 1px 1px #ccc;
			border-radius: 8px;
			overflow: hidden;
		}
		.sponsor-title {
			height: 40px;
			line-height: 40px;
			text-align: center;
			background-image: -webkit-linear-gradient(111deg,#d558c8,#24d292);
			color: #FFF;
		}
		.sponsor-table {
			overflow-y:scroll;
		}
		table {
			/*width: 100%;*/
			min-width: 613px;
			background-color: transparent;
			color: #555;
		}
		table thead {
			color: #333;
			/* border-bottom: 1px #ccc solid; */
			display:table-header-group
		}
		table tr {
			background-color: #fff;
			box-shadow: 0 0 1px 1px #ccc;
		} 
		table tr th {
			text-align: left;
			height: 40px;
			line-height: 40px;
			padding: 0 8px;
			color: #666;
			font-size: 16px
		}
		table tr td{
			padding: 8px;
			line-height: 1.846;
			font-size: 13px
		}
		table tbody tr:nth-child(2n+1) {
			background: #ddd;
		}
		table tr td button {
			padding: 4px;
			border: none;
			background-image: -webkit-linear-gradient(111deg,#13a62b,#45e05f);
			border-radius: 4px;
			font-size: 12px;
			color: #fff;
			cursor: pointer;
		}
		table tr td button:hover {
			transform: scale(1.08);
		}
		footer {
			width: 100%;
			margin: 0 auto;
			padding: 10px 0;
			text-align: center;
			border-top: 1px solid #ccc;
		}
		.alert {
			width: 75%;
			height: 35px;
			line-height: 35px;
			background-color: #d3c065;
			color: #fff;
			border-radius: 50% 50% 0 0;
		}
		@media only screen and (min-width: 340px) and (max-width: 500px) {
			.row {
				background-color: #fff;
			}
			header {
				border: none;
			}
			html {
				width: 100%;
				/* overflow: hidden; */
			}
			body {
				width: 100%;
				
			}
			main {
				background-color: #fff;
			}
			.notice {
				width: 95%;
			}
			.notice p {
				font-size: 14px;
			}
			.index-group {
				width: 95%;
			}
			.nav-tiem img {
				width: 45px;
				height: 45px;
				border-radius: 4px;
			}
			.nav-tiem p {
				font-size: 13px
			}
			.input-group {
				width: 95%;
			}
			.input-tiem input {
				width: 220px;
			}
			.btn-tiem button {
				margin: 0 8px;
			}
			.sponsor {
				width: 95%;
			}
			table tbody tr td {
				font-size: 12px;
			}
			footer p {
				font-size: 12px;
			}
			/* footer {
				background-color: #fff;
			} */
		}