/*****************************************
* 作 者：老大哥
* 版 本：1.0 
* 概 要：网站公共样式
*****************************************/

/*-----------------------------------------公共样式-----------------------------------------*/
* {margin:0; padding:0;}
body {font-family:"Microsoft Yahei",Simsun,sans-serif;font-size: 14px;color: #666;line-height:22px;background-color: #191a20;}
h1,h2,h3,h4,h5,h6{ font-size:16px; font-weight:normal;}
h1 a:hover{ font-size:16px; font-weight:bold; line-height:45px;color:#ffe0a2;}
img{border:none;vertical-align:middle;}
ul,ol,li {list-style:none;}
a:link,a:visited,a:active{text-decoration:none;color:#666; font-size:14px;}
a:hover{text-decoration:none;color:#1989da; font-size:14px;} 
.block{margin:0 auto; padding:0;}
.clear{ clear:both;}
.clear2{ clear:both; height:5px;}
.marg{ margin:0 auto; width:1000px;clear:both;}
.l{ float:left}
.r{ float:right}
input{font-family:"Microsoft Yahei",Simsun,sans-serif;font-size: 14px;}
/*-----------------------------------------以上只为本地测试 上线时可删除以上全部样式-----------------------------------------*/

/* 左侧会员导航菜单 */
#member{
    width:1500px;
    margin:20px auto;
    font-size:14px;
    border-radius: 8px;
    overflow: hidden;
    /* border: 1px solid #666; */
    background-color: #222328;
}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#member #left{
    background:#191a20;
    /* border-right:1px #e2e2e2 solid; */
    width:230px;
    min-height:670px;
    float:left;
    padding-right: 20px;
}
#member #left .tou{text-align:center;padding:15px 0;border-bottom:1px #e2e2e2 solid;}
#member #left .tou img{width:89px;height:89px;}
#member #left .tou p{padding-top:5px;color:white}
#member #left ul{
    /* text-align:center; */
}
#member #left ul li{
    /* border-bottom:1px #e2e2e2 solid; */
}
#member #left ul li a{
    line-height: 50px;
    height: 50px;
    display: block;
    color: #ccc;
    text-align: center;
    background: #222328;
    border-radius: 5px;
    margin-bottom: 20px;
}
#member #left ul li a .mb-collect{
    background: url(../images/member/ziliao.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}

#member #left ul li a .mb-collect1{
    background: url(../images/member/collect.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
    /* padding:0 15px; */
}
#member #left ul li a .mb-collect2{
    background: url(../images/member/play.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}
#member #left ul li a .mb-collect3{
    background: url(../images/member/buy.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}
#member #left ul li a .mb-collect4{
    background: url(../images/member/download.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}
#member #left ul li a .mb-collect5{
    background: url(../images/member/zuanshi.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}
#member #left ul li a .mb-collect6{
    background: url(../images/member/chongzhi.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}
#member #left ul li a .mb-collect7{
    background: url(../images/member/tixian.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}
#member #left ul li a .mb-collect8{
    background: url(../images/member/jifen.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}
#member #left ul li a .mb-collect9{
    background: url(../images/member/sanji.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
    vertical-align: -4px;
}
#member #left ul{text-align: center;}
#member #left ul li a:hover{
    /* color:#ff713a; */
}
#member #left ul .hover{
    /* background:#f6f6f6; */
    /* width:200px; */
}
#member #left ul .hover a{
    line-height: 50px;
    height: 50px;
    display: block;
    color: white;
    text-align: center;
    background: #fbc04a;
    border-radius: 5px;
    margin-bottom: 20px;}

/* 右侧内容 */
#member #right{width:1238px;float:right;padding-top:20px;}
#member #right h2{font-size:20px;line-height:30px;}
#member #right .kuang{background:#e2e2e2;padding:0 20px;line-height:30px;display:inline-block;border-radius:3px;}


#member #right .member-input{
    background:#8e8e8e40;
    padding:0 10px;
    border:1px #ddd solid;
    height: 28px;
    width: 250px;
    border-radius: 5px;
}
#member #right .search-button{background:#f9644e;border:none;border-radius:3px;width:150px;line-height:36px;cursor: pointer;text-align:center;color:#fff;margin-top:15px;margin-right:10px;}
#member #right .fen{
    color:#fbc04a;
}
#member #right .lan2{color:#3577ce;}/* 蓝色字体颜色 */
/* tab切换 */
#member #right #tab{margin:10px 0;}
#member #right .list ul{display:inline-block;}
#member #right .list li{
    float: left;
    line-height: 36px;
    cursor: pointer;
    width: 160px;
    height: 36px;
    border-radius: 18px;
    text-align: center;
    margin-left: 15px;
}
#member #right .list li:hover{color: #3577CE;}
#member #right .list li.cur{background: #ff713a;color:#fff;}
#member #right .list li.cur_list{background: #8e8e8e;color:#fff;}
#member #right .list li.cur_list a{color:#fff;width:132px;height: 36px;display:block;}
#member #right #listCon{padding:10px;}
#member #right #listCon div{line-height:40px;position:absolute;opacity:0;filter:alpha(opacity=0);}
#member #right #listCon div.cur{opacity:1;filter:alpha(opacity=100);z-index:999;}

