@charset "utf-8";
/* CSS Document */
article{
	width: 100%;
	height: 600px;
	background-color: #00a0e9;
}
section{
	height: 600px;
	background-image: url("../images/bg.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
	position: relative;
}
aside{
	width: 400px;
	height: 450px;
	position: absolute;
	top: 70px;
	right: 180px;
	background-color:#fff9;
	border-radius: 15px;
}
aside em{
	display: block;
	width: 60px;
	height: 60px;
	margin: 25px auto 10px auto;
}
aside em img{
	width: 100%;
	height: auto;
}
form {
	width: 300px;
	margin: 0 auto;
}
form p{
	position: relative;
	margin-top: 10px;
}
input:hover, select:hover{border:1px solid #00a0e9;}
form input{
	padding-left: 50px;
	width: 250px;
	height: 40px;
	border:1px solid #47414133;
	margin-top: 20px;
	border-radius: 10px;
	background-color:rgba(255, 255, 255, 0.82);
	outline: none;
}
form i{
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
}
.name i{
	background-image: url("../images/user1.png");
	background-repeat: no-repeat;
	left: 10px;
	top: 27px;
}
.password i{
	background-image: url("../images/password1.png");
	background-repeat: no-repeat;
	left: 10px;
	top: 29px;
}
button{
	background-color:#00a0e9;
	border:none;
	width: 100%;
	height: 40px;
	letter-spacing: 3px;
	font-size: 20px;
	margin-top: 35px;
	border-radius: 10px;
	color: #fff;
	outline: none;
}
.remember{
	width: 170px;
}
.remember input{
	width: 24px;
	height: 24px;
	background-image: url("../images/rememberPassword1.png");
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    padding-left: 0px;
    border-radius: 0px;
    background-color: rgba(0,0,0,0);
    border:none;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 0px;
}
.remember input:checked{	
	background-image: url("../images/rememberPassword2.png");
}
.remember,.regist{
	float: left;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
}
.regist{
	width: 130px;
}
.regist a{
	color: red;
}

aside ul{}
aside ul li{     width: 29%;
    margin-left: 12%;
    margin-top: 15px;
    text-align: center;
    float: left;
    line-height: 50px;}
aside ul li img{ float:left; width: 50px;}
aside ul li p{   line-height: 50px;
    font-size: 16px;}
    
.hyban{    width: 100%;
    height: 250px;
    background: url(../images/p-banner.jpg) center center no-repeat;}
.hyban .hytx{    width: 200px;
    margin: 0 auto; text-align:center;
    padding-top: 50px;}
.hyban .hytx img{    border-radius: 100px;
    border: 2px solid #1780d9;
    width: 100px;
    margin: 0 auto;
    display: block;}
.hyban .hytx p{    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;}
.hyzx{    overflow: hidden;
    padding: 20px 0 0 0;}
.hyzx .anlb{     justify-content: center;
    overflow: hidden;
    display: flex;

    height: 60px;
    line-height: 60px;}
.hyzx .anlb li{float: left;}
.hyzx .anlb a{    line-height: 59px;
    height: 59px;
    display: block;
    font-size: 16px;
    padding: 0 20px;}
.hyzx .anlb li .on{    color: #1780d9;
    border-bottom: 2px solid #1780d9;
    height: 58px;}
.hyzx .anlb li a:hover{    color: #1780d9;
    border-bottom: 2px solid #1780d9;
    height: 58px;}
.hynr{    background: #ebebeb;}
.hynr .hynr1{    overflow: hidden;}
.hynr .hynr1 .wei{      text-align: center;    margin: 60px auto;
  overflow: hidden; }
.hynr .hynr1 .wei p{font-size: 18px;
    text-align: center;
    line-height: 40px;
}
.hynr .hynr1 .wei a{    background: #1780d9;
    color: #fff;
    line-height: 60px;
    display: -webkit-inline-box;
    padding: 0 40px;
    font-size: 20px;
    margin-top: 30px;
    border-radius: 5px;}
.hynr .hynr1 .wei a:hover{background: #f9641e;}
.hynr .hynr1 .vipzl{     overflow: hidden;
    padding: 30px 0 30px 0;}
.hynr .hynr1 .vipzl .bt{      overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #d0cfcf;}
.hynr .hynr1 .vipzl .bt li{    width: 33.2%;
    float: left;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    border-right: 1px solid #d0cfcf;}
.hynr .hynr1 .vipzl .xq{      overflow: hidden;
    background: #fff;
    border-ottbom: 1px solid #d0cfcf;}
.hynr .hynr1 .vipzl .xq li{    width: 33.2%;
    float: left;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    border-right: 1px solid #d0cfcf;}
    
     .category{height:30px;width:1200px;margin-top:20px;    margin-bottom: 10px;font-size:14px;}
     .category ul{width:90%;display:block;}  
     .category ul li{width:100px;float:left;display:block;margin-right:20px;}
     .category ul li a{text-align:center;width:100%;display:block;line-height:30px;border-radius:5px;}
     .category ul li a:hover{background:#6085e3;color:white;border-radius:5px;}
     .category ul .on{background:#6085e3;color:white;border-radius:5px;}
.sucai{overflow:hidden;}
.sucai ul{overflow: hidden;}
.sucai ul li{width: 292px;border: 1px solid #dddddd;float: left;margin: 10px 6px 0 0;position: relative;overflow: hidden;cursor: pointer;}
.sucai ul li .mb{position: relative;overflow:hidden;}
.sucai ul li .mb img{width:100%;}
.sucai .txt{width:297px;height: 0;background: url(../images/1px.png) repeat;position:absolute;left:0;bottom:0px;color:#fff;font-family:"微软雅黑";}
.sucai .txt h3{font-size:20px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.sucai .txt p{font-size:14px;text-align:center;}
.sucai .txt .ck{margin: 50px auto 0;width: 233px;display: block;line-height: 60px;font-size: 21px;/* margin: 0 auto;*/border-radius: 60px;background: #4175dd url(../images/pic_download.png) 38px 13px no-repeat;color: #fff;text-align: center;text-decoration: none;transition: all 0.3s;}
.sucai .txt .sc{margin: 20px auto 0;width: 233px;display: block;line-height: 60px;font-size: 21px;/* margin: 0 auto;*/border-radius: 60px;background: #ff5302 url(../images/btn_shoucang.png) 64px 13px no-repeat;color: #fff;text-align: center;text-decoration: none;transition: all 0.3s;}
.sucai ul li .tt{height:75px;}
.sucai ul li .tt h2{font-weight:100;padding: 8px;background: #fff;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sucai ul li .tt .scxz{overflow: hidden;}
.sucai ul li .tt .scxz .xz{text-align: center;width:145px;height: 100%;background-color: #f9f9f9;color: #9e9c9c;font-size: 14px;line-height:35px;float: left;position: relative;border-right: 1px solid #ececec;}
.sucai ul li .tt .scxz .xz span{background: url(../images/ico_download_n.png) 0 6px no-repeat;padding-left: 30px;display: -webkit-inline-box;}
.sucai ul li .tt .scxz .sc{text-align: center;width: 146px;height: 100%;background-color: #f9f9f9;color: #9e9c9c;font-size: 14px;line-height:35px;float: left;position: relative;}
.sucai ul li .tt .scxz .sc span{background: url(../images/ico_favour_n.png) 0 6px no-repeat;padding-left: 30px;display: -webkit-inline-box;}

.pay-ints {
    height: 101px;
    background: url(../images/vipban.png) no-repeat center center;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 70px;
}