@charset "UTF-8";

/*
* Filename: index.css
* Author: 773029055@qq.com
*/
/*跟首页在同一个目录下的 页面的样式*/

/*首页轮播*/
.slider-box{
    width: 100%;
    height: 400px;
}
/*轮播图*/
.main-slider{
    overflow: hidden;
    position: relative;
    z-index:0;
    width: 100%;
    height: 400px;
}

.main-slider .hd{
    overflow: hidden;
    position: absolute;
    left: 48%;
    bottom: 16px;
    z-index: 2;
    height: 11px;
}
.main-slider .hd ul li{
    float: left;
    width: 11px;
    height: 11px;
    margin: 0 8px;
    background: url(../images/index/slider_dot.png) no-repeat 0 -21px;
    cursor: pointer;
}

.main-slider .hd ul li.on{
    background-position:  0 0;
}

.main-slider .bd {
    z-index: 0;
    width: 100%;
    height: 400px;
    margin: 0 auto;
}
.main-slider .bd ul{
    width: 100% !important;
    height: 400px;
}
.main-slider .bd li{
    width:100% !important;
    height: 400px;
}

.main-slider .bd li .wrap img{
    display: block;
    width: 720px;
    height: 400px;
}
.main-slider .bd li .wrap{
    position: relative;
}

.main-slider .bd li .wrap .slider-btn{
    position: absolute;
    left: 0;
    bottom: 116px;
    width: 220px;
    height: 59px;
    background: url(../images/index/slider_btn.png) no-repeat;
}
.main-slider .bd li.item1 .wrap .slider-btn{background-position:0px 0px;}
.main-slider .bd li.item2 .wrap .slider-btn{background-position:0px -65px;}
.main-slider .bd li.item3 .wrap .slider-btn{background-position:0px -130px;}
.main-slider .bd li .wrap .slider-btn a{
    display: block;
    width: 100%;
    height: 100%; overflow: hidden; text-indent: -100%;
}
.main-slider .bd li .wrap .slider-btn a:hover,ul.message li a:hover,.message-title a:hover{
    color:#de3f18;
}

/*.main-slider .bd li.item2 .wrap .slider-btn{
}
.main-slider .bd li.item4 .wrap .slider-btn{
    bottom: 119px;
}*/
.main-slider .bd li .wrap{
    height: 400px;
}
.main-slider .bd li.item1{
    background: #7331bc url(../images/index/slider1.jpg) no-repeat  center;;
}
.main-slider .bd li.item2{
    background: #f83641 url(../images/index/slider2.jpg) no-repeat  center;
}
.main-slider .bd li.item3{
    background:#fcc000 url(../images/index/slider3.jpg) no-repeat center;
}



/*首页------登录*/
.login .wrap{
    position: relative;
    z-index:10;
    width: 1000px;
}
.login-box{
    position: absolute;
    top:44px;
    right: 0;
    z-index: 11;
    width: 278px;
    height: 310px;
    background: #fff;
    border:1px solid #e1e1e1;
    border-radius: 2px;
}

.login-box .banner{
    height: 40px;
    padding-left: 22px;
    font-size: 18px;
    line-height: 40px;
    color:#767676;
    background-color: #f9f9f9;
}

.login-box form{
    width: 234px;
    height: 270px;
    padding: 0 22px;
}

.login-box form input{
    height: 35px;
    padding:0 28px;
    font-size: 15px;
    font-family: Microsoft YaHei,tahoma,arial,simsun;
    line-height: 35px;
    border: 1px solid #c9c9c9;
}
.login-box form input.user,.login-box form input.pwd{
    width: 176px;
    margin-bottom:18px;
}
.login-box form input.user{
    background: url(../images/index/user_icon.png) no-repeat 9px center;
}
.login-box form input.pwd{
    background: url(../images/index/pwd_icon.png) no-repeat 9px center;
}
.login-box form input.vcode{
    float: left;
    width: 76px;
    background: url(../images/index/v_checkbox.png) no-repeat 9px center;
}
.login-box form .vcode-box{
    width: 235px;
    height: 37px;
    margin-bottom:21px;
}
.login-box form .vcode-box  .vcode-img{
    /*float: right;*/
    width: 100px;
    height: 35px;
    border: 1px solid #c9c9c9;
    border-left: 0;
}
.login-box form .vcode-box  .vcode-img a{
    width: 100px;
    height: 35px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    *font-size:25px;
    *zoom:1;
}
.login-box form .vcode-box .vcode-img  img{
    width: 100px;
    height: 35px;
    vertical-align: middle;
}

