﻿/* head*/

#head {
    height: 93px;
    background: url(../images/top_bg.jpg) no-repeat left top;
}

    #head .h_l {
        height: 93px;
        width: 400px;
        float: left;
        display: inline-block;
        overflow: hidden;
    }

        #head .h_l a:link, #head .h_l a:visited, #head .h_l a:hover, #head .h_l a:active {
            font-size: 46px;
            font-family: "Microsoft YaHei",微软雅黑,arial,宋体;
            color: #333;
            text-decoration: none;
            line-height: 66px;
            font-weight: bold;
            float: left;
            padding-bottom: 0px;
            text-align: left;
        }

        #head .h_l i {
            font-size: 16px;
            line-height: 16px;
            font-family: Tahoma;
            font-style: normal;
            color: #717071;
            padding-left: 10px;
            font-weight: normal;
            clear: both;
            display: block;
            text-align: left;
        }

        #head .h_l span {
            background: url(../images/logo.jpg) no-repeat;
            display: inline-block;
            width: 411px;
            height: 68px;
            cursor: pointer;
            float: left;
        }

    #head .h_r {
        height: 93px;
        width: 550px;
        float: right;
        overflow: hidden;
    }

        #head .h_r ul {
            height: 43px;
        }

        #head .h_r li {
            float: right;
            padding: 0 12px;
            line-height: 25px;
            background: url(../images/line.gif) no-repeat left;
        }

            #head .h_r li
            #head .h_r dl {
                clear: both;
                width: 550px;
            }

        #head .h_r dd {
            float: left;
            height: 50px;
            display: inline-block;
            overflow: hidden;
        }

            #head .h_r dd a {
                background-image: url(../images/menu.jpg);
                background-repeat: no-repeat;
                display: inline-block;
                cursor: pointer;
                height: 50px;
            }

    #head #menu_01 a:link, #head #menu_01 a:visited {
        background-position: 0 0;
        width: 78px;
    }

    #head #menu_01 a:hover, #head #menu_01 a:active {
        background-position: 0 -50px;
    }

    #head #menu_02 a:link, #head #menu_02 a:visited {
        background-position: -78px 0;
        width: 77px;
    }

    #head #menu_02 a:hover, #head #menu_02 a:active {
        background-position: -78px -50px;
    }

    #head #menu_03 a:link, #head #menu_03 a:visited {
        background-position: -155px 0;
        width: 106px;
    }

    #head #menu_03 a:hover, #head #menu_03 a:active {
        background-position: -155px -50px;
    }

    #head #menu_04 a:link, #head #menu_04 a:visited {
        background-position: -261px 0;
        width: 77px;
    }

    #head #menu_04 a:hover, #head #menu_04 a:active {
        background-position: -261px -50px;
    }

    #head #menu_05 a:link, #head #menu_05 a:visited {
        background-position: -338px 0;
        width: 106px;
    }

    #head #menu_05 a:hover, #head #menu_05 a:active {
        background-position: -338px -50px;
    }

    #head #menu_06 a:link, #head #menu_06 a:visited {
        background-position: -444px 0;
        width: 106px;
    }

    #head #menu_06 a:hover, #head #menu_06 a:active {
        background-position: -444px -50px;
    }

.menu_llsh_a {
    width: 108px;
    height: 50px;
    background-image: url(../images/llsc.jpg) !important;
}

    .menu_llsh_a:hover {
        background-position: 0 -50px;
    }
/*head end*/
/*home main begin*/
#main {
    min-height: 1px;
    _height: 1px;
}

    #main #ad_area {
        height: 370px;
        clear: both;
    }

#ad_area .ad_l {
    width: 943px;
    height: 363px;
    float: left;
    overflow: hidden;
}

    #ad_area .ad_l dd {
        height: 327px;
        width: 950px;
        position: relative;
        overflow: hidden;
    }

a.ad_down:link, a.ad_down:visited {
    display: inline-block;
    width: 254px;
    height: 55px;
    left: 88px;
    top: 104px;
    z-index: 200;
    position: absolute;
    cursor: pointer;
}

a.ad_down:hover, a.ad_down:active {
    background: url(../images/001_08.png) no-repeat 0 0;
}

a.ad_reg:link, a.ad_reg:visited {
    display: inline-block;
    width: 175px;
    height: 58px;
    left: 39px;
    top: 196px;
    z-index: 400;
    position: absolute;
    cursor: pointer;
}

a.ad_reg:hover, a.ad_reg:active {
    background: url(../images/001_08-12a.png) no-repeat 0 0;
}

a.ad_login:link, a.ad_login:visited {
    display: inline-block;
    width: 175px;
    height: 58px;
    left: 214px;
    top: 196px;
    z-index: 300;
    position: absolute;
    cursor: pointer;
}

