@charset "utf-8";

.ss_slide{
    position: relative;
    width:1200px;
    height:370px;
    overflow:hidden;
    margin:0 auto 20px;
}
#iContainer { width:1200px; height:370px;overflow:hidden;text-align:center;}
#iContainer img { width:1200px; height:370px; margin:0 auto;}
#iContainer .img_con{ width:1200px; height:370px;}
#iControls {
    width:100%;
    text-align:right;
    position:absolute;
    bottom:10px;
    right:10px;
    z-index:8;
}
#iControls a {
    width:16px;
    height:15px;
    display:inline-block;
    background-color: #FFF;
    text-indent:99999px;
    margin:0 6px;
    font-size:0;
    border-radius: 30px;
    -moz-transition: width .3s ease-out;
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out;
}
#iControls a.activeSlide{
    width: 30px;
    background-color: #ff6700;
}

.ss_index_titles2 .ss_more i{
    display: inline-block;
    width: 9px;
    height: 11px;
    margin: -2px 3px 0 0;
    background: url("images/common.png") no-repeat -111px 0;
}

/* 类型 */
.ss_word{
    margin:0 0 16px;
    position: relative;
}
.ss_word .ss_words_left span{
    color:#ff6700;
    font-weight:bold;
}
.ss_word .ss_words_left a{
    display: inline-block;
    height:20px;
    line-height:20px;
    width:40px;
    text-align: center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.ss_word .ss_words_left .ss_on,
.ss_word .ss_words_left a:hover{
    background-color:#ff6700;
    color:#FFF;
}
.ss_word .ss_words_right{
    position: absolute;
    top:0;
    right:0;
}
.ss_word .ss_words_right em{
    padding:0 6px 0 12px;
}
.ss_word .ss_words_right .ss_on{ color:#ff6700;}

/* 列表 */
.ss_libao_list{
    height:100%;
    overflow: hidden;
    padding:0 0 20px;
    clear: both;
}

.ss_libao_list dd{
    width:578px;
    height:148px;
    background-color:#FFF;
    border:#d9d9d9 1px solid;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 10px 20px 10px;
}
.ss_libao_list dd:hover{ border:#ff6700 1px solid;}

.ss_libao_list dd.ss_odd{ margin:0 0 20px;}

.ss_libao_list dd .ss_game_img{
    display: block;
    width:216px;
    height:128px;
    margin:10px 0 0 10px;
}

.ss_libao_list dd .ss_game_name{
    position: absolute;
    top:16px;
    left:255px;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
    color:#ff6700;
}

.ss_libao_list dd .ss_game_num{
    position: absolute;
    top:16px;
    right:10px;
    line-height:24px;
    font-size:12px;
    color:#9d9c9c;
}

.ss_libao_list dd .ss_game_type{
    position: absolute;
    top: 52px;
    line-height:24px;
    height: 48px;
    overflow: hidden;
    left:255px;
}
.ss_libao_list dd .ss_game_type em,
.ss_libao_list dd .ss_game_type span{
    display: block;
    float: left;
}
.ss_libao_list dd .ss_game_type em{
    width:70px;
    color:#575757;
    font-weight:bold;
}
.ss_libao_list dd .ss_game_type span{
    width:220px;
}
.ss_libao_list dd .ss_btn_group{
    position: absolute;
    bottom:10px;
    right:10px;
}
.ss_libao_list dd .ss_btn_group a{ margin:0 0 0 12px;}
.ss_libao_list dd .ss_btn_group .ss_btn4{
    width:80px;
    height:24px;
    line-height:24px;
    background-color:#ff9900;

}
.ss_libao_list dd .ss_btn_group .ss_btn4:hover{ background-color:#ff6700;}


/* 已登录 */
.ss_index_already_login_box{
    width:220px;
    height:300px;
    margin:0 auto;
    padding:20px 0 0;
}
.ss_index_logininfo{
    height:80px;
    position: relative;
    overflow: hidden;
    margin:0 0 10px;
}
.ss_index_logininfo dt{ width:80px;}
.ss_index_logininfo dt img{
    width: 80px;
    height:80px;
}
.ss_index_logininfo dd{
    font-size:12px;
    position: absolute;
    top:0;
    left:88px;
}
.ss_index_logininfo dd span{ display: block; width:132px; height:18px; margin:0 0 2px;}
.ss_index_logininfo dd span.ss_no_margin{ margin:0;}
.ss_link_xiaohao{ color:#ff6700; margin:0 5px 0 0;}
.ss_link_xiaohao:hover{ color:#000;}
.ss_index_logininfo .ss_mar{ margin:0 8px 0 0;}

/*U豆*/
.ss_index_udou{
    width:218px;
    height:28px;
    line-height:28px;
    margin:0 0 16px;
    clear: both;
    border:#ff6700 solid 1px;
    position: relative;
    overflow: hidden;
}

.ss_youdou{
    display: inline-block;
    width:20px;
    height:20px;
    background: url("images/index.png") no-repeat -260px -380px;
    vertical-align: middle;
}
.ss_index_udou .ss_youdou{ margin:0 10px;}
.ss_index_udou em{ color:#ff6700;}
.ss_dhsc{
    position: absolute;
    top:0;
    right:10px;
}
.ss_zyd{
    position: absolute;
    top:0;
    left:95px;
}

.ss_index_login_game_list{
    clear:both;
}
.ss_index_login_game_list .ss_index_titles3 .ss_btn2{
    position: absolute;
    top:0;
    right:0;
}
.ss_index_login_game_list dt{
    clear: both;
    height:30px;
    position: relative;
    margin:0 0 10px;
    background: url("images/pointer.png") repeat-x 0 bottom;
}
.ss_index_login_game_list dt b{
    font-size:12px;
    display: block;
    float: left;
    height:29px;
    line-height:29px;
    border:#ff6700 solid;
    border-width:0 0 1px;
}
.ss_index_login_game_list dt .ss_btn2{
    position: absolute;
    top:0;
    right:0;
}
.ss_index_login_game_list dd{
    float: left;
    margin:0 0 8px;
}

.ss_index_login_game_list dd img{
    display: block;
    width:20px;
    height:20px;
    float: left;
    margin:0 5px 0 0;
}

.ss_index_login_game_list dd span {
    display: inline-block;
    width:62px;
    height:18px;
    vertical-align: middle;
}

/* 登录 */
.ss_index_login_box{
    width:220px;
    height:300px;
    padding:20px 0 0;
    margin:0 auto;
    background: url("images/index.png") no-repeat 0 -380px;
}

.ss_index_login_box dt{
    clear: both;
    height:30px;
    position: relative;
    margin:0 0 24px;
    background: url("images/pointer.png") repeat-x 0 bottom;
}
.ss_index_login_box dt b{
    font-size:14px;
    font-weight:bold;
    display: block;
    float: left;
    height:29px;
    line-height:29px;
    border:#ff6700 solid;
    border-width:0 0 1px;
}

.ss_index_login_box dd{
    margin:0 0 10px;
    position: relative;
}
.ss_index_login_box dd .ss_index_login_form_lay{
    height:32px;
    line-height:32px;
    padding:0 0 0 12px;
    border: #bbbbbb 1px solid;
    position: relative;
}
.ss_index_login_box dd .ss_index_login_form_lay input{
    position: absolute;
    top:1px;
    left:45px;
    width:145px;
    padding:0 5px;
    margin:0 0 0 20px;
    height:30px;
    line-height:32px;
    border:0;
    background:transparent;
}

.ss_index_login_box dd .ss_f_user,.ss_index_login_box dd .ss_f_key{
    display: inline-block;
    width:16px;
    height:16px;
    margin: 8px 0 0;
    border: #CCC solid;
    border-width:0 1px 0 0;
    padding:0 10px 0 0;
    background: url("images/index.png") no-repeat;
}
.ss_index_login_box dd .ss_f_user{  background-position: -280px -380px;}
.ss_index_login_box dd .ss_f_key{ background-position: -280px -396px;}

.ss_index_login_box dd .ss_chk_inp,
.ss_index_login_box dd .ss_auto_login_txt{
    display: block;
    float: left;
}
.ss_index_login_box dd .ss_chk_inp{
    width:15px;
    height:15px;
    margin:5px 5px -3px 0;
    cursor: pointer;
}
.ss_index_login_box dd .ss_auto_login_txt{
    padding:5px 0 0;
}
.ss_index_login_box dd .ss_fogot_pw{
    position: absolute;
    top:5px;
    right:-2px;
    color: #ff6700;
}
.ss_index_login_box dd .ss_fogot_pw:hover{ color:#000000;}
.ss_index_login_box dd .ss_btn_index_login_submit{
    display: block;
    height:35px;
    line-height:35px;
    text-align: center;
    color: #ffffff;
    font-size:18px;
    font-weight:bold;
    background-color: #ff9900;
    width:100%;
    border:0;
    cursor: pointer;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-transition: background-color .3s ease-out;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.ss_index_login_box dd .ss_btn_index_login_submit:hover{ background-color:#ff6700;}
.ss_index_login_box dd .ss_other_login{
    display: inline-block;
    width:22px;
    height:22px;
    vertical-align: middle;
    background: url("images/common.png") no-repeat;
}
.ss_index_login_box dd .ss_other_login.ss_other_login_shiwan{ background-position: 0 -68px;}
.ss_index_login_box dd .ss_other_login.ss_other_login_qq{ background-position: -22px -68px;}
.ss_index_login_box dd .ss_other_login.ss_other_login_wechat{ background-position: -44px -68px;}
.ss_index_login_box dd .ss_other_login.ss_other_login_weibo{ background-position: -66px -68px;}
.ss_index_login_reg{
    background: url("images/arrow_right.png") no-repeat right center;
    padding:0 12px 0 0;
}
.ss_index_login_box dd.ss_txt_right{
    border:#b3b3b3 dashed;
    border-width:0 0 1px;
    padding:5px 0 15px;
}
.ss_index_login_box dd.ss_index_login_dd{ margin:0 0 20px;}
.ss_index_login_box dd .ss_reg_43u{
    display: inline-block;
    width:102px;
    height:20px;
    line-height:20px;
    text-align: center;
    color: #FFF;
    background-color: #30d152;
    position: absolute;
    top:0;
    right: 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

/* main */
.ss_libao_in_main{
    border:#d9d9d9 1px solid;
    height:100%;
    overflow: auto;
    background:url("images/pointer.png") repeat-y 278px 0 #FFF;
}

.ss_line_sp{
    border:#d9d9d9 solid;
    border-width:0 0 1px;
    height:20px;
    margin:0 0 20px;
}

.ss_libao_left,
.ss_libao_right{
    float: left;
    height:100%;
    overflow: auto;
}
.ss_libao_left{
    width:240px;
    padding:0 19px 20px;
}
.ss_libao_right{
    width:656px;
    padding:0 32px;
}

.ss_left_libao_list{
    width:220px;
    margin:0 auto;
}
.ss_left_libao_list dd{
    height:75px;
    border:#d9d9d9 dashed;
    border-width:0 0 1px;
    position: relative;
    overflow: hidden;
    margin:0 0 16px;
}
.ss_left_libao_list dd .ss_game_img{
    display: block;
    width: 60px;
    height:60px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.ss_left_libao_list dd .ss_game_name{
    position: absolute;
    top:0;
    left:70px;
    line-height:22px;
    font-weight:bold;
}

.ss_left_libao_list dd .ss_libao_info{
    position: absolute;
    top:24px;
    left:70px;
    line-height:16px;
}
.ss_left_libao_list dd .ss_libao_info small{
    display: block;
    font-size:12px;
    color:#9d9d9d;
}
.ss_left_libao_list dd .ss_libao_info b em{
    color:red;
}
.ss_left_libao_list dd .ss_libao_link{
    display: block;
    width:58px;
    height:18px;
    line-height:18px;
    text-align: center;
    color:#ff6700;
    border:#ff6700 1px solid;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin:3px 0 0;
    position: absolute;
    bottom:20px;
    right:0;
}
.ss_left_libao_list dd .ss_libao_link i{
    display: inline-block;
    width:9px;
    height:11px;
    margin:0 3px 0 0;
    background: url("images/common.png") no-repeat -111px 0;
}
.ss_left_libao_list dd .ss_libao_link:hover{
    background-color:#ff6700;
    color:#FFF;
}
.ss_left_libao_list dd .ss_libao_link:hover i{ background-position: -120px 0;}

/* 礼包领取 */
.ss_lq_box{
    height:140px;
    clear: both;
    position: relative;
}
.ss_lq_box .ss_game_img{
    display: block;
    width:216px;
    height:128px;
}
.ss_lq_box dl{
    position: absolute;
    top:16px;
    left: 234px;
}
.ss_lq_box dl dt b{
    font-size:18px;
    color:#3c3c3c;
    font-weight:bold;
}
.ss_lq_box dl dt{ margin:0 0 20px;}
.ss_lq_box dl dd{ margin:0 0 20px;}
.ss_lq_box dl dd select{
    width:160px;
    margin:0 20px 0 0;
    height:22px;
    line-height:22px;
}
.ss_lq_box dl dd .ss_btn4{
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width:120px;
    height:30px;
    line-height:30px;
    font-size:14px;
    margin:0 20px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#ff9900;
}
.ss_lq_box dl dd .ss_btn4:hover{ background-color:#ff6700;}

.ss_lq_recode{
    color:#3c8cc8;
    cursor: pointer;
}
.ss_lq_recode i{
    display: inline-block;
    width:9px;
    height:11px;
    background:url("images/common.png") no-repeat -129px 0;
    vertical-align: middle;
    margin:-3px 5px 0 0;
}

/* 礼包详情 */
.ss_detail_list{
    padding:10px 0;
}
.ss_detail_list dt,
.ss_detail_list dd{
    line-height:24px;
}
.ss_detail_list dt{ font-weight:bold;}
.ss_detail_list dd{ margin:0 0 15px;}

.ss_show{
    line-height:24px;
    clear: both;
}