@charset "UTF-8";
/*Document.css*/
/*todo 公共样式*/
body {
    background-color: #fffff9;
    font-family: "Microsoft yahei", "serif";
    font-size: 12px;
}

.text-right {
	text-align: right !important;
}

textarea {
	resize: none;
}

.wAuto {
	width: auto !important;
}
.fl {
	float: left;
}
.clearFix {
	clear: both;
}

.no-selected {
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

.text-normal {
	font-weight: normal !important;
}

.text-block {
	display: block ; 
}

.text-inline-block {
	display: inline-block ; 
}

.text-cursor {
	cursor: pointer !important;
}

@media (min-width: 992px) {
    .container {
        width: 1000px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1280px;
    }
}

li {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

header, main, footer {
    overflow: hidden;
}

button:focus, input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="input"]:focus, a:focus {
    outline: none !important;
}

.btn-default.focus, .btn-default:focus {
    background: #fff;
    border: 1px solid #ccc;
}

a:focus {
    text-decoration: none;
}

.iconfont {
    font-weight: normal;
}


.rule>div {
	height: 320px;
}

/*todo 返回顶部*/
#gotop {
    position: fixed;
    bottom: 100px;
    right: 15px;
    width: 40px;
    height: 78px;
    z-index: 100;
}

#gotop .go {
    width: 100%;
    height: 100%;
    background: url("../images/gotop.png") no-repeat;
    cursor: pointer;
}

#gotop .go:hover {
    background: url("../images/gotop.gif") no-repeat;
}

button.focus {
    outline: none;
}

/*todo 顶部内容*/
.header {
    background-color: #545651;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 100%;
    padding: 0;
    color: #FFFFFF;
}

.header .head-menu a {
    color: #FFF;
}

.header .head-menu ul {
	height: 65px;
}

.header .head-menu ul li {
    padding: 0 10px;
    float: left;
    height: 100%;
}

.header .head-menu ul li a:hover {
    text-decoration: none;
}

.header .head-menu ul li.set {
    position: relative;
    height: 99px\0;
}

.header .head-menu ul li.set a.set-a {
	margin-top: 18px\0;
	display: inline-block;
}

.header .head-menu ul li.set a.set-a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #FFF;
    margin-left: 5px;

}

.header .head-menu ul li.set .set-hide {
    background-color: #545651;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    display: none;
    z-index: 1000;
}


.header .head-menu ul li.set .set-hide a {
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    display: block;
}

.header .head-menu ul li.set .set-hide a:hover {
    background-color: #7b7d78;
}

/*todo LOGO级搜索部分*/
.fun {
    padding-top: 30px;
    margin-top: 30px;
}

.fun a.logo {
    color: #333;
}

.fun .logo {
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.fun .logo img {
    width: 100%;
}

.fun .logo-txt {
    margin-top: 10px;
    margin-left: 12px;
}

.fun .btn-zs {
    background-color: #888173;
    cursor: pointer;
    color: #FFF;
    border-color: #888173;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.fun .btn-zs:hover {
    background-color: #9e9789;
}

.fun .btn-gj {
    text-decoration: none;
    color: #FFF;
    background-color: #614b38;
    border-color: #614b38;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.fun .btn-gj:hover {
    background-color: #7a6149;
}

.fun .hot-search {
    margin-top: 16px;
    width: 100%;
    overflow: hidden;
}

.fun .hot-search span {
	width: 40px;
	display: block;
}

.fun .hot-search dl {
	width: 94%;
}

 @media screen and (max-width: 1200px){
	.fun .hot-search dl {
		width: 92%;
	}
}

.fun .hot-search dl dd {
    display: inline-block;
    padding: 0 6px;
}

.fun .hot-search dl dd a {
    color: #3a3a38;
}

.fun .shop-car {
    text-align: right;
}

.fun .shop-car .btn {
    background-color: #FFFFFF;
    border-color: #614b38;
    color: #614b38;
    padding: 6px 8px;
}

.fun .shop-car .btn .badge {
    background-color: #a67c54;
	font-weight: normal;
}

/*todo 左侧导航部分*/
.content {
    /*margin: 20px 0;*/
}

.content .nav-left {
    height: 700px;
    width: 100%;
    background-color: #c7ba9c;
    position: relative;
}

.content .nav-left h4 {
    font-size: 16px;
}

.content .nav-left .nav-tabs {
    border: none;
}

.content .nav-left ul li {
    color: #FFF;
}

.content .nav-left ul li.li-item {
    float: left;
}

.content .nav-left ul li.li-item a {
    color: #FFFFFF;
    border-radius: 0;
    padding: 10px;
    margin-right: 0;
    border: none;
    font-size: 14px;
}

.content .nav-left ul li.li-item a:hover {
    background: none;
}

.content .nav-left ul li.active a {
    background: none;
    border: none;
    font-weight: bold;
    color: #423e31;
}

.content .nav-left .nav-tabs li a:hover {
    border-color: #c7ba9c #c7ba9c #c7ba9c #c7ba9c;
}

.content .nav-left ul li.li-item:first-child a {
    padding-right: 4px;
}

.content .nav-left ul li.li-item:last-child a {
    padding-left: 4px;
}

.content .nav-left .sub {
    border-bottom: 1px solid #999270;
}

.content .nav-left .sub .cate {
    padding-left: 10px;
}

.content .nav-left .cate-con .tab-pane ul li span {
    width: 100%;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    padding: 5px 15px;
    position: relative;
}

/*最大宽度为1024以藏子分类*/
@media (max-width: 1024px) {
    .content .nav-left .cate-con .tab-pane ul li span a {
        display: none;
    }
}

.content .nav-left .cate-con .tab-pane ul li span b {
    display: block;
    font-weight: normal;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content .nav-left .cate-con .tab-pane ul li span i.icon-FR {
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 14px;
    margin-top: -10px;
}

.content .nav-left .cate-con .tab-pane ul {
    padding-left: 0;
}

.content .nav-left .cate-con .tab-pane ul li span a {
    font-size: 12px;
    color: #FFFFFF;
    padding-right: 5px;
}

.content .nav-left .cate-con .tab-pane ul li span a:hover {
	text-decoration: underline;
}

/*todo 左侧导航隐藏内容*/
.content .nav-left .cate-con .tab-pane ul li .nav-hide {
    position: absolute;
    height: 700px;
    background-color: #f5f1ea;
    border: 1px solid #d9d5ce;
    border-left: none;
    color: #423e31;
    top: 0;
    left: 100%;
    z-index: 2;
    display: none;
    overflow: auto;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}

.content .nav-left .cate-con .tab-pane ul li.hover span {
    background: #7a6149;
}

.content .nav-left .cate-con .tab-pane ul li.hover .nav-hide {
    display: block;
}

/*普通屏幕宽度为700px*/
.content .nav-left .cate-con .tab-pane ul li .nav-hide .nav-hide-con {
    width: 700px;
    padding: 10px 20px;
}

/*小屏幕为500px*/
@media (max-width: 768px) {
    .content .nav-left .cate-con .tab-pane ul li .nav-hide .nav-hide-con {
        width: 500px;
    }
}

.content .nav-left .cate-con .tab-pane ul li .nav-hide .nav-hide-con a.Fl {
    color: #ad732f;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 14px;
    display: block;
    width: 100%;
}

.content .nav-left .cate-con .tab-pane ul li .nav-hide .nav-hide-con a.Fl:hover {
	color: #ad732f;
}

.content .nav-left .cate-con .tab-pane ul li .nav-hide .nav-hide-con a {
    color: #333;
    font-size: 14px;
    display: inline-block;
    padding: 5px;
}

.content .nav-left .cate-con .tab-pane ul li .nav-hide .nav-hide-con a:hover {
    color: #CC0000;
}

.content .nav-left .cate-con .tab-pane ul li .nav-hide .nav-hide-con .two {
    margin-top: 10px;
}

.content .nav-left .cate-con .tab-pane ul li .nav-hide .nav-hide-con .two a {
    color: #CC0000;
    font-weight: bold;
}

/*todo 导航*/
.content .nav-cen {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #c7ba9c;
}

.content .nav-cen ul {
    padding: 0 20px;
    margin: 0;
    display: flex;
    display: -webkit-flex;
	justify-content: space-between;
	justify-items: center;

}

.content .nav-cen ul li {
    text-align: center;
    height: 40px;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}

.content .nav-cen ul li:hover {
	background-color: #857961;
}

.content .nav-cen ul li a {
    color: #423e31;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    /*height: 100%;*/
}

.content .nav-cen ul li a:hover {
    text-decoration: none;
}

.content .nav-cen ul li.hit a {
    background-color: #857961;
}

/*todo banner*/
.content #banner {
    position: relative;
    width: 100%;
    height: 340px;
    margin: 20px auto 0;
}

.content #banner .pic {
    position: relative;
    width: 100%;
    height: 100%;
}

.content #banner .pic ul li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
}

.content #banner .pic ul li.on {
    opacity: 1;
    filter: alpha(opacity=100);
}

.content #banner .pic ul li img {
    display: block;
    width: 100%;
    height: 100%;
}

.content #banner .tab {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: 10px;
    width: 120px;
    height: 20px;
    background: #999;
    background: rgba(255, 255, 255, .5);
    border-radius: 10px;
}

.content #banner .tab ul {
    padding-left: 0;
}

.content #banner .tab ul li {
    float: left;
    width: 14px;
    height: 14px;
    background: #c7ba9c;
    margin: 3px;
    border-radius: 100%;
    cursor: pointer;
}

.content #banner .tab ul li.on {
    background: #f60;
}

.content #banner .btn-banner div {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 30px;
    height: 50px;
    background: #000;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
}

.content #banner .btn-banner div.left {
    left: 0;
}

.content #banner .btn-banner div.right {
    right: 0;
}

/*todo 新书展示*/
.content .newBook {
    margin-top: 20px;
}

.content .newBook h4 {
    margin: 0;
    border-bottom: 1px solid #c7ba9c;
    padding-bottom: 10px;
    font-weight: bold;
}

.content .newBook h4 small a {
    color: #777;
}

.content .newBook h4 small i {
    font-size: 14px;
    font-weight: normal;
}

.content .newBook .newBook-con {
    margin-top: 20px;
    position: relative;
    user-select: none;
}

.content .newBook .newBook-con .iconfont {
    position: absolute;
    font-size: 30px;
    font-weight: normal;
    color: #999;
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}

.content .newBook .newBook-con .FL-btn {
    left: 0;
}

.content .newBook .newBook-con .FR-btn {
    right: 0;
}

.content .newBook .newBook-con .con-book {
    width: 90%;
    margin: 0 auto;
}

.content .newBook .newBook-con .con-book .books {
    display: none;
}

.content .newBook .newBook-con .con-book .books1 {
    display: none;
}

.content .newBook .newBook-con .con-book .books .thumbnail {
    margin-bottom: 0;
}

.content .newBook .newBook-con .con-book .books .thumbnail:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    border-color: orange;
}

.content .newBook .newBook-con .caption p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.content .newBook .newBook-con .caption h6 {
    margin-top: 0;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.content .newBook .newBook-con .caption h6 a {
    color: #ce8d37;
}

.content .newBook .newBook-con .caption h6 a:hover {
    color: #925f27;
    text-decoration: none;
}

/*todo 最新PDA书单*/
.content .PDA {
    margin-top: 50px;
}

.content .PDA h4 {
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #c7ba9c;
    font-weight: bold;
}

.content .PDA h4 span.rank {
	display: inline-block;
	margin-left: 30px;
}

.content .PDA h4 span.rank em {
	font-style: normal;
	font-size: 14px;
	padding: 0 10px;
	color: #736544;
	font-weight: normal;
	cursor: pointer;
}

.content .PDA h4 span.rank em.on {
	color: #ff1b15;
	font-weight: bold;
}

.content .PDA h4 small a {
    color: #777;
}

.content .PDA h4 small i {
    font-size: 14px;
    font-weight: normal;
}

.content .PDA .rows {
	position: relative;
	height: 224px;
	margin-bottom: 20px;
}

.content .PDA .rows .row {
	width: 100%;
	visibility: hidden;
	position: absolute;
	top: 0;
	z-index: -1;
}

.content .PDA .rows .row.on {
	z-index: 1;
	visibility: initial;
}

.content .PDA p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.content .PDA h6 {
    margin-top: 0;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.content .PDA .thumbnail {
	position: relative;
}

.content .PDA .thumbnail:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    border-color: orange;
}

.content .PDA .thumbnail .p-num {
	background: url("../../static/images/rank.png") no-repeat;
	width: 26px;
	height: 36px;
	position: absolute;
	top: -1px;
	left: -1px;
	color: #fff;
	line-height: 24px;
	z-index: 999;
}

.content .PDA .thumbnail .num2 {
	background-position: 0 -42px;
}

.content .PDA .thumbnail .num3 {
	background-position: 0 -84px;
}

.content .homesubject {
	width: 84px;
	height: 160px;
	background: url('../images/homesubject.png') no-repeat;
}

.content .subject-group .btn-subject {
	height: 160px;
	line-height: 160px;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	color: #999;
}

.content .subject-group .col-md-1 {
	text-align: center;
}

.content .book_list {
	height: 145px;
}

.content .book_list ul {
	display: flex;
	display: -webkit-flex;
	justify-content: start;
	justify-items: center;
	padding: 0;
	margin: 0;
}

.content .book_list li {
	width: 25%;
	height: 100%;
	float: left;
}

.content .book_list li a {
	display: block;
	width: 100%;
	height: 100%;
}

.content .book_list li a img {
	display: block;
	width: 220px;
	height: 140px;
	margin: 0 auto;
}

.content .book_list li a span {
	display: block;
	width: 220px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.35);
	font-size: 12px;
	margin: 0 auto;
	position: relative;
	top: -25px;
}

.content .caption h6 a {
    color: #ce8d37;
}

.content .caption h6 a:hover {
    color: #925f27;
    text-decoration: none;
}

/*todo 高级搜索*/
.content .form {
    margin-bottom: 30px;
}

.content .form .cateCon dl dd {
    margin-top: 5px;
}

.content .form .cateCon dl dd .checkbox-inline {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 20px;
}

.content .form .cateCon dl dd input {
    margin-right: 5px;
    vertical-align: middle;
}

.content .form .seeMore {
    font-size: 12px;
    margin-top: 34px;
    display: inline-block;
}

.content .form .seeMore:after {
    content: "\e68b";
    margin-left: 4px;
}

.content .form .stopMore {
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}

.content .form .stopMore:after {
    content: "\e62c";
    margin-left: 4px;
}

/*todo 检索结果*/
.content .seatchResult .small {
    color: #c9302c;
}

.content .seatchResult .searchNav {
    background: #eee;
    margin: 10px 0;
    box-sizing: border-box;
    border: 1px solid #cacaca;
}

.content .seatchResult .searchNav .searchNavTop {
    padding: 10px;
}

.content .seatchResult .searchNav .searchNavTop .hotPress span,
.content .seatchResult .searchNav .searchNavTop .hotPress p {
	display: inline-block;
	margin-bottom: 0;
}

.content .seatchResult .searchNav .searchNavTop .hotPress p a {
	color: #444;
	margin: 0 5px;
	cursor: pointer;
}

.content .seatchResult .searchNav .searchNavTop .more {
	font-size: 12px;
	cursor: pointer;
	color: #333;
}

.content .seatchResult .searchNav .searchNavTop .row .col-md-11 .col-md-10 span:hover,
.content .seatchResult .searchNav .searchNavTop .hotPress p a:hover,
.content .seatchResult .searchNav .searchNavTop .allPress .presses .tab-pane span:hover,
.content .seatchResult .searchNav .searchNavTop .moreUp:hover:after,
.content .seatchResult .searchNav .searchNavTop .more:hover:after,
.content .seatchResult .searchNav .searchNavTop .more:hover {
	color: #c88000;
}

.content .seatchResult .searchNav .searchNavTop .more:after {
	content: "\e68b";
    font-size: 12px;
    color: #333;
    margin-left: 2px;
}