a.ad_login:hover, a.ad_login:active {
    background: url(../images/001_08-12b.png) no-repeat -175px 0;
}

a.qcode_apk {
    background: url(../images/qcode/apk.png) no-repeat 0 0;
    width: 150px;
    height: 150px;
    left: 593px;
    top: 85px;
    z-index: 200;
    position: absolute;
    cursor: pointer;
}

a.qcode_ios {
    background: url(../images/qcode/ios.png) no-repeat 0 0;
    width: 150px;
    height: 150px;
    left: 773px;
    top: 85px;
    z-index: 200;
    position: absolute;
    cursor: pointer;
}

/*a.ad_mobile:link,a.ad_mobile:visited { display:inline-block; width:55px; height:80px; left:351px; top:45px; z-index:300; position:absolute; cursor:pointer;  }
a.ad_mobile:hover,a.ad_mobile:active { background: url(../images/btn_mobile.gif) no-repeat -55px top;  }*/

/*#ad_area .ad_l dt{ background: url(../images/home_18.gif) no-repeat  right bottom; width:443px; height:36px; }
#ad_area .ad_r { width:517px; height:363px; float:left;background: url(../images/ad_btm.jpg) no-repeat right bottom; overflow:hidden;}
#ad_area .ad_r ul { height: 72px; display:block; }
#ad_area .ad_r ul li { padding-left:444px; padding-top:44px;}
#ad_area .ad_r  span { display:inline-block; float:left; width:23px; height:14px; cursor:pointer;background: url(../images/ad_dot.jpg) no-repeat -23px -14px;  }
#ad_area .ad_r span.sel{ background: url(../images/ad_dot.jpg) no-repeat left top;}
#ad_area .ad_r div img { width:500px; height:270px;}*/

#main #m_1, #main #m_2 {
    clear: both;
    padding-bottom: 10px;
}

    #main #m_1 #m_1_l {
        width: 266px;
        float: left;
        overflow: hidden;
    }

    #main #m_1 #m_1_c {
        width: 418px;
        float: left;
        overflow: hidden;
    }

    #main #m_1 #m_1_r {
        width: 276px;
        float: left;
        overflow: hidden;
    }

    #main #m_2 .m_r_l {
        background: url(../images/m_r_bg.gif) no-repeat 0 34px;
        width: 20px;
        height: 550px;
        float: left;
    }

    #main #m_2 .m_r_r {
        width: 940px;
        min-height: 550px;
        float: left;
        overflow: hidden;
        background: url(../images/m_r_bg.gif) no-repeat right 34px;
    }


#custom {
}

#custom_h {
    background: url(../images/icon_custom_gray.gif) no-repeat 15px 15px;
}

#custom ul, #custom dl {
    clear: both;
}

    #custom ul li {
        text-align: left;
        height: 50px;
        margin-top: 3px;
        float: left;
        width: 95%;
        cursor: pointer;
    }

        #custom ul li span {
            width: 66px;
            height: 65px;
            display: inline-block;
            background-image: url(../images/icon_custom.gif);
            background-repeat: no-repeat;
            float: left;
        }

        #custom ul li.no01 span {
            background-position: 0 15px;
        }

        #custom ul li.no02 span {
            background-position: 0 -50px;
        }

        #custom ul li.no03 span {
            background-position: 0 -100px;
        }

        #custom ul li.no04 span {
            background-position: 0 -150px;
        }

        #custom ul li b {
            color: #e83515;
            font-size: 14px;
            display: block;
        }

        #custom ul li i {
            font-style: normal;
            display: block;
        }

        #custom ul li a:hover i {
            color: #e83515
        }

        #custom ul li.t_hover, t_hover {
            background: url(../images/icon_custom_gray.gif) no-repeat 5px -104px;
            cursor: pointer;
        }

        #custom ul li.t_hover1, t_hover1 {
            background: url(../images/icon_custom_gray.gif) no-repeat 5px -157px;
            cursor: pointer;
        }

        #custom ul li.t_hover2, t_hover2 {
            background: url(../images/icon_custom_gray.gif) no-repeat 5px 2px;
            cursor: pointer;
        }

    #custom dl dd {
        float: left;
        padding-left: 15px;
    }

