body{
 /*    padding-top: 1.5rem; */
    
    background-size: 100%;
    overflow-x: hidden;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: url(../images/background_index.jpg);
    background-size: 100%;
    box-sizing: border-box;
    padding: 0 0.4rem;
    box-shadow: 0rem 0.01rem 0.3rem #333;
    z-index: 1;
}

header img{
    width: 40%;
}
header p{
    width: 2rem;
    display: flex;
    justify-content: space-around;
    color: #fff;
    font-size: 0.3rem;
}
header p span{
    color: #fff;
}
.flex_box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
        align-items: center;
       box-sizing: border-box;
    padding: 1.66rem 0.2rem;
      height: 100%; 
        background: url(../images/background_index.jpg);
}
.list{
    margin-top: 0.5rem;
    position: relative;
        height: 6rem;
}
.list1 div{
    
    width: 4.5rem;
    height: 4.5rem;
    background: url(../images/yuan1.png);
    background-size: 100% 100%;
}
.list2 div{
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    background: url(../images/yuan2.png);
    background-size: 100% 100%;
}
.list3 div{
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    background: url(../images/yuan3.png);
    background-size: 100% 100%;
}
.list4 div{
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    background: url(../images/yuan4.png);
    background-size: 100% 100%;
}
.list div p{
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 3.2rem;
    font-size: 0.3rem;
}
.list div p span{
    color: #fba93c;
    margin-right: 0.1rem;
}
.list1 a{
    display: block;
    height: 1rem;
    width: 3.5rem;
    margin: 0 auto;
    margin-top: 0.4rem;
    background: url(../images/button_1.png);
    background-size: 100% 100%;
}
.list2 a{
    display: block;
    height: 1rem;
    width: 3.5rem;
    margin: 0 auto;
    margin-top: 0.4rem;
    background: url(../images/button_2.png);
    background-size: 100% 100%;
}
.list3 a{
    display: block;
    height: 1rem;
    width: 3.5rem;
    margin: 0 auto;
    margin-top: 0.4rem;
    background: url(../images/button_3.png);
    background-size: 100% 100%;
}
.list4 a{
    display: block;
    height: 1rem;
    width: 3.5rem;
    margin: 0 auto;
    margin-top: 0.4rem;
    background: url(../images/button_4.png);
    background-size: 100% 100%;
}


/*--弹窗样式--*/

#gray{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0px;display:none;z-index:100;}

.popup{ 
    height:auto;
    background-color:#fff;
    position:fixed;
    z-index:100;
    left:0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top:0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display:none;
}
.login_tc{ width:9.5rem; background:#fff; margin:0 auto;  padding:0.1rem 0.2rem; height:8rem; overflow: auto; position: relative;}
.quxiao{ position: absolute; top: 3px; right: 10px;}
.quxiao i{ color: #999; font-size: 18px;}
.login_tc p.validateTips{ width:100%; line-height:40px; font-size:12px; color:#666; background:#f9f9f9; text-align:center; margin-bottom:20px;}

.login_tc li span{ width:70px; float:left; font-size:14px;color:#666; text-align:right; display:block; line-height:36px;}

.login_tc li button.yzm{ background:#2c97df; color:#fff; line-height:34px; text-align:center; border:none; font-size:12px; width:100px;}
.login_tc .mail_btn input{ width:100%; line-height:35px; text-align:center; background:#f78739; color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; border:none; margin-right:10px; float:left;}
.login_tc .mail_btn a.quxiao{ background:#ebebeb; color:#666; display:block;width:130px; line-height:35px; text-align:center; float:left; font-size:16px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; }
.login_tc .mail_btn{ text-align:center; padding:10px 0 0 0px;}
.login_tc .mail_btn input{ font-size:16px;}


.focus-menu li{
    float: left;
    text-align: center;
    width: 50%;
    margin-bottom: 0.5rem;
    font-size: 0.5rem;
    color: #333;
    line-height: 1.5rem;
    font-weight: 300;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}
.focus-menu li.hover{ border-bottom: 1px solid #f78739; color: #f78739;}
.f_login li{ clear: both; line-height: 38px; height: 40px; margin-bottom: 10px;position: relative;}
.f_login li i{ float: left; margin-right: 6px; color: #999; font-size: 16px; padding-left: 8px; position:  absolute; left: 3px; top: 0px;}
.f_login li input{  border: 1px solid #f0f0f0;line-height: 38px; width: 100%; padding-left: 30px; box-sizing: border-box;}

.f_login li input:focus ,.ff_yzm li input:focus{border: 1px solid #ffc9a3;box-shadow: 0 0 5px #f0f0f0; }

.ff_yzm li input{ width: 100%; border: 1px solid #f0f0f0; height: 40px; line-height: 38px; padding-left: 5px;}
.ff_yzm li{ position: relative; margin-top: 10px; clear: both;}
.ff_yzm li img.tp{ position: absolute; right: 0; bottom:0;}
.ff_yzm li button{position: absolute; right: 0; top:0; background:#f78739; color: #fff; width: 110px; font-size: 12px; text-align: center; /* border-radius: 5px; */ border: 0; height:39px; line-height: 38px;cursor:pointer}
.ff_yzm li button.hui{ background: #ddd;}
.ff_yzm p{ font-size: 14px; color: #666; line-height: 38px; text-align: center;}
.ff_yzm p a{ text-decoration: underline;}


/* 顶部登录栏样式 */
.pull-right{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: #fff;
    width: 1.8rem;
}
.pull-right li a{
    color: #fff;
 
}