.content .seatchResult .searchNav .searchNavTop .moreUp:after {
	content: "\e62c";
    font-size: 12px;
    color: #333;
    margin-left: 2px;
}

.content .seatchResult .searchNav .searchNavTop .allPress {
	border-top: 1px dashed #cacaca;
	margin-top: 10px;
	padding-top: 10px;
	display: none;
}

.content .seatchResult .searchNav .searchNavTop .allPress ul {
	border-bottom: 0;
}

.content .seatchResult .searchNav .searchNavTop .allPress ul li {
	margin-right: 0;
}

.content .seatchResult .searchNav .searchNavTop .allPress ul li a {
	font-size: 14px;
    color: #333;
    padding: 0 8px;
    margin-right: 0;
}

.content .seatchResult .searchNav .searchNavTop .allPress ul li a:hover {
	border-bottom-color: transparent;
}

.content .seatchResult .searchNav .searchNavTop .allPress ul li.active a {
	border-bottom-color: #ddd;
	border-radius: 4px;
}

.content .seatchResult .searchNav .searchNavTop .allPress .presses {
	width: 100%;
	height: 120px;
	overflow: auto;
	border: 1px solid #ddd;
	margin: 6px 0;
}

.content .seatchResult .searchNav .searchNavTop .allPress .presses .tab-pane {
    padding: 5px;
}

.content .seatchResult .searchNav .searchNavTop .allPress .presses .tab-pane span {
    display: inline-block;
    margin: 2px 4px;
    cursor: pointer;
    font-size: 12px;
}
.content .seatchResult .searchNav .searchNavTop .row .col-md-11 .col-md-10 span {
    display: inline-block;
    margin: 2px 4px;
    cursor: pointer;
    font-size: 12px;
}
.content .seatchResult .searchNav ul {
    padding: 0px;
    margin: 0px;
}

.content .seatchResult .searchNav ul li {
    float: left;
    margin-right: 10px;
}

.content .seatchResult .searchNav ul li:last-child {
    margin-right: 0;
}

.content .seatchResult .searchNav ul li a {
    color: #333;
    font-size: 12px;
}

.content .seatchResult .searchNav ul li a i {
    font-size: 12px;
    font-weight: normal;
}

.content .seatchResult .searchNav ul li a:hover {
    text-decoration: none;
}

.content .seatchResult .searchNav ul li.hover a {
    color: #ff4401;
}

.content .seatchResult .searchNav ul li.price a:after {
    content: "\e681";
}

.content .seatchResult .searchNav ul li.price a.on:after {
    content: "\e8b3";
}

.content .seatchResult .searchNav .price p {
    float: left;
}

.content .seatchResult .searchNav .price .price-txt {
    margin-left: 10px;
}

.content .seatchResult .searchNav .price .price-txt input {
    width: 55px;
    border-radius: 3px;
    border: 1px solid #cacaca;
    padding-left: 5px;
}

.content .seatchResult .searchNav .price .price-txt input:focus {
    outline: none;
}

.content .seatchResult .searchNav .price .price-txt .btn-hide {
    padding: 2px 10px;
    font-size: 12px;
    margin-top: -2px;
}

.content .seatchResult .searchNav .condition-FR h5 {
    margin: 0;
    font-size: 12px;
}

.content .seatchResult .searchNav .condition-FR h5 b.num {
    color: #b82e2a;
    padding: 0 3px;
    font-size: 14px;
}

.content .seatchResult .searchNav .condition-FR .tab-condition, .btn-condition {
    cursor: pointer;
}

.content .seatchResult .searchNav .condition-FR .tab-condition .tab-FL {
    margin-right: 10px;
}

.content .seatchResult .searchNav .condition-FR .tab-condition .tab-color {
    color: #e2ab51;
}

.content .seatchResult .searchNav .condition-FR .btn-condition .btn-color {
    width: 30px;
    text-align: center;
    color: #555;
}

.content .seatchResult .searchNav .condition-FR .check-menu label {
    padding-left: 0px;
}

.content .seatchResult .searchNav .condition-FR .check-menu li {
    text-align: left;

}

.content .seatchResult .searchNav .searchNavBottom {
    padding: 10px;
    border-top: 1px solid #cacaca;
}

.content .seatchResult .searchNav .searchNavBottom .month {
    border: 1px solid #cacaca;
    height: 22px;
    line-height: 22px;
}

.content .seatchResult .searchNav .searchNavBottom .ok {
    padding: 2px 12px;
    background: #FFFFFF;
    border: 1px solid #cacaca;
    margin: 0 10px;
}

.content .seatchResult .searchNav .searchNavBottom .btn-group .btn {
    padding: 4px 12px;
}

/*todo 检索结果图书列表*/
.content .books-list h6 {
    margin-top: 0;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.content .books-list p {
    margin-bottom: 0px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.content .books-list p:first-child {
    margin-bottom: 6px;
}

.content .books-list p b {
    color: #ff1b15;
    font-size: 14px;
    display: inline-block;
}

.content .books-list .text-center {
    width: 100%;
}

.content .books-list .text-center input {
    vertical-align: top;
}

.content .books-list  span {
	margin: 5px 0;
	display: inline-block; 
}

.content .books-list  span em {
    font-style: normal;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    padding: 2px 3px;
}

.content .books-list  span em:first-child {
    background: #F4A721;
}

.content .books-list  span em:last-child {
    background: #FF4201;
    transition: all .2s;
}

.content .books-list  span em:last-child:hover {
    background: #d03601;
}

.content .books-list p span em a {
    color: #fff;
}

.content .books-list p span em a:hover {
    text-decoration: none;
}

.content .books-list .thumbnail:hover {
   /* -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    border-color: orange;*/
}

.content .books-list .caption {
    overflow: hidden;
}

.content .books-list .caption .book-btn {
    overflow: hidden;
    width: 170px;
    margin: 5px auto 0;
}

.content .books-list .caption .btn-group .btn {
    padding: 1px 3px;
}

.content .books-list .caption .book-btn i {
    cursor: pointer;
    display: block;
    color: #333;
}

.content .books-list .caption .book-btn i.red {
    color: #e90000;
}

.content .book-list .btn-sc {
    display: block;
    width: 120px;
    margin: 10px 0 0 13px;
}

.content .book-list .btn-sc:focus {
    background: none;
    border-color: #ccc;
}

.content .book-list .btn-sc:active {
    background: none;
    box-shadow: none;
}

.content .book-list .btn-sc:hover {
    background: none;
    border-color: #ccc;
    color: #333;
}

.content .book-list label input {
    vertical-align: top;
    margin-top: 0;
    margin-right: 5px;
}

.content .book-list p b {
    color: #ff1b15;
    font-size: 16px;
}

.content .book-list p.jianJie b {
    font-size: 12px;
    line-height: 1.42857143;
    color: #333333;
    font-weight: normal;
}
.content .book-list .text-center {
    width: 100%;
}

.content .book-list .text-center input {
    vertical-align: top;
}

.content .book-list p span em {
    font-style: normal;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    padding: 2px 3px;
}

.content .book-list p span em i {
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
}

.content .book-list p span em:first-child {
    background: #F4A721;
}

.content .book-list p span em:last-child {
    background: #FF4201;
    transition: all .2s;
}

.content .book-list p span em:last-child:hover {
    background: #d03601;
}

.content .book-list p span em a {
    color: #fff;
}

.content .book-list p span em a:hover {
    text-decoration: none;
}

.content .book-list .book-detail {
    border-bottom: 1px dashed #eee;
    overflow: hidden;
    margin: 10px 0;
    padding: 20px 0;
    position: relative;
}

.content .book-list .book-detail:first-child {
    margin-top: 0;
    /*padding-top: 0;*/
}

.content .book-list .book-detail:last-child {
    border: 0;
}

.content .book-list .book-detail h4 a {
    color: #ce8d37;
    transition: all .2s;
}

.content .book-list .book-detail h4 a:hover {
    text-decoration: none;
    color: #925f27;
}

/*todo 翻页*/
.content .page {
    margin: 30px 0;
    overflow: hidden;
    user-select: none;
}

.content .page1 span {
    display: block;
    padding: 6px 15px;
    border: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    border-radius: 3px;
}

.content .page1 span:first-child {
    margin-right: 6px;
}

.content .page1 span:last-child {
    margin-left: 6px;
}

.content .page1 a {
    display: inline-block;
    padding: 6px 15px;
    border: 1px solid #ccc;
    color: #333;
    margin: 0 4px;
    border-radius: 3px;
    cursor: pointer;
}

.content .page1 a:hover {
    border-color: #adadad;
    text-decoration: none;
}

.content .page1 a.z {
    background: #eee;
}

.content .page2 {
    margin-left: 30px;
}

.content .page2 .a {
    line-height: 30px;
    font-size: 14px;
}

.content .page2 .a b {
    margin: 0 3px;
    color: #b82e2a;
}

.content .page2 .b {
    margin: 0 10px;
}

.content .page-top {
    line-height: 30px;
    color: #333;
    font-weight: normal;
    margin-left: 30px;
}

.content .page-top span {
    display: inline-block;
    width: 20px;
    cursor: pointer;
}

.content .page2 .input-group {
    width: 120px;
}

.content .page2 .input-group span {
    cursor: pointer;
}

/*todo 搜索及导航-导航部分*/
.content .FL-nav-icon {
    position: fixed;
    left: 20px;
    top: 200px;
    width: 50px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .content .FL-nav-icon {
        left: 5px;
    }
}

.content .FL-nav-icon i {
    font-size: 30px;
    color: #423e31;
}

.content .FL-nav-icon p {
    font-weight: bold;
}

.content .FL-nav-cons {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 200;
    filter: alpha(opacity=30);
    display: none;
}

.content .FL-nav-cons .FL-nav-con {
    background: #FFF;
    width: 70%;
    height: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -35%;
    overflow: auto;
    border: 6px solid #696969;
    border: 6px solid rgba(0, 0, 0, .6);
    border-radius: 5px;
    box-shadow: none;
    padding: 20px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .content .FL-nav-cons .FL-nav-con {
        width: 80%;
        margin-left: -40%;
    }
}

.content .FL-nav-cons .FL-nav-con ul {
    width: 100%;
}

.content .FL-nav-cons .FL-nav-con #close {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    right: 20px;
    top: 15px;
    cursor: pointer;
    color: #333;
    transition: all .3s;
}

.content .FL-nav-cons .FL-nav-con #close:hover {
    color: #d60000;
}

.content .FL-nav-cons .FL-nav-con .tab-content .tab-pane dl {
    margin: 10px 0;
    cursor: pointer;
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
}

.content .FL-nav-cons .FL-nav-con .tab-content .tab-pane dl:last-child {
    border-bottom: none;
}

.content .FL-nav-cons .FL-nav-con .tab-content .tab-pane dl dt {
    display: block;
}

.content .FL-nav-cons .FL-nav-con .tab-content .tab-pane dl dd {
    display: inline-block;
    margin: 5px 10px;
    transition: all .2s;
}

.content .FL-nav-cons .FL-nav-con .tab-content .tab-pane dl dd:hover {
    color: #c48035;
}

.content .seatchResult .DQ-search {
    overflow: hidden;
}

.content .seatchResult .DQ-search .FJ-condition span {
    padding: 5px 10px;
    border: 1px solid #cecece;
    display: inline-block;
    margin: 4px 10px 0;
    vertical-align: middle;
}

.content .seatchResult .DQ-search .FJ-condition span b {
    font-size: 12px;
    border-left: 1px solid #b3b3b3;
    padding-left: 5px;
    cursor: pointer;
    transition: all .2s;
    color: #5c5c5c;
}

.content .seatchResult .DQ-search .FJ-condition span b:hover {
    color: #d60000;
}

.content .seatchResult .DQ-search a {
    display: inline-block;
    font-size: 14px;
    margin-top: 6px;
    color: #ab6d00;
}

.content .seatchResult .DQ-search a:hover {
    text-decoration: none;
}

/*todo 搜索及导航附加条件*/
.content .seatchResult .other-condition {
    background: #eee;
    margin: 10px 0 0;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    overflow: hidden;
}

.content .seatchResult .other-condition .other-condition1 {
    padding: 10px;
    overflow: hidden;
}

.content .seatchResult .other-condition ol {
    background: none;
    font-size: 14px;
    padding: 0;
    margin-bottom: 0;
}

.content .seatchResult .other-condition .other-condition1 .more {
    cursor: pointer;
    font-size: 12px;
    color: #333;
}

.content .seatchResult .other-condition .other-condition1 .more:hover {
    color: #c88000;
}

.content .seatchResult .other-condition .other-condition1 .more:after {
    content: "\e68b";
    font-size: 12px;
    color: #333;
    margin-left: 2px;
}

.content .seatchResult .other-condition .other-condition1 .more:hover:after {
    color: #c88000;
}

.content .seatchResult .other-condition .other-condition1 .more1:after {
    content: "\e62c";
    font-size: 12px;
    margin-left: 2px;
    color: #333;
}

.content .seatchResult .other-condition .other-condition1 .more1:hover:after {
    color: #c88000;
}

.content .seatchResult .other-condition .other-condition2 {
    padding: 5px;
    border-top: 1px solid #cacaca;
    margin-top: 5px;
}

.content .seatchResult .other-condition .other-condition2 a {
    color: #333;
    font-size: 14px;
    display: inline-block;
    margin: 4px 10px;
    font-size: 12px;
}

.content .seatchResult .other-condition .other-condition2 a:hover {
    color: #c88000;
    text-decoration: none;
}

.content .seatchResult .other-condition-con {
    background: #eee;
    margin: 10px 0 0;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    overflow: hidden;
    display: none;
    font-size: 14px;
}

.content .seatchResult .other-condition-con .press {
    padding: 10px 20px 0px 20px;
}

.content .seatchResult .other-condition-con .press .presses {
    height: 26px;
    overflow: hidden;
}

.content .seatchResult .other-condition-con .press .pressesOn {
    height: auto;
    overflow: auto;
}

.content .seatchResult .other-condition-con .press .TJ {
    margin-bottom: 10px;
}

.content .seatchResult .other-condition-con .press .TJ span {
    margin-top: 0;
    font-size: 12px;
}

.content .seatchResult .other-condition-con .press .other-library .NO {
    margin: 10px 0;
}

.content .seatchResult .other-condition-con .press .other-library .NO a {
    font-size: 14px;
    color: #333;
    padding: 0 7px;
    margin-right: 0;
}

.content .seatchResult .other-condition-con .press .other-library .nav-tabs {
    border: none;
    margin-top: 0;
}

.content .seatchResult .other-condition-con .press .other-library .NO a:hover {
    text-decoration: none;
}

.content .seatchResult .other-condition-con .press .libraryS {
    height: 120px;
    overflow: auto;
    border: 1px solid #cacaca;
    margin: 6px 0;
}

.content .seatchResult .other-condition-con .press .libraryS .tab-pane {
    padding: 5px;
}

.content .seatchResult .other-condition-con .suit {
    padding: 5px 20px 0px 20px;
    border-top: 1px dashed #cacaca;
    margin-top: 5px;
}

.content .seatchResult .other-condition-con .pack {
    padding: 10px 20px;
    border-top: 1px dashed #cacaca;
    margin-top: 10px;
}

.content .seatchResult .other-condition-con h5 {
    margin: 0;
}

.content .seatchResult .other-condition-con span {
    display: inline-block;
    margin: 2px 4px;
    cursor: pointer;
    font-size: 12px;
}

.content .seatchResult .other-condition-con span:hover {
    color: #c88000;
}

.content .seatchResult .other-condition-con span.more {
    font-size: 12px;
    margin-top: 0;
}

.content .seatchResult .other-condition-con span.more:after {
    content: "\e68b";
    font-size: 12px;
    margin-left: 2px;
    color: #333;
}

.content .seatchResult .other-condition-con span.more:hover:after {
    color: #c88000;
}

.content .seatchResult .other-condition-con span.more1:after {
    content: "\e62c";
    font-size: 12px;
    margin-left: 2px;
    color: #333;
}

.content .seatchResult .other-condition-con span.more1:hover:after {
    color: #c88000;
}