#news_list {
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

    #news_list li {
        height: 28px;
        line-height: 28px;
        text-align: left;
        overflow: hidden;
        background: url(../images/dot_new.gif) no-repeat 15px 10px;
        width: 95%;
        float: left;
    }

        #news_list li a {
            width: 100%;
            float: left;
            cursor: pointer;
            font-size: 14px;
        }

        #news_list li i {
            color: #999;
            font-style: normal;
            float: left;
            width: 80px;
            line-height: 28px;
            text-indent: 31px;
        }

    #news_list ul.f_14 li i {
        width: 90px;
        text-indent: 31px;
    }

    #news_list li span {
        width: 60%;
        float: left;
        display: inline-block;
    }

    #news_list li b {
        font-weight: normal;
        float: right;
        text-align: right;
        width: 80px;
        color: #999;
        line-height: 28px;
        font-size: 12px;
    }

    #news_list li.clear10 {
        background: none;
    }

    #news_list h3, #intro h3 {
        height: 50px;
        line-height: 50px;
        text-align: left;
        padding: 0;
        margin: 0px;
        display: inline-block;
        width: 100%;
    }

        #news_list h3 a, #intro h3 a {
            float: right;
            padding-right: 20px;
            display: inline-block;
            width: 33px;
            height: 13px;
            margin-top: 20px;
        }

/*page*/
.tbl_page {
    margin: 0 auto;
    height: 30px;
    text-align: center;
    float: right;
    clear: both;
}

.tbl_game {
    margin: 0 auto;
    text-align: center;
    width: 600px;
    padding: 10px 0;
}

a.btn_pg:link, a.btn_pg:visited, a.btn_prev:link, a.btn_prev:visited {
    background-image: url(../images/tbl_page.gif);
    background-repeat: no-repeat;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    float: left;
    color: #999;
    width: 25px;
    margin-left: 5px;
}

a.btn_pg:link, a.btn_pg:visited {
    background-position: -104px 0px;
}

a.btn_pg:hover, a.btn_pg:active {
    background-position: -129px 0px;
    color: #fff;
}

a.btn_pg2:link, a.btn_pg2:visited {
    background-image: url(../images/tbl_page.gif);
    background-position: -129px 0px;
    background-repeat: no-repeat;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    float: left;
    color: #999;
    width: 25px;
    margin-left: 5px;
}

a.btn_pg2:link, a.btn_pg2:visited {
    background-position: -129px 0px;
}

a.btn_pg2:hover, a.btn_pg2:active {
    background-position: -129px 0px;
    color: #fff;
}


a.btn_prev:link, a.btn_prev:visited {
    background-position: left top;
    width: 52px;
}

a.btn_prev:hover, a.btn_prev:active {
    background-position: -52px top;
    color: #fff;
}
/*page*/
.news_page {
    width: 90%;
    clear: both;
    margin: 0 auto;
    text-align: center;
}

    .news_page h1 {
        font-size: 22px;
        color: #cc0000;
        line-height: 50px;
    }

    .news_page h2 {
        border-bottom: 1px solid #e3dbd2;
        line-height: 35px;
        height: 35px;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
    }

        .news_page h2 span {
            float: left;
            display: block;
            color: #999;
        }

        .news_page h2 a {
            float: right;
            margin-top: 5px;
        }

.content {
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    padding: 0 10px 20px 10px;
}

.errorpage {
    background-image: url(../images/error.gif);
    background-repeat: no-repeat;
    width: 497px;
    height: 343px;
}

.news_btm {
    border-top: 2px solid #e3dbd2;
    padding: 10px;
}

    .news_btm li {
        text-align: left;
        line-height: 20px;
    }

#intro {
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

    #intro p {
        text-indent: 2pt;
        line-height: 22px;
        padding: 0 20px;
        text-align: left;
    }

.tit_news {
    background: url(../images/tit_news1.gif) no-repeat 20px 15px;
}

.tit_intro {
    background: url(../images/tit_cont.gif) no-repeat 20px 15px;
}

.pic_home {
    background: url(../images/pic_home.gif) no-repeat 170px bottom;
}
/* ind_game*/
div.tit_game {
    background: url(../images/tit_tjyx.jpg) no-repeat 20px 15px;
    height: 45px;
    display: block;
    width: 98%;
    overflow: hidden;
    text-align: right;
}

.tit_game a {
    margin-top: 20px;
}

#main .a_game {
    padding-top: 20px;
}

    #main .a_game ul {
        text-align: center;
        margin: 0 auto;
        height: 160px;
        overflow: hidden
    }

        #main .a_game ul li {
            height: 130px;
            width: 120px;
            float: left;
            text-align: center;
            margin: 0 auto;
            cursor: pointer;
            color: #666;
            font-family: "Microsoft Yahei";
            font-size: 14px;
        }

            #main .a_game ul li h2 {
                padding: 0px;
                margin: 0px;
            }

                #main .a_game ul li h2 img {
                    text-align: center;
                    clear: both;
                    margin: 0;
                    padding: 0;
                    line-height: 0;
                }

