/*Reset*/
body {
    font-family: '΢ÈíÑźÚ', Arial£¬'ËÎÌå', SimSun, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}
a, a:hover {
    text-decoration: none;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1, h2, h3, h4 {
    font-family: 'Microsoft YaHei', sans-serif;
}
.font_24 {
    font-size: 24px !important;
}
input:focus {
    outline: none;
}
.container-full {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
.container-full:before, .container-full:after {
    display: table;
    content: ' ';
}
.container-full:after {
    clear: both;
}

/*Header*/
.logo {
    position: relative;
}
.breadcrumb {
    line-height: 20px;
}
.toolbar {
    padding-top: 10px;
    height: 40px;
    border-bottom: #e1e1e1 1px solid;
    background: #eff1f1;
}
.toolbar a {
    color: #333;
}
.toolbar .form-group {
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
}
.toolbar .logintxt, .toolbar .login {
    float: left;
    height: 30px;
    margin-left: 10px;
}
.inpdiv {
    font-size: 12px;
    line-height: 1;
}
.toolbar .link {
    float: right;
}
.toolbar .link a {
    margin-left: 20px;
    cursor: pointer;
    display: inline-block;
    padding: 0 3px;
    *display: inline;
    *zoom: 1;
}
.btn-login {
    font-size: 12px;
    height: 23px;
    padding: 2px 6px;
    vertical-align: inherit;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #f1f0f0;
}
.header-top {
    line-height: 103px;
    height: 111px;
}
.header-banner .item {
    height: 295px;
}
.activeBook .activeTitle {
    text-align: center;
    font-size: 36px;
    color: #fff;
    display: block;
    margin-top: 32px;
}
.activeBook .activate {
    position: absolute;
    z-index: 988;
    top: 80px;
    right: 4%;
    width: 292px;
    height: 324px;
    padding: 0 24px;
    background: url(../images/module_box.png) 0 0 repeat;
}
.activeBook .activate .code {
    margin-top: 23%;
    margin-bottom: 48px;
}
.activeBook .code .form-control {
    text-align: center;
}
.activeBook .activate .btn {
    color: #fff;
    background-color: #188eee;
}
.header-nav {
    font-size: 15px;
    line-height: 50px;
    height: 50px;
    margin-bottom: 15px;
    background-color: #188eee;
}
.header-nav .container-full {
    position: relative;
}
.header-nav .nav-list {
    font-family: 'Microsoft YaHei', sans-serif;
    position: absolute;
    top: 0;
    left: 260px;
    list-style: none;
}
.header-nav .nav-list li {
    float: left;
    padding: 0 10px;
}
.header-nav .nav-list li:hover{
    background-color: #7eb3de;
}
.header-nav .nav-list a, .header-nav .nav-select > a {
    display: block;
    padding: 0 17px;
    text-align: center;
    color: #fff;
}

/*.header-nav .nav-list a:hover, .header-nav .nav-select > a:hover {
    background-color: #b08955;
}*/
.header-nav .nav-select {
    position: relative;
    display: inline-block;
    width: 240px;
    background-color: #7eb3de;
    *display: inline;
    *zoom: 1;
}
.header-nav .nav-select .menu-list {
    position: absolute;
    z-index: 999;
    top: 50px;
    padding-top: 15px;
    left: 0;
    display: none;
    width: 100%;
    border-bottom: 30px solid #fff;
}
.header-nav .nav-select:hover .menu-list {
    display: block;
    background-color: #fff;
}
.header-nav .nav-select .glyphicon {
    padding-left: 15px;
}
.header-search {
    position: absolute;
    top: 5px;
    right: 1px;
}
.header-search input.search-input {
    font-size: 12px;
    line-height: 40px;
    width: 333px;
    height: 40px;
    padding: 6px 10px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #eee;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.header-search input.search-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.header-search input.submit-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -5px;
    margin-left: -6px;
    padding: 0;
    vertical-align: middle;
    text-indent: -9999px;
    border: none;
    background: url(../images/icon-search.png) no-repeat center center;
    background-color: #5593e5;
    padding: 19px 38px;
    *display: inline;
    *zoom: 1;
}
.header-search .search-tip {
    position: absolute;
    z-index: 9999;
    top: 80px;
    right: 60px;
    display: none;
    width: 580px;
    height: 230px;
    border: 4px solid #188eee;
    background: url(../images/search-tip.jpg) no-repeat center center;
}
.header-search .search-tip .arrow {
    position: absolute;
    top: -18px;
    right: 100px;
    display: none;
    width: 30px;
    height: 15px;
    background: transparent url(../images/search-arrow.png) no-repeat center center;
}

/*side*/
.side-left,.side-left-fixed {
    float: left;
    width: 240px;
    background-color: #fff;
    z-index: 1000;
    display: block;
}
.side-right {
    float: right;
    width: 210px;
}
.menu-list,.menu-list3 {
    margin-bottom: 20px;
}
.menu-list h2,.menu-list3 h2{
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    padding-left: 20px;
    color: #7eb3de;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.menu-list .menu-item h3,.menu-list3 .menu-item h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding-left: 20px;
    cursor: pointer;
    color: #2f2822;
    border-bottom: 1px solid #e5e5e5;
}
.menu-list .menu-item,.menu-list3 .menu-item {
    position: relative;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.menu-list3 .active {
    color:#188eee!important;
}
.menu-list .menu-item:hover .after {
    position: absolute;
    right: -1px;
    bottom: 0;
    width: 210px;
    height: 3px;
    content: '';
    background: #188eee;
}
.menu-list .menu-item:hover .top,.menu-list3 .menu-item:hover .top {
    position: absolute;
    top: 0;
    right: -1px;
    width: 210px;
    height: 3px;
    content: '';
    background: #188eee;
}
.menu-list .menu-item .before,.menu-list3 .menu-item .before {
    position: absolute;
    z-index: 9;
    right: -2px;
    bottom: -94px;
    display: none;
    width: 3px;
    height: 97px;
    content: '';
    background: #188eee;
}
.menu-list .menu-item:hover .before {
    display: block;
}
.menu-list .menu-item .menu-item-sub {
    position: absolute;
    z-index: 999;
    top: 37px;
    left: 239px;
    display: none;
    width: 475px;
    padding: 10px 20px;
    border: 2px solid #188eee;
    background-color: #fff;
    font-size: 12px;
}
.menu-list .menu-item ul:hover +.menu-item-sub {
    display: block;
}
.menu-list .menu-item .menu-item-sub:hover{
    display: block;
}
.menu-sub-hover{
    background-color: #fff!important;
    border: 2px solid #188eee!important;
    border-right: none!important;
    z-index: 1002!important;
    left: 1px!important;
    width: 101%!important;
    top: 1px!important;
}
.menu-list .menu-item .menu-item-sub .cat-list {
    overflow: hidden;
    padding: 10px 0;
}
.menu-list .menu-item .menu-item-sub .cat-list span {
    display: inline-block;
    float: left;
}
.menu-list .menu-item .menu-item-sub .cat-list .leftTitle {
    width: 21%;
    color: #7d7d7d;
}
.menu-list .menu-item .menu-item-sub .cat-list .leftTitle a {
    color: #7d7d7d;
}
.menu-list .menu-item .menu-item-sub .cat-list .titleList {
    width: 56%;
}
.menu-list .menu-item .menu-item-sub .cat-list .titleList a {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.menu-list .menu-item .menu-item-sub .cat-list .listBtnW {
    width: 23%;
    float: right;
}
.bottom_line {
    border-bottom: 2px dotted #bcbdbd
}
.menu-list .menu-item .menu-item-sub .cat-list .listBtnW .active {
    padding: 5px 15px;
    border: 1px solid #1e90ed;
    display: block;
    background-color: #d5e6ff;
    color: #1e90ed;
}
.menu-list .menu-item .menu-item-sub .cat-list .listBtnW .active:hover{
    /*background-color: #DBE6F6;*/
    opacity: 0.8;
}
.menu-list .menu-item .menu-item-sub .cat-list .listBtn {
    padding: 5px 15px;
    border: 1px solid #bfbfbf;
    display: block;
    background-color: #f1f0f0;
    color: #bfbfbf;
    cursor:pointer;
}
.menu-list .menu-item .menu-item-sub p {
    line-height: normal;
    margin: 0 0 0 -5px;
}
.menu-list .menu-item .menu-item-sub a {
    line-height: 18px;
    display: inline-block;
    height: 18px;
    margin: 4px 0 4px 0;
    padding: 0 5px 0 10px;
    color: #333;
}
.menu-list .menu-item h3 .glyphicon {
    float: right;
    margin-top: 9px;
    margin-right: 12px;
    color: #cdcdcd;
}
.menu-list .menu-item ul {
    position: relative;
}
.menu-list .menu-item li,.menu-list3 .menu-item li {
    position: relative;
    z-index: 1000;    /*background-color: #fbfbfc;*/
    line-height: 35px;
    letter-spacing: -.31em;
    word-spacing: -.43em;
    border: 3px solid transparent;
    border-bottom: 1px solid #e5e5e5;
    *letter-spacing: normal;
}
.menu-list .menu-item li a,.menu-list3 .menu-item li a {
    color: #7d7d7d;
    font-size: 14px;
    display: inline-block;
    padding-left: 15px;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    color: #333;
    *display: inline;
    *zoom: 1;
}
.menu-list .menu-item li .child-item {
    border-top: 1px solid #e5e5e5;
}
.menu-list .menu-item li .child-item li:last-child {
    border-bottom: 0;
}
.menu-list .menu-item li a:hover, .menu-list .menu-item .menu-item-sub a:hover,.menu-list3 .menu-item li a:hover {
    color: #188eee;
}
.link-box {
    margin-bottom: 10px;
}
.side-right .side-list {
    border: 3px solid #f4f4f4;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.side-right .side-list.not-login {
    background-color: #f4f4f4;
}
.side-right .side-list.not-login .side-list-ul {
    display: none;
}
.side-right .side-list.not-login .tips {
    color: #727272;
    height: 240px;
    line-height: 240px;
    font-size: 14px;
    text-align: center;
    background-color: #e4e4e4;
}
.side-right .side-list h2 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 16px;
    color: #2f2822;
}
.side-right .side-list-ul li {
    border-bottom: 1px dotted #d8d8d8;
    line-height: 35px;
    font-size: 14px;
    color: #2f2822;
}
.side-right .side-list-ul li p {
    margin: 0;
}
.side-right .side-list-ul li .name {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
    height: 35px;
}
.side-right .side-list-ul li .name a {
    color: #2f2822;
}
.side-right .side-list-ul li .img, .side-right .side-list-ul li .meta, .side-right .side-list-ul li .zb {
    display: none;
}
.side-right .side-list-ul .num {
    padding-right: 8px;
}
.side-right .side-list-ul li.item {
    position: relative;
    height: 145px;
    vertical-align: top;
}
.side-right .side-list-ul li.item .num {
    position: absolute;
    left: 0px;
    top: 6px;
    z-index: 2;
    font-size: 16px;
    color: #000;
    height: 24px;
    line-height: 24px;
}
.side-right .side-list-ul li.item .img {
    position: absolute;
    left: 16px;
    top: 11px;
    display: block;
    width: 65px;
    height: 92px;
}
.side-right .side-list-ul li.item img {
    width: 65px;
    height: 92px;
}
.side-right .side-list-ul li.item .name {
    height: 38px;
    line-height: 18px;
    position: absolute;
    overflow: hidden;
    top: 9px;
    left: 85px;
    margin: 0;
    width: auto;
    white-space: inherit;
}
.side-right .side-list-ul li.item .name a {
    color: #9e7537;
}
.side-right .side-list-ul li.item .meta {
    position: absolute;
    top: 48px;
    left: 85px;
    line-height: 18px;
    font-size: 12px;
    display: block;
}
.side-right .side-list-ul li.item .zb {
    position: absolute;
    top: 85px;
    left: 85px;
    line-height: 18px;
    font-size: 12px;
    display: block;
}
.side-right .side-list-ul .num.hot, .side-right .side-list-ul li.item .num.hot {
    color: #d80000;
}

/*category*/
.content-right {
    overflow: hidden;
    padding-left: 20px;
    *zoom: 1;
}
.content-left {
    overflow: hidden;
    margin-right: 220px;
    *zoom: 1;
}
.breadcrumb {
    margin-bottom: 10px;
    background: transparent;
}
.breadcrumb li a {
    color: #333;
}
.breadcrumb li a:hover {
    opacity: .7;
}
.breadcrumb li.active a {
    color: #428bca;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    content: '>\0000a0';
    color: #ccc;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #428bca;
    border-color: #ddd;
    background-color: #f5f5f5;
}
.sort-bar {
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}
.sort-bar .sort-item a {
    line-height: 24px;
    display: inline-block;
    width: 85px;
    margin-right: 5px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fff;
    *display: inline;
    *zoom: 1;
}
.sort-bar .sort-item a .glyphicon {
    color: #ccc;
}
.sort-bar .sort-item a.curr {
    color: #fff;
    border-color: #188eee;
    background-color: #188eee;
}
.sort-bar .sort-item a.curr .glyphicon {
    color: #fff;
}

/*cat-list*/
.cat-bookitem {
    overflow: hidden;
    padding: 15px 0 15px 10px;
    /*border-bottom: 1px dotted #ccc;*/
}
.cat-bookitem .img img {
    width: 135px;
    height: 180px;
}
.cat-bookitem .img {
    display: block;
    float: left;
    margin-right: 15px;
}
.cat-bookitem .intro {
    overflow: hidden;
}
.cat-bookitem .intro .title {
    font-size: 16px;
    line-height: 34px;
    color: #188eee;
}
.cat-bookitem .intro .title:hover {
    opacity: .7;
}
.cat-bookitem .intro li {
    line-height: 21px;
}
.cat-bookitem .intro .sales {
    margin-top: 10px;
}
.cat-bookitem .intro .sales a {
    margin-right: 5px;
}
.cat-bookitem .intro .sales .btn {
    line-height: 1;
    margin-right: 10px;
}

/*featuer*/
.feature-header {
    font-size: 23px;
    margin-top: 60px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
}
.feature-banner img {
    width: 100%;
}
.feature-header h3 {
    position: relative;
    display: inline-block;
    margin: 0;
    *display: inline;
    *zoom: 1;
}
.feature-header h3 .before {
    position: absolute;
    top: 50%;
    left: -105px;
    width: 100px;
    height: 26px;
    margin-top: -13px;
    background: url(../images/feature-h3-before.png) no-repeat center center;
}
.feature-header h3 .after {
    position: absolute;
    top: 50%;
    right: -110px;
    width: 100px;
    height: 26px;
    margin-top: -13px;
    background: url(../images/feature-h3-after.png) no-repeat center center;
}
.feature-header h3 .sub {
    color: #3fb6fe;
}
.main-feature .side-right .side-list {
    margin-top: 35px;
    border: none;
}
.main-feature .side-right .side-list h2, .main-feature .content-left h2 {
    font-size: 24px;
    margin-bottom: 25px;
    color: #188eee;
}
.main-feature .side-right {
    border-left: 1px solid #dbdbdb;
}
.main-feature .content-left h2 {
    margin-top: 45px;
}
.feature-list {
    overflow: hidden;
    padding-left: 15px;
    *zoom: 1;
}
.feature-list .featuer-row {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.feature-list .featuer-item {
    float: left;
    width: 50%;
    padding: 15px 20px 15px 5px;
}
.feature-list .featuer-item .img {
    float: left;
    margin-right: 10px;
}
.feature-list .featuer-item .img img {
    width: 105px;
    height: 145px;
}
.feature-list .featuer-item .img:hover img {
    opacity: .6;
}
.feature-list .featuer-item .intro {
    padding-top: 15px;
}
.feature-list .featuer-item .title {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 5px;
    color: #3e3e3e;
    *display: inline;
    *zoom: 1;
}
.feature-list .featuer-item .title:hover {
    opacity: .8;
}
.feature-list .featuer-item li {
    line-height: 24px;
}

/*.details*/
.main-details .details-header {
    overflow: hidden;
    height: 38px;
    margin-bottom: 10px;
}
.main-details .details-header .btn-primary {
    color: #fff;
}
.minLineHeight {
    line-height: 20px;
}
.main-details .details-header h1 {
    font-size: 24px;
    float: left;
    margin: 0;
    color: #188eee;
}
.main-details .details-header .share-bar {
    height: 25px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
    *display: inline;
    *zoom: 1;
}
.main-details .details-header .btn {
    line-height: 1.2;
}
.main-details .menu-list .menu-item li a {
    width: 100%;
}
.main-details .menu-list .menu-item ul.child-item a {
    padding-left: 60px;
    background: url(../images/ul-child-dot.png) no-repeat 35px center;
}
.main-details .detail-content {
    margin-bottom: 25px;
}
.main-details .detail-content .placeholder-img {
    width: 100%;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.main-details .detail-intro {
    min-height: 200px;
    padding: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.main-details .detail-intro .tab-pane {
    padding: 15px;
    overflow: hidden;
}

/*picSlideWrap*/
#picSlideWrap .imgnav {
    width: 690px;
    margin: 10px auto;
}
#picSlideWrap .imgnav {
    position: relative;
    width: 690px;
    margin: 0 auto;
}
#picSlideWrap #img {
    position: relative;
    z-index: 10;
    width: 673px;
    text-align: center;
}
#picSlideWrap #img img {
    display: none;
    height: 470px;
}
#picSlideWrap #front, #picSlideWrap #next {
    position: absolute;
    top: 50%;
    display: block !important;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    cursor: pointer;
    text-indent: -999em;
}
#picSlideWrap #front {
    left: -40px;
    background: url(../images/sliderbox-pre.png) no-repeat;
}
#picSlideWrap #next {
    right: -40px;
    background: url(../images/sliderbox-next.png) no-repeat;
}
#picSlideWrap #cbtn {
    position: relative;
    width: 683px;
    height: 160px;
    margin-top: 32px;
}
#picSlideWrap #cbtn ul {
    position: relative;
    width: 10000px;
    height: 122px;
}
#picSlideWrap #cbtn ul li {
    position: relative;
    float: left;
    width: 160px;
    height: 120px;
    margin-right: 15px;
    cursor: pointer;
    text-align: center;
    border: 2px solid #d1d1d1;
}
#picSlideWrap #cbtn ul li img {
    display: block;
    width: 156px;
    height: 116px;
}
#picSlideWrap #cbtn li.hov {
    border-color: #3da9e4;
}
#picSlideWrap .ctrl div {
    clear: both;
}
#picSlideWrap #cSlideUl {
    position: relative;
    top: 10px;
    overflow: hidden;
    width: 700px;
    height: 120px;
    margin: 0 auto;
}
#picSlideWrap .picSildeLeft {
    position: absolute;
    z-index: 9;
    top: 30px;
    left: -35px;
    width: 30px;
    height: 85px;
    cursor: pointer;
    background: url(../images/sliderbox-left.png) no-repeat center center;
}
#picSlideWrap .picSildeRight {
    position: absolute;
    z-index: 9;
    top: 30px;
    right: -35px;
    width: 30px;
    height: 85px;
    cursor: pointer;
    background: url(../images/sliderbox-right.png) no-repeat center center;
}

