 
                .loginBox
                {
                    font-size: 12px;
                    line-height: 1.5em;
                    color: #333;
                    margin-bottom: 10px;
                }
                .loginBox input
                {
                    vertical-align: middle;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 12px;
                    color: #333;
                }
                .loginBox .btnInput
                {
                    background: url(../images/icons_loginBox.gif) no-repeat;
                    background-color: transparent;
                    border: 0px;
                    text-align: center;
                    cursor: pointer;
                    color: #FFF;
                    height: 19px;
                    line-height: 19px;
                }
                .loginBox .icons
                {
                    float: left;
                    width: 0px;
                    height: 0px;
                    overflow: hidden;
                    background: url(../images/icons_loginBox.gif) no-repeat;
                    display: inline;
                }
                .loginBox .clearfix
                {
                    overflow: hidden;
                    zoom: 1;
                }
                .loginBox .clear
                {
                    clear: both;
                    height: 0px;
                    line-height: 0px;
                    font-size: 0px;
                    overflow: hidden;
                }
                .loginBox .tBorder, .loginBox .bBorder
                {
                    width: 233px;
                    height: 1px;
                    overflow: hidden;
                    font-size: 0px;
                    line-height: 0px;
                    margin: 0px auto;
                    background-color: #ffe0b1;
                }
                .loginBox .mainCon
                {
                    border: 1px solid #ffe0b1;
                    border-width: 0px 1px;
                }
                .ebookIndex .syntheticBox .loginBox .titleBar
                {
                    height: 25px;
                    line-height: 25px;
                    font-weight: bold;
                    color: #d94a00;
                    padding-left: 18px;
                    background-color: #ffefd6;
                    overflow: hidden;
                    background-image: none;
                }
                .ebookIndex .syntheticBox .loginBox .container
                {
                    height: 95px;
                    overflow: hidden;
                    background-color: #fff9f1;
                    border: 0px;
                    padding: 0px;
                }
                .loginBox .loging
                {
                    padding: 9px 0px 0px 19px;
                }
                .loginBox .loging dt
                {
                    float: left;
                    width: 48px;
                    line-height: 21px;
                }
                .loginBox .loging dd
                {
                    overflow: hidden;
                    zoom: 1;
                }
                .loginBox .loging dd.clear
                {
                    height: 6px; *height:4px;}
                .loginBox .loging .logInput
                {
                    width: 120px;
                    height: 19px;
                    line-height: 19px;
                    padding: 0px 2px;
                    border: 1px solid #ffd698;
                    background-color: #FFF;
                }
                .loginBox .loging .logBtn
                {
                    width: 40px;
                    background-position: -95px 0px;
                    float: left;
                    margin: 1px 5px 0px 0px;
                    display: inline;
                }
                .loginBox .loging .regBtn
                {
                    width: 36px;
                    background-position: -99px -21px;
                    float: left;
                    margin: 1px 7px 0px 0px;
                    display: inline;
                }
                .loginBox .loging a
                {
                    color: #999;
                }
                .loginBox .loged
                {
                    padding: 9px 0px 0px 18px;
                }
                .loginBox .loged .picInfo
                {
                    float: left;
                    width: 42px;
                    text-align: center;
                }
                .loginBox .loged .uPhoto
                {
                    float: left;
                    width: 40px;
                    height: 40px;
                    font-size: 0px;
                    line-height: 0px;
                    border: 1px solid #e4e4e4;
                    position: relative;
                    margin-bottom: 2px;
                }
                .loginBox .loged .uPhoto .icons
                {
                    position: absolute;
                    width: 2px;
                    height: 2px;
                }
                .loginBox .loged .uPhoto .lt
                {
                    background-position: -58px -24px;
                    left: -1px;
                    top: -1px;
                }
                .loginBox .loged .uPhoto .rt
                {
                    background-position: -60px -24px;
                    right: -1px;
                    top: -1px;
                }
                .loginBox .loged .uPhoto .lb
                {
                    background-position: -58px -26px;
                    left: -1px;
                    bottom: -1px;
                }
                .loginBox .loged .uPhoto .rb
                {
                    background-position: -60px -26px;
                    right: -1px;
                    bottom: -1px;
                }
                .loginBox .loged .uPhoto a
                {
                    float: left;
                }
                .loginBox .loged .txtInfo
                {
                    padding-left: 13px;
                    overflow: hidden;
                    zoom: 1;
                    line-height: 17px;
                }
                .loginBox .loged .level
                {
                    height: 24px;
                }
                /*2011.10.11*/.loginBox .loged .level .icons
                {
                    width: 14px;
                    height: 16px;
                    background-position: 0px -24px;
                    margin: 4px 4px 0px 0px;
                }
                /*2011.10.11*/.loginBox .loged .level span
                {
                    color: #999;
                }
                .loginBox .loged .coin
                {
                    height: 24px;
                    line-height:24px;
                }
                /*2011.10.11*/.loginBox .loged .level .tit, .loginBox .loged .coin .tit
                {
                    float: left;
                    width: 37px;
                    color: #999;
                }
                /*2011.10.11*/.loginBox .loged .coin .icons
                {
                    float: left;
                    font-size: 0px;
                    line-height: 0px;
                    overflow: hidden;
                    background: url(../images/coinIcon.gif) no-repeat;
                    display: inline;
                    margin: 5px 4px 0px 0px;
                    width: 14px;
                    height: 13px;
                    background-position: -20px 0px;
                }
                /*2011.10.11*/.loginBox .loged .ep
                {
                    height: 26px;
                    overflow: hidden;
                    zoom: 1;
                }
                .loginBox .loged .ep .icons
                {
                    width: 15px;
                    height: 14px;
                    background-position: -38px -25px;
                    margin: 6px 3px 0px 0px;
                }
                .loginBox .loged .enterBtn
                {
                    width: 90px;
                    background-position: 0px 0px;
                    margin-top: 6px;
                }
                .enterUCBtn
                {
                    float: left;
                    background: url(../images/bg_enterUC.gif) no-repeat;
                    width: 112px;
                    height: 19px;
                    text-align: center;
                    line-height: 19px;
                    color: #FFF !important;
                    margin-top: 6px;
                }
                a.enterUCBtn:hover
                {
                    color: #FFF;
                }
                .regLinkBtn
                {
                    float: left;
                    width: 36px;
                    height: 19px;
                    text-align: center;
                    line-height: 19px;
                    color: #FFF !important;
                    overflow: hidden;
                    margin: 1px 7px 0px 0px;
                    display: inline;
                    background: url(../images/icons_loginBox.gif) no-repeat -99px -21px;
                }
                a.regLinkBtn:hover
                {
                    color: #FFF;
                }
  .sevenDaysArea
                {
                    margin-top: 10px;
                    line-height: 18px;
                }
                .sevenDaysArea .sevenDaysBox
                {
                    float: left;
                    width: 453px;
                    border: 1px solid #e3e3e3;
                }
                .sevenDaysArea .sevenDaysBox .titleBar
                {
                    height: 26px;
                    line-height: 26px;
                    border-bottom: 1px solid #f3f3f3;
                    background: url(../images/icon_sevenDays.gif) repeat-x 0px -46px;
                    font-size: 18px;
                    color: #cc0000;
                    font-family: Î¢ÈíÑÅºÚ;
                    padding: 0px 12px;
                    font-weight: bold;
                }
                .sevenDaysArea .sevenDaysBox .titleBar .viewMore
                {
                    float: right;
                    color: #cc0000;
                    font-size: 12px;
                    font-family: Arial, Helvetica, sans-serif;
                    font-weight: normal;
                }
                .sevenDaysArea .sevenDaysBox .titleBar b
                {
                    float: left;
                    font-size: 0px;
                    line-height: 0px;
                    overflow: hidden;
                    width: 3px;
                    height: 13px;
                    background: url(../images/icon_sevenDays.gif) no-repeat -52px 0px;
                    margin: 6px 6px 0px 0px;
                    display: inline;
                }
                .sevenDaysArea .sevenDaysBox .container
                {
                    background-color: #f8f8f8;
                    height: 196px;
                    padding-top: 8px;
                }
                .sevenDaysArea .sevenDaysBox .container .dirBtn
                {
                    float: left;
                    width: 13px;
                    height: 46px;
                    font-size: 0px;
                    line-height: 0px;
                    overflow: hidden;
                    margin-top: 50px;
                    background: url(../images/icon_sevenDays.gif) no-repeat;
                    cursor: pointer;
                }
                .sevenDaysArea .sevenDaysBox .container .screen
                {
                    float: left;
                    width: 411px;
                    height: 196px;
                    margin-left: 8px;
                    display: inline;
                    position: relative;
                    overflow: hidden;
                }
                .sevenDaysArea .sevenDaysBox .container .screen ul
                {
                    width: 9999px;
                    height: 196px;
                    position: absolute;
                }
                .sevenDaysArea .sevenDaysBox .container .screen ul li
                {
                    float: left;
                    width: 105px;
                    margin: 0px 16px;
                    display: inline;
                }
                .sevenDaysArea .sevenDaysBox .container .screen ul li .bookCover
                {
                    font-size: 0px;
                    line-height: 0px;
                }
                .sevenDaysArea .sevenDaysBox .container .screen ul li .bookCover a
                {
                    float: left;
                }
                .sevenDaysArea .sevenDaysBox .container .screen ul li .bookCover a img
                {
                    width: 101px;
                    height: 149px;
                }
                .sevenDaysArea .sevenDaysBox .container .screen ul li .bookInfo
                {
                    text-align: center;
                    color: #cc0000;
                    margin-top: 2px;
                }
                .sevenDaysArea .sevenDaysBox .container .screen ul li .bookInfo p
                {
                    height: 18px;
                    overflow: hidden;
                }
                .sevenDaysArea .readArea .container .leftBtn
                {
                    background-position: 0px 0px;
                }
                .sevenDaysArea .readArea .container .rightBtn
                {
                    background-position: -13px 0px;
                    float: right;
                }
                .sevenDaysArea .downLoadArea
                {
                    float: right;
                }
                .sevenDaysArea .downLoadArea .container .leftBtn
                {
                    background-position: -26px 0px;
                }
                .sevenDaysArea .downLoadArea .container .rightBtn
                {
                    background-position: -39px 0px;
                    float: right;
                }