.btn_game_jsxz {
    display: none;
    position: relative;
    top: 0;
    left: 16px;
}

    .btn_game_jsxz .btn_other_js {
        display: block;
        width: 87px;
        height: 84px;
        left: 0px;
        _left: -60px;
        background: url(../images/icon_bg.png) no-repeat left top;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icon_bg.png");
        z-index: 99;
        position: absolute;
        margin-bottom: 7px;
    }

.btn_bg_hover {
    display: block;
    margin-bottom: 10px;
    background: url(../images/game_bg.jpg) 14px 100px no-repeat;
    cursor: pointer;
    color: #00659d;
}
/*.btn_bg_hover img {opacity:0.2; filter(alpha=20);}*/

#main #m_r .game_list {
    width: 910px;
    text-align: center;
    margin: 0 auto;
}

    #main #m_r .game_list ul {
        height: auto;
    }

        #main #m_r .game_list ul li {
            height: 130px;
            width: 130px;
        }

        #main #m_r .game_list ul .btn_game_jsxz .btn_other_js {
            display: block;
            width: 87px;
            height: 84px;
            left: 6px;
            _left: -60px
        }
/*home main end*/

/*newslist*/
.news_l {
    height: 193px;
    background: url(../images/news_left.jpg) right bottom no-repeat;
}

    .news_l span {
        width: 250px;
        height: 118px;
        display: inline-block;
        float: left;
    }

a.ad_down1:link, a.ad_down1:visited {
    display: inline-block;
    width: 266px;
    height: 55px;
    cursor: pointer;
}

a.ad_down1:hover, a.ad_down1:active {
    background: url(../images/btn_pg1.jpg) no-repeat right 0;
}

.news_loginout {
    background: url(../images/news_lbg.jpg) no-repeat 14px top;
    height: 59px;
}

    .news_loginout span {
        width: 14px;
        display: inline-block;
        float: left;
        height: 40px;
    }

    .news_loginout a:link, .news_loginout a:visited {
        display: inline-block;
        height: 42px;
        cursor: pointer;
        overflow: hidden;
        float: left;
    }

a.ad_reg1:link, a.ad_reg1:visited {
    width: 122px;
}

a.ad_reg1:hover, a.ad_reg1:active {
    background: url(../images/btn_reg02.gif) no-repeat 0 0;
}

a.ad_login1:link, a.ad_login1:visited {
    width: 128px;
}

a.ad_login1:hover, a.ad_login1:active {
    background: url(../images/btn_reg02.gif) no-repeat -122px -42px;
}

#loginin {
    height: 100px;
    background: url(../images/pic_login.gif) no-repeat 5px 27px;
    padding-left: 90px;
}

    #loginin dl dt {
        color: #e83515;
        font-weight: bold;
        line-height: 25px;
    }

    #loginin dl dd {
        line-height: 22px;
    }

        #loginin dl dd i {
            font-style: normal;
        }

    #loginin span {
        margin-top: 10px;
        display: inline-block;
        padding-right: 5px;
    }

    #loginin a.btn_s:link, a.btn_s:visited {
        padding: 0 10px;
    }

#main #m_r {
    width: 694px;
    float: left;
    overflow: hidden;
}

.m_r_t {
    width: 100%;
    overflow: hidden;
    float: left;
}

    .m_r_t span {
        display: inline-block;
        width: 100%;
        float: left;
    }

#title_bg {
    line-height: 60px;
    font-size: 12px;
    font-weight: normal;
    float: left;
    width: 97%;
    text-align: right;
    background-position: 35px 18px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.tit_newslist {
    background-image: url(../images/tit_news.gif);
    height: 71px;
}

.tit_help {
    background-image: url(../images/titl_ques.gif);
    height: 71px;
}

.tit_number {
    background-image: url(../images/titl_number.gif);
    height: 71px;
}

.tit_block {
    background: url(../images/titl_numsearch.gif) 0 20px;
    height: 71px;
}

.titl_appeal {
    background-image: url(../images/titl_appeal.gif);
    height: 71px;
}

.titl_appealok {
    background-image: url(../images/titl_appealok.jpg);
    height: 71px;
}

.tit_card {
    background-image: url(../images/titl_search1.png);
    height: 71px;
}

.tit_changename {
    background-image: url(../images/titl_changename.gif);
    height: 71px;
}

.tit_subcomment {
    background-image: url(../images/tit_quest.jpg);
    height: 71px;
}

.tit_tit_myquest {
    background-image: url(../images/tit_myquest.jpg);
    height: 71px;
}

.tit_game {
    background-image: url(../images/tit_game.gif);
    height: 71px;
    border-bottom: 1px solid #ededed;
}

.block_line {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
}

#m_r .m_r_l {
    background: url(../images/m_r_bg.gif) no-repeat 10px top;
    width: 20px;
    height: 550px;
    float: left;
}