#member #right #listCon .tishi img{width:20px;padding:0 5px 0 10px}
#member #right #listCon .tishi2 img{width:20px;padding:0 5px 0 0}
#member #right #listCon .xiang{width:130px;display:inline-block;text-align:left;padding-right:5px;}
#member #right #listCon .wjmm {margin-bottom: -24px;display: inline-block;overflow: hidden;}

#member #right .quanxian{background:#f7f7f7;margin:10px 0 15px;width:150px;text-align:center;border:1px #e2e2e2 solid;display: inline-block;}
#member #right .you{display: inline-block;line-height:30px;height:30px;background:#5fb878 url(../images/member/duigou.png)no-repeat 61px center;background-size:29px 26px;color:#fff;width:82px;padding-left:10px;margin-left:20px;}
#member #right .wu{display: inline-block;line-height:30px;height:30px;background:#e2e2e2 url(../images/member/cha.png)no-repeat 110px center;background-size:29px 26px;width:130px;padding-left:10px;margin-left:20px;}

#member #right .table{background:#e2e2e2;}
#member #right .table .pad{padding-left:10px;}
#member #right .table .delete{
    /* border:1px #e2e2e2 solid; */
    padding:2px 10px;
    color: #ccc;
}
#member #right .gong{
    margin:10px 0;
    /* border:1px #e2e2e2 solid; */
    /* border-right:none; */
    display:inline-block;
    height:36px;
}
#member #right .gong a{
    /* border-right:1px #e2e2e2 solid; */
    padding:0 15px;
    line-height:36px;
    height:36px;
    display:inline-block;
    color: #ccc;
    margin-right: 10px;
}

#member #right .member-page{
    margin: 10px auto;
    text-align:center;
}
#member #right .page-input{
    background: #393c41;
    text-align: center;
    height: 28px;
    width: 80px;
    border-radius: 5px;
    color: #ccc;
    margin-right: 10px;
    border:none;
}
#member #right .page-button{
    background: #393C41;
    width: 50px;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
    color: #CCC;
    border-radius: 5px;
    border:none;
}
#member #right .member-page span,#member #right .member-page a{
    background:#313439;
    text-align:center;
    /* border:1px #ddd solid; */
    padding:5px 15px;
    margin-right: 10px;
    border-radius: 5px;
}
#member #right .member-page em{font-style:normal;margin:0 8px;}
#member #right .member-page .current{background:#3577ce;border:1px #ddd solid; color:#fff;}

.line40{line-height:40px;}
#member #right .shengji{
    /* margin-top:15px; */
}
#member #right .shengji a{border-radius:3px;width:160px;line-height:40px;text-align:center;color:#fff;margin-right:15px;display:inline-block;}
#member #right .huang{background:#f2854c;}
#member #right .lan{background:#36b1c0;}
#member #right .hong{background:#f2395b;}
#member #right .zi{background:#853f8a;}
#member #right .hui{color:#b3b3b3;}
#member #right .shengji div{cursor: pointer;}

#member #right .jifen-input{background:#fff;text-align:center;border:1px #ddd solid;height: 28px;width:120px;}
#member #right .jifen2-button{background:#ff6600;border:none;border-radius:3px;width:120px;line-height:36px;cursor: pointer;text-align:center;color:#fff;margin-top:10px;margin-left:85px;}


/* header */
.header001{
    height: 60px;
    padding: 10px 0 0 0;
    overflow: hidden;
    /* margin-bottom: -40px; */
    background-color: #161616;
}
/* i-logo */
.logo{
    width: 160px;
    height: 50px;
    overflow: hidden;
    float: left;
    /* opacity: 0; */
}
.nav{
    float: right;
    height: 31px;
    overflow: hidden;
    padding: 7px 10px 0 80px;
}
.nav-item{
    float: left;
    height: 31px;
    overflow: hidden;
    padding-left: 0;

}
.nav-link{
    display: block;
    _float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    /* padding: 0 10px; */
    /* background-color: #eee; */
    /* border-bottom: 1px solid #1e1e1e; */
    border-radius: 2px;
}