.login-box form .login-btn{
    width: 234px;
    height: 44px;
    margin:0 0 10px;
    border:none;
    color: #fff;
    font: 20px Microsoft YaHei,tahoma,Arial,simsun;
    background: #f83641;
    border-radius: 2px;
    cursor: pointer;
}
.login-box form input.login-btn:hover,.enter-m-center:hover{
    background-color:#e3a500 ;
}
.login-box form .link{
    height: 26px;
}
.login-box form .link span,.login-box form .link a{
    float: left;
    font-size: 12px;
    line-height: 26px;
    color:#9a9a9a;
}
.login-box form .link a.forget{
    float: right;
}
.login-box form .link a.to-register{
    color:#f83641;
}
.login-box form .link a:hover{
    color:#f83641;
    text-decoration: underline;
}
/*-------已登录--------*/
.logged  p{
    font: 15px simsun, Arial, sans-serif;;
}
.logged .quit{
    padding: 5px;
    text-align: right;
}
.logged .other{
    width: 234px;
    padding: 0 22px;
    margin-top:10px;
}
.logged .other p{
    line-height: 45px;
}
.logged .other p span{
color:#3f3f3f
}

.enter-m-center{
    width: 234px;
    height:44px;
    margin:15px 0;
    color: #fff;
    font-size: 20px;
    background: #ffb900;
    border:0;
    border-radius: 2px;
    cursor: pointer;
}
/*联盟公告*/
.notify{
    width: 100%;
    height: 43px;
    border-bottom: 1px solid #e1e1e1;
}

.notify h5{
    float: left;
    width: 70px;
    margin-right: 20px;
    line-height: 43px;
    font-weight: bold;
}
.notify a.more-btn{
    display: block;
    width: 24px;
    height: 43px;
    background: url(../images/index/more.png) no-repeat center;
}
/*公告轮播*/
.notify-slider{
    width: 860px;
    height: 43px;
}

.notify-slider .bd{
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 860px;
    height: 43px;
}

.notify-slider .bd  ul li {
    float: left;
    width: 340px;
    height:43px;
    margin-right: 70px;
    padding-left: 15px;
    line-height: 43px;
    background:url(../images/index/notify_dot.png) no-repeat 0 center;
}
.notify-slider .bd  ul li span{
    float: left;
    display: block;
    padding-left: 15px;
}
.notify-slider .bd  ul li a{
    float: left;
    display: block;
    width: 230px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#454545;
}
.notify-slider .bd  ul li a:hover{
   color:#f83641;
}


.index-container .section{
    overflow: hidden;
   width: 1000px;
}

.index-container .section h2{
    margin:39px 0;
    padding-left:8px ;
    line-height:1;
    border-left: 3px solid;
}


/*联盟优势*/
.section.strength ul{
    width: 1000px;
    height:154px;
}
.section.strength li{
    float: left;
    width: 112px;
    height: 107px;
    margin-right: 20px;
    padding-left:118px;
    background: url(../images/index/func_bg.png) no-repeat;
}

.section.strength li h3,.index-container .section h2{
    font-size: 20px;
}
.section.strength li h3{
    margin:26px 0 4px;
}
.section.strength li.item1{
    background-position: 0 0;
}
 .section.strength li.item2{
    background-position: 0 -116px;
}

.section.strength li.item3{
    background-position: 0 -232px;
}
.section.strength li.item4{
    width: 132px;
    margin:0;
    background-position: 0 -348px;
}