#m_r .m_r_r {
    width: 674px;
    min-height: 550px;
    float: left;
    overflow: hidden;
    background: url(../images/m_r_bg.gif) no-repeat 673px top;
}

/* pay*/
.pay_l_t {
    background: url(../images/pay_l_top.gif) no-repeat left 33px;
    height: 36px;
    width: 266px;
}

.help_l_t {
    height: 35px;
    width: 266px;
}

.pay_l {
    background: url(../images/pay_l.gif) repeat-y right top;
}

.pay_l_b {
    background: url(../images/pay_l_b.gif) no-repeat right top;
    height: 2px;
}

#pay_menu h3 {
    height: 66px;
    background: url(../images/titl_pay.gif) no-repeat 20px 10px;
}

#pay_menu li {
    height: 56px;
    background: url(../images/pay_line.gif) no-repeat center top;
    text-align: left;
    padding-left: 35px;
    cursor: pointer;
}

    #pay_menu li b {
        display: inline-block;
        line-height: 20px;
        width: 100%;
        float: left;
        padding-top: 7px;
    }

    #pay_menu li i {
        color: #999;
        display: inline-block;
        line-height: 18px;
        font-style: normal;
    }

    #pay_menu li.sel {
        background: url(../images/pay_sel.gif) left top no-repeat;
    }

        #pay_menu li.sel b {
            color: #336699;
        }

.pay_flow {
    height: 150px;
    width: 100%;
    float: left;
}

    .pay_flow td {
        background-repeat: no-repeat;
        background-position: center 10px;
        padding-top: 110px;
        text-align: center;
        font-weight: bold;
        color: #333;
    }

        .pay_flow td i {
            font-style: normal;
            color: #999;
            display: block;
            font-weight: normal;
            text-align: left;
            padding-left: 40px;
            line-height: 14px;
        }

    .pay_flow .f01 {
        background-image: url(../images/pay_02.jpg);
        width: 33%;
    }

    .pay_flow .f02 {
        background-image: url(../images/pay_03.jpg);
        width: 33%;
    }

    .pay_flow .f03 {
        background-image: url(../images/pay_01.jpg);
        width: 34%;
    }

.pay_navi {
    border-bottom: 1px solid #c7c7c7;
    width: 95%;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    font-weight: normal;
    line-height: 35px;
    text-indent: 450px;
}


a.pay_code:link, a.pay_code:visited {
    background: #e7f5e1;
    width: 140px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 16px;
    border: 2px solid #afd18e;
    text-align: center;
    cursor: pointer;
    margin: 0 10px;
}

a.pay_code:hover, a.pay_code:active {
    background: #d7f1cc;
    color: #333
}

.confirm {
    background: #fcfaf1 url(../images/i_note.gif) no-repeat left top;
    border: 1px solid #ddd8b2;
    color: #999;
    clear: both;
    text-align: left;
    padding: 20px 15px;
    width: 90%;
    margin: 0 auto;
}

    .confirm h3 {
        font-size: 12px;
        font-weight: bold;
    }

    .confirm li {
        clear: both;
        line-height: 20px;
    }

.confirm1 {
    font-size: 12px;
    color: #999;
    background: url(../images/confirm.gif) no-repeat 0px 25px;
    padding: 20px 0 0 40px;
    clear: both;
    height: 50px;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    width: 90%;
    border-top: 1px dotted #ccc;
    margin-top: 20px;
}

/* help*/
#help_l_m {
    text-align: left;
    line-height: 25px;
    width: 266px;
}

    #help_l_m dl {
        clear: both;
        padding: 6px 10px;
    }

        #help_l_m dl dt {
            color: #cc0000;
            font-size: 14px;
            background: url(../images/quest_ltit.gif) no-repeat 0px center;
            font-weight: bold;
            text-indent: 10px;
        }

        #help_l_m dl dd {
            background: url(../images/dot.gif) no-repeat 15px center;
            height: 25px;
        }

            #help_l_m dl dd a:link, #help_l_m dl dd a:visited {
                display: inline-block;
                line-height: 25px;
                width: 98%;
                padding-left: 25px;
            }

            #help_l_m dl dd a:hover, #help_l_m dl dd a:active {
                background: url(../images/help_l_s.gif) no-repeat left center;
                color: #fff;
            }

#help_list {
    width: 95%;
    text-align: center;
    margin: 0 auto;
    clear: both;
    padding: 10px;
}

    #help_list dl {
        text-align: left;
    }

        #help_list dl dt {
            background: url(../images/i_ques.gif) no-repeat 5px center;
            font-weight: bold;
            padding-left: 25px;
            line-height: 25px;
        }

            #help_list dl dt i {
                font-style: normal;
                font-weight: normal;
                color: #929292;
                padding-left: 5px;
            }

        #help_list dl dd {
            padding-left: 25px;
            line-height: 22px;
        }

            #help_list dl dd.top {
                background: url(../images/box_l.gif) repeat-x left center;
                height: 30px;
            }

                #help_list dl dd.top a {
                    width: 35px;
                    height: 11px;
                    display: inline-block;
                    float: right;
                    background: url(../images/i_top.gif) no-repeat;
                }

