@import url("pc.css");
@import url("list.css");
.downTop span,.downs li a{transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;}
.pctext{padding:0 270px 0 220px;}
.pctext .ltz{width:200px; float:left; margin-left:-220px;}
.pctext .ltz_nav{width:190px;}
.pctext .lty{width:250px; float:right; margin-right:-270px;}
/*面包屑*/
.daohang .qb_ui_Site_nav,.daohang ul,.daohang i,.daohang ol,.daohang li,.daohang a{float:left;}
.daohang ol,.daohang a{ height:20px; line-height:20px;}
.daohang ol{width:20px; overflow:hidden;}
.daohang i{height:16px; width:20px; text-align:left; line-height:16px; margin-top:1px;}
.daohang a{padding-right:20px; position:relative; z-index:2; font-family:layui-icon;}
.daohang a:nth-of-type(2){ display:none;}
.daohang a:after{ height:20px; width:20px; text-align:center; position:absolute; top:0; right:0; content:"\e602";}
/*内容展示*/
.showcon h1{float:left; width:100%; font-size:var(--font-size-bolder); color:var(--color-lan); line-height:40px; font-weight:100; margin-top:15px;}
.coninfo{ margin-top:15px;}
.author dt{float:left; width:30px; height:30px; padding:4px; border:1px solid var(--color-lv); border-radius:50%; overflow:hidden; cursor:pointer;}
.author dt i{float:left; width:30px; height:30px; overflow:hidden; background:url(../img/d.png) no-repeat; background-size:30px 30px;}
.author em{float:left; height:24px; line-height:24px; padding:0 10px 0 14px; margin:7px 0 0 -4px;  border:1px solid var(--color-lv); border-radius:0 15px 15px 0; border-left:none 0; cursor:pointer;}
.coninfo li{float:left; height:40px; margin-left:20px; cursor:pointer;}
.coninfo li i,.coninfo li span{ float:left; height:20px; line-height:20px; margin-top:10px;}
.coninfo li i{color:var(--color-shen); margin-right:8px;}
.coninfo li span{color:var(--color-c);}
.context{ line-height:30px; font-size:var(--font-size-con);}
.context img{ max-width:750px;}
/*下载地址*/
.downs li,.sxy li,.sxy li b{box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
.downs{ background-color:var(--color-lv); color:var(--color-f); padding-bottom:5px;}
.downs li{ float:left; padding:5px 10px; width:100%; overflow:hidden;}
.downs li b{ float:left; height:24px; line-height:24px; width:80px; text-align:center; background-color:var(--color-lv); border:1px dashed var(--color-f); border-radius:5px; position:relative; z-index:2; margin-right:15px;}
.downs li b:after{width:6px; height:6px; background-color:var(--color-lv); border-top:1px dashed var(--color-f); border-right:1px dashed var(--color-f); position:absolute; z-index:3; content:""; transform:rotate(45deg); top:8px; right:-4px;}
.downs li a{float:left; height:26px; line-height:26px; font-size:var(--font-size-con); color:var(--color-f);}
.downs li a:hover{ transform:translate(-3px,-3px);  text-shadow: 3px 3px 3px rgba(0,0,0,0.8);}
.downTop{ border-bottom:1px dashed var(--color-f); margin-bottom:5px;}
.downTop b{ float:left; font-size:var(-font-size-title); height:22px; line-height:22px;}
.downTop span{ height:20px; padding:0 10px; border:1px solid var(--color-f); border-radius:3px; line-height:20px; float:right; cursor:pointer;}
.downTop span:hover{transform:translate(-3px,-3px); box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
/*上一篇下一篇*/
.sxy li{ width:365px; background-color:var(--color-f7); padding:20px;}
.sxy li b{float:left; height:20px; line-height:20px; position:relative; z-index:2; padding:0 25px; font-size:var(--font-size-title); color:var(--color-lv); width:100%;}
.sxy li b:after{z-index:3; font-family:layui-icon; position:absolute; top:0; height:20px; line-height:21px; width:25px;}
.sxy .y b{text-align:right;}
.sxy .z b:after{left:0; text-align:left; content:"\e65a";}
.sxy .y b:after{right:0; text-align:right; content:"\e65b";}
.sxy li span{height:20px; line-height:20px; font-size:var(--font-size-con); margin-top:15px; width:100%; overflow:hidden;}
.sxy .z span{float:left;}
.sxy .y span,.sxy .y a{float:right;}