@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;}
/*首页*/
.infen{margin-top:20px; height:460px;}
.infen .inf-l{ width:100%; height:460px;  background-size:100% 100%; position:relative;}
.fenlei{width:210px; height:460px; background:url(../images/hrm.png) no-repeat center; position:absolute; top:0; left:0 ; z-index:2;}
.fenlei ul{width:210px; height:440px; color:#fff; overflow:hidden; padding-top:20px;}
.fenlei ul li{width:210px; text-align:center; line-height:40px; }
.fenlei ul li.tit{font-weight:600; line-height:50px; font-size:18px;}
.fenlei ul li a{color:#fff;font-size: 16px;}
.fenlei ul li a:hover{color:#2dc1ff;}

.infen .inf-r{width:280px; height:460px; overflow:hidden;}
.infen .inf-r .inbiao{height:30px;}
.infen .inf-r .inbiao p{ font-size:18px; text-align:center; line-height:30px; font-weight:600;}
.infen .inf-r ul.inli{width:220px; margin:0 auto; margin-top:15px;}
.infen .inf-r ul.inli li{height:38px; line-height:38px;}
.infen .inf-r ul.inli li p{float:left;}
.infen .inf-r ul.inli li a{float:right; color:#2dc1ff;}

.layui-tab{margin-top:0;}
.layui-tab-title{text-align:center; height:20px;}
.layui-tab-title li{width:40px; padding:0; line-height:20px;}
.layui-tab-brief > .layui-tab-title .layui-this{color:#2dc1ff;}
.layui-tab-title .layui-this{background:none;}
.layui-tab-brief > .layui-tab-title .layui-this span{color:#333;}


/*首页-作品*//*首页-排行榜查看作品*//*首页-分类详情*/
.zuopin{margin-top:20px;}
.zuopin .zptit{height:60px; line-height:60px; border-bottom:#333 solid 1px;}
.zuopin .zptit p{font-size:24px; font-weight:600;}
.zuopin .zptit p a{font-size:16px;}
ul.zp li{height:200px; padding:30px 0; border-bottom:#ddd solid 1px;}
ul.zp li:last-child{border-bottom:none;}
ul.zp li a{display:block; height:200px; width:100%;}
ul.zp li a:hover{color:#2dc1ff;}
ul.zp li .zpl{width:135px; height:190px;  box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);}
ul.zp li .zpl img{width:135px; height:190px;}
ul.zp li .zpr{width:980px; padding-right:50px;}
ul.zp li .zpr p.tit{font-size:24px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

ul.zp li .zpr p.con{font-size:16px; line-height:30px;margin:15px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:90px;}
ul.zp li .zpr p.author span{font-size:16px; line-height:50px; margin-right:20px;}

.rmzp{margin-bottom:50px;}


/*首页-排行榜查看作品*/
.ckbt ul.zp li{width:600px; float:left;}
.ckbt ul.zp li .zpr{width:400px;}
.ckbt .cxtit{height:80px; border-bottom:#eee solid 1px; line-height:80px;}
.ckbt .cxtit p{font-size:24px;}

/*首页-分类详情*/
.ckbt ul.skzp{margin-top:-15px;} 
.skfl{margin-top:2px;}
.skfl p a:hover{color:#2dc1ff;}



/*书库*/
.skmain{padding-top:20px;}
.fenleis{width:210px; height:460px; background:url(../images/hrm.png) no-repeat center;}
.fenleis ul{width:210px; height:440px; color:#fff; overflow:hidden; padding-top:20px;}
.fenleis ul li{width:210px; text-align:center; line-height:40px; }
.fenleis ul li.tit{font-weight:600; line-height:50px;font-size: 16px;}
.fenleis ul li a{color:#fff;font-size: 16px;}
.fenleis ul li a:hover{color:#2dc1ff;}

.skmain .sk-r{width:950px;}
.skmain .sk-r .sktit{width:930px; height:35px; background-color:#f7f8fc; padding-left:20px; line-height:35px; font-size:16px; box-sizing:border-box; border:#f5f5f5 solid 1px;}
.skmain .sk-r .sktit .sx{float:left; width:100px;}
.skmain .sk-r .sktit .sx select{width:100px; height:35px; border:none; line-height:20px; padding:7px 5px; 
/*将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background:url(../images/xiala.png) no-repeat scroll 95% center transparent; 
    /***将sele.png替换为你的下拉箭头**/  
*padding:10px 5px;	
}
.skmain .sk-r .sktit .sx .up{
	background:url(../images/xiala2.png) no-repeat scroll 95% center transparent; 
}
select:invalid { color:#808080; }/*修改选框默认颜色*/
option{color: #000;}
.skmain .sk-r .sktit a{line-height:35px; margin-left:60px; float:left;}
.skmain .sk-r .sktit a.la{color:#2dc1ff;}


.dyli{width:950px;}
.dyli ul li{height:120px; border-bottom:#eee solid 1px;}
.dyli ul li .titl{width:220px; padding-right:30px; height:120px; float:left; display : table;}
.dyli ul li .titl p{font-size:24px; display: table-cell;  vertical-align: middle; }
.dyli ul li .intro{ padding:10px; padding-right:60px; width:435px; float:left;}
.dyli ul li .intro p{text-align:left; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.dyli ul li .dz{width:110px; padding:0 25px; float:right;}
.dyli ul li .dz a{color:#2dc1ff; line-height:120px; text-align:center;}



/*提交订单*/
.tjorder{background-color:#f5f5f5; padding-top:30px; padding-bottom:50px;}
.tjorder .orcon{background-color:#fff; border-radius:10px; padding:20px; padding-bottom:100px;}
.orcon .jiesuan{height:80px; padding-bottom:10px; border-bottom:#ededed solid 1px; position:relative; text-align:center;}
.orcon .jiesuan p.js{font-size:24px; line-height:80px; position:absolute; left:0; top:0;}
.orcon .jiesuan .jsi{margin:0 auto; width:480; height:80px;}
.orcon .jiesuan .jsi img{width:480; height:80px;}
.orcon .hedui{padding:10px 0; border-bottom:#ededed solid 1px; padding-bottom:20px;}
.orcon .hedui p.tianxie{font-size:16px; color:#666; line-height:40px;}
.orcon .hedui p.shou{font-size:14px; color:#333; line-height:30px;}

.orcon .hedui ul{margin-top:5px;}
.orcon .hedui ul li{width:280px; height:140px; border:#dadada solid 2px; box-sizing:border-box; padding:0 13px; position:relative; margin-right:10px; float:left;}
.orcon .hedui ul li:nth-child(4n){margin-right:0;}
.orcon .hedui ul li .tit{height:38px; line-height:38px; border-bottom:#f0f0f0 solid 1px;}
.orcon .hedui ul li .tit span.xm{margin-right:30px;}
.orcon .hedui ul li p.add{padding-top:10px; margin-bottom:10px; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.orcon .hedui ul li .dui{position: absolute; bottom:0; right:0;}
.orcon .hedui ul li .moren{width:64px; height:22px; background-color:#dadada; line-height:22px; text-align:center; color:#fff; position:absolute; top:0; right:0;}
.orcon .hedui ul li .cz{height:30px; line-height:30px;}
.orcon .hedui ul li .cz a{color:#f67355; margin-right:30px; cursor:pointer;}
.orcon .hedui ul li.on{ border:#2dc1ff solid 2px; background-color:#e9f9ff; }
.orcon .hedui ul li.on .moren{background-color:#ebece5; color:#f67355;}
.orcon .hedui .jiaadd{ cursor:pointer; width:90px; height:15px; border:#dcdcdc solid 1px; border-radius:10px;  padding:10px 30px; margin-top:10px;}
.orcon .hedui ul.wdz{border:#dcdcdc solid 1px;  height:140px; box-sizing:border-box;}
.orcon .hedui ul.wdz p{color:#888; line-height:140px; text-align:center;}
.orcon .hedui .jiaadd a{display:block; height:35px;}
.orcon .hedui .jiaadd a img{width:15px; height:15px; float:left;}
.orcon .hedui .jiaadd a span{float:right; line-height:15px;}
.orcon .hedui .address li{ cursor:pointer;}


.payfs{padding:10px 0; border-bottom:#ededed solid 1px; padding-bottom:25px;}
.payfs p.ptit{line-height:40px;}
.payfs .zhi{  cursor:pointer; width:130px; height:30px; border:#2dc1ff solid 2px; box-sizing:border-box; position:relative; text-align:center;}
.payfs .zhi span{color:#888; text-align:center; line-height:26px;}
.payfs .zhi .dui{position:absolute; bottom:0; right:0;}

.qingdan{padding:20px 0;}
.qingdan p.qdtit{font-size:14px; color:#000; line-height:30px;}
.qingdan table{width:100%; border-collapse:collapse;}
.qingdan table tr th{font-weight:normal; height:38px; background-color:#f9f9f9; line-height:38px; border-bottom:#fff solid 3px; text-align:center;}
.qingdan table tr td{height:90px; background:#fff6ec; padding:15px 0; text-align:center;}
.qingdan table tr td .sm{height:90px;}
.qingdan table tr td .sm img{height:90px; width:60px; margin-right:30px;}
.qingdan table tr td .sm span{line-height:90px;}
.qingdan table tr td form input{width:50px; height:26px; border:#2dc1ff solid 1px; background-color:#fff; line-height:26px; text-align:center;}
.qingdan .bz{padding-top:15px;}
.qingdan .bz p.bztit{color:#666; line-height:40px;}
.qingdan .bz form{padding-left:15px;}
.qingdan .bz form input{width:600px; height:30px; border:#999 solid 1px; background-color:#fff; line-height:30px; padding:0 10px;}
.qingdan .zojia{margin-top:20px; padding-right:45px; }
.qingdan .zojia .tj{ line-height:30px; height:30px;}
.qingdan .zojia .tj p{ text-align:right;}
.qingdan .zojia .tj p.gd{width:160px;}
.qingdan .zojia .tj p span{color:#2dc1ff;}

.tjje{background-color:#f3f3f3; height:60px; padding:10px; padding-right:45px; }
.tjje .qian{line-height:30px; height:30px;}
.tjje .qian{text-align:right;}
.tjje .qian p.rmb{font-size:18px; font-weight:600; color:#2dc1ff; width:160px;}
.tjje.{height:30px;}
.tjje .add{ height:30px; line-height:30px;text-align:right;}
.tjje .add span{margin-left:20px;}

.tjanniu{ height:36px; margin-top:22px;}
.tjanniu a{display:block; cursor:pointer;}
.tjanniu button{width:140px; height:36px; background-color:#2dc1ff; line-height:36px; color:#fff; text-align:center; float:right; border:none; border-radius:6px; cursor:pointer;}


/*提交订单2*/
.tjsuc{border-bottom:#ededed solid 1px; padding:40px 0; padding-left:270px; }
.tjsuc .tjl{width:75px; height:75px; margin-right:10px;}
.tjsuc .tjl img{width:75px; height:75px;}
.tjsuc .tjr{}
.tjsuc .tjr p.dz{font-size:22px; line-height:30px; color:#000;}
.tjsuc .tjr p.xz{color:#333; line-height:24px;}
.tjsuc .tjr p.xz span{color:#2dc1ff;}
.tjsuc .tjr p.xxz{color:#333;}
.tjsuc .tjr p.xxz span{color:#2dc1ff; font-size:18px;}

.orderxx{border-bottom:#ededed solid 1px; padding:40px 0; padding-left:120px; }
.orderxx .xxl{width:605px; height:80px; border-right:#dcdcdc solid 1px;}
.orderxx .xxl p.bh{color:#333;}
.orderxx .xxl p.bh span{color:#2dc1ff;}
.orderxx .xxl p.bt{line-height:40px;}
.orderxx .xxl .tel{height:20px;}
.orderxx .xxl .tel img{width:10px; height:10px;}
.orderxx .xxl .tel span{color:#333;}
.orderxx .xxr{padding-left:40px; height:80px; line-height:80px;}
.orderxx .xxr span.xs{margin-right:20px;}
.orderxx .xxr span.ds{font-size:26px; color:#2dc1ff; font-weight:600;}

.paytj{padding-top:30px; font-size:18px; padding-left:120px;}
.paytj p.bt{line-height:50px; margin-right:30px;}
.paytj .xz-form{float:left;}
.paytj .xz-form .inform{height:50px; margin-right:60px;}
.paytj .xz-form .inform input{float:left; margin-right:15px; position:relative; top:16px;}
.paytj .xz-form .inform a{display:block; width:170px; height:50px; border:#d2d2d2 solid 1px; float:left; text-align:center;}
.paytj .xz-form .inform a img{width:48px; height:48px;}
.paytj .xz-form .inform a span{line-height:48px;}


/*扩展样式*/
.ljpay{ height:36px; margin-top:60px;}
.ljpay a{display:block; cursor:pointer;}
.ljpay button{width:140px; height:36px; background-color:#2dc1ff; line-height:36px; color:#fff; text-align:center; float:right; border:none; border-radius:6px; cursor:pointer;}

.must-li{
	width:37px !important;
	text-overflow: hidden !important;
}