@charset "utf-8";
* { margin: 0; padding: 0; }
body, html { height: 100%; min-width:1200px;  }
body { font-family: "微软雅黑"; font-size: 14px; font-style: normal; margin: 0; padding: 0; }
img { border: 0 }
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, del, em, font, img, ins, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, btn { margin: 0; padding: 0 }
img { border: 0 }
a:link, a:visited { text-decoration: none; color: #333; }
a:hover, a:active { text-decoration: underline; color: #ff6600; }
ul, li { list-style: none; list-style-image: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
td, th { display: table-cell; vertical-align: inherit; font-family: "微软雅黑"; }
table { border-collapse: collapse; border-spacing: 0; }
.fl { float: left; }
.fr { float: right; }
.red { color: #ff6600; }
.content { width: 100%; height: auto; }
.topWrap { width: 1200px; height: 140px; margin:0 auto;}
.topWrap_logo { width: 350px; height: 100px; margin:20px 0;}
.topWrap_slogan { width: 559px; height: 90px; margin:25px 0;}
.topServices{ float:right; width:auto;}
.topServices li{ width:auto; font-size:12px; float:left; margin:0 0 0 5px; height:32px; line-height:32px; display:block;}
.menuWrap { width: 100%; height: auto; background:#30304a;}
.menu {width: 1200px; height: 48px; line-height:48px; margin:0 auto;}
.menu ul { margin:0; padding:0;}
.menu ul li { width:90px; font-size: 15px; float: left; margin:0 2px 0 0; text-align: center; height: 48px; line-height: 48px; display: block; }
.menu ul li a { height: 48px; line-height: 48px; text-decoration: none; display: block; color: #fff; }
.menu ul li a:hover, .menu ul li.current { height: 48px; line-height: 48px; display: block; color: #fff; text-decoration:underline; }
.banner { width: 100%; height: 400px; margin-bottom:20px; }
.banner_wz { width: 100%; height: 240px; background:url(../images/banner01.jpg) no-repeat center top; margin-bottom:20px; }
.mainWrap {width: 1200px; height: auto; margin:0 auto; }
.mainWrap_l {width: 860px; height: auto; float:left;}
.main_l {width: 860px; height: auto;}
.main_r {width: 300px; height: auto;}
.main_box_l {width: 330px; height: auto;}
.main_box_c {width: 490px; height: auto;}
.main_box_r {width: 300px; height: auto;}
.icon{width: 276px; height: 112px; padding:0px 12px 10px 12px;}
.icon_tg { width: 92px; height: 112px; background:url(../images/icon.jpg) no-repeat 0 0; }
.icon_tg:hover { background:url(../images/icon.jpg) no-repeat 0 -113px; }
.icon_kf { width: 92px; height: 112px; background:url(../images/icon.jpg) no-repeat -92px 0;}
.icon_kf:hover { background:url(../images/icon.jpg) no-repeat -92px -113px; }
.icon_gy { width: 92px; height: 112px; background:url(../images/icon.jpg) no-repeat -184px 0 ; }
.icon_gy:hover { background:url(../images/icon.jpg) no-repeat -184px -113px;  }
.search {width: 278px; height: 28px; border:1px dashed #c2c2c1; border-radius:50px; background:#eeeeee; padding:20px 10px; position: relative; z-index: 1; margin-bottom:20px;}
.search_inp { width: 216px; height: 28px; line-height: 28px; border: 1px solid #e7e7e7; font-size: 14px; font-family: "微软雅黑"; color: #999; text-indent:5px; float: left;}
.search_btn_box { width: 32px; height: 28px; line-height: 28px; position: absolute; right: 9px; top:21px; z-index: 10; }
.search_btn { width: 32px; height: 28px; border: 0; background: url(../images/ss_btn.gif) no-repeat; }
.phone {width: 298px; height: 68px; border:1px dashed #c2c2c1; border-radius:50px; background: url(../images/phone.gif) no-repeat; margin-bottom:20px;}
.phone_login{width: 120px; height: 30px; line-height:30px; margin-top:38px; color:#f30; }
.phone_login a{ color:#f30; }
.phone_login a:hover{ color:#f30; text-decoration:underline; }
.columnWrap { width: 100%; height: auto; }
.column_title { width: 100%; height: 50px; border-bottom:2px solid #eeeeee; margin-bottom:25px;}
.column_title h3 { width: 90px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; border-bottom: 2px solid #57bae8; }
.column_txt { width: 100%; height: auto; }
.column_pic_box{ width: 100%; height: auto; box-sizing:border-box;text-align: center}
.column_txt h4 { width:100%; height: 30px; line-height: 30px; font-size: 16px; padding-top:20px; white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.column_txt h5 { width:100%; height: 30px; line-height: 30px; font-size: 12px; color:#999999; margin-bottom:15px; text-indent:25px; background: url(../images/time.gif) no-repeat center left; border-bottom: 1px solid #e5e5e5; }
.column_txt p { line-height: 24px; margin-bottom: 10px; color:#777777; }
.column_newbook { width: 100%; height: auto; margin-bottom:20px; float: left;}
.column_newbook_pic { width: 100px; height: 127px; border: 1px solid #d7d7d9; }
/* .column_newbook_pic01 { width: 98px; height: 58px; line-height:20px; padding-top:15px; border: 1px solid #d7d7d9; text-align:center; background:url(../images/tu003.jpg) no-repeat; color:#898989; } */
.column_newbook_pic01 { width: 98px; height: 80px;text-align:center;  }
.column_newbook_txt { width: 370px; height: auto;}
.column_newbook_txt h5 { width:100%; height: 30px; line-height: 30px; font-size: 15px; color:#2fa0d4; margin-bottom:5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.column_newbook_txt h5 a { color:#2fa0d4; }
.column_newbook_txt h5 a:hover{ text-decoration: underline; color: #ff6600; }
.column_newbook_txt p { line-height: 20px; color:#777777; font-size: 12px;}
.column_txt_wd { width: 100%; height: auto; border-bottom: 1px dashed #dcdcdc; }
.column_txt_w { width: 100%; height:30px; background:url(../images/wd.gif) no-repeat 0 0; margin:5px 0;}
.column_txt_w p { width: 100%; height:30px; line-height:30px; background:url(../images/wd.gif) no-repeat 0 0; padding-left:25px; font-size:15px; color:#57bae8; }
.column_txt_w a { color:#57bae8;}
.column_txt_w a:hover { text-decoration: underline; color: #ff6600;}
.column_txt_d { width: 100%; height: auto; background:url(../images/wd.gif) no-repeat 0 0; }
.column_txt_d p { width:305px; height: auto; line-height:20px; background:url(../images/wd.gif) no-repeat 0 -34px; padding-left:25px; font-size:12px; margin-bottom:10px; color:#777777; }
.more { width: auto; text-align: center; height: 50px; line-height: 50px; font-size: 12px; color: #000; float: right; }
.more a { color: #000; }
.more a:hover { color: #ff6600; text-decoration: underline; }
.books_list{width: 100%; height: auto;}
.books_list ul{width: 100%; height: auto; margin:0; padding:0;}
.books_list ul li{width: 188px; height: 235px; border: 1px solid #d7d7d9; margin:0 13px 20px 12px; float:left;}
.books_pic { width: 100px; height: 127px; margin:10px auto 20px auto; overflow:hidden; }
.books_txt { width: 180px; height: auto; margin:0 auto; }
.books_txt h5 { width:100%; height: 30px; line-height: 30px; font-size: 15px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.column_list { width: 100%; height: auto; background:url(../images/ph.gif) no-repeat; }
.list { list-style: none; margin-bottom: 10px; padding:0 0 0 15px; }
.list li { height: 34px; line-height:34px; padding-left: 1em; padding-bottom: 1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list a { font-size: 14px; color: #4f4f4f; text-decoration: none; }
.list li a:link { color: #444; text-decoration: none; }
.list li a:hover { color: #ff6600; text-decoration: underline; }
.column_online { width: 100%; height: auto;}
.list01 { list-style: none; margin-bottom: 10px; }
.list01 li { height: 30px; line-height:30px; background: url(../images/dot.gif) no-repeat left center; padding-left: 1em; padding-bottom: 1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list01 a { font-size: 14px; color: #4f4f4f; text-decoration: none; }
.list01 li a:link { color: #444; text-decoration: none; }
.list01 li a:hover { color: #ff6600; text-decoration: underline; }
.date { width: auto; text-align: right; font-size: 12px; color: #999; float: right; }
.yaowen { width: 100%; height: auto; border-bottom: 1px dashed #dcdcdc; padding-bottom:15px; margin-bottom:5px; }
.yaowen_pic { width:96px; padding:7px;}
.yaowen_txt { width:170px; height: auto;}
.yaowen_txt h4 { font-size:16px; color:#ff2500;}
.yaowen_txt h4 a { color:#ff2500;}
.yaowen_txt h4 a:hover { color:#ff2500; text-decoration:underline;}
.yaowen_txt h5 { font-size:14px; margin-bottom:10px;}
.yaowen_txt p { font-size:12px; color:#404040;}
.liuyan {width: 278px; height: auto; border:1px dashed #c2c2c1; border-radius:6px; padding:14px 10px;}
.inp_s { width: 130px; height: 28px; line-height: 28px; border: 1px solid #d6d6d6; font-size: 14px; font-family: "微软雅黑"; text-indent:5px; color:#777777; }
.inp_l { width: 276px; height: 28px; line-height: 28px; border: 1px solid #d6d6d6; font-size: 14px; font-family: "微软雅黑"; text-indent:5px; color:#777777;}
.textarea{ width: 276px; height: 60px; line-height: 24px; border: 1px solid #d6d6d6; font-size: 14px; font-family: "微软雅黑"; text-indent:5px; color:#777777;}
.btn { width: 276px; height: 32px; line-height:32px; border: 0; border-radius:4px; font-size: 14px; font-family: "微软雅黑"; color:#fff; background:#11aee5;}
.linksWrap { width:auto; padding:0; margin:0;}
.linksWrap li { height:35px; margin:0 7px 20px 6px; float: left; list-style:none; }
.foot{ width: 100%; height:40px; background:#17ade8; overflow:hidden; }
.foot_nav { width: 1200px; height:40px; line-height:40px; margin:0 auto; color:#fff;}
.foot_nav a { color:#fff;}
.foot_nav a:hover { color:#fff; text-decoration:underline;}
.bottom {width: 100%; height:240px; background:#30304a; overflow:hidden; }
.copyrightWrap{ width: 1200px; height: auto; color:#b1b1b1; margin:0 auto; padding-top:60px;}
.copyrightWrap_l{ width: 600px; height:auto;}
.copyrightWrap_l h4{ font-size:14px; height:35px;}
.copyrightWrap_l p{ font-size:12px; line-height:28px;}
.copyrightWrap_r{ width: 600px; height: auto; padding-top:20px;}
.copyrightWrap_r_ewm{ width: 95px; height:95px;}
.copyrightWrap_r_txt{ width: auto; height: auto;}
.copyrightWrap_r_txt p{ font-size:12px; line-height:24px;}
/* 文章 */
.position { line-height: 50px; font-size: 12px; text-indent: 10px; border-bottom: 1px solid #d7d7d7; }
.wz_wrap { width: 1100px; height: auto; margin: 0 auto; }
.wz_wrap h1 {  height: 60px; font-size: 26px; padding-top: 20px; text-align: center; color: #138bca; }
.wz_wrap h3 { height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-weight: normal; color: #929292; background: #f7f7f7; border-bottom: 1px dashed #e1e1e1; }
.wz_wrap p {  margin: 20px 0; padding:0 20px; line-height: 24px; }
.wz_down { width: 1100px; height:40px; line-height:40px; border-top: 1px dashed #e1e1e1; margin: 0 auto 20px auto; text-align:right;}
/* 分页 */
.page-control { text-align: center; margin-bottom:10px; padding: 30px; border-top: 1px dashed #e1e1e1; }
.page-control span { margin-right: 3px; font-size: 12px; color: #cccccc; }
.page-control span.pagebox_pre_nolink, .page-control span.pagebox_next_nolink { padding: 5px 10px; border: 1px solid #e4e4e4; border-radius: 2px; }
.page-control span.pagebox_num_nonce { padding: 5px 10px; border: 1px solid #0b6aa0; color: #fff; background-color: #31b8eb; border-radius: 2px; }
.page-control a { padding: 5px 10px; border: 1px solid #d7d7d7; border-radius: 2px; color: #000; cursor: pointer; background-color: #f5f5f5; color: #333; }
.page-control a:hover { background-color: #31b8eb; border-color: #3586d9; color: #fff; }
/* 登录 */
.bannerBox { width: 100%; height: 550px; background: #ff6b00; background: url(../images/login_bg.jpg) no-repeat center; margin: 0 auto; min-width: 1000px; }
.bannerWrap { width: 1200px; height: 550px; margin: 0 auto; }
.login { width: 356px; height: auto; float: right; margin-top: 28px; }
.loginTitle { width: 356px; height: 70px; background: url(../images/login_bg01.png) no-repeat; }
.loginContent { width: 356px; height: 380px; background: url(../images/login_bg02.png) repeat-y; }
.loginContentWrap { width: 300px; height: auto; margin: 0 auto; }
.loginContentWrap h2 { height: 35px; line-height: 35px; text-align: center; color: #fe4a16; margin: 0 auto; }
.msgWarn { min-height: 24px; height: 24px; margin: 2px 0 5px; color: #fd9816;cursor:pointer;}
.msgWarn b { width: 24px; height: 24px; float: left; background: url(../images/wx.jpg) no-repeat; background-size: 24px 24px;}
.msgError { min-height: 24px; height: 24px; margin: 2px 0 5px; color: #f30; }
.msgError b { width: 24px; height: 24px; float: left; background: url(../images/icon2.jpg) no-repeat 0 -21px; }
.item { position: relative; z-index: 1; margin: 0 auto 15px auto; }
.item-fore1, .item-fore2 { border: 1px solid #bdbdbd; height: 38px; width: 290px; }
.item-fore3 { border: 1px solid #bdbdbd; height: 38px; width: 290px; }
.position1 { position: absolute; right: 0; z-index: 0; top:3px; border: 0px }
.login-label { position: absolute; z-index: 3; top: 0; left: 0; width: 38px; height: 38px; border-right: 1px solid #bdbdbd; background: url(../images/login_name.png) no-repeat; }
.pwd-label { position: absolute; z-index: 3; top: 0; left: 0; width: 38px; height: 38px; border-right: 1px solid #bdbdbd; background: url(../images/login_password.png) no-repeat; }
.yzm-label { position: absolute; z-index: 3; top: 0; left: 0; width: 38px; height: 38px; border-right: 1px solid #bdbdbd; background: url(../images/logo_yzm.png) no-repeat; }
.name-label { background-position: 0 0; }
.itxt { line-height: 18px; height: 18px; border: 0; padding: 10px 0 10px 50px; width: 240px; float: none; overflow: hidden; font-size: 14px; font-family: '宋体'; }
.itxt1 { line-height: 18px; height: 18px; border: 0; padding: 10px 0 10px 50px; width: 120px; float: none; overflow: hidden; font-size: 14px; font-family: '宋体'; }
.inputWrap { width: 300px; height: auto; margin: 0 auto 15px auto; overflow: hidden; }
.idInput { width: 250px; height: 32px; line-height: 32px; border: 1px solid #c7c6c6; border-radius: 3px; background: url(../images/icon2.jpg) no-repeat 0 -45px; padding-left: 48px; }
.pswInput { width: 250px; height: 32px; line-height: 32px; border: 1px solid #c7c6c6; border-radius: 3px; background: url(../images/icon2.jpg) no-repeat 0 -73px; padding-left: 48px; }
.verifyInput { width: 122px; height: 32px; line-height: 32px; border: 1px solid #c7c6c6; border-radius: 3px; background: url(../images/icon2.jpg) no-repeat 0 -101px; padding-left: 48px; margin-right: 10px; }
.left { width: 122px; float: left; }
.right { width: 100px; height: 34px; padding-left: 10px; float: right; }
.right1 { width: auto; height: auto; padding-left: 10px; float: right; }
.btn { width: 298px; height: 40px; line-height: 40px; border: 1px solid #1590a2; color: #ffffff; font-size: 18px; font-family: "微软雅黑"; border-radius: 3px; background: url(../images/btn01.jpg) repeat-x;cursor:pointer;}
.loginBottom { width: 356px; height: 9px; background: url(../images/login_bg03.png) no-repeat; }
/* 注册 */
.blue_bg { width: 100%; height: 110px; min-width: 1000px; background: #17ade8; margin-bottom: 30px; }
.reg_menu { width: 1140px; height: 45px; padding: 65px 30px 0 30px; margin: 0 auto; }
.reg_menu ul { width: auto; height: auto; margin: 0 auto; }
.reg_menu ul li { width: 200px; color: #444 !important; display: block; text-align: center; line-height: 45px; font-size: 18px; padding-right: 14px; float: left;}
.tab { color: #444 !important; text-decoration: none; display: block; }
.tab:hover, .current1, .current1:hover { color: #ff6b00 !important; text-decoration: none; background:#fff; display: block; border:0; border-top-left-radius:5px; border-top-right-radius:5px;}
.reg_box { width: 1140px; height: auto; padding: 40px 30px; border: 1px solid #e2e2e2; border-radius: 4px; margin: 0 auto 30px auto; overflow: hidden; }
.reg_l { width: 450px; height: auto; float: left; }
.reg_r { width: 580px; height: auto; float: right; padding-left: 30px; border-left: 2px dotted #e2e2e2; }
.reg_r h3 { height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 15px; color: #666666; }
.reg_r h4 { height: 30px; line-height: 30px; font-size: 14px; color: #000; }
.reg_r p { font-size: 14px; color: #666666; margin-bottom: 15px; }
.reg_content { height: 50px; width: auto; }
.reg_lab { height: 30px; line-height: 28px; width: 120px; text-align: right; padding-right: 10px; float: left; }
.reg_inp { height: 30px; width: 310px; float: left; }
.reg_rr {height: 30px;float: right;}
.input { font-family: "微软雅黑"; font-size: 14px; line-height: 27px; color: #666666; text-decoration: none; height: 30px; width: 260px; padding-left: 10px; border: 1px solid #cccccc; }
.button { height: 35px; line-height: 32px; width: 120px; text-align: center; color: #fff; background: #f60; border: 1px solid #d25903; border-radius: 4px; font-family: "微软雅黑"; font-size: 16px; }

/*fenye*/
.page-control { text-align: center; margin-top: 20px; padding-bottom: 10px;}
.page-control span { margin-right: 3px; font-size: 12px; color: #cccccc; }
.page-control span.pagebox_pre_nolink, .page-control span.pagebox_next_nolink { padding: 5px 10px; border: 1px solid #e4e4e4; border-radius: 2px; }
.page-control span.pagebox_num_nonce { padding: 5px 10px; border: 1px solid #0b6aa0; color: #fff; background-color: #31b8eb; border-radius: 2px; }
.page-control a { padding: 5px 10px; border: 1px solid #d7d7d7; border-radius: 2px; color: #000; cursor: pointer; background-color: #f5f5f5; color: #333; }
.page-control a:hover { background-color: #31b8eb; border-color: #3586d9; color: #fff; }

.swiper-container {width: 100%; height: 400px;}  

.catbox{width:940px;margin:100px auto;}
.catbox table{text-align:center;width:100%;}
.catbox table th,.catbox table td{border:1px solid #CADEFF;}
.catbox table th{background:#e2f2ff;border-top:3px solid #a7cbff;height:30px;}
.catbox table td{padding:10px;color:#444;}
.catbox table tbody tr:hover{background:RGB(238,246,255);}
.checkbox{width:60px;}
.check-all{ vertical-align:middle;}
.goods{width:300px;}
.goods span{width:180px;text-align:left;float:left;}
.goods img{width:100px;height:80px;margin-right:10px;float:left;}
.price{width:130px;}
.count{width:90px;}
.count .add, .count input, .count .reduce{float:left;margin-right:-1px;position:relative;z-index:0;}
.count .add, .count .reduce{height:23px;width:17px;border:1px solid #e5e5e5;background:#f0f0f0;text-align:center;line-height:23px;color:#444;}
.count .add:hover, .count .reduce:hover{color:#f50;z-index:3;border-color:#f60;cursor:pointer;}
.count input{width:50px;height:15px;line-height:15px;border:1px solid #aaa;color:#343434;text-align:center;padding:4px 0;background-color:#fff;z-index:2;}
.subtotal{width:150px;color:red;font-weight:bold;}
.operation span:hover,a:hover{cursor:pointer;color:red;text-decoration:underline;}

.c_foot{margin-top:0px;color:#666;height:48px;border:1px solid #c8c8c8;border-top:0;background-color:#eaeaea;background-image:linear-gradient(RGB(241,241,241),RGB(226,226,226));position:relative;z-index:8;}
.c_foot div, .foot a{line-height:48px;height:48px;}
.c_foot .select-all{width:80px;height:48px;line-height:48px;color:#666;text-align:center;}
.c_foot .delete{padding-left:10px;}
.c_foot .closing{border-left:1px solid #c8c8c8;width:103px;text-align:center;color:#666;font-weight:bold;cursor:pointer;background-image:linear-gradient(RGB(241,241,241),RGB(226,226,226));}
.c_foot .closing:hover{background-image:linear-gradient(RGB(226,226,226),RGB(241,241,241));color:#333;}
.c_foot .total{margin:0 20px;cursor:pointer;}
.c_foot  #priceTotal, .foot #selectedTotal{color:red;font-family:"Microsoft Yahei";font-weight:bold;}
.c_foot .selected{cursor:pointer;}
.c_foot .selected .arrow{position:relative;top:-3px;margin-left:3px;}
.c_foot .selected .down{position:relative;top:3px;display:none;}
.c_show .selected .down{display:inline;}
.c_show .selected .up{display:none;}
.c_foot .selected:hover .arrow{color:red;}
.c_foot .selected-view{width:938px;border:1px solid #c8c8c8;position:absolute;height:auto;background:#ffffff;z-index:9;bottom:48px;left:-1px;display:none;}
.c_show .selected-view{display:block;}
.c_foot .selected-view div{height:auto;}
.c_foot .selected-view .arrow{font-size:16px;line-height:100%;color:#c8c8c8;position:absolute;right:330px;bottom:-9px;}
.c_foot .selected-view .arrow span{color:#ffffff;position:absolute;left:0px;bottom:1px;}

#selectedViewList{padding:10px 20px 10px 20px;}
#selectedViewList div{display:inline-block;position:relative;width:100px;height:80px;border:1px solid #ccc;margin:10px;float:left;}
#selectedViewList div img{width:100px;height:80px;margin-right:10px;float:left;}
#selectedViewList div span{display:none;color:#ffffff;font-size:12px;position:absolute;top:0px;right:0px;width:60px;height:18px;line-height:18px;text-align:center;background:#000;cursor:pointer;}
#selectedViewList div:hover span{display:block;}