body{line-height:1.5;font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;background:#f5f5f5;font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}ol,ul{list-style:none}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;*font-size:100%}
fieldset,img,a img,:link img,:visited img{border:0}
ol,ul,li{list-style:none}
a{text-decoration:none}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sup,sub{font-size:100%;vertical-align:baseline}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.clear,.clearfix:after{clear:both;height:0;overflow:hidden;display:block}
.clearfix:after{visibility:hidden;content:"."}
.clearfix{*zoom:1}
.common-wrap{width:1200px;margin:0 auto;}

.header {/*width:100%;*/height:80px;background-color:#fff;min-width:1184px;}
/*.header_bg {position:absolute;left:0;top:0;width:100%;height:60px;background: #000;opacity: 0.75;_filter:alpha(opacity=75)}*/
.header .common-wrap {position:relative;width:1184px;height:80px;margin:0 auto;}
.header .logo {position:absolute;left:22px;top:11px;font-size: 0;}
.header .logo img {float:left;width:140px;height:53px;}
.header .logo h1 {float:left;height:60px;line-height:60px;margin-left:23px;font-size:26px;color:#fff;line-height:60px;display:none;}

.header .nav {position:absolute;height:80px;left:270px;right:270px;text-align:center;}
.header .nav ul {float:left;display: inline-block;zoom:1;/*display:inline-block;*display:inline;*/}
.header .nav li {float:left;height:80px;line-height:80px;overflow: hidden;}
.header .nav a {float:left;padding:0 25px;font-size:18px;color:#657180;}
.header .nav a:hover,.header .nav a.cur {color:#2EA7DF;}
.header .search-form {position: absolute;right:0;top:21px;width:300px;height:38px;overflow:hidden;}
.header .search-box {height:36px;background: #fff;position:relative;overflow: hidden;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border:1px solid #E9EAEC;}
.header .search-box input {border:none;height:18px;padding:9px 15px;width:226px;}
.header .search-box button {position:absolute;right:0px;width:37px;height:36px;cursor:pointer;background:url(../images/serach.png) no-repeat center center;border:none;padding:0;}
.big-search-box {text-align:center;margin-top:20px;}
.big-search-box .search-form {width:400px;height:50px;overflow:hidden;margin:0 auto;}
.big-search-box .search-box {height:48px;background:#fff;position:relative;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border:1px solid #E9EAEC;}
.big-search-box .search-box input {border:none;height:30px;padding:9px 15px;line-height:30px;width:320px;font-size:15px;position:absolute;left:0;}
.big-search-box .search-box button {position:absolute;right:0px;width: 48px;height:48px;cursor:pointer;background:url(/static/images/serach.png) no-repeat center center;border:none;padding:0;}
.filling {width:100%;height:60px;}

.footer {width:100%;height:48px;background-color: #333;color:#fff;padding:35px 0px;text-align: center;}
.footer-wrap {width:1184px;margin:0 auto;}
.footer a {color:white;} .footer a:hover {color:#32cbfe;}

.content {width:100%;margin:0 auto;overflow:hidden}
.banner-box {width:100%;height:400px;background:#293240 url(../images/banner.jpg) no-repeat top center;}
.banner .swiper-container { width: 100%;height:400px;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom:26px;}
.banner .swiper-pagination-bullet {width:10px;height:10px;background:#fff;border-radius:5px;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1);}
.banner .swiper-pagination-bullet-active {width:28px;}

.booklist-con {width:1200px;padding:20px 0px;}
.menu {float:left;width:240px;background:#fff;padding-bottom:20px;border:1px solid #e4e4e4;}
.menu dl{border-bottom:1px solid #ccc;padding:20px 0 10px;margin:0 25px;}
.menu dl:last-child {border:none;}
.menu dt {height:26px;line-height:26px;color:#272727;font-size:16px;}
.menu dd {width:100%;overflow:hidden;}
.menu dd p {width:195px;}
.menu dd p a,.menu dd div a {float:left;margin-right:5px;height:20px;line-height:20px;padding:0 5px;border:1px solid #fff;color:#272727;border-radius:3px;margin-top:15px;}
.menu dd p::after,.menu dd div::after {content: ""; display: block; clear: both;}
.menu dd span.item-subtitle {display: inline-block; width: 100%; padding: 15px 10px 0; color: #777;}
.menu dd p a:hover,.menu dd p a.cur {color:#f4422f;border-color:#f4422f}
.menu .select dd p a {background-color:#f4422f;border-color:#f4422f;color:#fff;}
.booklist {float:right;width:945px;background:#fff;border:1px solid #e4e4e4;}
.book-tt {height:50px;line-height:50px;border-bottom:1px solid #ccc;margin:0 5px;padding:0 15px;font-size:14px;}
.book-tt a {float:left;margin:0 20px;cursor: pointer;user-select:none;color:black;}
.book-tt a:after {float:right;font-size:20px;vertical-align: middle;margin-left:5px;}
.book-tt a.jiangxu:after {content: "▽";}
.book-tt a.shegnxu:after {content: "△";}
.book-list {padding:0 25px;}
.book-list ul {width:100%;overflow: hidden;}
.book-list li {float:left;width:407px;padding:20px;border-bottom:1px solid #ccc;}
.book-list li img {float:left;}
.book-list .list-con {float:right;padding-right:40px;width:240px;overflow: hidden;}
.book-list .list-con h2 {margin-top:10px;height:20px;font-size:20px;line-height:1;}
.book-list .list-con h2 a {color: #333;}
.book-list .list-con p {line-height:22px;font-size: 12px;color:#8d8d8d;margin-top:10px;}
.book-list .list-con p.jj {height:44px;overflow:hidden;}
.book-list .list-con p span{color:#f4422f;}
.book-list .list-con .line-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block;}
.fy {padding:30px 25px;/*height:25px;*/text-align: right;}
.fy a,.fy span {display: inline-block;height:25px;line-height:25px;padding:0 8px;color:#8d8d8d;border-radius:12px;}
.fy input {width:25px;height:23px;line-height:23px;padding:0 10px;color:#8d8d8d;border:1px solid #ccc;border-radius:12px;margin:0 5px;}
.fy button {width:25px;height:15px;padding:5px;border:none;border-radius:12px;background:#f4422f;color:#fff;text-align: center;box-sizing: content-box;cursor: pointer;}
.fy a.cur {background:#f4422f;color:#fff;}

.detail {width:1200px;margin:0 auto;overflow: hidden;padding-bottom:15px;}
.chips {padding:0 70px;height:60px;line-height:60px;font-size:14px;color:#333;}
.chips a,.chips span {margin:0 10px;}
.detail-menu {float:left;width:70px;overflow: hidden;}
.detail-menu a {float:left;width:68px;height:68px;font-size:0px;text-align: center;background:#e0f0f4;border:1px solid #ccc;}
.detail-menu a+a {margin-top:5px;}
.detail-menu a img {width:20px;height:20px;margin-top:10px;}
.detail-menu a p {height:28px;line-height:28px;font-size:12px;color:#333;margin-top:10px;}
.detail-con {/*float:right;*/width:838px;background:#e0f0f4;border:1px solid #ccc;/*margin-right:115px;*/padding:40px 80px;color:#333;}
.detail-con h3 {font-size:20px;}
.detail-con .tips {font-size: 14px;color:#6d6d6d;margin-top:15px;}
.detail-con .tips span+span {margin-left:35px;}
.detail-con .nr {font-size: 16px;margin-top:20px;}
.detail-con .nr p {margin-top:20px;line-height:22px;text-indent: 2em;}
.detail-con .fanye {margin-top:60px;height:42px;line-height:42px;text-align: center;}
.detail-con .fanye a,.detail-con .fanye span {font-size:22px;color: #32cbfe;margin:0 10px;}
#sdml {position:fixed;_position:absolute;top:165px;right:0px;width:508px;background:#e0f0f4;border:1px solid #ccc;display: none;}
#sdml #close {height:20px;padding:5px 10px;text-align: right;font-size: 0;}
#sdml #close img {cursor: pointer;}
.sdml-con {padding:0px 30px 10px;height:410px;overflow: hidden;overflow-y: auto;}
.sdml-con h3 {width:100%;height:40px;line-height:40px;font-size:18px;border-bottom:1px solid #333;}
.sdml-con ul {margin-top:20px;width:460px;}
.sdml-con li {float:left;width:219px;height:36px;line-height:36px;margin-right:10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sdml-con li a {font-size:14px;color:#333;}
/***start**/
.vip-limit-wrap {margin-top:75px;padding:48px 0 115px;text-align:center;border-top:1px solid #d8d8d8;}
.vip-limit-wrap h3 {font-size: 24px;line-height: 30px;margin-bottom: 48px;color: #999;}
.vip-limit-wrap .subscribe-btn-wrap {position: relative;z-index: 1;width: 370px;height: 70px;margin: 0 auto 15px;}
.vip-limit-wrap .subscribe-btn-wrap a {/*position:absolute;*/top:0;width: 158px;height: 68px;text-align:center;display: inline-block;vertical-align: middle;z-index:1;}
.vip-limit-wrap .subscribe-btn-wrap a.all {right: 0px;border: 1px solid #d8d8d8;background: #fffcf7;}
.vip-limit-wrap .subscribe-btn-wrap a.single {right: 210px;border: 1px solid #009dd9;background: #009dd9;}
.vip-limit-wrap .subscribe-btn-wrap a em {display: block;margin-top: 10px;margin-bottom:6px;color: #1a1a1a;font-size:18px;line-height:24px;}
.vip-limit-wrap .subscribe-btn-wrap a label {font-size:12px;color: #1a1a1a;}
.vip-limit-wrap .subscribe-btn-wrap a.single em {color:#fff;}
.vip-limit-wrap .subscribe-btn-wrap a.single label {color:#fff;}
.vip-limit-wrap .auto-box span{position:relative;vertical-align:middle;display: inline-block;width:14px;height:14px;cursor:pointer;}
.vip-limit-wrap .auto-box label {vertical-align: middle;color: #999;font-size:12px;line-height:14px;}

.mask {position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,.7);display:none;}

.popup {position: fixed;z-index: 1000;top: 50%;left: 50%;display:block;width: 400px;margin-top: -207px;margin-left: -196.5px;background: 0 0;display:none;}
.popup-wrap {position: relative;z-index: 1;width: 398px;min-height: 400px;background: white;border: 1px solid #E6E6E6;}
.popup-wrap .popup-tt {position:relative;z-index:1;clear:both;width:322px;height:45px;line-height:45px;text-align:center;margin:0 auto;border-bottom:1px solid #E6E6E6;color:#1A1A1A;font-size:16px;}
.popup-wrap .popup-tt span {float:left;font-size:16px;}
.popup-wrap .popup-tt span+span {float:right;}
.popup-con{position:relative;width:322px;min-height:295px;padding:40px 38px 18px;}
.login-box {width:100%;}
.login-item{position:relative;z-index: 1;width: 100%;height: 48px;border: 1px solid #E6E6E6;margin-top: 16px;border-radius: 5px;}
.login-item label {float: left;width: 48px;height: 48px;}
.login-item label.name {background:url(../images/user.png) no-repeat center center;}
.login-item label.psw {background:url(../images/psw.png) no-repeat center center;}
.login-item input {float:right;width:250px;height:20px;line-height:20px;padding:0 10px;border:none;border-left:1px solid #e4e4e4;margin-top:14px;}
.login-ot {width:100%;margin-top:35px;text-align: right;line-height:1;font-size:14px;}
.login-ot a {text-decoration: underline;color:#0099ff;margin:0 10px;}
.login-ot a+a {margin-right:0;}
.login-btn {width:100%;height:38px;margin-top:10px;}
.login-btn button {width:100%;height:38px;border:none;padding:0;background:#0099ff;text-align: center;font-size:16px;color:#fff;}
.login-type {width:100%;margin-top:30px;text-align: center;}
.login-type .type {display: inline-block;width:35px;height:30px;margin:0 25px;}
.login-type .weixin {background:url(../images/weixin.png) no-repeat center center;}
.login-type .qq {background:url(../images/qq.png) no-repeat center center;}
.login-type .weibo {background:url(../images/weibo.png) no-repeat center center;}
.login-type p {margin-top:10px;line-height:20px;}
.login-type p a {color:#b3b3b3;font-size:14px;text-decoration: underline;}

.Subscribe {width:490px;box-shadow: 0 2px 10px #000000;}
.Subscribe .popup-wrap {width:488px;min-height:290px;}
.Subscribe .popup-wrap .popup-tt {width:410px;padding:0 20px;}
.Subscribe .popup-con {width:412px;min-height:178px;}
.Subscribe1 .popup-con {padding-top:0;}

.Subscribe h3 {width:100%;line-height:1;margin-top:40px;font-size:20px;color:#787878;text-align: center;}
.Subscribe p {width:100%;line-height:1;margin-top:28px;font-size:14px;color:#787878;text-align: center;}
.Subscribe h3 label,.Subscribe p label {color:#0099ff;}
.Subs-btn {width:100%;margin-top:40px;text-align:center;}
.Subs-btn button {width:136px;height:36px;line-height:36px;text-align: center;padding:0;background:#0099ff;border:1px solid #0099ff;margin:0 28px;color:#fff;}
.Subs-btn button+button {color:#0099ff;background:none;}

.pay-tips {width:100%;line-height:26px;font-size:12px;color:#888;}
.pay-tips label,.pay-money span label {color:#0099ff;}
.pay-money {width:100%;margin-top:30px;font-size:12px;line-height:20px;color:#444;}
.pay-money span {font-size:16px;}
.pay-type {width:100%;margin-top:45px;text-align: center;}
.pay-type .pay {display:inline-block;width:140px;height:48px;line-height:48px;background:url(../images/pay.png) no-repeat left top;margin:0 6px;cursor: pointer;}
.pay-type .pay span {float:left;margin-left:15px;padding-left:37px;}
.pay-type .pay.ali span {background: url(../images/alipay.png) no-repeat left center;}
.pay-type .pay.wx span {background: url(../images/wxpay.png) no-repeat left center;}
.pay-type .pay.yl span {background: url(../images/yl.png) no-repeat left center;}
.pay-type .pay.qb span {float: none;margin:0;padding:0;}
.pay-type .pay.active {background: url(../images/pay-active.png) no-repeat left top;}
.pay-code {width:100%;text-align:center;margin-top:40px;}
.pay-code .img-box {width:160px;height:160px;margin:0 auto;overflow:hidden;}
.pay-code .img-box img {float:left;width:100%;height:100%;}
.pay-type-tips {width:100%;margin-top:30px;line-height:18px;font-size:12px;color:#888;}
.pay-type-tips label {color:#0099FF;}


/***登录后的头部***/
.hasuser .logo img {width:140px;height:53px;}
.hasuser .nav {left:210px;}
.hasuser .search-form {right:135px;}
.hasuser .username,.hasuser .dlzc {position:absolute;right:0;padding-right:15px;width:105px;height:80px;text-align: right;}
.hasuser .dlzc {overflow:hidden;line-height:80px;}
.hasuser .username {padding:0;border-left:solid 1px;border-bottom:solid 1px;border-right:solid 1px;border-color:white;height:auto;background-color:white;}
.hasuser .username a {color:#2EA7DF;font-size:14px;text-decoration:underline;padding:5px;}
.hasuser .username a.nickname {margin-top:25px;display:block;}
.username dl {z-index:1000;display:none;}
.username dd {height:30px;text-align:center;line-height:30px;}
.hasuser .dlzc a {font-size:14px;margin:0 5px;}
.hasuser .dlzc a.active {color:#2EA7DF;}
/***充值**/
.recharge {width:820px;border:1px solid #d7d7d7;padding:20px 210px;background:#fff;margin:40px auto;}
.recharge .account {height:32px;line-height:32px;font-size:12px;color:#666}
.recharge .czfs {width:100%;margin-top:60px;}
.recharge .r-tt {height:32px;line-height:32px;}
.recharge .pay-type {width:100%;overflow:hidden;margin-top:5px;}
.recharge .pay-type .pay {float:left;margin-left:0;margin-right:12px;}
.recharge .czje {margin-top:35px;}
.recharge .pay-box {width:100%;overflow:hidden;}
.recharge .pay-num {float:left;width:247px;height:26px;line-height:26px;padding:15px 25px;background:url(../images/pay-money.png) no-repeat left top;margin:0 12px 12px 0;font-size:16px;color:#444;cursor: pointer;}
.recharge .pay-num.active {background:url(../images/pay-money-active.png) no-repeat left top;}
.recharge .pay-num span {font-size:12px;margin-left:5px;}
.recharge .pay-num input {width:52px;padding:0;height:26px;line-height:26px;border:none;border-bottom:1px solid #ccc;font-size:12px;}
.recharge .pay-btn {width:100%;margin-top:25px;}
.recharge .pay-btn button {width:200px;height:40px;line-height:40px;color:#fff;font-size:14px;background:#0099FF;border:none;}
.recharge .agreement {width:100%;margin-top:20px;}
.recharge .agreement input {margin-right:5px;vertical-align: middle;}
.recharge .agreement a {color:#0099FF;}

.personal {width:1190px;}
.personal-sideBar {float:left;width:198px;min-height:440px;padding:10px 35px;background:#fff;border:1px solid #d7d7d7;}
.personal-sideBar ul {width:100%;overflow: hidden;}
.personal-sideBar li {float:left;width:198px;margin-top:13px;}
.personal-sideBar li a {display:block;width:113px;height:50px;line-height:50px;padding-left:85px;color:#555;font-size:16px;background-repeat:no-repeat;background-position:38px 14px;}
.personal-sideBar li a.personal {background-image: url(../images/personal.png);}
.personal-sideBar li a.bookshelf {background-image: url(../images/bookshelf.png);}
.personal-sideBar li a.myaccount {background-image: url(../images/myaccount.png);}
.personal-sideBar li a.personal:hover,.personal-sideBar li a.personal.active {background-color:#0099ff;background-image: url(../images/personal-active.png);color:#fff;}
.personal-sideBar li a.bookshelf:hover,.personal-sideBar li a.bookshelf.active {background-color:#0099ff;background-image: url(../images/bookshelf-active.png);color:#fff;}
.personal-sideBar li a.myaccount:hover,.personal-sideBar li a.myaccount.active {background-color:#0099ff;background-image: url(../images/myaccount-active.png);color:#fff;}

.personal-box {float:right;width:860px;}
.personal-tt {width:778px;border:1px solid #d7d7d7;background:#fff;padding:13px 40px;border-radius:5px;}
.personal-con {width:778px;border:1px solid #d7d7d7;background:#fff;padding:13px 40px;margin-top:40px;border-radius:5px;}
.personal-tt .p-item {height:30px;line-height:30px;font-size:12px;color:#444;}
.personal-tt .p-item a {color:#0099FF;margin-left:70px;}
.personal-tt .p-item span {font-size:16px;}
.personal-tt .p-item button {float:right;width:90px;height:30px;line-height:30px;color:#fff;font-size:14px;background: #0099FF;border:none;cursor: pointer;}

.personal-con .p-tt {height:45px;line-height:45px;font-size:18px;border-bottom:1px solid #d7d7d7;}
.personal-con .p-tt span,.personal-con .p-tt select {font-size:12px;}
.personal-con .p-tt select {float:right;height:22px;margin-top:11px;margin-right:30px;}

.personal-con .p-list {width:100%;margin-top:20px;}
.personal-con .p-list.no-mt {margin:0;}
.personal-con .p-list tr,.personal-con .p-list td {height:50px;/*line-height:50px;*/font-size:14px;color:#444;}
.personal-con .p-list .border td {border-bottom:1px solid #d7d7d7;}
.personal-con .p-list .all {height:14px;line-height:14px;font-size:14px;color:#444;border-top:1px solid #d7d7d7;margin-top:20px;padding-top:18px;}
.personal-con .p-list input[type=checkbox] {height:14px;vertical-align: middle;margin-right:5px;} 
.personal-con .p-list .all a {color: #444;margin-left:25px;}
.personal-con .p-list td button {width:78px;height:28px;background: none;padding:0;border:1px solid #999;cursor:pointer}
.personal-con .p-list td button.kq {background:#0099FF;border:1px solid #0099FF;color:#fff;}

.personal-tt .p-tt {font-size:14px;height:32px;line-height:32px;}
.personal-tt-list {width:100%;overflow:hidden;}
.personal-tt-list ul {margin-top:25px;}
.personal-tt-list li {float:left;width:120px;}
.personal-tt-list li+li {margin-left:40px;}
.personal-tt-list li img {width:120px;height:170px;display: block;box-shadow:-1px 3px 10px #666;}
.personal-tt-list li p {width:100%;height:52px;line-height:52px;font-size:12px;color:#444;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.personal-con .p-tab {position:relative;width:100%;height:28px;}
.personal-con .p-tab:before {position:absolute;bottom:0px;left:0;width:239px;content: "";height:1px;background: #ddd;}
.personal-con .p-tab span {position:relative;display:inline-block;width:95px;height:22px;line-height:22px;padding-bottom:6px;z-index:1;text-align:center;font-size:14px;margin:0 10px;cursor: pointer;}
.personal-con .p-tab span.active {border-bottom:2px solid #0099FF;color:#0099FF;padding-bottom:4px;}


.book-con {width:1000px;margin:0 auto;overflow: hidden;color:#333;}
.book-con .item-box {display: flex; flex-direction: row; width: inherit;}
.book-con .item-left {width: 800px;}
.book-con .item {border:1px solid #ccc;background:#fff;padding:30px 55px;overflow: hidden;}
.book-con .item1 {margin-top:30px;}
.book-con .item1 img{float:left;width:200px;height:280px;}
.book-con .item1-con {float:right;width:630px;}
.book-con .item1-con h2 {width:100%;overflow:hidden;margin-top:15px;}
.book-con .item1-con h2 label {float:left;height:30px;line-height:30px;font-size:26px;color:#333;}
.book-con .item1-con h2 span {float:left;height:20px;line-height:20px;font-size:16px;margin-top:10px;margin-left:30px;color:#333;}
.book-con .item1-con .button button {float:left;width:90px;height:30px;line-height:30px;color:#fff;font-size:14px;background: #0099FF;border:none;cursor: pointer;margin-right:20px;}
.book-con .item1-con p {width:100%;font-size:14px;height:20px;line-height:20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-top:30px;}
.book-con .item1-con div {width: 100%;overflow: hidden;margin-top:30px;}
.book-con .item1-con div label {float:left;font-size:14px;height:20px;line-height:20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ml30 {margin-left:30px;}
.cl {color:#32cbfe;font-size:18px;}
.w180 {width:180px;}
.w150 {width:150px;}
.w240 {width:240px;}
.book-con .item2,.book-con .item3,.book-con .item4, .book-con .item5 {margin-top:15px;}
.book-con .item h3 {height:20px;line-height:20px;}
.book-con .item h3 p {float:left;width:100%;font-size:20px;color:#333;padding-bottom:10px;border-bottom:1px solid #ccc;white-space: nowrap; }
.book-con .item h3 p span {vertical-align: bottom;color:#f4422f;font-size:12px;margin-left:10px;}
.book-con .item-con {margin-top:30px;}
.book-con .item-con h4 {font-size:16px;line-height:20px;height:20px;}
.book-con .item-con ul {margin-top:30px;width:700px;overflow: hidden;}
.book-con .item-con ul li {position:relative;float:left;width:200px;margin-right:29px;height:30px;line-height:30px;}
.book-con .item-con ul li a {float:left;max-width:170px;_width:170px;color:#333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.book-con .item-con ul li label {color:#0099FF;margin-left:10px;}
.book-con .link-box {width:900px;overflow:hidden;position:relative;}
.book-con .link-box a {color:#333;margin:0 15px;line-height: 30px;display: inline-block;font-size:14px;}
.book-con .link-box a.link-more {float:right;clear:both;color:#3f3ffd;}
.book-con .line {width:100%;height:1px;background: #ccc;margin:30px 0;}
.book-con .item-right {width: 170px; margin-left: 30px;}
.book-con .item-right .item5 {padding:30px 20px;}
.book-con .item5 .book-item {margin-bottom: 10px;}
.book-con .item5 .book-item .book-item-cover {width: 120px;}
.book-con .item5 .book-item .book-item-title {width: 130px; color: #333;}

.register {width:900px;background:#fff;border:1px solid #d7d7d7;padding:10px 40px;}
.register-tt {padding:10px 0px;height:30px;line-height:30px;text-align: center;font-size:20px;border-bottom:1px solid #d7d7d7;}
.register-tt p {float:right;font-size:12px;}
.register-tt p a {float:right;width:60px;height:30px;color:#fff;background:#0099FF;margin-left:10px;}
.form-box {width:100%;padding-top:30px;}
.register-tab {position:relative;width:320px;height:34px;line-height:34px;margin:0 auto 10px;text-align:center;}
.register-tab:before {position:absolute;left:0;bottom:0;width:100%;height:1px;background:#d7d7d7;content:"";}
.register-tab span {position:relative;display:inline-block;min-width:110px;height:32px;line-height:32px;margin:0 15px;font-size:14px;color:#666;cursor:pointer;}
.register-tab span.active {color:#0099FF;border-bottom:2px solid #0099FF;}
.form-item,.form-submit {position:relative;padding:0 290px;margin-top:30px;height:36px;}
.form-item label {position:absolute;left:0px;top:0;width:290px;height:36px;line-height:36px;text-align: right;}
.form-item input[type=text],.form-item input[type=password] {float:right;width:258px;height:34px;line-height:34px;padding:0 20px;border:1px solid #c9c9c9;}
.form-item .yzm-box {float:right;width:118px;height:36px;}
.form-item div.yzm-box+input[type=text] {width:128px;margin-right:12px}
.form-item .yzm-box img {width:100%;height:100%;}
.form-item .yzm-box button {width:100%;height:100%;cursor:pointer;background:#d7d7d7;border:1px solid #bcbcbc;color:#444;font-size:14px;} 
.form-box .agreement {width:100%;margin-top:20px;margin-left:20px;}
.form-box .agreement input {margin-right:5px;vertical-align: middle;}
.form-box .agreement a {color:#0099FF;}
.form-submit {margin:50px auto;}
.form-submit button {float:right;width:298px;height:34px;line-height:34px;border:1px solid #0099FF;background: #0099FF;font-size:14px;color:#fff;cursor: pointer;}

.login {width:100%;height:620px;background:#797979;}
.loginBox {width:400px;margin:82px auto 0;}
.forget-tt {font-size:20px;padding-bottom:20px;}
.forget-tab {position:relative;width:100%;height:28px;text-align: center;}
.forget-tab:before {position:absolute;bottom:0px;left:0;width:100%;content: "";height:1px;background: #ddd;}
.forget-tab span {position:relative;display:inline-block;width:95px;height:22px;line-height:22px;padding-bottom:6px;z-index:1;text-align:center;font-size:14px;margin:0 10px;cursor: pointer;}
.forget-tab span.active {border-bottom:2px solid #0099FF;color:#0099FF;padding-bottom:4px;}

.success {position: fixed;z-index: 1000;top:50%;left: 50%;display:block;width: 410px;height:210px;margin-top: -100px;margin-left: -205px;background: 0 0;display:none;z-index: 1000;background: #fff;}
.success p {height:40px;line-height:40px;text-align: center;font-size:18px;margin-top:56px;}
.success p img {vertical-align: middle;margin-right: 28px;;}
.success .btn-box {width:100%;text-align: center;margin-top:60px;}
.success .btn-box button {width:98px;height:28px;background:#d7d7d7;border:1px solid #949494;font-size:14px;cursor:pointer}

.detail {width:1184px;margin:0 auto;overflow: hidden;padding-bottom:15px;}
.chips {padding:0 70px;height:60px;line-height:60px;font-size:14px;color:#333;}
.chips a,.chips span {margin:0 10px;}
.detail-menu.fixed{right:50%;margin-right:-574px;}
.detail-menu {/*float:left;*/width:70px;overflow:hidden;position:fixed;right:0;z-index:50;}
.detail-menu a {float:left;width:68px;height:68px;font-size:0px;text-align: center;background:#e0f0f4;border:1px solid #ccc;}
.detail-menu a+a {margin-top:5px;}
.detail-menu a img {width:20px;height:20px;margin-top:10px;}
.detail-menu a p {height:28px;line-height:28px;font-size:12px;color:#333;margin-top:10px;}
.detail-con {/*float:right;*/width:838px;background:#e0f0f4;border:1px solid #ccc;/*margin-right:115px;*/padding:40px 80px;color:#333;margin-left:50%;transform:translateX(-500px);}
.detail-con h3 {font-size:20px;}
.detail-con .tips {font-size: 14px;color:#6d6d6d;margin-top:15px;}
.detail-con .tips span+span {margin-left:35px;}
.detail-con .nr {font-size: 16px;margin-top:20px;}
.detail-con .nr p {margin-top:20px;line-height:22px;text-indent: 2em;}
.detail-con .fanye {margin-top:60px;height:42px;line-height:42px;text-align: center;}
.detail-con .fanye a,.detail-con .fanye span {font-size:22px;color: #32cbfe;margin:0 10px;}
#sdml {position:fixed;_position:absolute;top:165px;right:0px;width:508px;background:#e0f0f4;border:1px solid #ccc;display: none;}
#sdml #close {height:20px;padding:5px 10px;text-align: right;font-size: 0;}
#sdml #close img {cursor: pointer;}
.sdml-con {padding:0px 30px 10px;height:410px;overflow: hidden;overflow-y: auto;}
.sdml-con h3 {width:100%;height:40px;line-height:40px;font-size:18px;border-bottom:1px solid #333;}
.sdml-con ul {margin-top:20px;width:460px;}
.sdml-con li {float:left;width:219px;height:36px;line-height:36px;margin-right:10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sdml-con li a {font-size:14px;color:#333;}

.coop {width:1000px;overflow: hidden;margin:0 auto;}
.coop .l {float:left;}
.coop .r {float:right;}
.coop-item {padding:50px 15px;overflow: hidden;}
.coop-item + .coop-item {border-top:1px solid #ccc;}
.coop-con {width:505px;padding:0 50px;}
.coop-con h3 {font-size:28px;}
.coop-con p {font-size:14px;line-height:20px;margin-top:15px;}

.banner {width:1200px;height:400px;margin:0 auto;background-size:cover;background-position:center center;background-repeat: no-repeat;}

.about {width:1000px;padding:40px 0;}
.about:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:" "}
.about-menu {float:left;width:230px;padding-right:10px;}
.about-menu ul {min-height: 550px;_height:500px;border-right:1px solid #ccc;}
.about-menu li {height:60px;line-height:60px;padding-right:40px;margin-right:-10px;background:url(../images/dian.png) no-repeat right center;text-align: right;font-size:16px;cursor: pointer;} 

.about-con {float:right;width:690px;}
.lxwm {width:100%;overflow: hidden;font-size:0;}
.lxwm img.map {width:550px;height:310px;}
.lxwm img {width:100%;}
.lxwm p {height:28px;line-height:28px;font-size:14px;color:#333;}
.lxfs {margin-top:30px}

/*评论区*/
#add_comment {width:866px;height:100px;border:1px solid #ddd;border-radius:5px;resize:none;padding:10px;font-size:17px;}
.item4 button {width:90px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;background: #0099FF;border: none;cursor: pointer;float:right;}
.comment_list {margin-top:10px;border-top:solid 1px #ddd;}
.comment_list>div {padding:10px;border-bottom:solid 1px #ddd;}
.comment_list .image-box {float:left;width:70px}
.comment_list .nickname {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.comment_list .comment_box {float:left;width:770px;padding:0 10px;font-size:15px;}
.comment_list .comment_box .comment-header {color:#bbb;height:25px;}
.comment_list .reply {margin-top:10px;}
.comment_list .reply>div {margin-left:50px;border-top:1px solid #ddd;padding:10px;}
.comment_list .reply textarea {width:590px;height:40px;padding:5px;border-radius:5px;resize:none;}
.comment_list button {width:90px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;background: #0099FF;border: none;cursor: pointer;float:right;}
.comment_list .p10 {padding:10px;}
.comment_list .mt10 {margin-top:10px;}
.comment_list .clear {clear:both;}
/*分页*/
.pager li, .pagination li {display:inline-block;min-width:16px;padding:5px 5px;margin:2px;border:1px solid #ccc;text-align:center;cursor:pointer;}