html { font-family: 'Microsoft Yahei';}
body, div, ul, ol, h1, h2, h3, button, input, a, select, dl, dt, dd, p,em{ box-sizing: border-box; margin: 0; }
h1, h2, h3,button, input{font-weight: normal;}
a { text-decoration: none; cursor: pointer; }
li{display: block;}
ul, ol,em { list-style-type: none; padding-left: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.qinchu {clear:both;padding-bottom:6px;}
.mkuan {width: 100%;  min-width: 320px; max-width: 750px; margin:5px auto;}
/*列表*/
#mue-bar{ background:#237ded;width: 100%;color:#FC6751; border-top:dashed 1px #237ded; margin:0 auto; min-width: 320px; max-width: 750px;height:36px;line-height:36px; padding:0 8px;}
#mue-bar a{ color:#FFF;}
#mue-bar a:hover{ color:#FFEB0B; text-decoration:underline;}
.juzhong {margin:0 auto; min-width: 320px; max-width: 750px;}
.muleft{ width:83%; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFFFFF}
.muright{ background:url(../images/icon-store-white.png) no-repeat 0 11px;; padding-left:1.2rem; float: right; margin-right:0px; color:#FFFFFF;}
.hui-mu{width:100%; background-color:#028cd3; float: left; color:#FFFFFF; padding:0.5rem;}
.hui-mu h1 {font-size:20px;}
.hui-mutag{width:100%; background-color:#028cd3; float: left; color:#FFFFFF; padding:0.4rem;margin-top:12px;}
.hui-mutag h1 {font-size:20px;}
.hyfl-hui{height:38px;line-height:38px; padding:0 8px;background:#e7edef;margin-top:8px;}
.hyfl-hui h1 {float:left;font-size:20px;font-weight:bold;padding-right:16px;}

.cai{height:38px; padding:0 8px;background:#e7edef;margin-top:20px;}
.cai h2 {float:left;font-size:18px;font-weight:bold;padding-right:16px;height:38px;line-height:38px;}
.cai i {color:red;}
.Tagsfl{font-size:0.9rem;line-height:1.5;padding:5px;}

.topwz {margin:8px 0 5px 0;}
.topwz p.daoyu { line-height:24px; font-size:14px;font-family:"微软雅黑";padding:6px 10px;margin-top:12px;border:dashed 1px #D4D3D3;}
.topwz p.daoyu span { color:#d4376c; padding-right:10px; font-size:16px;}
.topwz .ktitle {padding:15px 0 5px 12px;}
.topwz .ktitle a { color:#333;font-family:"Microsoft Yahei";font-weight:bold;font-size:20px;}
.topwz p {padding:5px 10px; color:#333;font-size:16px;line-height:25px;}
.topwz p a{font-size:14px;}
.hcontent .ktitle strong{color:#333;font-family:"Microsoft Yahei";font-weight:bold;font-size:18px;padding:15px 0 12px 12px;}
.hcontent .ktitle a { color:#333;font-family:"Microsoft Yahei";font-weight:bold;font-size:20px;}
.hcontent p {padding:5px 10px; color:#333;font-size:16px;line-height:26px;}
.hcontent p a{font-size:16px;padding-left:1px;}
.hcontent p img {width:95%;}

.artpage {heighT:100%;overflow:hidden;margin:10px 0;clear:both;padding:10px 0;}
.artpage h2 {background-color:#028cd3; float: left; color:#FFFFFF; padding:3px 15px;width: 100%;font-size:20px;margin-bottom:10px;}
.qyart {border-bottom:0;position:relative;}
.artpage p.sct {font-size:18px;font-weight:bold;font-family:"Microsoft YaHei";padding:20px 8px 5px 8px;}
.artpage p.sct a {color:#04359B;font-size:16px;}
.artpage p.jian {font-size:14px;line-height:22px;padding:0 12px;}
.artpage p.jian a {color:#ff8000;}

.sp-list{width:100%; background:#f3f6f7; max-width:750px!important; margin:10px auto;overflow:hidden;padding:10px 0;clear:both;}
.sp-list ul li{width:100%;border-bottom:dashed 1px #FFF; float:left;}
.sp-list h3{width:100%;font-size:1rem; line-height:1.8; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:5px;}
.sp-list p i{font-style:normal;color:red;}

.tag-list{width:100; background:#f3f6f7; max-width:750px!important; margin:10px auto;overflow:hidden;padding:10px 0;clear:both;}
.tag-list ul li{width:25%;border-bottom:dashed 2px #FFF; float:left;line-height:36px;height:36px;}
.tag-list h3{width:100%;font-size:1rem; line-height:1.8; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:5px;}

.biaoti {width:100%; line-height:1.6; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:5px;}
.biaoti a{ color:#333;font-size:18px; line-height:1.6;font-weight:bold; padding-left:5px;}

.sp-list .biaoti em a:hover {color:#ff8020;text-decoration:none;}
.sp-list p.like span {background: url(../../www.315hyw.com/images/xin.gif) 0 0 no-repeat;padding-left:20px;font-size:12px;}
.sp-list p.like em {color:#ff4a00;font-size:14px;font-style:normal;padding-left:12px;}
.sp-list p.like {paddin-bottom:6px;}
.vs-left{ width:25%;max-width:210px; float:left;padding-bottom:10px;}
.vs-left img{width:90%; height:auto;max-width:200px;max-height:180px;padding:2px; border: #CCCCCC 1px solid; margin:4px; background-color:#FFFFFF;}
.vs-right{width:70%;float:left; margin-left:2%; margin-top:4px; font-size:0.8rem; float:left;line-height:1.4;}
.vs-right p {padding-top:6px;}
.vs-right p i{padding-right:5px;}
.xuxian{ border:dashed 1px #D4D3D3; padding:5px 3px;line-height:22px; background-color:#eaeff0; color:#333; font-size:16px;}
.yixiang {font-size:14px;color:#696969;}
.dxian{width:100%;border-bottom:dashed 1px #a4afb1; float:left;margin:5px 0;}

.viciao{width:100%; text-align:center; font-size:0.8rem; padding:0.5rem 0; float:left; }
.viciao a{border:#ccc 1px solid;color:#36c;margin-right:2px;text-decoration:none;padding:3px 5px;font-size:0.8rem; }
.viciao span.current{border:#bf0a02 1px solid;font-weight:700;color:#FFF;margin-right:2px;padding:3px 5px;background:#e20f06}
.viciao span.disabled{border:#ccc 1px solid;color:#ccc;margin-right:2px;padding:3px 5px}
.viciao a:hover,.viciao a:active{border:red 1px solid;margin-right:4px;padding:3px 5px}
.copyright{width:100%;height:4rem;margin:12px 0;background: #CCCCCC;font-size:0.8rem; color:#666666; clear:both;text-align:center; padding:15px 0;}
.copyright a{ color:#666666;}

/*article*/
.title{background:#f7f7f7; padding:5px 0;}
.title p {font-size:12px;padding-top:12px;text-align:center;}
.title h2{font-size:18px; font-weight:bold;font-family:"微软雅黑";color:#000; text-align:center;}
.title h1{font-size:20px; font-weight:bold;font-family:"微软雅黑";color:#000; padding-top:12px;text-align:center;}
.title span {padding-right:8px;}



#yanshen {padding:0 15px 5px 12px;clear:both;margin: 0 auto; min-width: 320px; max-width: 750px; width: 100%;}
#yanshen ul {padding-top:5px}
#yanshen li {padding-bottom:12px;}
#yanshen strong {font-size:16px;padding-bottom:5px;}
.articleBar li {border-bottom:1px solid #e1e1e1;overflow:hidden}
.articleBar li a {display:block;text-decoration:none;}
.articleBar .imgBar .imgInfo {line-height:20px;overflow:hidden;float:left;}
.articleBar li p {color:#999;height:25px;}
.articleBar li p i {color:#FF2404;font-style:normal;}
.articleBar .imgBar .imgInfo img {width:125px;height:80px;}
.articleBar .imgBar .txtInfo p.htitle,.articleBar .imgBar .txtInfo p.htitle a {font-weight:500;margin-bottom:5px;font-size:18px;overflow:hidden;color:#191970;}
.articleBar .imgBar .txtInfo {float:left;width:60%;padding-left:15px;padding-top:8px;}
.articleBar .imgBar .txtInfo p.textp {font-size:14px;}
.articleBar .imgBar .txtInfo p.textp span{padding-left:8px;}

.ztshop{ max-width: 750px;min-width: 320px;padding:5px 15px 5px 12px;width: 100%;clear:both;margin: 0 auto;}
.ztshop ul{ width:100%; float:left; margin-bottom:20px;padding-left:6px;}
.ztshop ul li{  float:left; width:30%;margin:9px 9px 0 0; height:38px;line-height:38px;color:#777;background:#f9f9f9;list-style:none; text-align:center;}
.ztshop ul a{  overflow: hidden;font-size:15px;color:#333;height:38px;}
.hong-mu h3 {background-color:#028cd3; float: left; color:#FFFFFF; padding:3px 15px;width: 100%;font-size:20px;}

.prev-next {border-top:#ededed 1px solid;padding-top:8px;}
.prev-next .prev {padding:10px;}
.prev-next .next {padding:5px 10px;}


.pupop,.mask{position:fixed;_position:absolute;pointer-events:auto}
.pupop {width:90%;height:80%;display:none;z-index:199;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:460px;background:#fff;border-radius:8px;-webkit-overflow-scrolling:touch;}
.pupop a.close {position: absolute;top:10px;right:10px;color: #fff;width: 20px;background:url(//www.diyixinde.com/static/imgs/dialog-close.png) no-repeat center;height: 20px;line-height: 20px;text-align: center;font-family: arial;text-indent: -9999em;overflow: hidden;}
.pupop a.close-white {background: url(//www.diyixinde.com/static/imgs/dialog-close.png) no-repeat;}
.pupop a.close:hover {opacity: .8;}
.pupop .bd {padding:10px 20px;}
.mask{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px"); background:#000;opacity:0.3;filter:alpha(opacity=30); display:none; z-index:198 !important;}

.fixed_item{ width: 50px;position: fixed; top:40%;left:50%; margin:-25px 0 0 -670px;}
.fixed_item a{ display: block; width: 50px; text-align:center; margin-bottom:2px; line-height:18px; color: #fff; padding: 5px; border-radius: 3px;background:#44b449}
.fixed_item em {display: block; width:26px; height:30px; margin:0 auto 4px; background: url(//www.diyixinde.com/static/imgs/gf_icon.png) no-repeat;}
.fixed_item a:hover{ background:#f60;text-decoration:none}

#copy_pay .desc {color: #f00;text-align: center}
#copy_pay .desc a {color: #f00;}

#copy_help {display: none;width: 730px;height: auto;}
#copy_help h2 {text-align: center;font-size: 20px;padding: 20px 0 10px;}
#copy_help ul {padding: 0 30px 30px;}
#copy_help li {margin-top: 10px;border: 1px solid #5A9EF2;padding: 10px;-webkit-box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .1);-moz-box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .1);box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .1);}
#copy_help li h3 {font-size: 16px;color: #1F40C5;font-weight: bold;line-height: 30px;border-bottom: 1px dotted #aaa;}
#copy_help li p {line-height: 20px;color: #888;padding: 5px 0;}
#copy_pay {display: none;width: 400px;height: auto;}
#copy_pay .copy_pay_tit {background: #1F40C5;color: #fff;font-size: 18px;line-height: 46px;text-indent: 1em;border-radius: 8px 8px 0 0;}
.mask2 {z-index: 199;}

#copy_help {display: none;width: 100%;height: 50%;top:auto;bottom: 0;-webkit-transform:translate(-50%,-0%);transform:translate(-50%,-0%);z-index: 200;}
#copy_help h2 {text-align: left;font-size: .875rem;padding: 0 0  0 20px;background-color: #f3f4f8;border-bottom:1px solid #e8e8e8;line-height: 40px;}
#copy_help .bd {height: calc(100% - 40px);overflow-y:auto;padding: 0;}
#copy_help ul {padding: 0 1rem;}
#copy_help li {margin-top: 10px;border:0;border-bottom: 1px solid #e8e8ee;padding: 1rem;-webkit-box-shadow: unset;-moz-box-shadow:-webkit-box-shadow: unset;;box-shadow: -webkit-box-shadow: unset;font-size: .875rem;}
#copy_help li h3 {color: #333;font-weight: 400;line-height: 30px;border-bottom: 0}
#copy_help li p {line-height: 1.6rem;color: #aaa;padding:.5rem 0;}
#copy_pay {display: none;width: 90%;height: auto;}
#copy_pay .copy_pay_tit {background: #1F40C5;color: #fff;font-size: 18px;line-height: 46px;text-indent: 1em;border-radius: 8px 8px 0 0;}

#downwordpay {width: 90%;height: auto;display: block;padding-top:1rem;}
#downwordpay .copy_pay_tit {background: none;color: #0a0;font-size: 2rem;height: 3rem;text-indent: 0em;border-radius: 8px 8px 0 0;text-align:center;font-weight: bold;}
#downwordpay .tps {line-height: 26px;color: #888;text-align: center;}
#downwordpay .bd {padding-bottom: 20px;}
#downwordpay .paye {display: none;}
#downwordpay .desc {color: #f00;text-align: center;padding-bottom:1rem}
#downwordpay .desc a {color: #f00;}
#downwordpay .wordmoney {color: #f00;font-weight: bold;font-size: 1rem;font-style: normal;}
#downwordpay .downword {display: none;padding:5rem 1rem}
#downwordpay .downword a{background:#1F40C5;height:50px;line-height:50px;border-radius:4px;font-size:22px;color:#fff;font-weight:700;display: block;text-align: center;font-size:1rem;}
#downwordpay .copy_buy {padding: 1rem 2rem 0;}
#downwordpay .copy_buy a{background: #44b549;font-weight: 700;color: #fff;text-decoration: none;display: block;border-color: #44b549;padding:.8rem 0;border-raidus:1rem !important;}
#downwordpay .red-pay {text-align:center;padding-top:100px;background:url(//www.diyixinde.com/static/imgs/pay.jpg) no-repeat center 0;background-size:90px auto;}


.fixed_item {display: none;}
.fixed_top {position: fixed;bottom: -50px;width: 100%;left: 0;background-color: #fff;box-shadow: 0 -2px 5px rgb(102 102 102 / 10%);transition: 0.3s ease;align-items: center;}
.fixed_top.in {bottom:0;}
.fixed_top div > b,.fixed_top div > div {display: none;}
.fixed_top > div p {display:-moz-box;display:-webkit-box;display:box}
.fixed_top > div p a {-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;display: block;width: 50%;line-height: 40px;height: 40px;text-align:center;color:#666}

.fixed_top > div p a {text-decoration: none;}
.fixed_top > div p a.dl-link {background: #3382f8;color: #fff;}
.fixed_top > div p a.dl-link em {width: 16px;height: 16px;background: url(/static/imgs/gf_icon.png) no-repeat;background-size:cover;display: inline-block;vertical-align: middle;margin-right: .5rem;}