/*联盟产品*/
.section.product ul{
   height: 216px;
}
.section.product li{
    float: left;
    width: 210px;
    height: 60px;
    margin:0 40px 48px 0;
}
.section.product li .pro-icon a{
    display: block;
    width: 100%;
    height: 100%;
}
.section.product li .pro-icon img{
    width: 60px;
    height: 60px;
}
.section.product li .pro-des{
    padding-left: 8px;
}

.section.product li .pro-des h3{
    font-size: 16px;
    line-height: 30px;
}
/*.section.product li .pro-des span{*/
    /*font-size: 12px;*/
/*}*/
.number{
    padding-right: 5px;
    font-size: 16px;
    color:#ed0404;
}

.process{
    width: 100%;
    height:79px;
    background: url(../images/index/process2.png) no-repeat;
}

.process ul{
    height: 79px;
}
.process ul li{
    float: left;
    width: 150px;
    padding-left: 100px;
    line-height:79px;
    font-size:20px;
    color:#919191;
}
.process ul li.item1{
    width: 146px;
    color:#fff;
}

/*-----------登录页-------------*/
.header .page-link{
    width: 80px;
    height: 43px;
}
.header .page-link span{
    padding: 0 8px;
}

.login.login-page{
    height: 400px;
    margin-bottom: 160px;
}

.login.login-page .about{
    position: absolute;
    top:44px;
    width: 703px;
    height: 314px;
    color:#fff;
    background: url(../images/index/login_bg.jpg) no-repeat;
}
.login.login-page .about .text{
    width: 360px;
    margin:126px 0 0 30px;
    display: none;
}
.login.login-page .about .text h1{
    margin-bottom:8px;
    font-size: 26px;
}
.login.login-page .about .text p{
    font-size: 18px;
}



/*-------------注册页的几个独有样式-----------------*/
.header .to-login a{
    display: inline-block;
    width: 60px;
    height: 30px;
    margin-left: 16px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    color:#fff;
    background: #f83641;
    border-radius: 3px;
}

.header .to-login a:hover{
    background-color: #c30b15;
}

/*----------------规则说明----------------*/
.rule-ad,.about-us{
    background-color: #f83641;
}
.rule-ad .wrap{
    height: 400px;
    background: url(../images/index/rule_bg.jpg)  no-repeat center;
}

.rule-ad .wrap2{
    height: 400px;
    background: url(../images/index/about_us.jpg) no-repeat center;
}

.rule{
    margin-top:20px;
}

.rule .menu{
    width: 1100px;
    height: 43px;
}
.rule .menu ul{
    width: 1100px;
    height: 43px;
    border-right:1px solid #e1e1e1;
}
.rule .menu ul li{
    float: left;
    width: 275px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    color: #545454;
    font-size: 16px;
    background-color: #fafafa;
    border:1px solid #e1e1e1;
    border-right: 0;
}
.rule .menu ul li.active{
    width: 270px;
    color:#fff;
    background: #ff9c00;
    border: 1px solid #ff9c00;
}
.rule .menu ul li.active a{
    color:#fff;
}
.rule .menu ul li a{
    display: block;
    color:#545454;
}

.rule .content{
    width: 100%;
    /*height: 100%;*/
}
.rule-section{
    margin-top:43px;
}
#question .rule-section.item1{
    height: 145px;
    background: url(../images/index/rule_item1.png) no-repeat 870px top;
}
#question .rule-section.item1 .rule-content p{
    width:802px;
    height: 140px;
}
#question .rule-section.item2 ul{
   width: 100%;
    height: 147px;
}

