@charset "utf-8";
/* CSS Document */
body{ font-size:14px; font-family:微软雅黑; color:#333; font-weight:normal;}
body{min-width:1300px;}
ul,li{ list-style:none}
a{ text-decoration:none;}
*{ padding:0; margin:0;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clean{ height:0px; width:100%; clear:both;}
.main{ width:1200px; margin:0 auto;}
.xuxian{width:100%; height:0px; border-bottom:#d2d2d2 dashed 3px;}

select:invalid { color:#888; }
option{color: #000;}

/*通用-头部*/
.head{width:100%;}
.header{width:100%; height:50px; line-height:50px; font-size:16px;}
.header .zhuce span{margin:0 5px;}
.header .zhuce a{ color:#333;}
.header .zhuce a:hover{color:#2dc1ff;}
.header .logo{width:115px; height:50px;}
.header .logo{width:115px; height:50px;}

.nav{ width:100%; height:39px; background-color:#2bc1ff; padding-top:1px; font-size:16px;}
.nav ul{line-height:39px;}
.nav ul li{ height:39px; width:90px; text-align:center; float:left; margin-right:80px;}
.nav ul li a,.nav ul li.on{ color:#fff; width:90px; line-height:39px; display:inline-block;  height:39px; line-height:39px;} 
.nav ul li.on{ height:39px; background-color:#fff; color:#2dc1ff; border-radius:3px; border-bottom-left-radius:0; border-bottom-right-radius:0; text-align:center; float:left;}
.nav ul li.on a{ display:block; height:39px; width:90px; color:#2dc1ff;}
.nav ul li.on span,.nav ul li:hover a{color:#2dc1ff;}
.nav ul li:hover a{ display:block; height:39px; width:90px;}
.nav ul li:hover{ background-color:#fff; color:#2dc1ff; border-radius:3px; border-bottom-left-radius:0; border-bottom-right-radius:0; color:#418fd9;}
.nav .tel{width:230px; height:40px;position: absolute;margin-left: 1080px;}/*2026-08-12*/
.nav .tel .telimg{width:25px; height:25px; position:relative; top:7px;}
.nav .tel .telimg img{width:25px; height:25px;}
.nav .tel .telp{color:#fff; line-height:38px;}
.nav .tel .telp span{font-style:italic; font-weight:600;}

.header .zhuce span.hy{margin-right:20px;}
.header .zhuce a.on{color:#2dc1ff;}


/*通用分页*/
/* .page{ height:40px; text-align:center; padding-top:60px; padding-bottom:20px; margin:0 auto;} */
/* .page ul.pa{ height:40px; margin:0 auto; *width:680px;} */
/* .page ul.pa li{ line-height:38px; width:50px; padding:0; font-size:16px; color:#666; display:inline-block; *width:50px; *padding:0; *float:left; border: #dcdcdc solid 1px; box-sizing:border-box; margin-left:-2px;} */
/* .page ul.pa li.pa-big{width:90px;} */
/* .page ul.pa li.on,.page ul.pa li.on a{background-color:#2dc1ff; color:#fff;} */
/* .page ul.pa li a{font-size:16px; color:#666; display:inline-block; height:38px; padding:0;} */
/* .page ul.pa li:hover{ background-color:#2dc1ff; color:#fff; display:inline-block;} */
/* .page ul.pa li:hover a{color:#fff; padding:0;} */

.page{ height:40px; text-align:center; padding-top:50px; padding-bottom:30px; margin:0 auto;}
.page ul.pagination{ height:40px; margin:0 auto; width:850px;}
.page ul.pagination li{ font-size:14px; line-height:38px; width:50px; padding:0; color:#666; display:inline-block; *width:50px; *padding:0; *float:left; border: #dcdcdc solid 1px; box-sizing:border-box; margin-left:-2px;}
.page ul.pagination li.total{width:100px;}
.page ul.pagination li.on,.page ul li.on a{background-color:#2dc1ff; color:#fff;}
.page ul.pagination li a{ color:#666; display:inline-block; height:38px; padding:0;}
.page ul.pagination li:hover{ background-color:#2dc1ff; color:#fff; display:inline-block;}
.page ul.pagination li:hover a{color:#fff; padding:0; width:100%; height:100%;}


/*通用弹窗透明背景*/
.sybg{width:100%; height:100%; position:fixed; top:0; margin:0 auto; background:url(../images/tankuang_bg.png) no-repeat center; z-index:1001; overflow:auto;}/*调整弹框背景*/
/*通用白色弹窗背景小*/
.bbs{width:430px; height:240px; margin:0 auto; margin-top:140px; background-color:#fff; border-radius:5px; z-index:1002; overflow:hidden;}

.bbs .ph-title{ height:68px; margin:0 auto; position:relative; background-color:#ddd; }
.bbs .ph-title p{ font-size:20px; font-weight:600; color:#000; line-height:68px; text-align:center; }
.bbs .ph-title img{ width:16px; height:16px; margin-top:2px; position:absolute; top:15px; right:20px;}
.bbs .ph-con{ padding:0 10px; overflow-x: hidden; overflow-y: auto;}
.bbs .ph-con p.con{font-size:18px; line-height:100px; text-align:center;}
.bbs .ph-con a.qdl{display:block; width:100px; height:40px; background-color:#2dc1ff; text-align:center; color:#fff; line-height:40px; margin:0 auto; font-size:16px;}

/*通用白色弹窗背景大*/
.bbdd{width:900px; margin:0 auto; margin-top:100px; background-color:#fff; border-radius:2px; z-index:1002; max-height:1000px; overflow-x:hidden; overflow-y:auto;}
.bbdd .ph-title{ height:68px; margin:0 auto; position:relative; padding-left:20px; }
.bbdd .ph-title p{ font-size:20px; font-weight:normal; color:#333; line-height:68px; text-align:left; }
.bbdd .ph-title img{ width:16px; height:16px; margin-top:2px; position:absolute; top:15px; right:20px;}
.bbdd .ph-con{ padding:0 10px; overflow-x: hidden; overflow-y: auto;}

/*新建地址弹窗*/
.zc-form{padding-bottom:120px; padding-left:150px;}
.zc-form .mh{ height:40px; margin-bottom:20px;}
.zc-form .mh input{float:left;}
.zc-form .mh .mh-lable{width:100px; line-height:40px; font-size:14px; text-align:right;display:inline-block; margin-right:20px; float:left;}
.zc-form .mh .im-input{width:410px; height:18px; border:#b9d5ef solid 1px; border-radius:3px; line-height:18px; padding:10px;}
.zc-form .mh .id-input{width:275px; height:18px; border:#b9d5ef solid 1px; border-radius:3px; line-height:18px; padding:10px;}
.zc-form .mh .yzm{width:120px; height:40px; text-align:center; cursor: pointer; float:left;}
.zc-form .mh .yzm .im-button{width:120px; height40px; line-height:40px; background-color:#418fd9; color:#fff; border:0; border-radius:3px; margin-left:15px; cursor: pointer;}
.zc-form .mh p.sm{line-height:40px; margin-left:15px; color:#418fd9; float:left;}
.zc-form .mh span.pd{float:left; line-height:40px; margin:0 30px 0 5px; }
.zc-form .mh .xzl{position:relative; top:12px;}
.zc-form .mh a.ffha{float:left; line-height:40px; color:#418fd9;}
.zc-form .mh p.ffhy{float:left; line-height:40px; color:#418fd9;}
.zc-form .mh p.nf{color:red; margin-right:94px; float:left; line-height:40px;}
.mh-select{width:138px; border:#b9d5ef solid 1px; border-radius:3px; line-height:18px; padding:10px; margin-right:5px;appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background:url(../images/jusan.png) no-repeat scroll 95% center transparent; 
    /***将sele.png替换为你的下拉箭头**/  
*padding:10px;	
}
.zc-form .mhxy .dxxz{margin-right:8px; position:relative; top:14px;}
.zc-form .mhxy span{line-height:40px;}
.zc{width:80px; height:30px; background-color:#418fd9; text-align:center; cursor:pointer; border-radius:3px; position:relative; left:110px;}
.zc .zc-button{width:80px; height:30px; line-height:30px; background-color:#2dc1ff; color:#fff; border:0; border-radius:3px; cursor: pointer;}
.zc-form .mh span.pay{display:block; width:150px; height:35px; border:#dcdcdc solid 1px; float:left; margin-right:30px; margin-left:10px; border-radius:3px; overflow:hidden;}


/*微信支付宝支付弹窗-账户余额支付弹窗*/
.zfcode{text-align:center; padding-bottom:80px;}
.zfcode p.pl{font-size:18px; line-height:30px;}
.zfcode p.pl span{color:#2dc1ff;}
.zfcode .er{width:100px; height:100px; margin:20px auto;}
.zfcode .er img{width:100px; height:100px;}
.zfcode a{display:block; width:200px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; margin:0 auto; background-color:#2dc1ff; border-radius:3px; cursor:pointer;}

.zhzc{padding-bottom:50px;}
.zfcode p.ph{font-size:18px; line-height:30px;}
.zfcode p.ph span{color:#ff0000; font-weight:600;}
.zfcode a.yzf{margin-top:30px;}

/*支付完成弹窗*/
.finish{padding-bottom:50px;}
.finish .we{padding-left:240px; margin-bottom:20px;}
.finish .we .wel{width:60px; height:60px; margin-right:20px; position:relative; top:15px;}
.finish .we .wel img{width:60px; height:60px;}
.finish .we .wer p.dz{font-size:24px; line-height:50px;}
.finish .we .wer p.xz{font-size:18px; line-height:30px;}
.finish .we .wer p.xz span{color:#2dc1ff;}
.finish a{display:block; color:#ff0000; font-weight:600; font-size:36px; margin:20px auto; text-align:center;}


/*充值确认订单弹窗*/
.conor{text-align:center; padding-bottom:40px;}
.conor p.tit{font-size:24px; line-height:30px;}
.conor p.lp{color:#2dc1ff; font-size:16px; line-height:40px;}
.conor .con{padding-left:350px; text-align:left;}
.conor .con p.co{font-size:18px; line-height:30px;}
.conor a{display:block; width:200px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; margin:30px auto; background-color:#2dc1ff; border-radius:3px; cursor:pointer;}


/*支付失败弹窗背景*/
.fail{width:500px; height:290px; margin:0 auto; margin-top:140px; background-color:#fff; z-index:1002; overflow:hidden;}
.fail .ph-title{ height:68px; margin:0 auto; position:relative; padding-left:20px; }
.fail .ph-title p{ font-size:20px; font-weight:normal; color:#333; line-height:68px; text-align:left; }
.fail .ph-title img{ width:16px; height:16px; margin-top:2px; position:absolute; top:15px; right:20px;}
.fail .ph-con{ padding:0 10px; overflow-x: hidden; overflow-y: auto;}
.fail .ph-con .fx{width:60px; height:60px; margin:0 auto;}
.fail .ph-con .fx img{width:60px; height:60px; }
.fail .ph-con p.con{font-size:24px; line-height:40px; text-align:center; padding-top:10px;}
.fail .ph-con p.bz{font-size:20px; line-height:30px; text-align:center;}




/*通用-作品详情图书详情*/
.fltit{padding:15px 0;}
.fltit p a:hover{color:#2dc1ff;}
.tushuxq{background-color:#f5f5f5; padding-bottom:50px;}
.xqcon{background-color:#fff; box-shadow:1px 2px 10px 0px rgba(0,0,0,0.1);}
.xqcon .zps{padding:30px 50px 5px 50px;}
.xqcon .zps .zps-l{width: 280px; height: 395px; overflow:hidden; padding-left:60px;}
.xqcon .zps .zps-l img{width: 280px; height: 395px;}
.xqcon .zps .zps-r{width: 650px;  color:#333; font-size:16px;}
.xqcon .zps .zps-r p.bt{font-size: 24px; line-height: 38px;}
.xqcon .zps .zps-r p.sm{ color:#333; line-height:50px;}
.xqcon .zps .zps-r p.smt{ color:#333; line-height:30px; padding-top:20px;}
.xqcon .zps .zps-r .price{	width: 650px; height: 60px; background-color: #fff6ec;}
.xqcon .zps .zps-r .price p{padding:0 20px; line-height:60px; font-size:14px;}
.xqcon .zps .zps-r .price p span{font-size:24px; font-weight:600; color: #f67355;}
.xqcon .zps .zps-r .cz{height:45px; margin-top:60px;}
.xqcon .zps .zps-r .cz a{display:block; width: 150px; height: 45px; line-height:45px; text-align:center; font-size: 16px; color: #ffffff; margin-right:30px; border-radius:2px;}
.xqcon .zps .zps-r .cz a.dzju{background-color: #f67355;}
.xqcon .zps .zps-r .cz a.dyl{background-color: #2dc1ff;}
.xqcon .zps .line{width:100%; height:1px; background-color:#dcdcdc; margin-top:40px;}
 
.cpde{padding:0 50px; padding-bottom:80px;}
.jbxx p.tit{font-size:24px; font-weight:600; line-height:80px;}
.jbxx .biao{width:1100px; margin:0 auto;}
.jbxx .biao .ta{ width:100%;   border:#dcdcdc solid 1px; border-collapse:collapse; }
.jbxx .biao .ta tr{height:40px; text-align:center;}
.jbxx .biao .ta tr th{font-weight:normal; border: #dcdcdc solid 1px;}
.jbxx .biao .ta tr td{font-weight:normal; border: #dcdcdc solid 1px;}
.jbxx .biao .ta tr td:first-child{background-color:#eee;}
.jbxx .biao .ta tr td:first-child+td+td{background-color:#eee;}
.jbxx .biao .ta tr th:nth-child(1){background-color:#eee;}
.jbxx .biao .ta tr th:nth-child(3){background-color:#eee;}

.jbxx .intro{ padding:50px; padding-bottom:30px;}
.jbxx .intro p.mt{width:80px; line-height:26px;}
.jbxx .intro p.mc{width:920px; line-height:26px;}
.jbxx .xqimg{text-align:center; overflow:hidden;}
.jbxx .xqimg img{max-width:100%;}




/*底部*/
.foot{width:100%; height:190px; background-color:#f9fbfb; font-size:16px; padding-top:70px;}
.foot .fo-l{color:#808080; margin-right:50px; width:800px; }
.foot .fo-l ul{height:20px; margin-bottom:15px;}
.foot .fo-l ul li{padding:0 20px; line-height:20px; border-right:#808080 solid 1px; float:left;}
.foot .fo-l ul li a{display:block; color:#808080;}
.foot .fo-l ul li a:hover{color:#2dc1ff;}
.foot .fo-l .beian{line-height:40px;}
.foot .fo-l .beian>a {color:#808080;}

.foot .fo-c{padding-top:10px;}
.foot .fo-c p.foctit{color:#333; font-weight:600; line-height:30px; }
.foot .fo-c p.focnum{color:#333; line-height:30px; }
.foot .fo-c p.focmail{color:#0099ff; line-height:30px; }
.foot .fo-r{width:100px;}
.foot .fo-r .code{width:100px; height:100px;}
.foot .fo-r p{line-height:20px; font-size:14px; text-align:center;}

.logo a:hover{color:#2DC1FF;}