*{padding:0;margin:0;}
html,body{font-size: 10px; background-color: #fff; font-family: '微软雅黑';}
a{text-decoration:none !important; color: #00a0ea;}
a:link,a:visited{color:#00a0ea;}
a:hover{color: red;}

.none{display: none;}

/*基本flex框架*/
.flex-box{
	display: -webkit-flex;
	display: flex;
}

.body-box{
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	font-size: 1.4rem;
}
.master-box{
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	width: 88rem;
	position: relative;
}

/*光标*/
.cursor-pointer{cursor: pointer;}

/*按钮样式*/
/*无底色*/
.button{font-size: 1.5rem; line-height: 2rem; color: #00a0ea; cursor: pointer;}
.button:hover{color: red;}
/*有底色,限宽度*/
.button-b-w{font-size: 1.5rem; line-height: 2rem; text-align: center; background-color: #00a0ea; color: #fff; cursor: pointer; padding: .5rem 1rem; border-radius: .5rem;}
.button-b-w:hover{color: red;}
/*有底色,不限宽度*/
.button-b{width: 100%; font-size: 1.5rem; line-height: 2rem; text-align: center; background-color: #00a0ea; color: #fff; cursor: pointer; padding: .5rem 1rem;}
.button-b:hover{color: red;}

/*无数据样式*/
.data-null{padding-top: 5rem; justify-content: center;}
.data-null img{width: 40%;}

.onload-box{height: 5rem; line-height: 5rem; justify-content: center;}

/*提示框样式*/
.alert-box{display: none; font-size: 1.5rem;}
.alert-box .alert-bg{width: 100%; min-height: 100%; background-color: #000; opacity: 0.2; position: fixed; left: 0; top: 0; z-index: 10;}
.alert-box .alert-main-box{display: -weibkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 100%; position: fixed; top: 0; z-index: 11;}
.alert-box .alert-main-box .alert-main{display: -weibkit-flex; display: flex; flex-direction: column; width: 40rem; background-color: #fff; border-radius: .5rem;}
.alert-box .alert-main-box .alert-main .alert-title{display: -weibkit-flex; display: flex; justify-content: space-between; height: 4rem; line-height: 2rem; padding: 1rem; border-bottom: .1rem solid #e2e2e2; background-color: #f2f2f2; border-radius: .5rem .5rem 0 0; cursor: pointer;}
.alert-box .alert-main-box .alert-main .alert-content{display: -weibkit-flex; display: flex; flex-direction: column; align-items: center; padding: 1.5rem;}
.alert-box .alert-main-box .alert-main .alert-content .alert-area{display: -weibkit-flex; display: flex; width: 100%; padding-bottom: .5rem;}
.alert-box .alert-main-box .alert-main .alert-content .alert-area select:nth-child(1){margin-right: .5rem;}
.alert-box .alert-main-box .alert-main .alert-content .alert-area select:nth-child(2){margin-right: .5rem;}
.alert-box .alert-main-box .alert-main .alert-btn{width: 100%; text-align: center; height: 5rem; line-height: 5rem; border-top: .1rem solid #e2e2e2;  cursor: pointer;}
.alert-box .alert-main-box .alert-main .alert-btn .alert-btn-cancel{float: left; width: 50%; border-right: .1rem solid #e2e2e2;}
.alert-box .alert-main-box .alert-main .alert-btn .alert-btn-cancel:hover{color: red;}
.alert-box .alert-main-box .alert-main .alert-btn .alert-btn-ok{float: left; width: 50%; color: #00a0ea;}
.alert-box .alert-main-box .alert-main .alert-btn .alert-btn-ok:hover{color: red;}
.alert-box .alert-main-box .alert-main .alert-btn .alert-btn-sure{width: 100%; color: #00a0ea;}
.alert-box .alert-main-box .alert-main .alert-btn .alert-btn-close{width: 100%; color: #00a0ea;}
.alert-box .alert-main-box .alert-main .alert-btn .alert-btn-close:hover{color: red;}

.alert-img-box{display: -weibkit-flex; display: flex; width: 100%; flex-wrap: wrap;}
.alert-img-box .alert-img{width: 25%; position: relative; text-align: center;}
.alert-img-box .alert-img span{position: absolute; top: .2rem; right: .2rem; background-color: #000; font-size: 1rem; opacity: 0.6; padding: .2rem .4rem; border-radius: .2rem; color: #fff; cursor: pointer;}
.alert-img-box .alert-img img{width: 100%; padding: .2rem;}
.alert-img-box .alert-img .uploadfile{position: absolute; top: 0; left: 0; opacity: 0;}


/*顶端样式*/
.top-box{display: -webkit-flex; display: flex; width: 100%; height: 3rem; background-color: #f8f8f8; justify-content: space-between; box-shadow: .2rem .2rem .1rem #eee; margin-bottom: 1rem;}
.top-box .item{display: -webkit-flex; display: flex; line-height: 3rem; padding: 0 2rem;}
.top-box .item img{width: 2.4rem; height: 2.4rem; margin-top: .2rem; margin-right: .4rem;}
.top-box .item .btn{cursor: pointer;}
.top-box .item .btn:hover{color: red;}
.top-box .item .member-center{color: #00a0ea; cursor: pointer; padding-right: 1rem;}

/*菜单样式*/
.menu-box{display: -webkit-flex; display: flex; width: 100%; height: 6rem; border-bottom: .1rem solid #aaa;}
.menu-box .lef{display: -webkit-flex; display: flex; justify-content: center; width: 35rem; padding-top: 1rem;}
.menu-box .lef .logo{width: 10rem; height: 4rem; margin-right: .2rem;}
.menu-box .lef .nam{width: 20rem; height: 4rem;}
.menu-box .rig{display: -webkit-flex; display: flex; justify-content: space-around; width: 53rem; padding-top: 1rem;}
.menu-box .rig div{height: 4rem; line-height: 4rem; font-size: 1.8rem; cursor: pointer;}
.menu-box .rig .on{color: #00a0ea; border-bottom: .2rem solid #00a0ea;}
.menu-box .rig div:hover{color: red;}

/*底端样式*/
.footer-box{display: -webkit-flex; display: flex; width: 100%; background-color: #00a0ea; padding: 2rem 4rem; margin-top: 3rem; color: #fff;}
.footer-box .lef{display: -webkit-flex; display: flex; width: 70rem; flex-direction: column; padding-top: 1rem;}
.footer-box .lef div{width: 100%; text-align: center; height: 2.5rem; line-height: 2.5rem; }
.footer-box .lef div a{color: #fff;}
.footer-box .lef div a:hover{color: red;}
.footer-box .rig{display: -webkit-flex; display: flex; flex-direction: column; width: 10rem;}
.footer-box .rig div{width: 100%; text-align: center; font-size: 1.2rem;}
.footer-box .rig img{width: 8rem; height: 8rem;}


/*登录样式*/
.login-box{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.login-box .login-bg{position: fixed; width: 88rem; height: 100%; background-color: #eee; opacity: 0.8; z-index: 9;}
.login-box .login{display: -webkit-flex; display: flex; flex-direction: column; width: 40rem; margin-top: 10rem; margin-left: 24rem; padding-bottom: 3rem; background-color: #fff; position: fixed; z-index: 10;}
.login-box .login .btn-close{position: absolute; top: -2rem; right: -2rem; width: 2rem; height: 2rem; line-height: 1.7rem; text-align: center; font-size: 2rem; border: .1rem solid #aaa; border-radius: 1rem; background-color: #fff; cursor: pointer;}
.login-box .login .btn-close:hover{color: red; border: .1rem solid #00a0ea;}
.login-box .login .login-top{display: -webkit-flex; display: flex; justify-content: space-around; width: 100%; padding: 2rem 4rem; margin-bottom: 1rem;}
.login-box .login .login-top div{height: 3rem; line-height: 3rem; font-size: 1.6rem; cursor: pointer;}
.login-box .login .login-top .on{color: #00a0ea; border-bottom: .2rem solid #00a0ea;}
.login-box .login .login-top div:hover{color: red;}
.login-box .login .input{width: 100%; height: 4rem; text-align: center;}
.login-box .login .input input{width: 20rem; height: 3rem; line-height: 3rem; padding-left: 1rem;}
.login-box .login .btn-box{display: -webkit-flex; display: flex; justify-content: center; width: 100%; height: 5rem; margin-top: 2rem;}
.login-box .login .btn-box .login-btn{width: 20rem; height: 3rem; background-color: #00a0ea; color: #fff; font-size: 1.5rem; line-height: 3rem; text-align: center;  cursor: pointer;}
.login-box .login .forget{width: 100%; height: 1.6rem; text-align: center; color: #aaa; font-size: 1.3rem;}
.login-box .login #login_container{width: 100%; text-align: center;}
.login-box .login #login_container img{width: 20rem; height: 20rem;}