/*list-details*/
.list-details .menu-list .menu-item li a {
    width: 100%;
}
.list-details-header {
    margin: 12px 0;
    border-bottom: 3px solid #f7f7f7;
}
.list-details-header h3 {
    font-size: 20px;
    line-height: 40px;
    margin: 10px 0;
    color: #188eee;
}
.book-details-intro .cat-bookitem {
    padding-top: 0;
    border: 0;
}
.book-details-intro .cat-bookitem .intro .title {
    color: #3e3e3e;
}
.book-details-intro .cat-bookitem ul {
    position: relative;
}
.book-details-intro .cat-bookitem ul li {
    line-height: 24px;
}
.book-details-intro .cat-bookitem ul .sales {
    position: absolute;
    right: 100px;
    bottom: 0;
}
.book-details-intro .intro-more {
    position: relative;
    border-top: 1px solid #eee;
}
.book-details-intro .intro-more .tip {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    cursor: pointer;
    color: #797878;
    border: 1px solid #eee;
    border-top: 0;
    line-height: 20px;
}
.book-details-intro .intro-more .glyphicon {
    padding: 0 3px;
}
.book-details-intro .intro-more .inner {
    padding: 30px 15px 15px;
    border: 1px solid #eee;
    border-top: 0;
}
.affix-selector {
    padding: 0 5px;
    border: 1px solid #ddd;
}
.affix-selector dl {
    overflow: hidden;
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
}
.affix-selector dl:last-child {
    border-bottom: none;
}
.affix-selector dt {
    font-weight: normal;
    line-height: 23px;
    float: left;
    width: 100px;
    padding-right: 20px;
    text-align: right;
}
.affix-selector dd {
    overflow: hidden;
    margin-left: 100px;
    padding-right: 5px;
    *zoom: 1;
}
.affix-selector .selector-set a {
    position: relative;
    display: none;
    margin-right: 5px;
    padding: 2px 25px 2px 5px;
    color: #797878;
    border: 1px solid #e6e6e6;
}
.affix-selector .selector-set a.on {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.affix-selector .selector-set a:hover {
    border-color: #e4393c;
}
.affix-selector .selector-set a i {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 7px;
    height: 7px;
    background: url(../images/icon-close.png) no-repeat;
}
.affix-selector .selector-set em {
    font-style: normal;
    padding: 0 2px;
}
.affix-selector .form-group-sm .form-control, .affix-selector .btn-sm {
    line-height: 1;
    width: auto !important;
    height: 26px;
}
.affix-selector .form-group {
    display: inline-block !important;
}
.affix-selector .checkbox-inline {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0;
}
.affix-warp {
    position: relative;
}
.affix-warp .nav-tabs, .affix-warp .nav-tabs > li.active > a, .affix-warp .nav-tabs > li.active > a:hover, .affix-warp .nav-tabs > li.active > a:focus, .affix-warp .nav-tabs > li > a {
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.affix-warp .nav-tabs {
    position: absolute;
    right: 0;
    border: 1px solid #ddd;
}
.affix-warp .nav-tabs li {
    width: 40px;
    height: 40px;
}
.affix-warp .nav-tabs li.active a {
    background-color: #f5f5f5;
}
.affix-warp .nav-tabs li .icon-grap {
    border-right: 1px solid #ddd !important;
    background-image: url(../images/icon-grap.png);
}
.affix-warp .nav-tabs li.active .icon-grap {
    background-image: url(../images/icon-grap-on.png);
}
.affix-warp .nav-tabs li .icon-list {
    background-image: url(../images/icon-list.png);
}
.affix-warp .nav-tabs li.active .icon-list {
    background-image: url(../images/icon-list-on.png);
}
.affix-warp .nav-tabs li a {
    display: inline-block;
    width: 40px;
    height: 39px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    *display: inline;
    *zoom: 1;
}
.affix-table {
    width: 100%;
    border: 1px solid #ddd;
}
.affix-table th {
    font-size: 16px;
    line-height: 40px;
    padding-left: 12px;
    color: #fff;
    background-color: #188eee;
}
.affix-table td {
    font-size: 14px;
    line-height: 40px;
    padding-left: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.affix-table tr:first-child td {
    border-top: 0;
}
.affix-list {
    overflow: hidden;
    padding: 15px;
    border: 1px solid #ddd;
}
.affix-list .affix-item {
    float: left;
    overflow: hidden;
    width: 50%;
    height: 200px;
    padding: 65px 0 15px 65px;
}
.affix-list li {
    overflow: hidden;
    border-bottom: 1px dotted #ccc;
}
.affix-list li:last-child {
    border-bottom: 0;
}
.affix-list .affix-item .img {
    float: left;
    width: 120px;
    margin-right: 15px;
    text-align: center;
}
.affix-list .affix-item .intro {
    overflow: hidden;
}
.affix-list .affix-item dl {
    line-height: 17px;
    margin-bottom: 12px;
}
.affix-list .affix-item dt, .affix-list .affix-item dd {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.affix-list .affix-item dt {
    width: 70px;
    text-align: right;
}
.open-forum {
    position: relative;
    min-height: 400px;
}
.open-forum h3 {
    line-height: 35px;
    position: relative;
    color: #0f5a94;
    border-bottom: 1px solid #0f5a94;
}
.open-forum h3 a {
    font-size: 12px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 25px;
    padding-right: 3px;
    padding-left: 30px;
    color: #fff;
    background: #448ce5 url(../images/icon-post.png) no-repeat 5px center;
    *display: inline;
    *zoom: 1;
}
.open-forum h3 a:hover {
    opacity: .8;
}
.open-forum .more {
    position: absolute;
    right: 0;
    bottom: 0;
    text-decoration: underline;
    color: #999;
}

/*search*/
.search-warp {
    margin: 100px auto 50px;
}
.search-flow {
    position: relative;
    width: 890px;
    height: 110px;
    margin: 0 auto;
    margin-bottom: 65px;
    background: url(../images/search-flow.png) no-repeat center center;
}
.search-flow .flow-item {
    position: absolute;
    top: 3px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}
.search-flow .flow-item.one {
    left: 65px;
    background-image: url(../images/search-flow-01.png);
}
.search-flow .flow-item.two {
    left: 415px;
    background-image: url(../images/search-flow-02.png);
}
.search-flow .flow-item.three {
    right: 66px;
    background-image: url(../images/search-flow-03.png);
}
.search-flow .flow-item .flow-tip {
    position: absolute;
    z-index: 9999;
    top: 120px;
    left: -68px;
    visibility: hidden;
    width: 200px;
    height: 200px;
    opacity: 0;
    border: 5px solid #467fe9;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
}
.search-flow .flow-item .flow-tip .arrow {
    position: absolute;
    top: -18px;
    left: 81px;
    width: 30px;
    height: 15px;
    background: transparent url(../images/search-arrow.png) no-repeat center center;
}
.search-flow .flow-item.one .flow-tip {
    background-image: url(../images/flow-tip-01.jpg);
}
.search-flow .flow-item.two .flow-tip {
    background-image: url(../images/flow-tip-02.jpg);
}
.search-flow .flow-item.three .flow-tip {
    background-image: url(../images/flow-tip-03.jpg);
}
.search-flow .flow-item:hover .flow-tip {
    top: 130px;
    visibility: visible;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 1;
}
.search-bar {
    width: 890px;
    margin: 0 auto;
}
.search-bar p {
    margin: 0;
}
.search-box {
    width: 100%;
    height: 117px;
    padding: 38px 20px;
    padding-right: 190px;
    -webkit-border-radius: 7px 8px 8px 7px/7px 7px 6px 6px;
    border-radius: 7px 8px 8px 7px/7px 7px 6px 6px;
    background-color: #fff;
    background-image: url(../images/search-box.png);
    background-image: -webkit-linear-gradient(bottom, #fff, #e9eef3 75%, #fff);
    background-image: -moz-linear-gradient(bottom, #fff, #e9eef3 75%, #fff);
    background-image: -o-linear-gradient(bottom, #fff, #e9eef3 75%, #fff);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(75%, #e9eef3), to(#fff));
    background-image: linear-gradient(to top, #fff, #e9eef3 75%, #fff);
    -webkit-box-shadow: 0 0 35px rgba(65, 84, 103, .1), 1px 1px 5px rgba(56, 80, 102, .5), inset 2px 3px 7px #fff, inset 0 0 1px #fff;
    box-shadow: 0 0 35px rgba(65, 84, 103, .1), 1px 1px 5px rgba(56, 80, 102, .5), inset 2px 3px 7px #fff, inset 0 0 1px #fff;
}
.search-box form {
    position: relative;
}
.search-box .input-text {
    font-size: 16px;
    width: 100%;
    height: 40px;
    padding: 12px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #c3c3c3;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.search-box .input-text:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.search-box .submit-btn {
    position: absolute;
    top: 0;
    right: -170px;
    width: 150px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border: none;
    background: url(../images/search-btn.png) no-repeat center center;
}
.search-box-switch {
    display: inline-block;
    margin-bottom: 10px;
    *display: inline;
    *zoom: 1;
}
.search-list {
    margin-top: 20px;
    padding-top: 5px;
}
.search-list-header {
    font-size: 18px;
    line-height: 40px;
    overflow: hidden;
    padding: 10px 0;
    color: #cb9244;
    border: 2px solid #cb9244;
    border-right: none;
    border-left: none;
    *zoom: 1;
}
.search-list-header .search-small {
    float: right;
}
.search-list-header .search-small input {
    display: inline-block;
    vertical-align: bottom;
    *display: inline;
    *zoom: 1;
}
.search-list-header .search-small .input-text {
    font-size: 16px;
    line-height: 1;
    width: 280px;
    height: 40px;
    padding: 12px 15px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #c3c3c3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.search-list-header .search-small .input-text:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.search-list-header .search-small .submit-btn {
    font-size: 16px;
    line-height: 40px;
    width: 106px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    color: #fff;
    border: 1px solid #967c44;
    background-color: #c5a050;
}

/*msg-warning*/
.msg-warning {
    margin: 80px 0;
    text-align: center;
}
.msg-warning span {
    font-size: 30px;
    display: inline-block;
    color: #fff;
    background-color: #0f5a94;
    *display: inline;
    *zoom: 1;
}

/*forum*/
.book-info h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    padding-left: 15px;
    color: #fff;
    background-color: #188eee;
}
.book-info .inner {
    padding: 18px 21px;
    border: 1px solid #ddd;
    border-top: 0;
}
.book-info .inner img {
    width: 168px;
}
.book-info .inner h3 {
    font-size: 16px;
    line-height: 21px;
    color: #0081cc;
}
.book-info .inner li {
    font-size: 14px;
    line-height: 24px;
    color: #727272;
}
.thread-list {
    padding: 35px 25px 20px;
    border: 1px solid #ddd;
}
.thread-list th {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.thread-list td {
    vertical-align: middle !important;
}
.thread-list .best, .thread-list .ding, .thread-list .delete {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icon-thread.png) no-repeat;
    *display: inline;
    *zoom: 1;
}
.thread-list .best.active, .thread-list .ding.active, .thread-list .delete.active {
    background-image: url(../images/icon-thread-h.png);
}
.thread-list .like, .thread-list .review {
    color: #363636;
}
.thread-list .like.active, .thread-list .review.active {
    color: #428bca;
}
.thread-list .like:hover, .thread-list .review:hover {
    color: #2a6496;
}
.thread-list .best {
    background-position: 0 0;
}
.thread-list .ding {
    background-position: -60px 0;
}
.thread-list .delete {
    background-position: -115px 0;
}
.forum-comment h2, .comment-list h2 {
    font-family: 'Microsoft YaHei', sans-serif;
    line-height: 30px;
    height: 30px;
    border-top: 3px solid #f3f3f3;
    background-color: #eee4d3;
}
.forum-comment h2 .title, .comment-list h2 .title {
    font-size: 14px;
    font-weight: normal;
    float: left;
    margin-top: -3px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    background-color: #cb9244;
}
.forum-comment form {
    margin: 25px 10px;
}
.forum-comment .col-sm-1 {
    padding-right: 0;
    padding-left: 0;
}
.forum-comment textarea {
    resize: vertical;
}
.forum-comment .form-group {
    margin-left: 0;
}
.comment-file {
    padding: 20px;
    border: 1px solid #f5e79e;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fcf7e1;
    background: -moz-linear-gradient(top, #fcf7e1 0%, #f8efc1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcf7e1), color-stop(100%, #f8efc1));
    background: -webkit-linear-gradient(top, #fcf7e1 0%, #f8efc1 100%);
    background: -o-linear-gradient(top, #fcf7e1 0%, #f8efc1 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fcf7e1), to(#f8efc1));
    background: linear-gradient(top, #fcf7e1 0%, #f8efc1 100%);
    -webkit-box-shadow: 1px 2px 2px #f5f4ee;
    box-shadow: 1px 2px 2px #f5f4ee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf7e1', endColorstr='#f8efc1', GradientType=0);
}
.comment-file p {
    margin-bottom: 20px;
    color: #8a6d3b;
}
.comment-file .form-group {
    margin-right: 15px;
}
.comment-list .share-bar {
    font-size: 12px;
    margin-top: 5px;
}
.comment-list .comment-item {
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px dotted #dedede;
}
.comment-list .author-card {
    float: left;
    margin-right: 20px;
    padding: 10px 15px;
    text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #efeeee;
}
.comment-list .author-card p {
    margin: 8px 0;
}
.comment-list .author-card a {
    color: #848484;
}
.comment-list .author-card a:hover {
    color: #2a6496;
}
.comment-list .user-badge a {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 3px;
    *display: inline;
    *zoom: 1;
}
.comment-list .user-badge a.you {
    background: url(../images/icon-badge.png) no-repeat 0 0;
}
.comment-list .user-badge a.xin {
    background: url(../images/icon-badge.png) no-repeat -32px 0;
}
.comment-list .user-badge a.jin {
    background: url(../images/icon-badge.png) no-repeat -64px 0;
}
.comment-list .comment-content {
    overflow: hidden;
}
.comment-list .comment-content .tools {
    height: 25px;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: right;
}
.comment-list .comment-content .tools a {
    display: inline-block;
    margin: 0 5px;
    padding-left: 20px;
    background: url(../images/comment-tools.jpg) no-repeat;
    *display: inline;
    *zoom: 1;
}
.comment-list .comment-content .tools .time {
    margin-left: 10px;
}
.comment-list .comment-content .tools a.quote {
    background-position: 0 -15px;
}
.comment-list .comment-content .tools a.reply {
    background-position: 0 -32px;
}
.comment-list .comment-content .tools a.report {
    background-position: 0 -50px;
}
.comment-list .comment-content .tools a.delete {
    background-position: 0 -66px;
}
.comment-list .comment-content .tools a.like {
    margin-right: 10px;
    padding-left: 10px;
    color: #333;
    background: none;
}
.forum-comment .btns {
    margin-top: 25px;
}
.btn-gradient {
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-gradient:hover {
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
    text-decoration: none;
    border: 1px solid #ccc;
    background-color: #e6e6e6;
    background-position: 0 -15px;
}

/*Footer*/
.footer {
    font-size: 12px;    /*height: 180px;*/
    margin-top: 40px;
    padding: 38px 0;
    text-align: center;
    color: #03499b;
    background-color: #eff1f1;
    border-bottom: 27px solid #0971c6;
    border-top: 5px solid #7eb3de;
}
.footer p {
    margin-bottom: 10px;
}
.footer .links {
    margin-bottom: 10px;
    color: #797878;
}
.footer .links a {
    color: #797878;
}

/*media*/
@media screen and (max-width:1024px) {
    .login-warp .loginContainer{
        width: 100%;
    }
    .side-left, .main-feature .side-right {
        display: none;
        position: absolute;

    }
    .content-left {
        margin: 0;
    }
    .logo .header-search input.search-input{
        width:290px;
    }
    .list-details .side-left, .main-user .side-left,.side-left-fixed {
        display: block;
        float: none;
        width: 100%;
    }
    .container-full .side-left{
        position: absolute;
    }
    .content-right {
        padding: 0;
    }
    .header-nav .nav-list {
        left: 200px;
    }
    .search-bar, .search-flow {
        width: 100%;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .search-flow .flow-item.one {
        left: 50px;
        top: 5px;
    }
    .search-flow .flow-item.three {
        right: 50px;
        top: 5px;
    }
    .search-flow .flow-item.two {
        left: 345px;
        top: 5px;
    }
    .container-full, .search-warp {
        width: 800px;
    }
    .main-index .middle {
        margin-left: 0;
    }

}
@media screen and (max-width:1024px) and (min-width:760px) {
    .container-full, .search-warp,.webUpdateTitle,.grayContent {
        width: 760px!important;
    }
    .main-index .middle {
        margin-left: 0;
    }
    .main-details .content-left {
        margin-right: 220px;
    }
    .header-nav .nav-select {
        width: auto;
    }
    .container-full .activeBook {
        width: 100%;
    }
    .great-list .silder{width:740px;}

    .silder .postButton{
        position: absolute;
        right: 0;
        z-index: 1000;
    }
    .silder .LeftBotton {
        left:0;
    }
    .container-full .great-tab .tab_menu li.first{
        padding-left:3px!important;
    }
    .great-tab .tab_menu li.current:before{
        margin-left:-26px!important;
    }
    .great-tab-list li .img{
        padding: 10px 20px!important;
    }
    .footerCon .footRight {
      line-height: 20px;
      margin-top: 36px;
      width: 100%;
      display: block;
      text-align: center;
    }
    .footerCon .footLeft {
      border-right: none; 
      display: block;
      width: 100%;
      margin: 0;
    }
    .line_tongzhi .tongzhiLine2{
        font-size: 13px;
        margin-left: 196px;
        margin-top: -31px;
        width: 100%;
    }
    .grayContent .book-tabs .list-a li{
        width:50%;
    }
}


@media screen and (max-width:760px) {
    .side-right {
        display: none;
    }
    .container-full, .search-warp {
        width: 750px;
    }
    .header-nav .nav-list {
        left: 140px;
    }
    .header-nav .nav-list a {
        padding: 0 10px;
    }
    .header-nav .nav-select > a {
        width: 140px;
    }
    .header-search input.search-input {
        width: 130px;
        font-size: 10px;
    }
    .header-search .search-tip {
        right: 0;
    }
    .header-nav .nav-select {
        width: auto;
    }
    .container-full .activeBook {
        width: 100%;
    }
}
.borderBox {
    border: 1px solid #eee;
    background-color: #fbfbfc;
}
.boxWapper {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
}
.activeBook {
    float: right;
    width: 750px;
    -webkit-box-sizing: border-box;
    position: relative;
    margin-top: 21px;
}
.line_tongzhi {
    width: 100%;
    height: 100px;
    float: left;
    overflow: hidden;
}
.tongzhiImg {
    margin: 10px 40px;
    display: inline-block;
    float: left;
}
.tongzhiLine1, .tongzhiLine2 {
    font-size: 27px;
    color: #583d28;
    margin-left: 20px;
    float: left;
    margin-top: 10px;
}
.tongzhiLine2 {
    font-size: 14px;
    margin-left: 200px;
}
.titleLineTitle {
    font-size: 16px;
}
.titleMorePic {
    background: url(../images/titleMorePic.png) no-repeat center;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: 12px;
}
.footerCon {
    overflow: hidden;
}
.footLeft {
    border-right: 1px solid #cbcccc;
    padding-right: 20px;
    margin-left: 50px;
}
.footRight {
    color: #828282;
    margin-left: 20px;
    text-align: left;
    line-height: 25px;
}
.loginLayer, .signUpLayer {
    display: none;
}
.bgshadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    filter: alpha(opacity = 40);
    z-index: 9999;
}
.form-signin {
    background: #fff;
    max-width: 500px;
    padding: 50px 120px;
    margin: 0 auto;
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -200px;
    overflow: hidden;
}
.form-signin .input-group {
    margin-bottom: 18px;
}
.loginLayer .input-group-addon {
    color: #d4d4d4;
}
.loginLayer .hideLogin {
    margin-bottom: 20px;
}
.loginLayer h4 {
    margin-bottom: 20px;
}
.signUpLayer .form-signin {
    max-width: 776px;
    margin-left: -320px;
    padding: 50px 90px;
}
.signUpLayer p {
    margin: 20px;
}
.signUpLayer .btn {
    width: 70%;
    margin: 0 auto;
    margin-top: 40px;
}
.signUpLayer input {
    width: 200px;
        height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.signUpLayer input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }
.signUpLayer label {
    color: #99999a;
}
.cat-bookitem .intro .sales .buyLink {
    text-decoration: underline;
    color: #188eee;
}
.affix-table tr td a {
    color: #188eee;
}
.commonTipsbgshadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .4;
    filter: alpha(opacity = 40);
    z-index: 9999;
}
.tipcommonTipss {
    width: 500px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -0-transform: translate(-50%, -50%);
    margin-top: -265px\0;
    margin-left: -250px\0;
    box-shadow: 0 0 1px 10px #a5a5a6;
    padding: 15px;
    border: 1px solid #333;
    z-index: 10000;
}
.tipcommonTipss .commonTipsHead {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
}
.tipcommonTipss .title {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}
.tipcommonTipss .closeLayer {
    color: #da4d47;
    cursor: pointer;
}
.tipcommonTipss .commonTipsBody {
    text-align: center;
    margin-top: 30px;
    display: block;
}
.tipcommonTipss .tipsText {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    display: block;
}
.tipcommonTipss .input-group {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 30px;
}
.commonTipsLayer, .commonTipsLayerTip, .commonTipsLayerNotLogin, .commonTipsLayerSearchCase {
    display: none;
}
.enterBtn {
    margin: 0 auto;
    margin-top: 30px;
    display: block;
}
.hiddenText {
    opacity: 0;
    visibility: hidden;
}
.closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #da4d47;
    cursor: pointer;
}
.menu-item2 .floatList li {
    list-style: none;
    float: left;
    letter-spacing: inherit;
    word-spacing: inherit;
    text-align: center;
    width: 33%;
    border-bottom: none;
    padding:10px;
}
.menu-item2{
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.menu-item2 .floatList li a{
    color:#2f2822;
}
.menu-item2 .floatList li a:hover{
    color:#188eee;
}
.sliderPage{
    display: none;
    position: absolute;
    z-index: 1001;
    top:50px;
    line-height: 20px;
}

.menu-item .moreIcon {
    z-index:1001;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
}.floatList {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.menu-list .menu-item li:hover {
    background-color: #fff;
    border: 2px solid #188eee;
    border-right: none;
    z-index: 1002;
    left: 1px;
    width: 101%;
    top: 1px;
}
.menu-list3 h2 {
    color: #fff;
    background: #188eee;
}
.menu-list3 h2 a{
    color:#fff;
}
.form-signin .text-primary,.formForgetPw .text-primary{cursor:pointer;}
.textarea{
    width:100%;height: 80px;
    border: 1px solid #ddd;
    padding:10px;
    margin-bottom: 10px;
}
/*.menu-list3 .menu-item li a:visited{
        color: #188eee;
}*/
.detail-intro .tab-content #home{min-height: 158px;}