#myques {
    width: 95%;
    text-align: center;
    margin: 0 auto;
    clear: both;
    padding: 10px;
}

    #myques dl {
        text-align: left;
    }

        #myques dl dt {
            background: url(../images/i_ques.gif) no-repeat 5px 3px;
            font-weight: bold;
            padding-left: 25px;
            line-height: 20px;
        }

            #myques dl dt b {
                font-weight: normal;
                color: #6699cc;
                padding-right: 5px;
            }

            #myques dl dt i {
                font-style: normal;
                font-weight: normal;
                color: #929292;
                display: block;
            }

        #myques dl dd {
            padding-left: 25px;
            line-height: 22px;
            background: url(../images/i_server.jpg) no-repeat 5px 3px;
        }

            #myques dl dd.top {
                background: url(../images/box_l.gif) repeat-x left center;
                height: 30px;
            }

                #myques dl dd.top a {
                    width: 35px;
                    height: 11px;
                    display: inline-block;
                    float: right;
                    background: url(../images/i_top.gif) no-repeat;
                }
/*user */
#user_l_m {
    border-top: 1px solid #c7c7c7;
    width: 236px;
    text-align: center;
    margin: 0 auto;
    clear: both;
    margin-top: 15px;
}

    #user_l_m li {
        height: 32px;
        line-height: 32px;
        text-align: left;
        clear: both;
    }

        #user_l_m li i {
            background-image: url(../images/i_help_m.gif);
            background-repeat: no-repeat;
            width: 45px;
            height: 16px;
            display: inline-block;
            float: left;
            margin-top: 7px;
        }

        #user_l_m li a:link, #user_l_m li a:visited {
            height: 30px;
            line-height: 30px;
            width: 100%;
            display: block;
        }

        #user_l_m li a:hover, #user_l_m li a:active {
            background-color: #ebf3f9;
            color: #006699;
        }

        #user_l_m li i.m01 {
            background-position: center 0;
        }

        #user_l_m li a:hover i.m01, #user_l_m li a:active i.m01 {
            background-position: center -64px;
        }

        #user_l_m li i.m02 {
            background-position: center -16px;
        }

        #user_l_m li a:hover i.m02, #user_l_m li a:active i.m02 {
            background-position: center -80px;
        }

        #user_l_m li i.m03 {
            background-position: center -32px;
        }

        #user_l_m li a:hover i.m03, #user_l_m li a:active i.m03 {
            background-position: center -96px;
        }

        #user_l_m li i.m04 {
            background-position: center -48px;
        }

        #user_l_m li a:hover i.m04, #user_l_m li a:active i.m04 {
            background-position: center -112px;
        }

        #user_l_m li i.m05 {
            background-position: center -128px;
        }

        #user_l_m li a:hover i.m05, #user_l_m li a:active i.m05 {
            background-position: center -144px;
        }

        #user_l_m li i.m06 {
            background-position: center -160px;
        }

        #user_l_m li a:hover i.m06, #user_l_m li a:active i.m06 {
            background-position: center -176px;
        }

.user_tit {
    border-bottom: 1px solid #c7c7c7;
    width: 95%;
    text-align: left;
    margin: 0 auto;
    font-size: 22px;
    line-height: 55px;
    font-family: "微软雅黑","黑体";
    clear: both;
    height: 55px;
    padding: 0;
}

    .user_tit b {
        float: left;
        display: inline-block;
        width: 60%;
        height: 55px;
    }

    .user_tit i {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        float: right;
        display: inline-block;
        width: 200px;
        text-align: right;
        line-height: 55px;
        height: 55px;
    }

        .user_tit i a {
            line-height: 55px;
            margin-top: 20px;
        }

.tbl_m {
    width: 95%;
    text-align: center;
    margin: 0 auto;
}

    .tbl_m table {
        width: 100%;
        clear: both;
    }

    .tbl_m th {
        background: url(../images/tbl_head.gif) repeat-x;
        height: 35px;
        line-height: 35px;
        border-left: 1px solid #e1eefa;
        border-right: 1px solid #e1eefa;
        text-align: center;
    }

    .tbl_m td {
        background: url(../images/xu_x.gif) repeat-x left bottom;
        line-height: 40px;
        text-align: center;
    }

        .tbl_m td a {
            margin-top: 10px;
        }

    .tbl_m i {
        font-size: 12px;
        font-style: normal;
        text-indent: 20px;
        float: left;
    }