/*todo 我的收藏*/
.content .condition-FR ol {
	padding: 5px 20px;
}

.content .condition-FR ol li:last-child label {
	margin-top: 5px;
}

.content .PersonalCenter {
	margin-top: 10px;
	font-size: 14px;
}

.content .PersonalCenter dl {
	background: #eee;
}

.content .PersonalCenter dl dt {
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
	background: #614b38;
	color: #fff;
}

.content .PersonalCenter dl dd {
	line-height: 40px;
	cursor: pointer;
	border-bottom: 1px solid #DEDEDE;
}

.content .PersonalCenter dl dd span {
	width: 100%;
	display: inline-block;
	padding: 0 15px;
}

.content .PersonalCenter dl dd.hover span {
	background: #cacaca;
}

.content .PersonalCenter dl dd span i {
	font-size: 12px;
	margin-left: 5px;
	display: inline-block;
}

.content .PersonalCenter dl dd span.T i:after {
	content: "\e62c";
}

.content .PersonalCenter dl dd span.B i:after {
	content: "\e68b";
}

.content .PersonalCenter dl dd .centerMenu {
	/*display: none;*/
	display:block !important;
	height: 0 ;
	overflow: hidden !important;
	transition: all .3s;
}

.content .PersonalCenter dl dd .centerMenu.select {
	
	overflow: initial !important;
}

.content .PersonalCenter dl dd .centerMenu p {
	margin: 0;
	padding-left: 40px;
	border-bottom: 1px dashed #cacaca;
	background: #DDDDDD;
}

.content .PersonalCenter dl dd .centerMenu p:last-child {
	border-bottom: 0;
}

.content .PersonalCenter dl dd .centerMenu p.hover {
	color: #d8a142;
	border-left: 3px solid #ecaf45;
	font-weight: bold;
}

