/*
* 20190620
*/
/*登陆页面*/
*{
    margin:0;
    padding:0;
    font-family:"微软雅黑";
}
a{
    text-decoration:none;
    color:#666;
}
li{
    list-style-type:none;
}
img{
    max-width:100%;
}
body{
    width:100%;
    height:auto;
}
.index_top{
    height:200px;
    background: linear-gradient(to right,#09B7FF, #495AFF);
    text-align:center;
}
.logo{
    width:200px;
    margin:0 auto;
    margin-top:50px;
}
.index_main dl{
    font-size:16px;
    padding: 20px  40px 10px;
    margin:0 auto;
}
.index_main dt{
    width:100%;
    height:40px;
    line-height:40px;
    border-bottom: 1px solid #e6e6e6;
}
.index_main span{
    width:23%;
    height:30px;
    line-height:30px;
    display:block;
    float:left;
    padding-top:5px;
    border:0;

}
.index_main input{
    width:65%;
    height:30px;
    line-height:30px;
    border:0;
    margin-left:5%;
    border-radius:0;
    outline:none;
    -webkit-appearance: none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}
.submit{
    display:block;
    background: linear-gradient(to right,#09B7FF, #495AFF);
    width:220px;
    height:35px;
    line-height:35px;
    text-align:center;
    color:#fff;
    border-radius:15px;
    margin:0 auto;
    margin-top:30px;
}
.user_icon{
    display:block;
    width:30px;
    height:30px;
    background:url(../images/user.png) no-repeat;
    background-size:100%;
     margin:0 auto;
      border:0;
}
.passwd_icon{
    display:block;
    width:30px;
    height:30px;
    background:url(../images/passwd.png) no-repeat;
    background-size:100%;

    margin:0 auto;
     border:0;
}
.kaitong{
    display:block;
    color:#b6b6b6;
    text-align:center;
    line-height:40px;
}
/*登陆页面end*/
/*推广start*/
header{
    width:100%;
    height:44px;
    background: linear-gradient(to right,#09B7FF, #495AFF);
    font-size: 16px;
    line-height:44px;
    text-align:center;
    color:#fff;

}
.menu{
    display:block;
    background:url(../images/nav@2x.png) no-repeat;
    background-size:100%;
    width:20px;
    height:20px;
    position: absolute;
    right:20px;
    top:14px;
}
.fanhui{
    display:block;
    background:url(../images/fanhui.png) no-repeat;
    background-size:100%;
    width:20px;
    height:20px;
    position: absolute;
    left:10px;
    top:14px;
}
.nav{
    width:100%;
    height:auto;
    background:#fff;
    position: absolute;
    top:44px;
    z-index:999;
    color:#333;
}
.nav>li{
    list-style-type:none;
    border-bottom:1px solid #EEEEEE;
    min-height:40px;
    height:auto;
    line-height:40px;
}
.nav>li>span>i{
    margin-left:5%;
    margin-right:5%;
    margin-top: 12px;
    width:5%;
}
.nav>li>span{
    display:block;
    height:40px;
    font-size: 14px;
}
.nav_title{
    display:block;
    float:left;
    width:70%;
}
.nav_icon1{
    float:left;
}

.nav2>li{
    list-style-type:none;
    border-bottom:1px solid #fff;
    height:40px;
    line-height:40px;
    padding-left:80px;
    background:#EEEEEE;
    font-size: 14px;

}
.nav > span {
    display:block;
    height:40px;
    line-height:40px;
}
.nav > span >i{
     width: 20px;
}
.nav2>li:last-child{
    border:0;
}
.i-right{
    content: "\f103";
    float: right;
}
.i-right-on{
    content: "\f101";
    float: right;
}
.account_index_top{
    height:40px;
    line-height:40px;
    background:#fff;
    color:#333333;
    font-size:0.8rem;
    padding-left:20px;
}
.account_index_top>a{
    display:block;
    border:1px solid #1B71FF;
    width:60px;
    height:20px;
    line-height:20px;
    float:right;
    text-align:center;
    margin-top:7px;
    border-radius:20px;
    color:#1B71FF;
    margin-right:15px;

}
.account_index_main{
    background:#fff;
    height:auto;
    padding:10px 15px;
    max-width:420px;
    margin:10px auto 0;
}
.account_index_shuju{
    background:url(../images/home_bg.png) 50% no-repeat;
    background-size:100% 100%;
    height:100px;
    border-radius:10px;
}
.account_index_shuju li{
    width:25%;
    float:left;
    text-align:center;
    padding:5px 0;
}
.account_index_shuju li>span{
    display:block;
    line-height:45px;
    height:45px;
    color:#fff;
    font-size:0.8rem;
}
.nav_1,.nav_2,.nav_3{
    margin-top:10px;
}
.nav_1>a{
    display:block;
    float:left;
    color:#fff;
    text-align:center;
    height:80px;
    margin:0 auto;
}
.nav_1>a>span{
    display:block;
    font-size:0.8rem;
}

.nav_1>a:first-child{
       width:47.5%;
       background:url(../images/home_game_bg.png) 50% no-repeat;
       background-size:100% 100%;
       float:left;
}
.nav_1>a:first-child>img{
    padding-top:5px;
    width:25%;
}
.nav_1>a:nth-of-type(2){
       width:21%;
       background:url(../images/home_apply_bg.png) 50% no-repeat;
       background-size:100% 100%;
       float:left;
       margin-left:5%;
}
.nav_1>a:nth-of-type(2)>img{
    padding-top:5px;
    width:50%;
}
.nav_1>a:nth-of-type(3){
       width:21%;
       background:url(../images/home_scale_bg.png) 50% no-repeat;
       background-size:100% 100%;
       float:right;
}
.nav_1>a:nth-of-type(3)>img{
    padding-top:5px;
    width:50%;
}
.nav_2>a{
       display:block;
       float:left;
       color:#fff;
       text-align:center;
       height:80px;
       width:47.5%;
}
.nav_2>a>span{
       display:block;
       font-size:0.8rem;
}
.nav_2>a:first-child{
       background:url(../images/home_project_bg.png) 50% no-repeat;
       background-size:100% 100%;
       float:left;
}
.nav_2>a>img{
    width:25%;
    padding-top:5px;
}
.nav_2>a{
       background:url(../images/home_manage_bg.png) 50% no-repeat;
       background-size:100% 100%;

       float:right;
}
.nav_3>a{
       display:block;
       float:left;
       color:#fff;
       text-align:center;
       height:80px;
       width:21%;
       background:url(../images/home_apply_bg.png) 50% no-repeat;
       background-size:100% 100%;
       margin-left:5%;
}
.nav_3>a>span{
      display:block;
      font-size:0.8rem;
}
.nav_3>a>img{
      width:50%;
      padding-top:5px;
}
.nav_3>a:first-child{
       margin-left:0;
}
.nav_3>a:last-of-type{
        float:right;
}
.account_index_footer{
    background:#fff;
    margin-top:10px;
    padding: 10px 15px;
}
.account_index_footer_top{
    display:block;
    font-weight:400;
    margin-bottom:10px;
}
.account_index_footer_main>li{
    border-bottom:1px solid #E8E8E8;
    margin-top:5px;
}
.account_index_footer_main p:first-child{
    font-size:0.8rem;
    width:100%;
    height:1.5rem;
    line-height:1.5rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.account_index_footer_main p:last-of-type{
    color:#B7B7B7;
    font-size:0.6rem;
    margin:5px 0 5px 10px;

}
.account_recharge_member_main{
    margin-top:0;
    padding-top:20px;
}
.account_recharge_member_main p{
    height:40px;
    line-height:40px;
    font-size:0.9rem;
    width:  270px;
    margin: 0 auto;
}
.account_recharge_member_main p>span{
    display: inline-block;
    width: 100px;
    text-align: right;
    margin-right: 10px;
    font-size:0.9rem;

}
.add_submit{
    display:block;
    background: linear-gradient(to right,#09B7FF, #495AFF);
    width:220px;
    height:35px;
    line-height:35px;
    text-align:center;
    color:#fff;
    border-radius:15px;
    margin:0 auto;
    margin-top:30px;
}
.select{
    width:108px;
    border:1px solid #a5a5a5;
    border-radius:5px;
    height:25px;
    line-height:25px;
    padding-left:5px;
    color:#888;
    font-size:0.8rem;
    background:#fff;
}
.input{
    width:100px;
    height:25px;
    line-height:25px;
    border:1px solid #a5a5a5;
    border-radius:5px;
    padding-left:5px;
    color:#888;
    font-size:0.8rem;
}
.account_list_main{
    font-size:0.8rem;
}
.account_list_form{
    background:#fff;
}
.account_list_main{
    padding:10px;
    background:#fff;
    margin-top:10px;
}
.account_list_main > p{
    line-height:40px;
    font-size:12px;
}
.account_list_main > p>span{
    float:left;
}
.list_icon{
    display:inline-block;
    width:0.9rem;
    height:0.9rem;
    background:url(../images/list.png);
    background-size:100%;
    margin-right:5px;
}
table{
    font-size:10px;
    width:100%;
    margin:0 auto;
    text-align:center;
}
th{
     border-bottom:0.5px  solid #e0e0e0;
     border-top:0.5px  solid #e0e0e0;
     height:40px;
     line-height:40px;
}
td{
    border-bottom:0.5px  solid #e0e0e0;
    font-size:0.7rem;
    padding:5px 2px;
    color:#666;
    height:25px;

}
.pages{
    margin: 20px auto 25px;
    text-align: center;
    font-size:0.5rem;
}
.pages span {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    border: 1px solid #009def;
    background: #009def;
    color: #fff;
}
.pages a {
    min-width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    margin-left: 2px;
    color: #000;
}
.account_list_form>form{
    padding:10px 10px 5px;
}
.account_list_form>form>p{
    margin-top:10px;
}
.form_sunmit{
    width:50px;
    height:1.5rem;
    line-height:1.5rem;
    display: inline-block;
    border-radius:5px;
    text-align:center;
    background:#288bff;
    color:#fff;
    font-size:0.8rem;
    float:right;
    margin: 0 10px 10px 0;

}
.form_input{
    border:0;
    background:#eee;
    text-align:center;
    border-radius:5px;
    width:8rem;
    font-size: 12px;
    height:1.5rem;
    line-height:1.5rem;
    color:#888;
}
.form_select{
    border:0;
    background:#eee;
    text-align:center;
    border-radius:5px;
    width:11rem;
    font-size:12px;
    height:1.5rem;
    line-height:1.5rem;
    color:#888;
    text-align-last:center;
}
.form_select option{

    text-align:center;
    text-align-last:center;
}
.plink_shenqing{
    width:50%;
    height:auto;
    float:left;
    margin:0 auto;
    text-align:center;
}
.plink_shenqing > a{
    display:block;
    width:80%;
    height:50px;
    margin:0 auto;
    line-height:50px;
    background: #288bff;
    color:#fff;
    font-size:0.8em;
    margin-top:20px;
    margin-bottom:20px;
}
.web_shenqing{
    width:100%;
    height:auto;
    float:left;
    margin:0 auto;
    text-align:center;
}
.web_shenqing > a{
    display:block;
    width:70%;
    height:50px;
    margin:0 auto;
    line-height:50px;
    background: #288bff;
    color:#fff;
    font-size:0.8em;
    margin-top:40px;
}
.web_shenqing>span{
    background:#aaa;
    display:block;
    width:70%;
    margin:0 auto;
    text-align:center;
    line-height:30px;
    margin-top:40px;
}
.upImg{
    width:50%;
    margin:0 auto;
}
.avatar{
    float:left;
    width:50%;
    position: relative;
}
.previewAvatar{
	position:absolute;
	top:0;
	left:0;

}
.previewAvatar img{
	width: 100%;
    height: 50px;
}

.btn2{
	position:relative;
}
.btn2 span{
	display:inline-block;
	position:absolute;

}
.photoimg{
    width: 100%;
	height: 50px;
    overflow: hidden;
    cursor: pointer;
    filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
	/* font-size:10000px; */

}
.xq{
    width:50%;
    float:left;
    line-height:30px;
    height:30px;
}
/*多布局*/
@media screen and (max-width: 360px) {
     .nav_1>a{
        height:60px;
     }
     .nav_1>a>span{
        font-size:0.6rem;
     }
     .nav_2>a{
        height:60px;
     }
     .nav_2>a>span{
        font-size:0.6rem;
     }
     .nav_3>a{
        height:60px;
     }
     .nav_3>a>span{
        font-size:0.6rem;
     }
     #l_input{
        width:18.5rem;
     }
     #l2_input{
        width:14rem;
     }
     .form_input{
        width:7rem;
     }
     .form_select{
        width:11rem;
     }
       #l_select{
        width: 9rem;
     }



}
@media screen and (max-width: 380px) and (min-width: 361px) {
     .nav_1>a{
        height:70px;
     }
     .nav_2>a{
        height:70px;
     }
     .nav_3>a{
        height:70px;
     }
     #l_input{
        width:20.5rem;
     }
     #l2_input{
        width:17rem;
     }

     .form_input{
        width:8.5rem;
     }
      .form_select{
        width:12rem;
     }

     #l_select{
        width: 10rem;
     }

}
@media screen and  (min-width: 381px){
     #l_input{
        width:24.5rem;
     }
     #l2_input{
        width:20rem;
     }
     .form_input{
        width:9rem;
     }
     .form_select{
        width:15rem;
     }
     #l_select{
        width: 12rem;
     }


}
/*推广end*/