.user_btn_a {
    position: relative;
    left: 100px;
    top: -50px;
}

/* num*/
#num_m {
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
}

    #num_m h1 {
        padding: 0px;
        margin: 0px;
        color: #ff0000;
        background: #ffffcc;
        width: 100%;
        display: inline-block;
        line-height: 25px;
        margin: 10px 0;
        text-align: left;
        height: 25px;
        font-size: 16px;
        text-indent: 2pt;
        border: 1px dashed #c9b96e
    }

    #num_m ul {
        width: 156px;
        _width: 115px;
        height: 65px;
        display: inline-block;
        float: left;
        border-bottom: 1px dashed #ccc;
        border-right: 1px dashed #ccc;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        cursor: pointer;
    }

        #num_m ul.nol {
            border-right: 1px solid #fff;
        }

        #num_m ul ol {
            font-size: 20px;
            line-height: 40px;
            text-align: left;
            color: #FF9900;
            width: 100%;
            padding-left: 45px;
            _padding-left: 0px;
        }

        #num_m ul li {
            text-align: center;
            _text-algin: left;
            _padding-left: 10px;
            width: 100%;
        }

        #num_m ul.over {
            background: #ffffcc;
            border: 1px solid #ff9933;
            cursor: pointer;
        }

#subTab {
    text-align: center;
    margin: 0 auto;
    width: 659px;
    overflow: hidden;
    padding-top: 5px;
    background: url(../images/regtab_01.gif) repeat-x left bottom;
}

    #subTab li {
        float: left;
        width: 164px;
        height: 100px;
        background-image: url(../images/tab_que.gif);
        background-repeat: no-repeat;
        cursor: pointer;
    }

        #subTab li.sel {
            background-image: url(../images/tab_que_sel.gif);
        }

        #subTab li.d_over {
            background-image: url(../images/tab_que_over.gif);
        }

    #subTab #s_01 {
        background-position: left -10px;
        border-left: none;
    }

    #subTab #s_02 {
        background-position: left -132px;
    }

    #subTab #s_03 {
        background-position: left -254px;
    }

    #subTab #s_04 {
        background-position: left -376px;
    }

.sub_que_txt {
    line-height: 30px;
    width: 100%;
}

    .sub_que_txt th {
        background: url(../images/xu_x.gif) repeat-x left bottom;
    }

.sub_que {
    text-align: center;
    margin: 0 auto;
    width: 659px;
    overflow: hidden;
}

    .sub_que h3 {
        background: url(../images/xu_x.gif) repeat-x left bottom;
        height: 40px;
        line-height: 40px;
    }

        .sub_que h3 b {
            float: left;
            background: url(../images/ico_ques.jpg) no-repeat left;
            padding-left: 25px;
            font-size: 14px;
        }

        .sub_que h3 a {
            float: right;
            margin-top: 10px;
        }

/* question explain*/
ul.topnav {
    list-style: none;
    margin: 0;
    float: left;
    width: 100%;
}

    ul.topnav li {
        float: left;
        text-align: left;
        border-bottom: 1px dotted #ccc;
        width: 219px;
        line-height: 30px;
        height: 30px;
        position: relative; /*--Declare X and Y axis base--*/
    }

        ul.topnav li a {
            cursor: pointer;
            width: 219px;
            display: block;
            font-weight: bold;
            color: #666;
            text-indent: 10px;
        }

        ul.topnav li ul.subnav {
            list-style: none;
            position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
            left: 0;
            top: 30px;
            background: #f1f1f1;
            padding: 0;
            display: none;
            float: left;
            width: 219px;
            color: #666;
            line-height: 20px;
            overflow: hidden;
        }

            ul.topnav li ul.subnav li {
                margin: 10px;
                line-height: 20px;
                top: 0px;
                height: auto;
                padding-top: 0px;
                border-bottom: 0;
                width: 200px;
            }
/* mobile*/
.m_menu {
    margin-top: 45px;
    float: right;
}

    .m_menu li.over a {
        color: #fff;
        background: #368efc;
    }

    .m_menu li {
        line-height: 32px;
        padding: 4px;
    }

        .m_menu li a {
            width: 160px;
            height: 32px;
            display: block;
            color: #333;
            font-weight: bold;
            text-align: center;
            margin: 0 auto;
            background: #bfd7fe;
            font-size: 14px;
        }

.game_tit {
    padding: 16px;
    display: block;
    clear: both;
}

    .game_tit .g_t_left, .game_tit .g_t_center, .game_tit .g_right {
        float: left;
    }

.g_t_left {
    width: 150px;
}

.g_t_center {
    width: 450px;
}

.g_right {
    width: 730px;
    padding-left: 20px;
}