/*todo 新书通报*/
.content .newBooks {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.content .newBooks img {
	display: block;
	width: 100%;
	height: auto;
}

.content .newBooks b {
    border-bottom: 1px solid #cacaca;
    width: 30%;
    display: inline-block;
    position: absolute;
    top: 33px;
}

.content .newBooks b:first-child {
    left: 0;
}

.content .newBooks b:last-child {
    right: 0;
}

/*todo 荐购管理*/
.content .management {
    border: 1px solid #cacaca;
    overflow: hidden;
    border-radius: 3px;
}

.content .management .management1 {
    padding: 10px;
    overflow: hidden;
}

.content .management .management1 ul.nav-tabs {
    border: none;
}

.content .management .management1 ul li a {
    color: #333;
    font-size: 14px;
    border: none;
    background: none;
    padding: 10px 15px 0;
}

.content .management .management1 ul li a b {
    color: #ffffff;
    background: #d60000;
    padding: 2px 5px;
    border-radius: 5px;
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px;
}

.content .management .management1 ul li.active a {
    color: #c6861e;
}

.content .management .management1 .search-book span {
    cursor: pointer;
}

.content .management .management1 .search-book span.btn-zs {
    background: #fff;
}

.content .management .management1 .search-book span.more {
    display: block;
    margin-left: 15px;
    margin-top: 8px;
}

.content .management .management1 .search-book span.more:hover {
    color: #c88000;
}

.content .management .management1 .search-book span.more:hover i {
    color: #c88000;
}

.content .management .management1 .search-book span.more i {
    display: inline-block;
    margin-left: 2px;
    font-size: 12px;
    color: #333;
}

.content .management .management1 .search-book span.more i:after {
    content: "\e68b";
}

.content .management .management1 .search-book span.more i.on:after {
    content: "\e62c";
}

.content .management .management2 {
    padding: 10px;
    border-top: 1px solid #cacaca;
    overflow: hidden;
    display: none;
}

.content .management .management2 .txt {
    outline: none;
    display: inline;
}

.content .management .management2 .txt1 {
    width: 60px;
    padding-left: 5px;
    box-sizing: border-box;
    display: inline;
}

.content .management .management2 .price, .time, .label-jg, .btn-jg {
    margin-right: 15px;
}

.content .management .management2 .btn-qk {
    background: none;
    padding: 0px 6px;
}

.content .management .management2 .btn-qk:active {
    box-shadow: none;
}

.content .management .management2 .btn-qd {
    padding: 0px 6px;
    background: #fff;
}

.content .option-JG {
    margin: 20px 0;
    overflow: hidden;
}

.content .tabCon-JG table tr th, td {
    vertical-align: middle !important;
    text-align: center;
}

.content .tabCon-JG table tr td.text-left a {
    color: #333;
}

.content .tabCon-JG table tr td a:hover {
    text-decoration: none;
}

.content .tabCon-JG table tr th {
    border-bottom: none;
}

.content .tabCon-JG table tr th.on {
    color: #ff4401;
}

.tabCon-JG table tr th, td p.img {
    margin-right: 15px;
}

.tabCon-JG table tr th, td h6 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.content .tabCon-JG table tr th span.click {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}

.content .tabCon-JG table tr th span.click:after {
    content: "\e681";
    font-weight: normal;
}

.content .tabCon-JG table tr th.price span.on:after {
    content: "\e8b3";
    font-weight: normal;
}

.content .tabCon-JG table tr td p {
    margin-bottom: 4px;
}

.content .tabCon-JG table tr td p.img {
	width: 70px;
	height: 90px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 0;
}

.content .tabCon-JG table tr td a.detail-JG {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    margin-left: 2px;
}

.content .Alone-XG {
    overflow: hidden;
    position: relative;
}

.content .Alone-XG .SL-num {
    width: 30%;
    margin: 0 10%;
}

.content .Alone-XG .SL-num span {
    cursor: pointer;
}

.content .Alone-XG textarea {
    outline: none;
    resize: none;
}

.content .Alone-XG b {
    position: absolute;
    right: 25px;
    bottom: 20px;
}

/*todo 荐购详情*/
.content .bookPic {
    width: 120px;
    height: 140px;
    overflow: hidden;
    text-align: right;
}

.content .bookPic img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.content .border-JG {
    border: 1px solid #ddd;
    height: 170px;
    padding: 15px;
    box-sizing: border-box;
}

.content .border-JG:first-child {
    border-top-left-radius: 4px;
}

.content .border-JG:last-child {
    border-top-right-radius: 4px;
    margin-left: -1px;
}

.content .recommend-ZT b {
    font-size: 16px;
    color: #c60000;
    margin-left: 10px;
}

.content .table-JG {
    margin-top: -1px;
}

.content .table-JG tr th {
    border-bottom: none;
    text-align: center;
}

.content .table-JG tr th .dropdown ul.dropdown-menu li a {
    font-size: 14px !important;
}

.content .table-JG tr th .dropdown ul.dropdown-menu li.on a {
    color: #ff4401;
}

.content .table-JG tr th .dropdown ul.dropdown-menu li.on a:after {
    content: "\e726";
    font-size: 12px;
    color: #ff4401;
    float: right;
}

.content .table-JG tr td {
    text-align: center;
}

/*todo 人天全部订单*/
.content .allOrders {
    /*background: #EEE;*/
}

.content .allOrders .title {
    /*padding: 10px 20px;*/
    padding: 0 0 6px 6px
}

.content .allOrders .title h5 {
    margin: 0;
    font-weight: bold;
}

.content .allOrders .title .orders {
    position: relative;
    padding-left: 0;

}

.content .allOrders .title .orders .checked {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    overflow: auto;
    max-height: 300px;
}

.content .allOrders .title .orders .orderName {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    position: absolute;
    top: -12px;
    left: 0;
}

.content .allOrders .title .orders i.SJ {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #333;
}

.content .allOrders .title .orders .checked select {
    outline: none;
}

.content .allOrders .title .orders .checked p {
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.content .allOrders .title .orders .checked p:hover {
    text-decoration: underline;
}

.content .allOrders .title .orders .checked ul {
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.content .allOrders .title .orders .checked ul li {
    padding: 5px 15px;
    text-align: center;
}

.content .allOrders .title .orders .checked ul li:hover {
    background: #eee;
    color: #ba3101;
}

.content .operation {
    margin: 20px 0;
}

.content .operation form select {
    width: 120px;
    margin-left: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.content .operation form select.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}

.content .operation form .clear {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*todo 采访订单*/

.content .allOrders .title h5 {
    margin: 0;
}

.content .Fun-CF {
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.content .Fun-CF ul {
    border-bottom: none;
    font-size: 14px;
}

.content .Fun-CF ul li.active a {
    border: none;
    background: none;
    color: #333;
}

.content .Fun-CF ul li a {
    color: #a76400;
    border: none;
}

.content .Fun-CF ul li a:hover {
    border: none;
    background: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.content .Fun-CF .more span {
    font-size: 12px;
    color: #333;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.content .Fun-CF .more span:hover {
    color: #c88000;
}

.content .Fun-CF .more span:after {
    content: "\e68b";
    margin-left: 2px;
}

.content .Fun-CF .more span.on:after {
    content: "\e62c";
}

.content .Fun-CF .time-XD {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
}

.content .Fun-CF .time-XD .text {
    width: 186px;
    display: inline-block;
}

.content .Fun-CF .page-export {
    margin: 20px 0;
}

.content .page-export .fun-btn {
    margin-top: 5px;
}

.content .page-export .fun-btn span {
    display: inline-block;
}

.content .page-export .fun-btn span:first-child {
    font-size: 14px;
    margin-right: 20px;
}

.content .page-export .fun-btn span:nth-child(2) {
    width: 20px;
    text-align: center;
    cursor: pointer;
}

.content .page-export .fun-btn span:last-child {
    width: 20px;
    text-align: center;
    cursor: pointer;
}

.content .page-export .fun-btn span b {
    color: #b82e2a;
    margin: 0 5px;
}

.content .tab-con-title-CF {
    padding: 10px 20px;
    background: #EEE;
    margin: 20px 0 0;
    font-weight: bold;
}

.content .tab-con-title-CF .checkbox {
    margin: 0;
}

.content .tab-con-title-CF .checkbox input {
    margin-top: 2px;
}

.content .tab-con-title-CF .checkbox span {
    font-weight: bold;
}

.content .tab-con-title-CF .orders-CF {
    position: relative;
    margin-left: 20px;
}

.content .tab-con-title-CF .orders-CF span {
    cursor: pointer;
    position: absolute;
    top: -12px;
    left: 20px;
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
}

.content .tab-con-title-CF .orders-CF span:after {
    content: "";
    margin-left: 2px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #333;
}

.content .tab-con-title-CF .orders-CF .order-hide-con {
    position: absolute;
    top: 20px;
    left: -10px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 140px;
    margin: 2px 0 0;
    font-size: 14px;
    font-weight: normal;
    list-style: none;
    text-align: center;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content .tab-con-title-CF .orders-CF ul {
    padding: 0;
    margin: 0;
}

.content .tab-con-title-CF .orders-CF ul li {
    cursor: pointer;
    padding: 4px 10px;
}

.content .tab-con-title-CF .orders-CF ul li:hover {
    background-color: #EEEEEE;
    color: #ba3101;
}

.content .tab-con-title-CF .book-message {
    margin-right: 20%;
}

.content .tab-con-title-CF .state-CF {
    position: relative;
}

.content .tab-con-title-CF .state-CF span {
    cursor: pointer;
    position: absolute;
    top: -12px;
    left: 0;
    display: inline-block;
    width: 70px;
    height: 40px;
    line-height: 40px;
}

.content .tab-con-title-CF .state-CF span:after {
    content: "";
    margin-left: 2px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #333;
}

.content .tab-con-title-CF .state-CF .state-con-CF {
    position: absolute;
    top: 20px;
    left: -5px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 120px;
    margin: 2px 0 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content .tab-con-title-CF .state-CF .state-con-CF ul {
    padding: 0;
    margin: 0;
}

.content .tab-con-title-CF .state-CF .state-con-CF ul li {
    cursor: pointer;
    padding: 4px 10px;
}

.content .tab-con-title-CF .state-CF .state-con-CF ul li:hover {
    background-color: #EEEEEE;
    color: #ba3101;
}

.content .tab-content .tab-con-CF {
    border: 1px solid #dddddd;
    height: 150px;
    margin-top: 8px;
}

.content .tab-content .tab-con-CF .bg-warning {
    padding: 10px 20px;
    border-bottom: 1px solid #dddddd;
}

.content .tab-content .tab-con-CF .order-img a {
	display: inline-block;
	text-align: center;
	overflow: hidden;
}

.content .tab-content .tab-con-CF .bg-warning input {
    margin-top: 2px;
    margin-right: 25px;
}

.content .tab-content .tab-con-CF .bg-warning span {
    margin-right: 25px;
    vertical-align: top;
}

.content .tab-content .tab-con-CF .order-X {
    padding: 10px;
    height: 108px;
    line-height: 108px;
    border-right: 1px solid #dddddd;
}

.content .tab-content .tab-con-CF .order-X p {
    margin-bottom: 0;
}

.content .tab-content .tab-con-CF .order-X p.user {
    line-height: normal;
    text-align: center;
}

.content .tab-content .tab-con-CF .order-img {
    margin-left: 15px;
    line-height: normal;
}

.content .tab-content .tab-con-CF .order-img img {
    margin-right: 5px;
}

.content .tab-content .tab-con-CF .order-img img:last-child {
    margin-right: 0;
}

.content .tab-content .tab-con-CF .order-price p {
    line-height: normal;
    text-align: center;
}

.content .tab-content .tab-con-CF .order-price p:first-child {
    border-bottom: 1px solid #dddddd;
    height: 40px;
    line-height: 30px;
}

.content .tab-content .tab-con-CF .order-price p span {
    margin-top: 5px;
    display: block;
}

.content .tab-content .tab-con-CF .order-price p span:first-child {
    margin-top: 10px;
}

.content .tab-content .tab-con-CF .order-state {
    text-align: center;
    line-height: normal;
}

.content .tab-content .tab-con-CF .order-state span {
    line-height: 40px;
}

.content .tab-content .tab-con-CF .order-state a {
    display: block;
    line-height: 40px;
}

.content .addOrder-HB {
    overflow: hidden;
}

.content .addOrder-HB select {
    width: 80%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.content .addOrder-HB-GLY select {
    width: 40%;
}

.content .addOrder-HB-GLY select.s1 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.content .addOrder-HB-GLY select.s2 {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.content .addOrder-HB .addOrder-btn {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.content .addOrder-list {
    padding-left: 0;
    width: 300px;
}

.content .addOrder-list li {
    margin-top: 10px;
    overflow: hidden;
}

.content .addOrder-list li i {
    cursor: pointer;
    font-size: 12px;
    color: #a94442;
}

.content .order-HB {
    padding-left: 0;
    margin-bottom: 10px;
}

.content .order-HB dt {
    width: 50px;
}

.content .order-HB dd {
    margin-left: 60px;
}

.content .addOrder-text {
    width: 200px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    outline: none;
}

.content .addOrder-text:focus {
    outline: none;
}

/*todo 采访订单详情*/
.content .orderMessage {
    border: 1px solid #dddddd;
}

.content .orderMessage h5 {
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
    margin: 0;
    font-weight: bold;
}

.content .orderMessage .message .message01, .message02 {
    padding: 10px 25px;
}

.content .orderMessage .message .message01 {
    border-right: 1px solid #dddddd;
}

.content .orderMessage .message .message02 {
    margin-top: 30px;
}

.content .orderMessage .message .message02 p.ZJ {
    margin-top: 28px;
}

.content .orderMessage .message .message02 p.CY {
    color: #888;
}

.content .orderMessage-btn {
    margin: 20px 0;
}

.content .orderMessage-btn select {
    width: 120px;
    margin: 0 15px;
}

.content .orderMessage-table table tr th {
    border-bottom: none;
}

.content .orderMessage-table table tr td, th {
    text-align: center;
}

.content .orderMessage-table table tr td a {
    color: #333;
}

.content .orderMessage-table table tr td a:hover {
    text-decoration: none;
}

/*todo 个人中心-图书馆*/
.content .libraryMessage {
    border: 1px solid #dddddd;
    padding: 15px 15px 5px;
    box-sizing: border-box;
    border-radius: 3px;
}

.content .libraryMessage .Avatar {
    margin-right: 15px;
    text-align: center;
}

.content .libraryMessage .Avatar p {
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.content .libraryMessage .Avatar p img {
    width: 100%;
    height: 100%;
}

.content .libraryMessage .Avatar-btn {
    width: 150px;
    position: relative;
}

.content .libraryMessage .bookMessage h4 {
    margin-top: 0;
}

.content .libraryMessage .Avatar-btn span {
    width: 65px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    top: 6px;
    left: 9px;
    position: absolute;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    zoom: 1;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}

.content .libraryMessage .Avatar-btn span .file {
    position: absolute;
    cursor: pointer;
    width: 2000px;
    height: 600px;
    right: 0px;
}

.content .libraryMessage .bookMessage p b {
    font-size: 16px;
    margin-left: 5px;
}

.content .libraryMessage .bookMessage p a {
    margin-left: 5px;
}

.content .order-CG {
    border: 1px solid #dddddd;
    margin: 15px 0;
    border-radius: 3px;
    overflow: hidden;
}

.content .order-CG .tit {
    padding: 10px 15px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
    overflow: hidden;
}

.content .order-CG .tit h5 {
    margin: 0;
    font-weight: bold;
}

.content .order-CG .tit span {
    font-size: 12px;
    color: #333;
    cursor: pointer;
    transition: all .2s;
}

.content .order-CG .tit span:hover {
    color: #c88000;
}

.content .order-CG .tit span:after {
    content: "\e67e";
    margin-left: 2px;
    font-size: 12px;
}

.content .order-CG ul {
    padding: 10px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

.content .order-CG ul:last-child {
    border-bottom: none;
}

.content .order-CG ul li {
    vertical-align: middle;
}

.content .order-CG ul li:first-child {
    margin-left: 0;
}

.content .order-CG ul li .bookList {
    width: 300px;
    overflow: hidden;
    height: 80px;
}

.content .order-CG ul li .bookList img {
    width: 60px;
    height: 80px;
    margin-right: 8px;
}

.content .order-CG ul li span {
    display: block;
}

/*todo 图书详情*/
.content .bookDetail-book {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.content .bookDetail-book .detailedMessage h4 small {
	line-height: 1.4;
	display: inline-block;
	margin-right: 20px;
}

.content .bookDetail-book .detailedMessage h4 p.pf {
	font-size: 12px;
	display: inline-block;
}

.content .bookDetail-book .library-YBD h5 {
    margin: 0;
}

.content .bookDetail-book .library-YBD ul {
    padding: 10px 15px 0;
    margin-bottom: 0;
}

.content .bookDetail-book .library-YBD ul li {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dashed #dddddd;
}

.content .bookDetail-book .library-YBD ul li:last-child {
    border-bottom: none;
}

.content .bookDetail-book .library-YBD ul li b {
    margin-left: 20px;
}

.content .bookDetail-book .recomForm .recomTextarea {
    position: relative;
}

.content .bookDetail-book .recomForm .recomTextarea textarea {
    resize: none;
}

.content .bookDetail-book .recomForm .recomTextarea b {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.content .bookDetail-book .book-operation .book-img {
    width: 250px;
    height: 270px;
    overflow: hidden;
    margin: 20px auto 0;
    text-align: center;
    line-height: 270px;
}

.content .bookDetail-book .book-operation .book-img img {
    /*width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;*/
   border: 1px solid #ddd;
}

.content .bookDetail-book .book-operation .operation {
    margin: 15px 0;
    overflow: hidden;
}

.content .bookDetail-book .book-operation .operation a {
    font-size: 14px;
    color: #333;
    display: inline-block;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
}

.content .bookDetail-book .book-operation .operation a.JC:before {
    content: "\e61d";
    color: #333;
    margin-right: 5px;
}

.content .bookDetail-book .book-operation .operation a.JC:hover {
    color: #d6622e;
}

.content .bookDetail-book .book-operation .operation a.JC:hover:before {
    content: "\e61d";
    color: #d6622e;
}

.content .bookDetail-book .book-operation .operation a.SC:hover {
    color: #df1a14;
}

.content .bookDetail-book .book-operation .operation a.SC:hover:before {
    content: "\e600";
    color: #df1a14;
}

.content .bookDetail-book .book-operation .operation a.SC:before {
    content: "\e600";
    color: #333;
    margin-right: 5px;
}

.content .bookDetail-book .book-operation .operation a.SC.on {
    color: #df1a14;
}

.content .bookDetail-book .book-operation .operation a.SC.on:before {
    content: "\e600";
    color: #df1a14;
    margin-right: 5px;
}

.content .bookDetail-book .book-operation .textarea-error {
    resize: none;
    height: 120px;
}

.content .bookDetail-book .detailedMessage p span {
    display: block;
    margin-bottom: 5px;
}

.content .bookDetail-book .detailedMessage p.pf span {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.content .bookDetail-book .detailedMessage p span b {
    font-size: 14px;
}

.content .bookDetail-book .detailedMessage p.pf {
	margin-bottom: 0;
}

.content .bookDetail-book .detailedMessage p.pf span b {
	background-color: #eee;
	width: 55px;
    height: 24px;
    line-height: 24px;
    float: left;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
}

.content .bookDetail-book .detailedMessage p.pf span b:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.content .bookDetail-book .detailedMessage p.pf span b:nth-child(2){
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.content .bookDetail-book .detailedMessage p.pf span b:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.content .bookDetail-book .detailedMessage p.pf span b.on {
	background-color: #614b38;
	color: #fff;
}

.content .bookDetail-book .detailedMessage p i {
    font-style: normal;
}

.content .bookDetail-book .detailedMessage p a {
    /*color: #4691E8;*/
    margin: 0 6px;
}

/*.content .bookDetail-book .detailedMessage p a:hover {
    color: #356ead;
}*/

.content .bookDetail-book .detailedMessage .otherMessage p {
    background: #eee;
    padding: 12px 30px;
    overflow: hidden;
    float: left;
    height: 60px;
    border-radius: 3px;
}

.content .bookDetail-book .detailedMessage .otherMessage p span.text-info {
    display: inline-block;
}

.content .bookDetail-book .detailedMessage .otherMessage p span.iconfont {
    font-size: 22px;
    text-align: center;
    color: #843534;
}

.content .bookDetail-book .detailedMessage .otherMessage p a.E-book {
    color: #06F;
    margin-left: 8px;
}

.content .bookDetail-book .detailedMessage .otherMessage p a.E-book:hover {
    color: #004cbf;
}

.content .bookDetail-book .detailedMessage .otherMessage p a.text-danger {
    color: #a94442;
}

.content .bookDetail-book .detailedMessage .otherMessage p a.text-danger:hover {
    color: #8a3836;
}

.content .bookDetail-book .detailedMessage .otherMessage p.GP span {
    margin-top: -8px;
    margin-bottom: 0;
}

.content .bookDetail-book .detailedMessage .FL-nav {
    overflow: hidden;
}

.content .bookDetail-book .detailedMessage .FL-nav .tit {
    width: 8%;
}

.content .bookDetail-book .detailedMessage .FL-nav .con {
    width: 92%;
}

.content .bookDetail-book .detailedMessage .FL-nav .con i {
    display: block;
    font-style: normal;
    margin-bottom: 5px;
}

.content .bookDetail-book .detailedMessage .bookOperation-btn {
    margin-top: 20px;
}

.content .bookDetail-book .detailedMessage .bookOperation-btn .input-group {
    width: 100px;
    margin-right: 20px;
    user-select: none;
}

.content .bookDetail-book .detailedMessage .bookOperation-btn .input-group-addon {
    cursor: pointer;
    padding: 2px 6px;
}

.content .bookDetail-book .detailedMessage .bookOperation-btn .form-control {
    padding: 6px 4px;
}

.content .bookDetail-book .detailedMessage .bookOperation-btn .btn-DZS {
    margin-left: 45px;
}

.content .bookDetail-book .detailedMessage .See-GC {
    margin-bottom: 10px;
}

.content .bookDetail-book .detailedMessage .See-GC a {
    display: inline-block;
    color: #828257;
    font-size: 14px;
}

.content .bookDetail-book .detailedMessage .See-GC a:before {
    content: "\e61a";
    margin-right: 5px;
    font-size: 16px;
}

.content .bookDetail-book .detailedMessage .See-GC a:hover {
    color: #ff4401;
}

.content .bookDetail-book .detailedMessage .See-TLG {
    margin: -14px 0 10px -8px;
}

.content .bookDetail-book .detailedMessage .See-TLG a {
    display: inline-block;
    color: #ba3101;
    font-size: 14px;
}

.content .bookDetail-book .detailedMessage .See-TLG a:before {
    content: "\e61f";
    margin-right: 5px;
    font-size: 24px;
}

.content .bookDetail-book .detailedMessage .See-TLG a:hover {
    color: #ce3501;
}

.content .bookCon-bottom {
    margin-bottom: 20px;
}

.content .bookCon-bottom .browse-ZJ {
    border-radius: 3px;
    border: 1px solid #dddddd;
}

.content .bookCon-bottom .browse-ZJ h4 {
    margin-top: 0;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: bold;
}

.content .bookCon-bottom .browse-ZJ ul {
    padding-left: 0;
}

.content .bookCon-bottom .browse-ZJ ul li {
    text-align: center;
    border-bottom: 1px dashed #dddddd;
    margin-top: 10px;
    position: relative;
}

.content .bookCon-bottom .browse-ZJ ul li:last-child {
    border-bottom: none;
}

.content .bookCon-bottom .browse-ZJ ul li p {
    margin-bottom: 5px;
}

.content .bookCon-bottom .browse-ZJ ul li p.img a {
    display: inline-block;
    width: 120px;
    height: 150px;
    line-height: 150px;
    overflow: hidden;
}

.content .bookCon-bottom .browse-ZJ ul li p.author a {
    margin-left: 6px;
}

.content .bookDetails {
    border: 1px solid #dddddd;
    border-radius: 3px;
}

.content .bookDetails ul li {
    margin-bottom: 0;
}

.content .bookDetails ul li a {
    color: #333;
    font-size: 14px;
}

.content .bookDetails ul li a:hover {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius: 0;
}

.content .bookDetails ul li.active a {
    font-size: 14px;
    color: #ff4401;
    border: none;
    background: none;
}

.content .bookDetails .tab-content .detail-item-wrappere {
    padding: 15px 20px;
}

.content .bookDetails .tab-content .detail-item-wrappere h5 {
    height: 30px;
    line-height: 30px;
    background: #EEEEEE;
    border-radius: 3px;
    margin-top: 0;
    padding-left: 10px;
}

.content .bookDetails .tab-content .detail-item-wrappere {
    overflow: hidden;
}

.content .bookDetails .tab-content .detail-item-wrappere .desp-content {
    line-height: 22px;
    overflow: hidden;
}

.content .bookDetails .tab-content .detail-item-wrappere .despCon-hide {
    height: 200px;
}

.content .bookDetails .tab-content .detail-item-wrappere p.more {
    font-size: 12px;
    cursor: pointer;
    transition: all .2s;
    margin-bottom: 0;
}

.content .bookDetails .tab-content .detail-item-wrappere p.more:after {
    content: "\e68b";
    font-size: 12px;
    margin-left: 2px;
}

.content .bookDetails .tab-content .detail-item-wrappere p.more:hover {
    color: #ff4401;
}

.content .bookDetails .tab-content .detail-item-wrappere p.more.on:after {
    content: "\e62c";
    font-size: 12px;
    margin-left: 2px;
}

/*todo 征订采书*/
.content .seatchResult .mining-ZD {
    background: #eee;
    margin: 10px 0 0;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    overflow: hidden;
    padding: 10px;
}

.content .seatchResult .mining-ZD span {
    font-size: 14px;
    margin-right: 20px;
}

.content .seatchResult .mining-ZD ul {
    margin: 0;
}

.content .seatchResult .mining-ZD ul li a {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.content .seatchResult .mining-XZ a {
    font-size: 14px;
}

.content .seatchResult .mining-ZD-month {
    margin-top: -1px;
}

.content .seatchResult .mining-ZD-AlertCon {
    padding: 15px;
}

.content .seatchResult .mining-ZD-AlertCon span {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

/*todo PDA订单*/

.bg-gary {
    background-color: #EEEEEE !important;
}

.content .tab-content .table-PDA {
    margin-top: 20px;
}

.content .tab-content .table-PDA table tbody {
    border-top: none;
}

.content .tab-content .table-PDA tr th {
    border: none;
    vertical-align: middle;
    padding: 10px;
}

.content .tab-content .table-PDA tr th label {
    margin-bottom: 0;
}

.content .tab-content .table-PDA tr th label input {
    vertical-align: middle;
    margin: 0 4px 0 0;
}

.content .tab-content .table-PDA tr th .orders-PDA {
    position: relative;
    width: 100px;
}

.content .tab-content .table-PDA tr th .orders-PDA span {
    font-size: 12px;
    font-weight: bold;
}

.content .tab-content .table-PDA tr th .orders-PDA span:after {
    content: "";
    margin-left: 2px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #333;
}

.content .tab-content .table-PDA tr th .orders-PDA .order-pda-tb {
    position: absolute;
    top: 20px;
    left: -10px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 140px;
    margin: 2px 0 0;
    font-size: 14px;
    font-weight: normal;
    list-style: none;
    text-align: center;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content .tab-content .table-PDA tr th .orders-PDA .order-pda-tb ul {
    padding-left: 0;
    margin-bottom: 0;
}

.content .tab-content .table-PDA tr th .orders-PDA .order-pda-tb ul li {
    padding: 4px 10px;
    cursor: pointer;
}

.content .tab-content .table-PDA tr th .orders-PDA .order-pda-tb ul li:hover {
    background-color: #EEEEEE;
    color: #ba3101;
}

.content .tab-content .table-PDA tr th .orders-PDA .state-pda-tb {
    position: absolute;
    top: 20px;
    left: -10px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 120px;
    margin: 2px 0 0;
    font-size: 14px;
    font-weight: normal;
    list-style: none;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content .tab-content .table-PDA tr th .orders-PDA .state-pda-tb ul.ul-state {
    padding-left: 0;
    margin-bottom: 0;
}

.content .tab-content .table-PDA tr th .orders-PDA .state-pda-tb ul.ul-state li {
    padding: 4px 10px;
    cursor: pointer;
}

.content .tab-content .table-PDA tr th .orders-PDA .state-pda-tb ul.ul-state li:hover {
    background-color: #EEEEEE;
    color: #ba3101;
}

.content .tab-content .table-PDA tr th .orders-PDA .state-pda-tb ul.ul-state li {
    font-size: 12px;
}

.content .tab-content .table-PDA tr th .orders-PDA .state-pda-tb ul.ul-state li.on {
    color: #ba3101;
}

.content .tab-content .table-PDA tr th .orders-PDA .state-pda-tb ul.ul-state li.on:after {
    content: "\e726";
    float: right;
    font-size: 12px;
    color: #ba3101;
}

.content .tab-content .table-PDA tr th.th-ps {
    position: relative;
}

.content .tab-content .table-PDA tr th.th-ps span:after {
    content: "";
    margin-left: 2px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #333;
}

.content .tab-content .table-PDA tr th.th-ps ul {
    position: absolute;
    top: 24px;
    left: -10px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 120px;
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding-left: 0;
}

.content .tab-content .table-PDA tr th.th-ps ul li {
    font-size: 12px;
    text-align: left;
    padding: 4px 10px;
    cursor: pointer;
}

.content .tab-content .table-PDA tr th.th-ps ul li:hover {
    background-color: #EEEEEE;
    color: #ba3101;
}

.content .tab-content .table-PDA tr th.th-ps ul li.on {
    color: #ba3101;
}

.content .tab-content .table-PDA tr th.th-ps ul li.on:after {
    content: "\e726";
    float: right;
    font-size: 12px;
    color: #ba3101;
}

.content .tab-content .table-PDA tr td {
    border: 1px solid #dddddd;
}

.content .tab-content .table-PDA tr.stand td {
    border: 0;
}

.content .tab-content .table-PDA tr td .td-L input {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.content .tab-content .table-PDA tr td .td-L span {
    margin-right: 20px;
}

.content .tab-content .table-PDA tr td .td-R {
    position: relative;
    margin-left: 10px;
}

.content .tab-content .table-PDA tr td .td-R ul {
    position: absolute;
    top: 20px;
    left: -10px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content .tab-content .table-PDA tr td .td-R ul li {
    line-height: 22px;
    color: #777;
}

.content .tab-content .table-PDA tr td .order-img {
    width: 70px;
    height: 90px;
    overflow: hidden;
    margin-left: 15px;
}

.content .tab-content .table-PDA tr td .order-img a {
    width: 70px;
    height: 90;
    display: inline-block;
    overflow: hidden;
}

.content .tab-content .table-PDA tr td.td-book-message ol {
    text-align: left;
    padding-left: 5px;
    margin-bottom: 0;
}

.content .tab-content .table-PDA tr td.td-book-message ol li {
    line-height: 20px;
}

.content .tab-content .table-PDA tr td.td-bor {
    border-left: none;
    border-right: none;
}

.content .tab-content .table-PDA tr td.returnBookDetails {
	position: relative;
}

.content .tab-content .table-PDA tr td.returnBookDetails p {
	display: none;
	position: absolute;
	right: 0;
	max-height: 360px;
	overflow: auto;
	color: #333;
	min-width: 460px;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 99999999
}

.content .tab-content .table-PDA tr td.returnBookDetails p span {
	display: block;
}

.content .tab-content .table-PDA tr td.abc p {
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content .tab-content .table-PDA tr td.td-people p {
    margin-bottom: 3px;
    /*text-align: left;*/
}

.content .tab-content .table-PDA tr td.td-people p:last-child {
    margin-bottom: 0;
}

.content .tab-content .table-PDA tr td .track {
    position: relative;
}

.content .tab-content .table-PDA tr td .track a {
    font-size: 12px;
    display: inline-block;
    margin-top: 4px;
    color: #333;
}

.content .tab-content .table-PDA tr td .track a:before {
    content: "\e6b9";
    font-size: 16px;
    color: green;
    vertical-align: middle;
    margin-right: 2px;
}

.content .tab-content .table-PDA tr td .track ul {
    position: absolute;
    top: 20px;
    left: -400px;
    z-index: 9999999;
    display: none;
    float: left;
    min-width: 460px;
    max-height: 145px;
    overflow: auto;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content .tab-content .table-PDA tr td .track ul li {
    margin-bottom: 5px;
    border-left: 1px solid #dddddd;
    position: relative;
    padding-left: 10px;
}

.content .tab-content .table-PDA tr td .track ul li:before {
    content: "●";
    color: #aaa;
    position: absolute;
    left: -5px;
    font-size: 14px;
    top: -2px;
}

.content .tab-content .table-PDA tr td .track ul li.end:before {
    color: #ff4401;
}

.content .tab-content .table-PDA tr td .track ul li span {
    display: inline-block;
}

.content .tab-content .table-PDA tr td .track ul li span.time {
    width: 150px;
    text-align: right;
    vertical-align: top;
}

.content .tab-content .table-PDA tr td .track ul li span.text {
    width: 100%;
}

.content .tab-content .table-PDA tr td.td-nameUser {
    position: relative;
}

.content .tab-content .table-PDA tr td.td-nameUser ul {
    position: absolute;
    top: 60px;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 460px;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content .tab-content .PDA-return ul li a {
    font-size: 14px;
    color: #333;
}

.content .tab-content .PDA-return ul li a:hover {
    background: none;
    border-color: transparent;
}

.content .tab-content .PDA-return ul li.active a {
    border: none;
    background: none;
    font-weight: bold;
}

.content .tab-content .barcode {
    margin: 20px 0 10px;
}

.content .tab-content .barcode input {
    width: 220px;
    display: inline-block;
    padding: 6px 10px;
}

.content .tab-content .bookSituation {
    border: 1px solid #dddddd;
    padding: 15px;
}

.content .tab-content .bookSituation ul {
    padding-left: 0;
    margin-bottom: 0;
    border-right: 1px solid #dddddd;
}

.content .tab-content .bookSituation ul li {
    line-height: 22px;
}

.content .tab-content .bookSituation ul li p.i {
    font-style: normal;
    margin-right: 3px;
    vertical-align: middle;
}

.content .tab-content .bookSituation p.picture {
	width: 70px;
	height: 90px;
	position: relative; 
}

.content .tab-content .bookSituation p.picture h2 {margin: 0;}

.content .tab-content .other-book-message {
	border-left: 1px solid #ddd;
}

.content .tab-content .other-book-message li span {
	display: inline-block;
	width: 82%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

#myModal .modal-header h5 {
	font-size: 16px;
	font-weight: 500;
}

#myModal .modal-header .col-md-2 {
	padding-right: 0;
}

#myModal .modal-header .col-md-10,
#myModal .modal-header .col-md-10 ul {
	padding: 0;
}

#myModal .modal-header .pic {
	width: 70px;
	height: 90px;
	overflow: hidden;
	position: relative;
}

#myModal .modal-header .pic h2 {
	margin:0; 
}

#myModal .modal-body .inp span.name {
	display: inline-block;
	width: 90px;
	text-align: right;
}

#myModal .modal-body .inp input,
#myModal .modal-body .inp textarea {
	display: inline-block;
	width: 80%;
	vertical-align: middle;
}

#myModal .modal-body .inp input.short {
	width: 70px;
}


/*todo 纸书购物车*/
.content .sort-search {
    margin-bottom: 20px;
}

.content .sort-search span.allGoods {
    margin-right: 20px;
}

.content .sort-search span.allGoods b {
    font-weight: bold;
    margin-left: 5px;
    font-size: 14px;
}

.content .sort-search select.sort {
    width: 140px;
    display: inline-block;
    margin-right: 20px;
    padding: 4px 8px;
}

.content .sort-search label {
    margin-right: 20px;
}

.content .sort-search label input {
    vertical-align: middle;
    margin-top: 0;
}

.content .sort-search label span {
    font-weight: normal;
}

.content .sort-search .searchBox-FR {
    padding: 7px 12px;
    height: auto;
}

.content .sort-search .btn-btn {
    color: #886544;
}

.content .sort-search #positionSearchBtn {
    position: fixed;
    top: 40%;
    right: 20px;
    font-size: 35px;
    cursor: pointer;
    color: #926e4d;
}

.content .sort-search .hide-Input-shoppingCar {
    background: #FFF;
    width: 40%;
    height: 90px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -20%;
    border: 6px solid #696969;
    border: 6px solid rgba(0, 0, 0, .6);
    border-radius: 5px;
    box-shadow: none;
    padding: 20px;
    box-sizing: border-box;
    z-index: 20;
    display: none;
}

.content .sort-search .hide-Input-shoppingCar .close-shoppingCar {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    transition: all .3s;
}

.content .sort-search .hide-Input-shoppingCar .close-shoppingCar:hover {
    color: #d60000;
}

.bookMessage-shoppingCar table tr th {
    vertical-align: middle;
    border-bottom: 1px solid #dddddd;
}

.content .bookMessage-shoppingCar table tr th label {
    margin-bottom: 0;
}

.bookMessage-shoppingCar table tr th label input {
    vertical-align: middle;
    margin-top: -2px;
}

.content .bookMessage-shoppingCar table tr th.th-btn p {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 20px;
    vertical-align: middle;
}

.content .bookMessage-shoppingCar table tr td.td-bookMessage .img {
	display: inline-block;
}

.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a {
    width: 70px;
    height: 90px;
    overflow: hidden;
    display: inline-block;
    line-height: 90px;
    text-align: center;
}

.content .bookMessage-shoppingCar table tr td.td-bookMessage .img img {
    /*width: 100%;
    height: 100%;*/
}

.content .bookMessage-shoppingCar table tr td.td-bookMessage .MessageText {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
    width: 80%;
}

.content .bookMessage-shoppingCar table tr td.td-bookMessage .MessageText h5 {
    font-weight: bold;
    margin: 0 auto 5px;
}

.content .bookMessage-shoppingCar table tr td.td-bookMessage .MessageText p {
    margin-bottom: 5px;
}

.content .bookMessage-shoppingCar table tr td.td-bookMessage .MessageText p:last-child {
    margin-bottom: 0;
}

 .content .orderMessage-table table tr td.num span,
.content .bookMessage-shoppingCar table tr td.num span {
    cursor: pointer;
}

.content .bookMessage-shoppingCar table tr td.num a {
    display: block;
    margin-top: 5px;
}

.content .bookMessage-shoppingCar table tr td.Td-Click {
    cursor: pointer;
}

.content .bookMessage-shoppingCar table tr.tr-bottom th {
    font-weight: normal;
}

.bookMessage-shoppingCar table tr.tr-bottom th.th-select span {
    display: inline-block;
    vertical-align: middle;
}

.bookMessage-shoppingCar table tr.tr-bottom th.th-select span b {
    display: block;
    margin: 0 5px;
}

.bookMessage-shoppingCar table tr.tr-bottom th.th-subtotal b {
    font-size: 18px;
}

.content .bookMessage-shoppingCar table tr.tr-again td h5 {
    color: #666;
}

.content .bookMessage-shoppingCar table tr.tr-again td.td-btn span {
    cursor: pointer;
    margin-right: 15px;
}

.content .bookMessage-shoppingCar table tr.tr-again td.td-btn span:last-child {
    margin-right: 0;
}

.content .bookMessage-shoppingCar table tr.tr-again td.td-bookMessage h5 {
    margin: 0;
    font-weight: bold;
}

.content .Collection-browse ul li a {
    color: #333;
    font-size: 14px;
}

.content .Collection-browse ul li.active a {
    font-weight: bold;
    color: #886544;
}

.content .Collection-browse .caption h6 {
    margin-top: 0;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.content .Collection-browse {
    margin-top: 40px;
}

.content .Collection-browse .Collection-browse-book {
    border: 1px solid #dddddd;
    border-top: none;
    padding: 15px 15px 0;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.float-Settlement {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fcf8e3;
    border-width: 1px 0;
    border-top: 1px solid #f0f0f0 \9;
    box-shadow: 0 -1px 8px rgba(0, 1, 1, .08);
    z-index: 999;
    /*display: none;*/
}

.float-Settlement .float-SettlementCon {
    padding: 0 15px;
}

/*todo 结算页*/
.fun ul.speed {
    position: absolute;
    top: 26px;
    right: 0;
    margin-bottom: 0;
}

.fun ul.speed li {
    width: 158px;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    float: left;
    background: url(../images/bg.png) 100% -1040px no-repeat #e4e4e4;
    color: #404040;
    font-weight: 700;
    box-sizing: border-box;
    padding-right: 15px;
    text-align: center;
}

.fun ul.speed li.stepbar-first {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fun ul.speed li.stepbar-last {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-image: none;
}

.fun ul.speed li.stepbar-current0 {
    background: url(../images/bg.png) 100% -1063px no-repeat #e4e4e4;
}

.fun ul.speed li.stepbar-current {
    color: #fff;
    background-color: #FF6600;
}

.content .Settlement-message {
    border: 1px solid #dddddd;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 15px 20px;
}

/*.settlement-PDA, .BookList {*/
    /*border-bottom: 1px solid #dddddd;*/
    /*padding-bottom: 15px;*/
    /*margin-bottom: 15px;*/
/*}*/

.content .Settlement-message .message-title {
    overflow: hidden;
}

.content .Settlement-message .message-title p {
    margin-bottom: 0;
}

.content .Settlement-message .message-title p b {
    font-size: 14px;
}

.content .Settlement-message .message-title p span {
    cursor: pointer;
}

.content .Settlement-message .message-Con ul li {
    overflow: hidden;
    margin-top: 5px;
}

.content .Settlement-message .message-Con ul li:hover {
    background-color: #FFF6F3;
}

.content .Settlement-message .message-Con ul li .detailMessage {
    overflow: hidden;
}

.content .Settlement-message .message-Con ul li .detailMessage span {
    border: 1px solid #dddddd;
    display: inline-block;
    width: 120px;
    text-align: center;
    padding: 4px 6px;
    position: relative;
    font-size: 12px;
    margin-right: 20px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.content .Settlement-message .message-Con ul li .detailMessage span:hover {
    border: 1px solid #ba3101;
    box-sizing: border-box;
}

.content .Settlement-message .message-Con ul li.span-XZ .detailMessage span {
    border: 2px solid #ba3101;
    box-sizing: border-box;
}

.content .Settlement-message .message-Con ul li.span-XZ .detailMessage span:after {
    content: "\e672";
    position: absolute;
    top: -4px;
    right: -1px;
    font-size: 20px;
    color: #ba3101;
}

.content .Settlement-message .message-Con ul li .detailMessage p {
    margin-bottom: 0;
    line-height: 26px;
}

.content .Settlement-message .message-Con ul li .editMessage {
    display: none;
}

.content .Settlement-message .message-Con ul li .editMessage a {
    font-size: 14px;
    margin-left: 20px;
    line-height: 26px;
}

.content .Settlement-message .message-Con ul li .editMessage a.default:before {
    content: "\e668";
    margin-right: 5px;
}

.content .Settlement-message .list-BookMessage {
    margin-top: 15px;
}

.content .Settlement-message .list-BookMessage ul {
    overflow: hidden;
    margin: 0;
    background-color: #fafafa;
    padding: 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px dashed #ddd;
}

.content .Settlement-message .list-BookMessage ul:last-child {
    border-bottom: none;
}

.content .Settlement-message .list-BookMessage ul li {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.content .Settlement-message .list-BookMessage ul li.imgW-H {
    width: 70px;
    height: 90px;
    overflow: hidden;
    text-align: center;
    line-height: 90px;
}

.content .Settlement-message .list-BookMessage ul li.imgW-H-BO {
    width: 110px;
    height: 130px;
    overflow: hidden;
    text-align: center;
    line-height: 130px;
}


.content .Settlement-message .BookList-more {
    font-size: 12px;
    margin: 20px 0 10px;
    cursor: pointer;
}

.content .Settlement-message .BookList-more:after {
    content: '\e68b';
    margin-left: 2px;
}

.content .Settlement-placeOrder .placeOrder-Con {
    width: 300px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.content .Settlement-placeOrder .placeOrder-Con .list {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 5px;
    zoom: 1;
    font-size: 14px;
}

.content .Settlement-placeOrder .placeOrder-Con .list span {
    width: 150px;
    margin-right: 20px;
    float: left;
    text-align: right;
}

.content .Settlement-placeOrder .placeOrder-Con .list em {
    color: #333;
    float: left;
    width: 130px;
    text-align: right;
    font-style: normal;
}

.content .Settlement-placeOrder .placeOrder-Con .list em input {
    width: 80px;
    text-align: right;
    border: 1px solid #dddddd;
    height: 24px;
    line-height: 24px;
    padding-right: 5px;
    outline: none;
}

.content .placeOrder-detail {
    padding: 15px 10px 15px 0;
    line-height: 20px;
    text-align: right;
    border: 1px solid #e6e6e6;
    color: #999;
    background-color: #f4f4f4;
    margin-bottom: 15px;
}

.content .placeOrder-detail .fc-price-info {
    margin-right: 10px;
    line-height: 25px;
}

.content .placeOrder-detail .fc-price-info .price-tit {
    color: #666;
}

.content .placeOrder-detail .fc-price-info .price-num {
    color: #e4393c;
    font-family: Verdana;
    font-weight: 700;
    font-size: 18px;
    min-width: 122px;
    _width: 122px;
    float: right;
    text-align: right;
}

.content .placeOrder-detail .fc-consignee-info {
    margin-top: 5px;
    margin-right: 10px;
}

.content .placeOrder-detail .fc-consignee-info span {
    margin: 0 10px;
}

.content .form-addPersonMessage p span {
    width: 70px;
    display: inline-block;
    text-align: right;
}

.content .form-addPersonMessage p input {
    display: inline-block;
    width: 70%;
}

/*todo 系统设置*/
.content .system-tit {
    /*border: 1px solid #dddddd;*/
}

.content .system-tit h6 {
    background: #888173;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: 1px solid #dddddd;
    color: #fff;
    overflow: hidden;
}

.content .system-tit h6 span {
    display: inline-block;
    padding-top: 7px;
}

.content .system-TLG .hall-message {
    padding: 20px;
}

.content .system-TLG .hall-message .input-group {
    width: 400px;
}

.content .system-TLG .hall-message .input-group input {
    padding: 6px 8px;
}

/*todo 采访员分配*/
.content .interviewer {
    margin-top: 10px;
}

.content .interviewer table tr.bg-warning th {
    border-bottom: none;
}

.content .addInterviewer {
    overflow: hidden;
}

.content .addInterviewer p {
    width: 45%;
    position: relative;
}

.content .addInterviewer p b {
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 10px;
    font-size: 14px;
}

/*todo 账户设置*/
.content .system-tit .account {
    border-bottom: none;
}

.content .system-tit .account ul {
    border-bottom: none;
}

.content .system-tit .account ul li a {
    padding: 0;
    color: #FFFFFF;
    border: none;
    margin-right: 15px;
}

.content .system-tit .account ul li a:hover {
    background: none;
    border: none;
}

.content .system-tit .account ul li.active a {
    background: none;
    border: none;
    font-weight: bold;
    position: relative;
}

.content .system-tit .account ul li.active a:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #FFFFFF;
    position: absolute;
    bottom: -9px;
    left: 20px;
}

.content .system-tit .tab-pane {
    padding: 10px 20px;
}

.content .system-tit .tab-pane .enterprise h4 {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 12px;
}

.content .system-tit .tab-pane .enterprise .message {
    margin-bottom: 25px;
}

.content .system-tit .tab-pane .enterprise .accountDetails {
    margin-top: 15px;
}

.content .system-tit .tab-pane .enterprise .accountDetails .form-control {
    width: 200px;
    display: inline-block;
}

.content .system-tit .tab-pane .enterprise .accountDetails .pic img {
    width: 120px;
    height: 120px;
}

.content .system-tit .tab-pane .enterprise .accountDetails p label {
    margin-right: 20px;
}

.content .system-tit .tab-pane .enterprise .accountDetails p label input {
    margin: 0 0 5px 0;
    vertical-align: middle;
}

.content .system-tit .tab-pane .filePic-CJ {
    margin-top: 15px;
}

.content .system-tit .tab-pane .filePic-CJ .fletBtn {
    position: relative;
}

.content .system-tit .tab-pane .filePic-CJ .fletBtn .inputFile {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    height: 34px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.content .system-tit .tab-pane .filePic-CJ .fletBtn .inputFile:focus {
    outline: none;
}

.content .system-tit .tab-pane .filePic-CJ .fileImg {
    width: 300px;
    height: 300px;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 20px;
}

.content .system-tit .tab-pane .filePic-CJ .fileImg img {
    width: 100%;
    height: 100%;
}

.content .system-tit .tab-pane .filePic-CJ .CurrentAvatar {
    margin-top: 60px;
}

.content .system-tit .tab-pane .filePic-CJ .CurrentAvatar p {
    font-size: 14px;
}

.content .system-tit .tab-pane .filePic-CJ .CurrentAvatar p.pic {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto 20px;
}

.content .system-tit .tab-pane .filePic-CJ .CurrentAvatar p.pic img {
    width: 100%;
    height: 100%;
}

.content .system-tit .tab-pane .HeadPortrait-TJ {
    border-top: 1px dashed #DDDDDD;
    margin-top: 20px;
}

.content .system-tit .tab-pane .HeadPortrait-TJ h5 {
    margin: 20px 0;
}

.content .system-tit .tab-pane .VerifyState {
    width: 85%;
    margin: 30px auto;
    overflow: hidden;
}

.content .system-tit .tab-pane .VerifyState .box {
    width: 33.3333333%;
    background: #FFFFFF;
    float: left;
    box-sizing: border-box;
    position: relative;
}

.content .system-tit .tab-pane .VerifyState .box span {
    display: inline-block;
    width: 120px;
    background-color: #EEEEEE;
    line-height: 40px;
    height: 40px;
    text-align: center;
}

.content .system-tit .tab-pane .VerifyState .box span.active {
    background-color: #d58512;
    color: #FFFFFF;
}

.content .system-tit .tab-pane .VerifyState .box b {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #EEEEEE;
    position: absolute;
    top: 0;
    left: 120px;
}

.content .system-tit .tab-pane .VerifyState .box b.active {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #d58512;
}

.content .system-tit .tab-pane .Edit {
    width: 60%;
    margin: 0 auto;
}

.content .system-tit .tab-pane .Edit p a {
    margin-left: 20px;
    font-size: 14px;
}

.content .system-tit .tab-pane .Edit .input-group {
    width: 60%;
}

.content .system-tit .tab-pane .Edit .DivGroup {
    position: relative;
}

.content .system-tit .tab-pane .Edit .DivGroup #Invisibility {
    position: absolute;
    top: 8px;
    right: -95px;
    color: #333;
    text-decoration: underline;
}

.content .system-tit .tab-pane .Edit .DivGroup #Invisibility:hover {
    color: #337ab7;
}

.content .system-tit .tab-pane .Next {
    margin: 20px 120px;
}

.content .system-tit .tab-pane .Edit .input-group .Pic-YZM {
    width: 70px;
    height: 34px;
    overflow: hidden;
}

.content .system-tit .tab-pane .Edit .input-group .Pic-YZM img {
    width: 100%;
    height: 100%;
}

.content .system-tit .tab-pane .entry {
    width: 50%;
    margin: 0 auto;
}

.content .system-tit .tab-pane .entry input {
    margin: 20px 0;
}

/*todo 采书设置*/
.content .system-tit .tab-pane .funds .fundsCon input {
    width: 220px;
    display: inline-block;
    margin-left: 5px;
}

.content .system-tit .tab-pane .funds .fundsCon span b {
    cursor: pointer;
    margin-left: 10px;
}

.content .system-tit .tab-pane .funds .fundsCon span #Icon-close {
    display: none;
}

.content .system-tit .tab-pane .funds .FundsEarlyWarnings {
    overflow: hidden;
    margin: 20px 0 0 22px;
}

.content .system-tit .tab-pane .funds .FundsEarlyWarning {
    width: 160px;
    margin-left: 12px;
}

.content .system-tit .tab-pane .funds .FundsEarlyWarning .sign {
    position: absolute;
    right: 54px;
    top: 9px;
    z-index: 999;
}

.content .system-tit .tab-pane .funds .FundsEarlyWarning #Jia {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -1px;
}

.content .system-tit form.addBindUser p {
	margin-top: 20px;
}

.content .system-tit form.addBindUser p span.tit {
	width: 120px;
	display: inline-block;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.content .system-tit form.addBindUser p .lone {
	display: inline-block;
	width: 300px;
	margin-left: 10px;
}

.content .system-tit form.addBindUser p button {
	margin-left: 134px;
}

.content .AddSettings {
    border-bottom: 1px dashed #DDDDDD;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.content .SimilarHall ul {
    padding-left: 0;
}

.content .SimilarHall ul li {
    display: inline-block;
    width: 38px;
    color: #888;
    cursor: pointer;
}

.content .SimilarHall ul li:hover {
    color: #666;
}

.content .SimilarHall ul li.hit {
    font-weight: bold;
    color: #CC6600;
}

.content .SimilarHall .hall {
    display: none;
    border-left: 1px solid #DDDDDD;
    padding-left: 10px;
}

.content .SimilarHall .hall span {
    display: inline-block;
    padding: 2px 4px;
    cursor: pointer;
    color: #888;
}

.content .SimilarHall .hall span:hover {
    color: #666;
}

.content .SimilarHall .hall1 span.xz {
    font-weight: bold;
    color: #CC6600;
}

.content .choice {
    margin-top: 15px;
}

.content .choice p {
    display: inline-block;
    margin-bottom: 0;
    border: 1px solid #DDDDDD;
    padding: 5px;
    margin-right: 5px;
    border-radius: 4px;
}

.content .choice p b {
    border-left: 1px solid #DDDDDD;
    font-size: 12px;
    color: #999;
    padding-left: 5px;
    margin-left: 5px;
    cursor: pointer;
    transition: all .3s;
}

.content .choice p b:hover {
    color: #a94442;
}

.content .sub01 {
    border-right: 1px solid #DDDDDD;
}

.content .subject select {
    width: 140px;
    display: inline-block;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.content .subject .btn-subject {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-block;
    margin: -6px 0 0 -5px;
    vertical-align: middle;
}

.content .AddPress ul {
    padding-left: 0;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10px;
}

.content .AddPress ul li {
    display: inline-block;
    padding: 2px 5px;
    cursor: pointer;
    color: #888;
}

.content .AddPress ul li:hover {
    color: #666;
}

.content .AddPress ul li.hot {
    font-weight: bold;
    color: #CC6600;
}

.content .AddPress .house {
    display: none;
}

.content .AddPress .house span {
    display: inline-block;
    padding: 4px 6px;
    cursor: pointer;
    color: #888;
}

.content .AddPress .house span:hover {
    color: #666;
}

.content .AddPress .house span.xz {
    font-weight: bold;
    color: #CC6600;
}

.content .orderNum p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
}

.content .orderNum p input {
    width: 200px;
    display: inline-block;
}

.content form .checked {
    width: 220px;
    display: inline-block;
    margin-right: 20px;
}

.content .Added {
    margin-top: 20px;
}

.content .Added p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
}

.content .Added p .addedInput {
    display: inline-block;
    width: 100px;
    text-align: center;
}

.content .Added p select {
    display: inline-block;
}

.content .Added .btn-Confirm {
    border-color: #2e6da4;
    color: #2e6da4;
}

.content .Added .btn-Confirm:hover {
    background: none;
    border-color: #204d74;
    color: #204d74;
}

.content .Added .btn-Edit {
    border-color: #4cae4c;
    color: #4cae4c;
}

.content .Added .btn-Edit:hover {
    background: none;
    border-color: #398439;
    color: #398439;
}

.content .Added .btn-Del {
    border-color: #d43f3a;
    color: #d43f3a;
}

.content .Added .btn-Del:hover {
    background: none;
    border-color: #ac2925;
    color: #ac2925;
}

.content .Added .form-control[disabled] {
    background: none;
    border: none;
    box-shadow: none;
}

.content .labelP span {
    font-weight: normal;
}

.content .labelP input {
    vertical-align: middle;
    margin-right: 2px;
    margin-top: 0;
}

.content .labelP label {
    margin-right: 20px;
}

.content .PDASettings {
    background: #eee;
    border-radius: 3px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.content .PDASettings ul {
    padding-left: 0;
}

.content .PDASettings ul li {
    text-align: center;
    height: 36px;
    line-height: 36px;
    background: #DDDDDD;
    margin-bottom: 2px;
    position: relative;
}

.content .PDASettings ul li.het {
    color: #ba3101;
    font-weight: bold;
}

.content .PDASettings ul li.het:after {
    width: 0;
    height: 0;
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid #eee;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}

.content .PDASettings .setting {
    display: none;
    margin-top: 18px;
}

.content .PDASettings .setting p {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
}

.content .AddSettings .p {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
}

.content .PDASettings .setting p input {
    display: inline-block;
    width: 100px;
}

.content .AddSettings p .termInput {
    display: inline-block;
    width: 200px;
}

.content .AddSettings .category {
    margin-top: 20px;
}

/******************后期添加**********************/

/*个人中心-读者*/
.content .Lately {
    border-radius: 3px;
}

.content .LatelyTit {
    overflow: hidden;
    margin-top: 30px;
}

.content .LatelyTit ul {
    border-bottom-color: transparent;
}

.content .LatelyTit ul li a {
    color: #333;
}

.content .LatelyTit ul li.active a {
    font-weight: bold;
}

.content .LatelyTit span {
    display: inline-block;
    margin: 12px 20px 0;
    font-size: 12px;
    cursor: pointer;
}

.content .LatelyTit span:after {
    content: "\e67e";
}

.content .tab-content {
    /*padding: 20px;*/
    border-top: 0;
    box-sizing: border-box;
}

.content .Lately .thumbnail {
    margin-bottom: 0;
}

.content .Recommendation {
    padding:  10px 20px 0;
}

.content .see ul {
	padding: 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

.content .see ul li {
	display: inline-block;
	padding: 5px 15px;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #ddd;
	border-bottom: none;
	border-radius: 3px 3px 0 0;
}

.content .see ul li.on {
	color: #9e6509;
	background-color: #fcf8e3;
}

.content .see .tableData table {
	display: none;
}

/*我的图书馆*/
.content .myLibrary {
    border: 1px solid #DDDDDD;
}

.content .myLibrary h4 {
    padding-left: 20px;
}

/*我的PDA订单-书单模式*/
.content .ListMode .topMessage {
    box-sizing: border-box;
    overflow: hidden;
}

.content .ListMode .topMessage select {
    display: inline-block;
    width: 240px;
}

.content .ListMode .ModeGeneral {
    border: 1px solid #DDDDDD;
    padding: 10px 15px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 20px 0;
}

.content .ListMode .ModeGeneral .Nav-Search {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.content .ListMode .ModeGeneral .Nav-Search ul {
    border-bottom: none;
}

.content .ListMode .ModeGeneral .Nav-Search ul li a {
    color: #333;
}

.content .ListMode .ModeGeneral .Nav-Search ul li.active a {
    font-weight: bold;
    border-color: transparent;
    background-color: transparent;
}

.content .ListMode .ModeBookDetails .tab-content {
    overflow: hidden;
    /*border-top: 1px solid #DDDDDD;*/
    padding: 15px;
}

.content .ListMode .ModeBookDetails .tab-content dl {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 10px;
    float: left;
}

.content .ListMode .ModeBookDetails .tab-content dl dt {
    width: 100px;
    height: 120px;
    overflow: hidden;
}

/*
.content .ListMode .ModeBookDetails .tab-content dl dt img {
    width: auto;
    height: 100%;
}
*/
.content .ListMode .ModeBookDetails .tab-content dl dd {
    margin-left: 110px;
    height: 24px;
    line-height: 24px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd h5 {
    font-weight: bold;
    margin: 0;
    line-height: 24px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd b.text-danger {
    font-size: 14px;
    margin-right: 5px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd b.icon-txt {
    font-size: 12px;
    font-weight: bold;
}

.content .ListMode .ModeBookDetails .tab-content dl dd b.icon-txt:before {
    content: "\e656";
    font-size: 16px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd b.icon-txt1 {
    font-size: 12px;
    font-weight: bold;
    color: #aa6708;
}

.content .ListMode .ModeBookDetails .tab-content dl dd b.icon-txt1:before {
    content: "\e61b";
    font-size: 16px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd button {
    margin-top: 8px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track {
    position: relative;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track a {
    font-size: 12px;
    display: inline-block;
    margin-top: 4px;
    color: #333;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track a:before {
    content: "\e6b9";
    font-size: 16px;
    color: green;
    vertical-align: middle;
    margin-right: 2px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track ul {
    position: absolute;
    top: 25px;
    left: -50px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 460px;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track ul li {
    margin-bottom: 5px;
    border-left: 1px solid #dddddd;
    position: relative;
    padding-left: 10px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track ul li:before {
    content: "●";
    color: #aaa;
    position: absolute;
    left: -5px;
    font-size: 14px;
    top: -2px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track ul li.end:before {
    color: #ff4401;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track ul li span {
    display: inline-block;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track ul li span.time {
    width: 150px;
    text-align: right;
    vertical-align: top;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .track ul li span.text {
    width: 250px;
}

/*todo 我的荐购*/
.content .ModeGeneral .select-del {
    margin-top: 4px;
}

.content .ModeGeneral .select-del label {
    margin-bottom: 0;
    margin-right: 20px;
}

.content .ModeGeneral .select-del label input {
    vertical-align: middle;
    margin-top: 0;
}

.content .ListMode .ModeBookDetails .tab-content dl.MyRecommendation {
    padding-left: 15px;
    position: relative;
}

.content .ListMode .ModeBookDetails .tab-content dl dd.checkbox {
    position: absolute;
    top: -14px;
    left: -96px;
}

.content .ListMode .ModeBookDetails .tab-content dl dd .Reason {
    width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*todo PDA订单详情*/
.content .MyLibrary-OrderDetails .state {
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.content .MyLibrary-OrderDetails .state h5.tit {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 20px;
    border-bottom: 1px solid #DDDDDD;
}

.content .MyLibrary-OrderDetails .state .stateCon h4 {
    font-size: 14px;
}

.content .MyLibrary-OrderDetails .state .stateCon h4 b {
    font-size: 16px;
}

.content .MyLibrary-OrderDetails .state .stateCon .left {
    padding-left: 35px;
    padding-top: 20px;
}

.content .MyLibrary-OrderDetails .state .stateCon .left .state-time {
    border-right: 1px solid #DDDDDD;
    padding-right: 15px;
}

.content .MyLibrary-OrderDetails .state .stateCon .left .Num-Money {
    margin: 30px 0 0 15px;
}

.content .MyLibrary-OrderDetails .state .stateCon .right {
    padding-left: 15px;
    border-left: 1px solid #DDDDDD;
}

.content .MyLibrary-OrderDetails .state .logistics ul {
	margin: 0;
	padding: 0;
}

.content .MyLibrary-OrderDetails .state .logistics ul li {
	display: inline-block;
	margin-right: 2px;
	font-size: 12px;
	color: #333;
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 3px;
}

.content .MyLibrary-OrderDetails .state .logistics ul li.on {
	color: #337ab7;
}

.content .MyLibrary-OrderDetails .state .logistics .logs .log {
	display: none;
}

.content .MyLibrary-OrderDetails .state table {
    width: 100%;
    margin-bottom: 0;
}

.content .MyLibrary-OrderDetails .state table tr th {
    border-bottom: 1px solid #DDDDDD;
}

.content .MyLibrary-OrderDetails .state table tr th span {
    margin-left: 40px;
}

.content .MyLibrary-OrderDetails .state table tr td .Book {
    width: 70px;
    height: 90px;
    overflow: hidden;
    margin: 0 15px;
}

.content .MyLibrary-OrderDetails .state table tr td .Book img {
    width: 100%;
    height: 100%;
}

/*todo PDA订单提交成功*/
.content .orderSubmitSuccess {
    width: 1000px;
    margin: 76px auto 70px;
    text-align: center;
}

.content .orderSubmitSuccess h3 {
    font-size: 24px;
}

.content .orderSubmitSuccess h3:before {
    content: "\e64c";
    color: #5cb85c;
    margin-right: 8px;
}

.content .orderSubmitSuccess .sub {
    margin: 30px 0;
}

.content .orderSubmitSuccess .sub button {
    margin: 0 15px;
}

.content .orderSubmitSuccess p b {
    font-size: 14px;
    margin: 0 5px;
}

.content .orderSubmitSuccess dl {
    background: #EEEEEE;
    text-align: left;
    font-size: 14px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
}

.content .orderSubmitSuccess dl dt {
    width: 75px;
}

.content .orderSubmitSuccess dl dd {
    margin-left: 80px;
}

.content .orderSubmitSuccess dl dd.d {
    margin-bottom: 12px;
}

.content .orderSubmitSuccess .or {
    background: #EEEEEE;
    padding: 20px;
    text-align: left;
}

.content .orderSubmitSuccess .or span {
    margin: 0 40px 0 30px;
    font-size: 14px;
}

.content .orderSubmitSuccess .or span b {
    font-size: 24px;
}

/*PDA 订单补充*/

.content .tab-content .table-PDA tr td.td-bor .borrow-return {
    position: relative;
}

.content .tab-content .table-PDA tr td.td-bor .borrow-return ul {
    position: absolute;
    top: 20px;
    right: -60px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 180px;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    text-align: center;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

/*todo 收货地址*/
.ReceivingAddress h5 {
    margin: 0;
    padding: 10px 15px 10px;
    border: 1px solid #DDDDDD;
    font-size: 14px;
}

.ReceivingAddress .address {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 15px;
    box-sizing: border-box;
}

.ReceivingAddress .address-btn b {
    margin-left: 15px;
}

.ReceivingAddress .address-Con ul {
    padding: 0;
}

.ReceivingAddress .address-Con ul li {
    border: 1px solid #DDDDDD;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 15px;
    position: relative;
}

.ReceivingAddress .address-Con ul li p:last-child {
    margin-bottom: 0;
}

.ReceivingAddress .address-Con ul li p span {
    margin-right: 20px;
}

.ReceivingAddress .address-Con ul li .delete {
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 14px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    transition: all .3s;
    cursor: pointer;
}

.ReceivingAddress .address-Con ul li .delete:hover {
    color: #d9534f;
}

.ReceivingAddress .address-Con ul li .Edit {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.ReceivingAddress .address-Con ul li .Edit span.icon {
    transition: all .3s;
    cursor: pointer;
}

.ReceivingAddress .address-Con ul li .Edit span.icon b {
    font-size: 16px;
    margin-right: 3px;
}

.ReceivingAddress .address-Con ul li .Edit span.icon:hover {
    color: #428bca;
}

.ReceivingAddress .address-Con ul li .Edit span.icon b:hover {
    color: #428bca;
}

.ReceivingAddress .address-Con ul li .Edit span.setDefault {
    margin-left: 15px;
    cursor: pointer;
}

.ReceivingAddress .address-Con ul li  p span.default {
    font-size: 12px;
}

.ReceivingAddress .address-Con ul li  p span.default:before {
    content: "\e668";
    font-size: 14px;
    color: #428bca;
    margin-right: 3px;
}

/*todo 添加/编辑收货地址*/
.address .Add_Edit-Address p span {
    margin-right: 5px;
}

.address .Add_Edit-Address p .short {
    display: inline-block;
    width: 220px;
}

.address .Add_Edit-Address p .long {
    display: inline-block;
    width: 90%;
}

.address .Add_Edit-Address label input {
    margin: 0;
    vertical-align: middle;
}

.address .Add_Edit-Address p.sub {
    margin-top: 20px;
    text-align: center;
}











@media (min-width: 992px) {
    .content .tab-content .tab-con-CF .order-img {
        margin-left: 25px;
        line-height: 90px;
    }

    .content .tab-content .tab-con-CF .order-img a {
        width: 60px;
        height: 80px;
        line-height: 80px;
    }

    .content .tab-content .tab-con-CF .order-CSZS {
        margin-top: 40px;
        margin-left: 10px;
        line-height: normal;
    }

    .content .tab-content .tab-con-CF .order-X p.user {
        margin-top: 40px;
    }

    .content .order-CG ul li {
        margin-left: 16px;
    }

    .content .management .management2 .txt {
        width: 140px;
    }

    .content .bookDetail-book .detailedMessage .bookOperation-btn button {
        margin-right: 0;
    }

    .content .Fun-CF .time-XD .order-user {
        margin-top: 20px;
    }

    .content .tab-content .table-PDA tr td.td-book-message ol {
        width: 62%;
    }

    .float-Settlement .float-SettlementCon {
        width: 1000px;
        margin: 0 auto;
    }
    .content .ListMode .ModeGeneral .OtherConditions input {
        width: 130px;
        display: inline-block;
    }

    .content .ListMode .ModeGeneral .OtherConditions select {
        width: 110px;
        display: inline-block;
    }
    .content .MyLibrary-OrderDetails .state table tr td .BookMessages {
        width: 73%;
    }
}

@media (min-width: 1200px) {
    .content .tab-content .tab-con-CF .order-img {
        margin-left: 15px;
        line-height: normal;
    }

    .content .tab-content .tab-con-CF .order-img a {
        width: 70px;
        height: 90px;
        line-height: 90px;
    }

    .content .tab-content .tab-con-CF .order-CSZS {
        margin-top: 36px;
        margin-left: 20px;
        line-height: normal;
    }

    .content .tab-content .tab-con-CF .order-X p.user {
        margin-top: 36px;
    }

    .content .order-CG ul li {
        margin-left: 46px;
    }

    .content .management .management2 .txt {
        width: 160px;
    }

    .content .bookDetail-book .detailedMessage .bookOperation-btn button {
        margin-right: 15px;
    }

    .content .Fun-CF .time-XD .order-user {
        margin-left: 20px;
        display: inline;
    }

    .content .tab-content .table-PDA tr td.td-book-message ol {
        width: 70%;
    }

    .float-Settlement .float-SettlementCon {
        width: 1280px;
        margin: 0 auto;
    }
    .content .ListMode .ModeGeneral .OtherConditions input {
        width: 160px;
        display: inline-block;
    }

    .content .ListMode .ModeGeneral .OtherConditions select {
        width: 160px;
        display: inline-block;
    }
    .content .MyLibrary-OrderDetails .state table tr td .BookMessages {
        width: 79%;
    }
}

/* todo footer*/

.footer .jumbotron {
    padding: 30px 0 20px;
    margin-bottom: 0;
}

.footer ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.footer ul li a {
    font-size: 14px;
    color: #333;
}

.footer ul li:after {
    content: "|";
    float: right;
}

.footer ul li:last-child:after {
    content: "";
}

.footer p {
    font-size: 12px;
    margin-top: 30px;
    margin-bottom: 5px;
}

.footer p span {
    margin-right: 30px;
}

.footer p.one {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

/*todo 头部图书馆管理员*/
#admin {
	position: relative;
}

#admin span {
	color: #fff;
}

#admin span b {
	margin-right: 5px;
	text-decoration: underline;
}

#admin #hideLibrary {
	position: absolute;
	top: 30px;
	left: 0;
	background: #545651;
	display: none;
	width: 100%;
	text-align: center;
	z-index: 1000;
}

#admin #hideLibrary p {
	margin-bottom: 0;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

#admin #hideLibrary p:hover {
	background-color: #7b7d78;
}

.thumbnail {
	text-align: center;
}

.content .Settlement-message .list-BookMessage ul li.imgW-H-BO,
.content .Settlement-message .list-BookMessage ul li.imgW-H,
.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a,
.content .tabCon-JG table tr td p.img,
.content .MyLibrary-OrderDetails .state table tr td .Book,
.content .tab-content .table-PDA tr td .order-img a,
.content .orderMessage-table table tr td a p.img,
.content .tab-content .tab-con-CF .order-img a,
.content .tabCon-JG table tr td p.img,
.content .bookPic,
.content .bookCon-bottom .browse-ZJ ul li p.img,
.bookDetail-book .book-operation .book-img,
.row  a.aImg {
	display: inline-block;
	width: 150px;
	height: 160px;
	line-height: 160px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	position: relative;
}

.content .tab-content .bookSituation p.picture h2,
#myModal .modal-header .pic h2,
.content .Settlement-message .list-BookMessage ul li.imgW-H-BO h2,
.content .Settlement-message .list-BookMessage ul li.imgW-H h2,
.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a h2,
.content .tabCon-JG table tr td p.img h2,
.content .MyLibrary-OrderDetails .state table tr td .Book h2,
.content .tab-content .table-PDA tr td .order-img a h2,
.content .orderMessage-table table tr td a p.img span,
.content .tab-content .tab-con-CF .order-img a h2,
.content .tabCon-JG table tr td p.img span,
.content .bookPic h2,
.content .bookCon-bottom .browse-ZJ ul li p.img a span,
.bookDetail-book .book-operation .book-img h2,
.row  a.aImg h2 {
	position: absolute;
    text-align: center;
    word-wrap: break-word;
    word-break: normal;
    white-space:nowrap;
    overflow: hidden;
    width: 70%;
    left: 15%;
    line-height: 14px;
    color: #333;
	font-size: 12px;
}
.content .tab-content .bookSituation p.picture h2.title,
#myModal .modal-header .pic h2.title,
.content .Settlement-message .list-BookMessage ul li.imgW-H-BO h2.title,
.content .Settlement-message .list-BookMessage ul li.imgW-H h2.title,
.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a h2.title,
.content .tabCon-JG table tr td p.img h2.title,
.content .MyLibrary-OrderDetails .state table tr td .Book h2.title,
.content .tab-content .table-PDA tr td .order-img a h2.title,
.content .orderMessage-table table tr td a p.img span.title,
.content .tab-content .tab-con-CF .order-img a h2.title,
.content .tabCon-JG table tr td p.img span.title,
.content .bookPic h2.title,
.content .bookCon-bottom .browse-ZJ ul li p.img span.title,
.bookDetail-book .book-operation .book-img h2.title,
.row  a.aImg h2.title {
    
    font-weight: bold;
    top: 13%;
    
}
.content .tab-content .bookSituation p.picture h2.author,
#myModal .modal-header .pic h2.author,
.content .Settlement-message .list-BookMessage ul li.imgW-H-BO h2.author,
.content .Settlement-message .list-BookMessage ul li.imgW-H h2.author,
.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a h2.author,
.content .tabCon-JG table tr td p.img h2.author,
.content .MyLibrary-OrderDetails .state table tr td .Book h2.author,
.content .tab-content .table-PDA tr td .order-img a h2.author,
.content .orderMessage-table table tr td a p.img span.author,
.content .tab-content .tab-con-CF .order-img a h2.author,
.content .tabCon-JG table tr td p.img span.author,
.content .bookPic h2.author,
.content .bookCon-bottom .browse-ZJ ul li p.img span.author,
.bookDetail-book .book-operation .book-img h2.author,
.row  a.aImg h2.author  {
    top: 45%;
}
.content .tab-content .bookSituation p.picture h2.publisher,

#myModal .modal-header .pic h2.publisher,
.content .Settlement-message .list-BookMessage ul li.imgW-H-BO h2.publisher,
.content .Settlement-message .list-BookMessage ul li.imgW-H h2.publisher,
.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a h2.publisher,
.content .tabCon-JG table tr td p.img h2.publisher,
.content .MyLibrary-OrderDetails .state table tr td .Book h2.publisher,
.content .orderMessage-table table tr td a p.img span.publisher,
.content .tab-content .tab-con-CF .order-img a h2.publisher,
.content .tabCon-JG table tr td p.img span.publisher,
.content .bookPic h2,publisher
.content .bookCon-bottom .browse-ZJ ul li p.img span.publisher,
.bookDetail-book .book-operation .book-img h2.publisher,
.row  a.aImg h2.publisher   {
    bottom: 3%;
}

.content .tab-content .table-PDA tr td .order-img a h2.publisher,
.bookDetail-book .book-operation .book-img h2.publisher{
	bottom: 5%;
}

.content .bookCon-bottom .browse-ZJ ul li p.img span.publisher {
	bottom: 15%;
}
.content .tab-content .bookSituation p.picture,
.content .Settlement-message .list-BookMessage ul li.imgW-H-BO,
.content .Settlement-message .list-BookMessage ul li.imgW-H,
.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a,
.content .tabCon-JG table tr td p.img,
.content .MyLibrary-OrderDetails .state table tr td .Book,
.content .tab-content .table-PDA tr td .order-img a,
.content .orderMessage-table table tr td a p.img,
.content .tab-content .tab-con-CF .order-img a,
.content .tabCon-JG table tr td p.img {
	width: 70px;
	height: 90px;
	margin-right: 15px;
}

.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a {margin: 0;}

.content .Settlement-message .list-BookMessage ul li.imgW-H-BO h2,
.content .Settlement-message .list-BookMessage ul li.imgW-H h2,
.content .bookMessage-shoppingCar table tr td.td-bookMessage .img a h2,
.content .tabCon-JG table tr td p.img h2,
.content .MyLibrary-OrderDetails .state table tr td .Book h2,
.content .tab-content .table-PDA tr td .order-img a h2,
.content .orderMessage-table table tr td a p.img span,
.content .tab-content .tab-con-CF .order-img a h2 {
	margin: 0;
	height: 14px;
}

.content .tabCon-JG table tr td p.img span {
	height: 14px;
}

.content .bookPic {
    width: 120px;
    height: 140px;
}


/*S 效果-我的收藏	检索结果列表*/
.content .book-list .book-detail.on {
	border: 1px solid #e06439;
}

.condition-FR .btn-groups {
	display: inline-block;
}

.condition-FR #complete,
.condition-FR #btn-group,
.content .seatchResult .searchNav .searchNavBottom #btn-group,
.content .books-list .cancelCollection,
.content .books-list .opacity-BG,
.content .books-list .cancelText,
.content .book-list .cancelCollection,
.content .book-list .opacity-BG,
.content .book-list .cancelText {
	display: none;
}

.content .books-list .thumbnail {
	border: 2px solid transparent;
	position: relative;
	overflow: hidden;
	transition: all .3s;
}

/*.content .books-list .thumbnail:hover,
.content .books-list .thumbnail.on.ZS:hover,*/
.content .books-list .thumbnail.DXCZ,
.content .books-list .thumbnail.QXCZ {
    border: 2px solid #e06439 !important;
}

.content .book-list .book-detail .cancelCollection.on,
.content .books-list .thumbnail .cancelCollection.on {
	background: #e06439;
}

.content .books-list .thumbnail.on {
	border: 2px solid gray;
}

.content .book-list .opacity-BG,
.content .books-list .opacity-BG {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: black;
	border-radius: 3px;
	opacity: .3;
	z-index: 10;
	border: 1px solid gray;
}

.content .book-list .cancelCollection,
.content .books-list .cancelCollection {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	background: gray;
	font-size: 14px;
}

.content .book-list .cancelText,
.content .books-list .cancelText {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	padding: 10px 0;
	color: #FFFFFF;
	font-size: 12px;
	background: rgba(0,0,0,.3);
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.content .books-list .cancelText:hover {
	background: rgba(0,0,0,.5);
}

/*E 效果-我的收藏	检索结果列表*/


.content .ListMode .ModeBookDetails .tab-content dl dt  {
	display: inline-block;

	line-height: 160px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
}
.row  a.aImg img {
	/*width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;*/

}

/*购物车为空空的状态*/
#cartInfoEmptyId {
	width: 510px;
	margin: 20px auto;
	overflow: hidden;
}

#cartInfoEmptyId h4.iconfont {
	font-size: 90px;
	color: #9e836a;
}

#cartInfoEmptyId p:first-child {
	font-size: 20px;
}

#cartInfoEmptyId p a {
	margin: 0 5px;
}

#showCollectionBookId .thumbnail .caption p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* todo footer 薄兴野由arrange复制过来*/



/*todo S-数据统计*/
.orderManager .conBox {
	border: 1px solid #ddd;
	border-radius: 3px;
}

.orderManager .conBox ul.count li a {
    color: #333;
    border: 0;
    font-size: 14px;
}

.orderManager .conBox ul.count li a:hover {
	background: none;
}

.orderManager .conBox ul.count li.active a {
    background: #eee;
    color: #a76400;
    border-radius: 0;
}

.orderManager .conBox ul.count {	
	border: none;
}

.orderManager .chart {
	line-height: 39px;
}

.orderManager .chart b {
	font-size: 14px;
	margin-right: 4px;
}

.orderManager .tab-content {
    padding: 0 20px;
    border: 1px solid #DDDDDD;
    border-top: 0;
    box-sizing: border-box;
    margin: -1px 5px 0;
}

.orderManager .tab-pane h2 {
	font-size: 15px;
	font-weight: bold;
	color: #ca7000;
	margin-top: 15px;
	border-left: 4px solid #ca7000;
	padding-left: 10px;
}

.orderManager .tab-pane .odr_hy {
	background: #f4f4f4;
	padding: 10px 15px;
	margin-bottom: 20px;
}

.orderManager .tab-pane .odr_hy p {
	border-bottom: 1px dashed #ddd;
	padding-bottom: 5px;
}

.orderManager .tab-pane .odr_hy p:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.orderManager .tab-pane .odr_hy p span {
	margin-right: 25px;
}

.orderManager .tab-pane .odr_hy p span.tit {
	font-size: 14px;
	font-weight: bold;
	color: #ff1b15;
}

.orderManager .tab-pane .odr_hy p span b {
	margin: 0 2px;
}

.tabLists .odr-dc {
	margin: 0 15px 20px;
}

.method .dtl .dtl-con .tit div,
.tabLists .lists .row div,
.method .dtl .dtl-con .lists .list div,
.tabLists .odr-dc .tit div {
	padding: 10px 0;
	font-weight: bold;
}

.tabLists .odr-dc .text-right a {
	display: inline-block;
	margin-top: 15px;
}

.tabLists .odr-dc .more b,
.tabLists .odr-dc .text-right a b {
	font-size: 14px;
}

.method .dtl .dtl-con .lists .list div,
.tabLists .lists .row div {
	font-weight: normal;
}

.method .dtl .dtl-con .lists .list.row:nth-child(even),
.tabLists .lists .row:nth-child(even) {
	background-color: #f7f7f7;
}

.method .dtl .dtl-con .lists .list .col-md-3 p,
.tabLists .lists .list .col-md-3 p {
	overflow: hidden;
	width: 95%;
	text-overflow: ellipsis;
	white-space:nowrap;
	margin: 0 auto;
}

.tabLists .odr-dc .more {
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
}

.tab-pane .afg_tj {
	font-size: 15px;
	text-align: center;
	margin: 20px 0 10px;
	color: #ff1b15;
}

.tab-pane .custom .ctm_list {
	margin-top: 25px;
}

.tab-pane .custom .ctm_list p span,
.tab-pane .custom .ctm_list p {
	display: inline-block;
	margin: 0;
}

.tab-pane .custom .ctm_list p span {
	width: 90px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #343434;
	margin-right: 5px;
}

.tab-pane .custom .ctm_list p input,
.tab-pane .custom .ctm_list p select {
	width: 186px;
	display: inline-block;
}

.tab-pane .custom .ctm_list button {
	width: 80px;
	margin: 0 0 25px 98px;
}

.method .dtl .dtl-con,
.breadNav {
	margin: 20px 0;
}

.method .dtl .col-md-6 {
	line-height: 30px;
}

.method .dtl p {
	margin: 0;
}

.method .dtl .input-group {
	width: 300px;
	float: right;
}

.method .dtl a.export {
	float: right;
	margin-left: 20px;
	line-height: 30px;
}

.method .dtl a.export b {
	font-size: 14px;
}

.method .dtl .allTime p {
	margin-bottom: 0px;
	margin-right: 20px;
	display: inline-block;
}

.method .dtl .allTime p input {
	width: 146px;
	display: inline-block;
}

.method .dtl .dtl-con .listDtl div {
	line-height: 7;
	margin-top: 5px;
	text-align: center;
}

.method .dtl .dtl-con .tit .price span,
.method .dtl .dtl-con .tit .publishTime span {
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
}

.method .dtl .dtl-con .tit .price span:after,
.method .dtl .dtl-con .tit .publishTime span:after {
	content: "\e681";
	font-size: 12px;
	margin-left: 3px;
	font-weight: normal;
}

.method .dtl .dtl-con .tit .on span {
	color: #ff1b15;
}

.method .dtl .dtl-con .tit .b_t span:after {
	content: "\e8b3";
	font-size: 12px;
	margin-left: 3px;
}

.method .dtl .dtl-con .lists .num {
	border-bottom: 1px dashed #eee;
	padding-bottom: 15px;
}

.method .dtl .dtl-con .lists p.picP {
	width: 70px;
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
}

.method .dtl .dtl-con .lists a.bookName {
	width: 100%;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}

.method .dtl .search_Dtl {
	position: relative;
	width: 300px;
	float: right;
}

.method .dtl .allTime {
	float: left;
}

.method .dtl .search_Dtl .input-group {
	width: 240px;
	position: absolute;
	top: 0;
	left: 0;
}

.method .dtl .search_Dtl a.export {
	position: absolute;
	right: 0;
	top: 0;
}

.method .dtl .rem_ctn {
	display: inline-block;
	margin-bottom: 0;
}

.method .dtl .rem_ctn input {
	width: 186px;
	display: inline-block;
}

.method .dtl button{
	color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    margin-top: -4px;
}

.method .dtl h4.bookName {
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}

.method .dtl .dtl-con .tit .userLever {
	position: relative;
	cursor: pointer;
}

.method .dtl .dtl-con .tit .userLever #userLever_div {
	width: 120px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #fff;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 500;
	display: none;
}

.method .dtl .dtl-con .tit .userLever #userLever_span:after {
	content: "";
	width: 0;
	height: 0;
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #333;
	margin-left: 3px;
}

.method .dtl .dtl-con .tit .userLever #userLever_div p {
	margin: 0;
	padding: 5px 0;
	cursor: pointer;
}

.method .dtl .dtl-con .tit .userLever #userLever_div p:hover {
	background-color: #eee;
}


/*todo E-数据统计*/


.footer  {
	margin-top: 30px;
}

.footer .jumbotron {
	padding: 30px 0 20px;
	margin-bottom: 0;
	background: #F5F5F5;
}

.footer ul li {
	float: left;
	width: 25%;
	text-align: center;
}

.footer ul li a {
	font-size: 14px;
	color: #333;
}

.footer ul li:after {
	content: "|";
	float: right;
}

.footer ul li:last-child:after {
	content: "";
}

.footer p {
	font-size: 12px;
	margin-top: 30px;
	margin-bottom: 5px;
}

.footer p span {
	margin-right: 30px;
}

.footer p span.Record a {
	display: inline-block;
	background: url(../images/batp.png) no-repeat center left;
	height: 20px;
	text-indent: 2em;
	color: #666;
}

.footer p span.Record a:hover {
	color: #666;
}

.footer p span.Tel,
.footer p span.QQ,
.footer p.one span {
	font-size: 12px;
	color: #8D8D8D;
}

.footer p span.Tel:before {
	content: "\e669";
	font-size: 20px;
	color: #8D8D8D;
}

.footer p span.QQ:before {
	content: "\e630";
	font-size: 20px;
	margin-right: 3px;
	color: #8D8D8D;
}

.footer p span.QQ a {
	color: #8D8D8D;
}

.footer p span.QQ a:hover {
	color: #d87b36;
}

.footer p.one {
	border-top: 1px solid #ccc;
	padding-top: 30px;
}

/*系统设置读者绑定修改添加*/
#pwdModal .modal-main,
#updateModal .modal-main {
	margin-top: 10px;
}

#pwdModal .modal-main p,
#updateModal .modal-main p {
	width: 50%;
	float: left;
}

#updateModal .modal-main h6 span,
#pwdModal .modal-main p span,
#updateModal .modal-main p span {
	display: inline-block;
	width: 60px;
	text-align: right;
}

#pwdModal .modal-main p .short,
#updateModal .modal-main p .short {
	display: inline-block;
	width: 180px;
}

#updateModal .modal-main h6 b {
	margin-left: 10px;
	font-size: 13px;
}



/*todo 首页建国70周年元素*/
.Founding {
	width: 100%;
	height: 220px;
	background: url('../images/Founding-foot.png') no-repeat;
	background-size: cover;
}

.Founding-top {
	position: relative;
	width: 1280px;
	height: 80px;
	margin: 0 auto;
}

.Founding-top p {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #fff;
	border-radius: 50%;
	font-size: 12px;
	color: #888;
	cursor: pointer;
}


/*todo 导航下拉列表*/
.content .nav-cen ul li .hideNav {
	width: 150px;
	height: auto;
	background-color: #fffff9;
	position: absolute;
	z-index: 999;
	top: 40px;
	right: 0;
	display: none;
	box-shadow: 0 2px 5px #ddd;
}

#afg-nav {
	font-size: 15px;
	color: #fff;
}

.content .nav-cen ul li .hideNav a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	color: #333;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 0 5px;
	box-sizing: border-box;
}

.content .nav-cen ul li .hideNav a:hover {
	background-color: #dad5ca;
}

/*todo 阿法购新增下拉选择*/
.afg-select {
	width: 100px;
	margin-right: -1px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}



/* todo 阿法购专区学科分类选择 */
.objectClass-afg {
	background-color: #eee;
	border: 1px solid #cacaca;
}

.objectClass-afg ul {
	border-bottom: 1px solid #cacaca;
	margin: 0;
	padding: 5px 0;
}

.objectClass-afg ul li {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px;
	background-color: #ddd;
	cursor: pointer;
}

.objectClass-afg ul li.on {
	background-color: #ff4401;
	color: #fff;
}



.presses-box {
	padding: 10px 0;
}

.presses-box .presses {
	padding-left: 0;
}

.presses-box .press {
	height: 50px;
	width: 100%;
	overflow: hidden;
}

.presses-box .press a {
	font-size: 12px;
	padding: 5px;
	cursor: pointer;
	transition: all .3s;
	color:  #666;
	display: inline-block;
}

.presses-box .press a:hover {
	color:  #ff4401;
}

.presses-box .press a.on {
	color:  #ff4401;
	font-weight: bold;
}


#morePress {
	text-align: center;
	font-size: 12px;
	transation: all .3s;
	cursor: pointer;
}

#morePress:hover {
	color: #ff4401;
}

#morePress:after {
	content: '\e68b';
	margin-left: 5px;
}

#morePress.on:after {
	content: '\e62c';
	margin-left: 5px;
}
.content .seatchResult .searchNavBottom .row .col-md-4 .tab-condition, .btn-condition,
.content .seatchResult .searchNavBottom .row .col-md-5 .tab-condition, .btn-condition,
.content .seatchResult .searchNavBottom .row .col-md-1 .tab-condition, .btn-condition {
    cursor: pointer;
}
.content .seatchResult .searchNavBottom .row .col-md-4 .tab-condition .tab-FL,
.content .seatchResult .searchNavBottom .row .col-md-5 .tab-condition .tab-FL,
.content .seatchResult .searchNavBottom .row .col-md-1 .tab-condition .tab-FL {
    margin-right: 10px;
}
.content .seatchResult .searchNavBottom .row .col-md-4 .tab-condition .tab-color,
.content .seatchResult .searchNavBottom .row .col-md-5 .tab-condition .tab-color,
.content .seatchResult .searchNavBottom .row .col-md-1 .tab-condition .tab-color {
    color: #e2ab51;
}
.content .seatchResult .searchNavBottom .row .col-md-4 .tab-condition .btn-color,
.content .seatchResult .searchNavBottom .row .col-md-5 .tab-condition .btn-color,
.content .seatchResult .searchNavBottom .row .col-md-1 .tab-condition .btn-color {
    width: 30px;
    text-align: center;
    color: #555;
}

.showlist table {
	width: 100%;
}

.showlist table tr td,
.showlist table tr th {
	font-size: 12px;
    padding: 5px;
    word-break: break-all;
    vertical-align: middle;
    border: 1px solid #ccc;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.showlist table tr th {
	font-weight: bold;
    background-color: #eee;
    box-sizing: border-box;
}

.showlist table tr td {
	color: #454545;
    box-sizing: border-box;
}

.showlist table tr td span,
.showlist table tr td a {
	color: #454545;
	display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.showlist table tr td a {
	cursor: pointer;
}

.showlist table tr td a.dtl {
	width: 300px;
}

.showlist table tr td a:hover {
	color: #e83f3a;
}

.showlist table tr td a.collection.is {
	color: #e83f3a;
}

.showlist table tr td a.add_car {
	margin: 0 5px;
}

.showlist table tr td span {
	width: 120px;
}

.tch_modal_box {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.35);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.tch_modal {
	width: 410px;
	height: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -205px;
	z-index: 100;
}

.tch_modal .close_tch {
	position: absolute;
    top: -30px;
    right: -60px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    transition: all .3s;
}

.tch_modal .close_tch:hover {
	transform: rotate(180deg);
}

.tch_modal .close_tch i {
	font-size: 22px;
	color: #fff;
}

#qq_tack {
	position: fixed;
	right: 15px;
	bottom: 220px;
}

.modal-dialog .modeTwo.qsdj  div {
	margin-bottom: 10px;
}

.modal-dialog .modeTwo.qsdj  div span {
	display: inline-block;
	width: 180px;
	text-align: right;
}

.modal-dialog .modeTwo.qsdj  div input[type="text"] {
	width: 168px;
}