/* footer */
.footer{
    border-top: 2px solid #fb9c4d;
    margin-top: 10px;
    /* background: #ececec; */
    line-height: 24px;
    text-align: center;
    padding-bottom: 30px;
}
.foot-nav{
    color: #333;
    height: 24px;
    overflow: hidden;
    margin: 15px 0 10px 0;
}
.foot-nav a{ margin: 0 10px;}


.layout {
    width: 1200px;
    margin: 0 auto;
}

.clearfix:after{ content:'\20'; display:block; overflow:hidden; height:0; clear:both;}

input, button, select, textarea {
    outline: none;
    font-family: microsoft yahei;
}

.w150 {
    width: 150px !important;
}
.mt10 {
    margin-top: 10px;
}
.mr10 {
    margin-right: 10px;
}
.btn-brand {
    display: inline-block;
    background: #fbc04a;
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 3px;
    transition: filter .2s ease, transform .2s ease;
}
.btn-brand:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.i-pers {
    background: url(../images/member/pers.png) no-repeat;
}

/*register member*/
.reg-w{
    /* float: left; */
    /* padding: 40px 110px 40px 370px; */
    font-size: 14px;
    /* margin-left: 550px; */
    margin:0 auto;
    width: 440px;
    /* background: pink; */
}
.reg-w form h4{font-weight: normal;color: #ccc;margin:30px 0 20px; }
.reg-w form .reg-group{
    position:relative;
    /* border: 1px solid #ddd; */
    /* width: 418px; */
    margin-bottom: 25px;
    font-size: 16px;
    height: 66px;
    line-height: 44px;
}
.reg-w form .reg-group label{
    display: inline-block;
    /* height: 52px; */
    /* line-height: 52px; */
    padding-left: 15px;
    margin-right: 16px;
    min-width: 105px;    
    box-sizing: border-box;
    color: #ccc;
}
.reg-w form .reg-group .reg-control{
    width:260px;
    /* vertical-align: text-bottom; */
    border: 1px solid transparent;
    background: #494a4f;
    border-radius: 5px;
    color: #ccc;
    height: 34px;
    line-height: 34px;
    text-indent: 10px;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.reg-w form .reg-group .reg-control:focus{
    outline: none;
    border-color: #fbc04a;
    box-shadow: 0 0 0 3px rgba(251, 192, 74, .18);
}
#forget{
    display: block;
    color: #ccc;
    margin-left: 320px;
}
.reg-w form .reg-group #email_code{
    cursor: pointer;
    height: 34px;
    border-radius: 5px;
    border: none;
    padding: 0 5px;
    font-size: 14px;
    background: #494a4f;
    color: #ccc;
}
.reg-group2{margin-bottom: 10px;}
.reg-send{position:absolute;right:2px;top:2px;display: inline-block;width: 100px;height: 48px;line-height: 48px;text-align: center;background-color:#f0f0f0; color: #585858;border: none;cursor: pointer;}
.reg-send:hover{background-color: #f6f6f6;}
.reg-w form .btn-sub{width: 418px;border-radius: 5px;padding: 15px 0;margin-top: 20px;}
.reg-another{
    float: left;
    margin-top:70px;
    padding-left:120px;
    padding-top:5px;
    height: 430px;
    border-left: 1px solid #ddd;
    line-height: 50px;
    display: none;
}
.reg-another a{display: block;font-size: 14px;}
.reg-another a i{display:inline-block;width:37px;height:37px;vertical-align: middle;margin-right: 10px;}


.user_headers{
    width: 1000px;
    margin: 50px auto 0;
    height: 34px;
}
.user_headers span{
    font-size: 30px;
    height: 34px;
    line-height: 34px;
    color: #ff713a;
    display: inline-block;
    margin-left: 10px;
}
   
.user_headers img{
    display: inline-block;
    height: 30px;
    width:30px;
    vertical-align: -8px;
}
.user_headers a{

        width: 100px;
        float: right;
        height: 34px;
        border-bottom: 0;
        margin-left: 20px;
        text-align: center;
        line-height: 34px;
        border-radius: 17px;
        background: #ff713a;
        color: white;
}    
#adpc_1{
    margin: 50px auto 0;
    width: 1200px;
    height: 100px;
  }
  #adpc_1 img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
#adpc_2{
    margin: 0 auto 0;
    width: 1200px;
    height: 100px;
  }
  #adpc_2 img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }



/* Prevent the English password-recovery link from wrapping. */
html[lang="en-ph"] #forget {
  width: auto;
  margin-left: 280px;
  white-space: nowrap;
}