#question .rule-section.item2 li{
    float: left;
    width: 248px;
    height: 107px;
    padding:0 0px 0 118px;
    background: url(../images/index/rule_item5.png) no-repeat;
}
#question .rule-section.item2 li h3{
    margin:10px 0 10px;
    font-size: 16px;
    line-height: 25px;
    color:#2c2c2c;
}
#question .rule-section.item2 li.li-f h3{
    margin-top:20px;
}
#question .rule-section.item2 li.li-s {
    width: 190px;padding:0 58px 0 118px;
}
#question .rule-section.item2 li p{
    color: #9d9d9d;
    line-height: 25px;
}
#question .rule-section.item2  li.li-f{
    background-position: 0 0;
}
#question .rule-section.item2  li.li-s{
    background-position: 0 -127px;
}
#question .rule-section.item2  li.li-t{
    background-position: 0 -254px;
}

#question .rule-section.item3{
    position: relative;
    height: 305px;
    background: url(../images/index/rule_item.jpg) no-repeat left 50px;
}
#question .rule-section.item3 p{
    position: absolute;
    right: 100px;
    bottom: 60px;
    width: 350px;color: #9d9d9d;
}

#penalize .rule-section.item2{
    height: 270px;
}
#penalize .rule-section  li{
    margin-bottom: 17px;
    height: 19px;
    line-height: 19px;
}
#penalize .rule-section  li i{
    margin: 0 15px 0 6px;
    color:#fff;
    font-style: normal;
}

#penalize .rule-section  ul li{
    background: url(../images/index/rule_item4.png) no-repeat left center;
}

#penalize .rule-section.itemchange{
    height: 160px;
}

.rule-section h2{

    margin-bottom: 30px;
    line-height: 20px;
    font-size:20px;
    font-family: "微软雅黑";
    color: #262626;
}

#way,#charge,#penalize{
    display: none;
}
#penalize{
    background: url(../images/index/rule_item2.png) no-repeat right 115px;
}

.rule .content #penalize h3{
    margin:30px 0 10px;
    font-size: 18px;
}

.rule-section p,#penalize .rule-section  li{
    color:#525252;
    font-family:'宋体';
}
.rule-section p{
    line-height: 32px;
}
#way .rule-section{
    height: 150px;
}
/*------------------关于我们----------------*/
.about-us .wrap{
    height: 400px;
    background:url(../images/index/about_us.jpg) no-repeat center;
}
.rule-content p{font-family: "宋体";font-size: 14px;color: #525252 ;}



/*----------------忘记密码------------------*/
p.danger-text{
    padding-left:23px;
    height: 18px;
    margin:29px 0 60px;
    line-height: 18px;
    font-size: 16px;
    color:#242424;
    background: url(../images/index/find_pwd.png) no-repeat 0 0;
}

.step-box{
    height: 120px;
}
.step{
    width: 735px;
    height: 26px;
    margin:27px auto 9px;
}
.step .step-num{
    float: left;
    width: 26px;
    height: 26px;
    font-size: 18px;
    line-height: 26px;
    color:#fff;
    text-align: center;
    background: url(../images/index/find_pwd.png) no-repeat;
}
.step .step-num.already{
    background-position: 0 -34px;
}
.step .step-num.unfinished{
    background-position: 0 -76px;

}

.step .bridge{
    float: left;
    width: 296px;
    height: 2px;
    margin:12px;
    _overflow: hidden;
}

.step .bridge.already{
    background: #f83641;
}

.step .bridge.unfinished{
    background: #bfbfbf;
}

.step-box li{
    float: left;
    height: 14px;
    text-align: center;
    line-height: 14px;
    color:#a8a8a8;
}
.step-box li.on{
    color: #f83641;
}

.step-box li.item1{
    width: 210px;
    margin-right: 85px;
}
.step-box li.item2{
    width: 310px;
    margin-right: 95px;
}
.step-box li.item3{
    width: 200px;
}

/*--------------公告列表---------------*/
.message-container{
    min-height: 600px;
    _height:600px;
    _overflow:visible;
}
ul.message{
    line-height: 44px;
    margin-bottom: 30px;
}
ul.message li{
    height: 44px;
    border-bottom: 1px dashed #e1e1e1;
}
ul.message li:hover{
    background-color: #fbfbfb;
}
ul.message li a{
    float: left;
    color:#323232;
}
ul.message li span{
    color:#a8a8a8;
    float: right;
}
/*--------------公告内容---------------*/
.message-title{
    position:relative ;
    height: 55px;
    margin:25px 0 10px;
    text-align: center;
}
.message-title a{
    position: absolute;
    top:0;
    right: 0;
}
.message-detail p span,.message-title a{
    color:#a8a8a8;
}
.message-title h2,.clause h2{
    font-size: 20px;
}
.message-detail p,.clause p{
    line-height: 36px;
    color:#323232;
}
.message-detail  .from{
    margin-top:50px;
}


/*---------联盟条款-------*/
.clause{
    margin-top:27px;
    padding-bottom: 25px;
}

.clause h2{
    padding: 27px 0;
    text-align: center;
    line-height: 1;
}

.clause p{
    font-family: simsun, Arial, sans-serif;
}

.clause h4{
    font-size: 15px;
    padding: 14px 0 9px;
    line-height: 1;
}


/*----------错误页----------*/
.wrong-box{
    height: 370px;
    text-align: center;
    background: url(../images/index/wrong.png) no-repeat center 158px;
}
.wrong-box p{
    padding-top: 100px;
    font-size: 22px;
    color: #151515;
}
.wrong-box .jump{
    padding-top: 210px;
    font-size: 15px;
}

.wrong-box .text{
    color: #b2b2b2;
}
/*----------提交失败页面----------*/
.wrong-commit{margin-top: 100px; min-height: 500px;}
.wrong-commit .wrong-box{background: url(../images/index/wrong-commit.jpg) no-repeat center 0; padding-top: 280px; height: auto;}
.wrong-commit-s .wrong-box{background: url(../images/index/wrong-commit-s.jpg) no-repeat center 0;}
.wrong-commit .wrong-box p{padding-top: 0px;}
/*-------------404-------------*/
body.not-found{
    background-color: #f83641;
}
.wave-box{
    position: relative;
    background-color:#fff;
    height: 60px ;
    padding-top:110px;
}

#wave1{
    position:absolute;
    z-index:1;
    top:90px;
    width: 100%;
    height: 80px;
    background: url(../images/index/p_wave.png) repeat-x 0 0;
}