.g_t_right {
    width: 120px;
    float: right;
}

.game_tit .g_t_center {
}

    .game_tit .g_t_center h3, .game_tit .g_right h3 {
        background: url(../images/m_tit_bg.gif) no-repeat left center;
        height: 48px;
        line-height: 48px;
        text-align: left;
        text-indent: 15px;
        font-weight: bold;
        color: #333;
        font-size: 18px;
    }

    .game_tit .g_t_center ul {
        padding-top: 8px;
    }

    .game_tit .g_t_center li {
        width: 48%;
        float: left;
        text-align: left;
        line-height: 22px;
    }

        .game_tit .g_t_center li dt, .game_tit .g_t_center li dd {
            float: left;
            text-indent: 10px;
        }

        .game_tit .g_t_center li dt {
            font-weight: bold;
        }

.game_tit .g_t_right li {
    float: left;
    height: 40px;
    margin-right: 4px;
    margin-top: 12px;
}

    .game_tit .g_t_right li img {
        padding-top: 10px;
    }

.game_tit .g_t_right span {
    text-align: center;
    display: inline-block;
    float: left;
}

    .game_tit .g_t_right span img {
        text-align: center;
        margin: 0 auto;
    }

.game_tit .g_right {
    text-align: left;
}

    .game_tit .g_right span {
        display: block;
        padding: 10px 0;
        clear: both;
        text-align: left;
        font-size: 14px;
    }

.game_detail {
    text-align: center;
    margin: 0 auto;
    width: 95%;
}

    .game_detail h3 {
        background: url(../images/i_t_bame.gif) no-repeat left center;
        text-align: left;
        text-indent: 30px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #333;
    }

.g_detail_txt {
    text-align: left;
    padding: 10px;
    background: url(../images/m_txt_bg.gif) repeat-x left top;
}

.game_pic_list a.btn_pre, .game_pic_list a.btn_next {
    display: inline-block;
    float: left;
    width: 22px;
    height: 100px;
    background-image: url(../images/game_arrow.gif);
    background-repeat: no-repeat;
    margin-top: 120px;
}

.game_pic_list {
    overflow: hidden;
}

.pic_list {
    width: 860px;
    overflow: hidden;
    height: 320px;
    margin: 0 auto;
}

    .pic_list ul {
        width: 10000px
    }

    .pic_list li, .pic_list ul, .pic_list {
        float: left;
    }

.game_pic_list li img {
    height: 300px;
    padding: 10px;
}

.g_t_top {
    text-align: left;
    font-size: 18px;
    padding: 0 0 8px 20px;
    margin: 0 0 5px 0;
    clear: both;
    font-weight: normal;
}

a.btn_pre {
    background-position: 0 30px;
    margin-right: 10px;
}

a.btn_next {
    background-position: -22px 30px;
    margin-left: 10px;
}

.mobGamedown {
    background-image: url(../images/mobdown.jpg);
    width: 196px;
    height: 63px;
    display: block;
    cursor: pointer;
}

    .mobGamedown:hover {
        background-position: 196px -63px;
    }

.mobil_tab {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    clear: both;
    background: url(../images/regtab_01.gif)repeat-x left bottom;
    height: 30px;
}

    .mobil_tab ul {
        height: 40px;
        vertical-align: bottom;
    }

    .mobil_tab li {
        float: left;
        padding: 0 30px;
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        height: 30px;
        cursor: pointer;
    }

    .mobil_tab .mobil_tab_1 {
        color: #666;
    }

    .mobil_tab .mobil_tab_sel {
        background: url(../images/mobil_tab.gif) repeat-x left top;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        color: #000;
    }

.num_box {
    border: 1px solid #ddd8b2;
    color: #999;
    background: #fcfaf1;
    padding: 10px;
    width: 180px;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}

    .num_box dl {
        text-align: left;
        border-bottom: 1px dotted #ccc;
    }

    .num_box dt, .num_box dd {
        line-height: 35px;
        font-size: 14px;
    }

        .num_box dt b {
            font-size: 20px;
            color: #FF0000
        }

    .num_box span {
        text-align: left;
        color: #999;
        font-size: 12px;
        float: left;
        padding: 10px 0;
        line-height: 20px;
    }

.backToTop {
    display: none;
    width: 18px;
    line-height: 1.2;
    padding: 5px 0;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer;
    opacity: 0.6;
    filter: Alpha(opacity=60);
}

.fileinput {
    position: absolute;
    z-index: 100;
    margin-left: 0px;
    width: 50px;
    cursor: pointer;
    font-size: 22px;
    opacity: 0;
    border: 1px solid #ddd;
    filter: alpha(opacity=0)* *margin-top:-30px;
    top: 0;
}
