*{margin:0;padding:0;font-family:'微软雅黑';}
body{font-size:14px;}
.mian{width:100%;height:100%;}
.menubox{width:200px;height:100%;border-right:1px solid #dfdfdf;position:fixed;left:0;top:0;overflow-y: auto;overflow-x: hidden;}
.menubox ul,.listbox ul{list-style: none;}
.menubox ul li{width:200px;height:40px;line-height:40px;padding-left:20px;box-sizing:border-box;cursor:pointer;}
.menubox ul li:hover,.active{background:#dcdcdc;font-weight:bold;}
.listbox{width:cacl(100% - 201px);height:auto;position:absolute;top:0;left:201px;margin:10px 10px 20px 10px;}
.listbox ul li{width:280px;height:300px;background:#f9f9f9;border:1px solid #e5e5e5;border-radius:10px;margin:10px;float:left;}
.listbox ul li:hover{box-shadow:1px 2px 8px #dcdcdc;}
.tplimg{width:280px;height:195px;cursor:pointer;border-radius:10px 10px 0 0 ;object-fit: cover;}
.tplinfo_left{width:175px;height:103px;padding:10px 0 0 20px;float:left;box-sizing : border-box;}
.tplinfo_right{width:103px;height:103px;padding:10px 0 0 0;text-align:center;float:left;box-sizing:border-box;}
.tplname{height:40px;margin-bottom:5px;font-size:16px;font-weight:bold;color:#656565;}
.downbtn{width:70px;height:28px;outline:none;border:none;margin:15px auto 0;line-height:28px;text-align:center;font-weight: bold;cursor:pointer;background:#ffac00;color:#fff;border-radius: 70px;}
.listbox ul li p{color:#989898;font-size:12px;}

.detailsbox{width:1030px;height:100%;margin:0 auto;position:relative;}
.details_left{width:750px;height:auto;float:left;}
.details_right{width:248px;height:250px;line-height:25px;position:absolute;right:0;top:55px;padding:10px 0 0 0;float:left;border:1px solid #dfdfdf;box-sizing:border-box;}
.details_right p{margin-top:20px;border-top:1px solid #f3f3f3;padding:10px 20px;font-size:12px;}
.detailstitlebox{width:100%;height:55px;line-height:55px;margin:0 0 10px 0;border-bottom:1px solid #dfdfdf;}
.detailstplname{width:auto;max-width:500px;font-size:22px;color:#656565;float:left;}
.detailstitleinfo{width:auto;float:right;}
.detailstitleinfo span{display:inline-block;margin:0 0 0 30px;color:#989898;font-size:12px;}
.detailsimg{width:750px;object-fit: contain;}
.detailsbtn{width:200px;height:36px;line-height:36px;text-align: center;font-size:14px;font-weight: bold;margin:10px 0 0 20px;cursor:pointer;outline: none;border:none;border-radius: 100px;}
.back{background:#dfdfdf;color:#000;}
.down{background:#ffac00;color:#fff;}
.close{background:#008aff;color:#fff;margin:0;}
.linkweb{background:#FF3D00;color:#fff;margin:0;}
.downbtn:hover,.detailsbtn:hover{opacity: 0.9;}
.downbtn:active,.detailsbtn:active{opacity: 0.7;}

.popbj{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;display: none;}
.popmian{width:500px;height:auto;margin:15% auto;border-radius:10px;background:#fff;padding:40px 20px;font-size:18px;text-align: center;line-height:35px;}
 p.tips{margin-bottom:50px;}
 .popmian > p{line-height: 25px;}
 
 .iconbox{width:80%;margin:20px auto;padding:20px 0 0 0;position:relative;border-top:1px solid #dcdcdc;}
 .iconbox img{position:absolute;bottom:-13px;left:130px;}
 .iconbox p b{padding-left:55px;}