#wave2{
    position:absolute;
    top:110px;
    z-index:2;
    width: 100%;
    height: 70px;
    background: url(../images/index/red_wave.png) repeat-x 0 0;
}

#mask{
    position: absolute;
    top:110px;
    z-index:3;
    width: 100%;
    height:70px;
    background: url(../images/index/w_mask.png) repeat-x 0 0;
}

.img-box{
    min-width: 100%;
    position: absolute;
    top:-110px;
    z-index: 2;
}
#wave2 .wrap .float-img{
    height: 130px;
    background: url(../images/index/404.png) no-repeat center top;
}
#wave2 .wrap .text{
    padding-top: 320px;
    height: 170px;
    font-size: 16px;
    background: url(../images/index/404img2.png) no-repeat center top;
}
#wave2 .wrap span.jump-second{
    font-size: 15px;
}

#wave2 .wrap .cartoon-box{
    height: 180px;
}
#wave2 .wrap .cartoon-box .cartoon{
    height: 50px;
}
#wave2 .wrap .bottom{
    width: 100%;
    height: 90px;
    margin-top: 150px;
    padding-top: 30px;
    font-size: 13px;
    text-align: center;
    line-height: 38px;
    background: url(../images/index/404bottom.png) no-repeat center 0;
}
#wave2 .wrap .bottom a,#wave2 .wrap .bottom span{
    color:#fff;
}
#wave2 .wrap .bottom span{
    margin: 0 18px;
}
#wave2 .wrap p,#wave2 .wrap span.jump-second{
    color:#fff;
    text-align: center;
}
#wave2 .wrap p.back-text{
    font-size: 12px;
}

.back-box{
    margin:35px auto 13px;
    width: 135px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: url(../images/index/back_btn.png) no-repeat center;
}

.back-box a{
    display: block;
    width: 100%;
    height: 100%;
    color:#f83641;
}