/* login css */

.xh_login{background: #fff;width: 350px;height: 300px;margin:340px auto;border-radius: 5px;border:1px solid #ccc;position: relative;}
.xh_form{width: 85%;margin:40px auto;}
.controls input{width: 100%;height: 45px;margin-bottom: 15px;padding-left: 10px;}
.input-append input{width: 50%!important;}
.xh_form button{margin:0 auto;width: 40%;}
.login_btn{text-align: center;position: relative;}
.login_btn a{position: absolute;right: 0px;bottom: 2px;font-size: 13px;color: #f19149;}
.img1{position: absolute;right: 40px;top:50px;width: 13px;}
.img2{position: absolute;right: 40px;top:113px;width: 13px;}
.img3{height: 45px;}

/* index css */

.xh_data_info{margin-top: 65px;height: 120px;}
.xh_data_info li{float: left;list-style: none;position:relative;margin-bottom: 30px;width: 22.5%;margin-right: 2%;}
.xh_data_info li p{position: absolute;left: 40%;font-size: 18px;color: #fff;top:40%;}
.xh_data_info li img{width: 100%;}
.xh_list{margin: 107px 3% 0 3%;height: auto;}
.xh_list_left{width: 48%;float: left;background: url(../img/userIndex.png);height: 300px;background-repeat:no-repeat;background-size:100% auto;}
.xh_list_right{width: 48%;float: right;background: url(../img/taskIndex.png);height: 300px;background-repeat:no-repeat;background-size:100% auto;}

.xh_list_left li,.xh_list_right li{list-style: none;float:left;width: 30%;text-align: center;margin-top: 20%;}
.xh_list_left li strong,.xh_list_right li strong{font-size: 18px;}
.htmleaf-one,.htmleaf-two,.htmleaf-three,.htmleaf-four{position: relative;}
.htmleaf-one h3,.htmleaf-two h3{font-size: 24px;font-weight: 700;position: absolute;top:20px;left: 48%;}
.htmleaf-one p{position: absolute;top: 20px!important;color: #7ABC3E!important;}
.htmleaf-one1 p{font-size: 24px!important;font-weight: 700!important;color: #7ABC3E!important;}
.htmleaf-two p{position: absolute;top: 20px!important;color: #FFA941!important;}
.htmleaf-three h3{font-size: 24px;font-weight: 700;position: absolute;top:35px;left: 48%;}
.htmleaf-four p{font-size: 18px!important;font-weight: 700!important;color: #1190FF!important;}

.yhry{text-align: center;}
.yhry p{margin:0 auto;background: #02C3D3;padding:20px 0 0 0;width: 80px;height: 80px;color: #fff;font-size: 24px;border-radius: 50%;}

.yhs{text-align: center;}
.yhs p{margin:0 auto;background: #015ED5;padding:20px 0 0 0;width: 80px;height: 80px;color: #fff;font-size: 24px;border-radius: 50%;}