﻿body 
{
    background:#fff url(../img/book/phone_Bg1.png);
}
#topBox
{
    padding: 8px 12px;
    background: #09f;
    position: relative;
    height: 28px;
}
#btn_back
{
    display:block;
    text-indent:-99999px;
    width:28px;
    height:28px;
    background:url(../img/book/phone_btn_back_2.png) no-repeat;
}
#btn_erweima
{
    display:block;
    width:20px;
     height:20px;
     position:absolute;
     right:40px;
     text-indent:-9999px;
     background:url(../img/book/icon_erweima.png) no-repeat left center;
     top:50%;
     margin-top:-10px;
}
#btn_share
{
    display:block;
    width:20px;
     height:20px;
     position:absolute;
     right:12px;
     text-indent:-9999px;
     background:url(../img/book/icon_share_white.png) no-repeat left center;
     background-size:100% 100%;
     top:50%;
     margin-top:-10px;
}
#headBox
{
  background:url(../img/book/phone_book_bg2.jpg) no-repeat center center;
  background-size:100% 100%;
}

#headBox table
{
    width:100%;
    
}
#headBox table tr td
{
    padding:5px;
}
#bookCoverImgBox
{
    padding-bottom:0 !important;
}
#bookCoverImg
{
    width:100px;
    margin:10px;
    margin-bottom:0;
}
#bookInfo
{
}
#bookInfo h1
{
    font-size:16px;
    font-family:"微软雅黑";
    margin:5px 0;
    color:#09f;
}
#bookInfo a#btn_selectBook
{
    font-size:12px;
    color:#fff;
    border-radius:4px;
    padding:5px;
    display:inline-block;
    margin-left:8px;
    background:#9DD8F6;
    /*padding-right:20px;
    background:#9DD8F6 url(../img/book/icon_down.png) no-repeat center right 5px;*/
}

#actionBox
{
    vertical-align:top;
}

#btn_bookshelf
{
     display:inline-block;
     background:#09f url(../img/book/icon_add_18.png) no-repeat 7px center;
     font-size:14px;
     color:#fff;
     font-family:"微软雅黑";
     line-height:30px;
     border-radius:4px;
     padding:0 10px 0 28px;
    margin-left:8px;
    margin-bottom:7px;
}
#btn_bookshelf.remove
{
     background:#f90 url(../img/book/icon_remove_18.png) no-repeat 7px center;
     color:#fff;
}
#btn_unlock
{
}

#btn_neetLogin
{
    font-size:12px;
    line-height:1.5em;
    color:#f66;
    padding:0.5em;
    margin-left:8px;
    border-radius:4px;
    text-indent:22px;
    display:inline-block;
    background:#ffc url(../img/book/icon_info_red.png) no-repeat 5px center;
}
#lbl_unlocked
{
    color:#09f;
    padding:0.5em;
    font-size:12px;
    line-height:1.5em;
    margin-left:8px;
    border-radius:6px;
    display:inline-block;
    text-indent:22px;
    background:#fff url(../img/book/icon_unlocked_blue.png) no-repeat 5px center;
    border:1px solid #9DD8F6;
}
#btn_unlock
{
    font-size:12px;
    line-height:1.5em;
    color:#c00;
    padding:0.5em;
    margin-left:8px;
    border-radius:6px;
    text-indent:22px;
    display:inline-block;
    background:#ffc url(../img/book/icon_lock_red.png) no-repeat 5px center;
}

#extBox
{
    text-align:center;
    padding-top:0 !important;
}

#btn_bczl
{
    font-size:12px;
    color:#d81e06;
    display:inline-block;
    text-indent:23px;
    background:url(../img/book/icon_remind.png) no-repeat 5px center;
    border-radius:4px;
}

#bookActionBox
{
    width:100%;
}
#bookActionBox tr td
{
    width:33.333%;
} 
#bookActionBox tr td a
{
    width:33.333%;
}
#bookActionBox tr td a img
{
    display:block;
    width:70%;
    margin:6px auto;
}



.commTab_Top
{
	background:#F0F0F0;	
}
.commTab_Top a
{
	display:inline-block;
	width:50%;
	text-align:center;
	font-size:14px;
	font-family:"微软雅黑";
	text-decoration:none;
	color:#363636;
	line-height:36px;
	border-bottom:2px solid #E8E8E8;
}
.commTab_Top a.current
{
	color:#09f;
	border-bottom:2px solid #99CCFF;
}
.commTab_Content
{
}

.swiper-container
{
	height:auto !important;	
}
.swiper-wrapper
{
	height:auto !important;	
}
.swiper-slide
{
	height:auto !important;	
    position:relative;
}

#menuBox
{
    padding:5px;
}
#menuBox h2
{
    font-size:16px;
    padding:1em 1em;
    font-family:"微软雅黑";
    text-align:center;
    color:#636363;
    font-weight:normal;
}
#menu
{
}
#menu.mtree
{
    padding:0;
    line-height:1.5em;
}
#menu.mtree a
{
    color:#666;
    font-family:"微软雅黑";
    font-weight:normal;
}

#menu.mtree a.lock
{
    color:#999;
}
#menu.mtree a.lock span
{
    background:url(../img/book/icon_lock_16_red.png) no-repeat center center;
    display:inline-block;
    width:16px;
    margin-left:5px;
    margin-right:-4px;
    height:26px;
    text-indent:-9999px;
}



ul.mtree.bubba > li.mtree-open > a {
    background: transparent;
}
ul.mtree.bubba li.mtree-active > a {
    background: #9DD8F6;
    color: #FFF;
}
ul.mtree.bubba li > a:hover {
    background: #9DD8F6;
}


#kechengList
{
    padding:5px;
}
#kechengList li
{
    border:1px solid #efefef;
    background:#fff;
    padding:10px;
    margin-bottom:5px;
}
#kechengList li a
{
}
#kechengList li a img
{
    display:block;
    width:100%;
}
#kechengList li a h5.name
{
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 1.8em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#kechengList li a div.info
{
    text-align: center;
    font-size: 14px;
    line-height: 1.8em;
}
#kechengList li a div.info span.keshi
{
    color:#999;
}
#kechengList li a div.info span.vr
{
    color:#999;
}
#kechengList li a div.info span.price
{
    color: #DD4F43;
}


#bookshelf
{
    padding:5px;
}

#bookshelf div.item
{
    width: 33.33%;
    float: left;
    text-align: center;
}

#bookshelf div.item a
{
    display: block;
    width: 90%;
    margin: 10px auto;
    position:relative;
}

#bookshelf div.item a img.cover
{
    display: block;
    width: 100%;
    border: none;
    border:1px solid #efefef;
}
#bookshelf div.item a img.fx_shadow
{
    display: block;
    height:100%;
    position:absolute;
    right:-10px;
    top:0;
    display:none;
}
#bookshelf div.item a img.fx_leftside
{
    display: block;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:none;
}

#btn_moreKeCheng,#btn_moreBook
{
    display:block;
    margin:20px auto;
    width:50%;
    max-width:300px;
}
#btn_moreKeCheng img,#btn_moreBook img
{
    display:block;
    width:100%;
}

#bookBC
{
    color:#9DD8F6;
    text-align:center;
    line-height:1.5em;
    font-size:12px;
}