html{height: 100%; }
body{background-color: #141529;min-height: 100%;}
#input,#input2{outline: none;}
.table-sy {
            width: 100%;
            height: 100%;
            position: absolute;
            pointer-events: none;
            color:#1a1c3e;
            z-index: -1;
        }
        .table-sy > div {
            /*width: 300px;*/
            /*height: 150px;*/
            display: flex;
            align-items: center;
            justify-content: center;
            transform: rotate(-40deg);
            float: left;
        }
		.content {
			width: 100%;
			height: 20vh;
			text-align: center;
			line-height: 20vh;
			cursor: pointer;
		}
.cnz{
    width: 700px;
    height: 260px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -335px;
    margin-top: -233px;
    border: 1px solid #2196F3;
    padding: 20px;
    border-radius: 25px;
}
.cnzz{
    width: 700px;
    height: 260px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -250px;
	border: 1px solid #2196F3;
	padding: 20px;
	border-radius:25px;
	background-color: #14182d;
}
.logo{
    width: 100%;
    height: 60px;
    text-align: center;
    font-size: 24pt;
    line-height: 60px;
    color: #2196f3;
    border-bottom: 1px solid #2196F3;
}
.so{
    width:100%;
	margin-top:15px;}
.sotxt{
    height: 20px;
    border: 1px solid #cecece;
    width: 578px;
    padding: 10px;
    color: #6b6b6b;
    border-radius: 10px 0px 0px 10px;
	vertical-align:middle;
}
.soan{
    height: 42px;
    float: right;
    background: #2196F3;
    border: none;
    width: 98px;
    color: #fff;
    border-radius: 0px 10px 10px 0px;
	cursor: pointer;
	vertical-align:middle;
}
.soan:hover{background:#006dc3;}
.text{width:100%;color:#FFF;margin-top:15px;}
.text p{font-size:12px;color: #fff;}
.text p span{color: #2196f3;}
.let{
    float: left;
    margin-right: 25px;

}
.cnt{
    float: left;
    padding: 0px 15px 0px 0px;}
.img{
    width: 94px;
    height: 124px;
    float: left;
    margin-right: 25px;
    border: 1px dashed #2196f3;
    border-radius: 5px;
    background-size: 100%;
    background-repeat: no-repeat;}
#rig{
    float: left;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    border-radius: 10px;
    transform: rotate(45deg);
    padding: 5px 15px;
    position: relative;
    left: 15px;
    top: 35px;
}
.rig-g{
    border: 3px solid #4CAF50;
    color: #4CAF50;
}
.rig-r{
    border: 3px solid red;
    color: red;
}
.rig-y{
    border: 3px solid #ffc107;
    color: #ffc107;
}
.div{
	color: #FFEB3B;
    margin: 0 auto;
    padding: 10px 20px;
    width: 600px;
    border: 1px solid #FFEB3B;
    border-radius: 25px;
    position: relative;
    top: 50px;
    text-align: center;	
	
}
.diiv{
	width: 760px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -338px;
    margin-top: 85px;
	display:flex; 
    justify-content:center;
    align-items:center;

}
.indextop{
    width: 150px;
    height: 40px;
    background-color: #14182d;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #2196f3;
    border: 1px solid #2196f3;
    z-index: 2;
	float: right;
	margin-right: 30px;

}

a{text-decoration:none;cursor: pointer;}

.indextop:hover{
background-color: #2196f3;
color:#fff;
cursor: pointer;
}

.kuangjia{
	width:1200px;
	margin:0 auto;
	}
.top{width:100%;height:50px;}
.nav{height:42px;padding:0px 15px 0px 15px;color:#fff;font-size:16px;text-align:center;line-height:42px;}
.top ul{
	list-style-type: none;
    padding: 0px;
    margin: 0px;
	}
.top ul li{
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 10px 20px;
    float: left;
    color: #fff;
    font-size: 16px;
    border-bottom: 2px solid #2196F3;
    margin-left: 25px;
	}
.top ul li:hover{border-bottom: 2px solid #e91e63;color:#e91e63;cursor: pointer;}
.bodydiv{
	margin: 20px 0px;
    padding: 25px;
    border:1px solid rgba(255, 255, 255, 0.12941176470588237);
	background-color:rgba(255, 255, 255, 0.07058823529411765);
	display: block;
    overflow: hidden;
}
.bodydiv form{color:#636363;}
.inp{
	padding: 10px 15px;
    width: 500px;
    border: 1px solid #e2e2e2;
    background: white;
	margin-top: 10px;
	outline-color:#4caf50;
	}
.sub{
    border: none;
    background-color: #3f51b5;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    margin-right: 15px;
	padding:10px;
	border-radius:5px;
	width:100%;
	}
.wui-area {
	margin-bottom: 30px;
}
#lv{background-color:#4caf50;}
.sub:hover{cursor: pointer;}
.form{
	width: 580px;
    background-color:#fff;
    padding: 15px;
	float:left;
}
.formr{
	width: 520px;
	float:right;
	overflow: hidden;
}
.fa{background-color:#2196F3;width:230px;height:100px;float:left;padding:10px;color:#fff;}
.fb{background-color:#FFC107;width:230px;height:100px;float:right;padding:10px;color:#fff;}
.fc{background-color:#E91E63;width:230px;height:100px;float:left;margin-top:20px;padding:10px;color:#fff;}
.fd{background-color:#4CAF50;width:230px;height:100px;float:right;margin-top:20px;padding:10px;color:#fff;}
.fe{background-color:#fff;width:500px;height:330px;float:right;margin-top:20px;padding:10px;color:#000;}
.formr span{font-size: 14px;}
.formr p{font-size: 52px;font-weight:bold;}
.bfb{background-color: #009633;border-left: 1px solid #8BC34A;}
.gd{width:100%;height:1px;background-color:#e2e2e2;margin-top:25px;}
.bt{
    width:  100%;
    background-color:#3F51B5;
    text-align:center;
    color: #fff;
	padding:8px 0px;
	font-weight:bold;
	font-size:14px;
}
.ss{width:  100%;
	margin-top:10px;
	}
.ssinp{
    padding: 5px;
    height: 40px;
    width: 400px;
	background-color:#f1f1f1;
	border:1px solid #e4e4e4;
}
.ssb{
    height:  40px;
    width: 100px;
    background-color: #009688;
    color: #fff;
}
.v{margin-top:10px;
    padding: 0px 10px;
	float:left;
}
.v p{
  font-size: 12px;
  color: #1b1b1b;
  line-height:24px;
  font-weight:normal;
}
.v span{color:#3f51b5;}
.vr{
	float:right;
    width: 110px;
    height: 145px;
    background-color:#f1f1f1;
    margin-top: 10px;
    margin-right: 10px;
	border:1px solid #eaeaea;
	background-size: 100%;
    background-repeat: no-repeat;
}
.vr2{
    width: 110px;
    height: 145px;
    background-color:#f1f1f1;
    margin-top: 10px;
    margin-right: 10px;
	border:1px solid #eaeaea;
	background-size: 100%;
    background-repeat: no-repeat;
}
.del{
	width:100%;
    height:40px;
    margin-top: 38px;
    border-top: 1px solid #3f51b5;
}
.d{float:left;font-size:14px;text-align:center;line-height:35px;width:80px;height:35px;background-color:#f44336;color:#fff;margin-top:5px;}
.e{float:left;font-size:14px;text-align:center;line-height:35px;width:80px;height:35px;background-color:#4caf50;color:#fff;margin-left:15px;margin-top:5px;}
.l{float:left;font-size:14px;text-align:center;line-height:35px;width:90px;height:35px;color:#fff;margin-left:15px;margin-top:5px;}
#l1{background-color:#e91e63;}
#l2{background-color:#2196F3;}
#l3{background-color:#9c27b0;}

.fl{margin-left:32px;}
.form form select{
    padding: 10px 15px;
    border: 1px solid #e2e2e2;
    color: #4c4c4c;
	background-image: none;
    /*-webkit-appearance: none;*/
	text-transform: none;
	cursor: pointer;
	width:150px;
	
}
.form form select option{
	font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 45px;
    padding: 0px 2px 1px;
}
.del div:hover,.ssb:hover,.sub:hover,.ssub:hover,.sk:hover,.page:hover,.xc:hover,#qrcode:hover{opacity:0.8;cursor:pointer;}
.logdiv{
    width: 320px;
    height: 300px;
    background-color: #3F51B5;
    padding: 15px;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -280px;
    box-shadow: 10px 10px 5px rgba(63, 81, 181, 0.12);
    border: 1px solid #2196F3;
}
.logdiv p{
	
	text-align: center;
    font-size: 18px;
    color: #fff;
	font-weight: bold;
}
.logdiv input{
	width: 100%;
    border: none;
    margin-bottom: 10px;
    text-indent: 10px;
    padding: 10px 0px;
	color:#3f51b5;
}
.submit{
	background-color: #4CAF50;
    color: #fff !important;
    padding: 15px !important;
	}
.logdiv .span{
	
	color: #03A9F4;
    text-align: center;
	
}
.submit:hover{background-color:#4fc154;cursor:pointer;}
.fh{color:#2196F3 !important;}
.admy{border:0 !important;color:#e91e63 !important;float:right !important;}
.fh:hover{border-bottom:2px solid #ff9800 !important;color:#ff9800 !important;}
.adminform input{width:340px;padding:10px;margin-bottom:10px;color: #2196F3;}
.adminform2 input{width:340px;padding:10px;margin-bottom:10px;background-color: #141529;color: #e91e63;}
#input{width:140px;background-color: #2196F3;color: #fff;border-radius: 25px;}
#input:hover{background-color:#03a9f4;cursor:pointer;}
#input2{width:140px;background-color:#e91e63;color: #fff;border-radius: 25px;}
#input2:hover{background-color:#f74481;cursor:pointer;}
.font{color:#2196f3;}
.formp{font-size:18px;color:#2196f3;margin-bottom:15px;font-weight: bold;}
.left{float:left;}
.right{float:right;}
#marginl{margin-left:50px;}
#margin2{margin-left:50px;}
#margin2 .widthd{
	width: 300px;
    height: 180px;
    background-color: #262738;
    padding: 10px;
    border: 1px solid #029687;}
.fm{width:100%;height:40px;}
.sinp{
    padding: 10px;
    border: 1px solid #009688;
    width: 200px;
    background-color: #262738;
    color: #029687;
}
.ssub{
	height: 38px;
    width: 75px;
    color: #fff;
    background-color: #009688;
    margin-left: 1px;
}
.sdiv{
	width: 100%;
    height: 40px;
    margin-top: 10px;
	text-align:center;
	color:#029687;
	line-height:40px;
	
	
}
.sdiv span{color:#4caf50;}
.sk{
	width: 30px;
    height: 30px;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    background: #FF5722;
    border-radius: 15px 0px 0px 0px;
    position: relative;
    bottom: -60px;
    float: right;
	
}
.sk2{
width: 150px;
    height: 30px;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    background: #029687;
    border-radius: 0px 15px 0px 0px;
    position: relative;
    bottom: -60px;
    float: left;
}
.spanrig{
	margin-left:10px;
	color:red !important;
	font-size:12px !important;

}
.tabdiv table {
    width: 100%;
    color: #868686;
    margin: 10px 0;
}
.tabdiv table thead {
    background-color: #141529;
	color:#424352;
}
.tabdiv table thead tr th {
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;

}
.thead {

}
.thead tr td {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;

}
.thead tr td a{
    color:#029687;
    text-decoration: none;
}
.deltd a{color:#FF5722 !important;padding: 5px 10px;margin-right:10px;}
.deltd a span{color: #009688;}
.pagediv{min-height:40px;margin-top:20px;border-top: 1px solid #141529;}
.pagination{}
.now-page{
	padding: 5px 10px;
    background-color: #141529;
    color: #636363;
    border-radius: 5px;}
.page{
	
	padding: 5px 10px;
    background-color: #029687;
    color: #fff;
    border-radius: 5px;
}
.pagination span{margin-right:5px;}
.text-right{float:right;padding: 15px 0px;}
.text-left{float:left;padding: 15px 25px;color:#656565;}
.text-left span{color:#029686;margin: 0px 3px;}
#h5{
    font-size: 16px;
    color: #4CAF50;
}
#h6{
    font-size: 14px;
    color: #4caf50;
	margin-top:10px;
	font-weight:normal;
}
#h6 span{color: #fff;font-weight:normal;}

#ty{color: #4caf50;}
.xc{
		
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color:  red;
    text-align:  center;
    color: #fff;
    float: right;

}
#qrcode{
	
    margin-top: 15px;
    border: 10px solid #fff;
    width: 132px;

}
.wap{padding:15px;}
.wapdiv{width:100%;overflow: auto;color: #fff;}
.wapdiv p{
	width: 100%;
    padding: 10px;
    background-color: #2c2d3e;
}
.wapdiv span{
color:#2196f3;
}
.wapimg{
	float: left;
	width: 160px;
    height: 211px;
    border: 1px dashed #2196f3;
    border-radius: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
}
#waprig {
float: right;
    text-align: center;
    font-size: 24px;
    padding: 5px 15px;
}
.wapqrcode{float: right;}