@charset "utf-8";*{margin:0;padding:0}
body{position:relative;margin:0 auto;width:100%;max-width:700px;
background-image: url("data:image/svg+xml,%3Csvg width='260' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='0' y='120' font-size='22' fill='%23cccccc' fill-opacity='0.4' transform='rotate(-20)'%3E技术QQ：371894435%3C/text%3E%3C/svg%3E");

color:#333;font:9pt/1.5 Helvetica,Tahoma,Arial,Microsoft YaHei}
button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}
h1{display:inline-block;font-weight:400}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
em,i{font-style:normal}
img{border:0;vertical-align:middle}
a{color:#333;text-decoration:none}
.fl{float:left}
.fr{float:right}
.clearfix{zoom:1}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;line-height:0}
.mt{margin-top:10px}
.mt30{margin-top:30px}
.pd10{padding:10px}
.h1{font-size:22px}
.layout{background:#fff}
.layout-hd{padding:10px 15px;height:30px;line-height:30px}
.layout-hd h2{float:left;font-weight:700;font-size:1pc}
.location{overflow:hidden;height:22px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:22px}
.gobacktop{position:fixed;right:10px;bottom:99pt;z-index:900;display:none;overflow:hidden;width:50px;height:50px;background:rgba(15,15,15,.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGQ0IxOEJCOUYyMTExRTZBMDNGREFDQUE5Mzc2MDVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGQ0IxOEJDOUYyMTExRTZBMDNGREFDQUE5Mzc2MDVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REZDQjE4Qjk5RjIxMTFFNkEwM0ZEQUNBQTkzNzYwNUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REZDQjE4QkE5RjIxMTFFNkEwM0ZEQUNBQTkzNzYwNUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4pQeOmAAABj0lEQVR42uzXzytEURQH8DeDRERRLFjYsGBFhlIUiUxRlPwDsqHYsGPJjiU7diyIHStWrChjGomQ5MesbETC9T3TuTnya+bOe01yb3027513vt9e06vxKaWcVB6/k+JjC9gCf7pAAPYhBHXGW+g7YKAadtX72YMak10m4bUQUp8PXQt4XaAewiL0gOkT5hlPCjRARITtQBVUwra4fsizrhZohCMRsgUV4n45bIr7NNvkVoFmOBbLN6Dsizm6ti7mTqAl2QKtcCqWrkHpD/MlsCrmz3iHUYE2OBfLlqA4jjdWBIviOdrRnmiBDrgQSxagMIEfbAHMi+dpVzDeAp1wyQ++whzkG3wv8mAWXngX7ez6rUA3XPEDzzADuYZfS5ID07yLzjX0fFegF2548AmmIDuJcC0LJnknnVvO+lCgD6I88AgTkOlCuEa7xuGBM6KcGSvQL8LvYQwyXAzX0mGUM3SJAYdfCZ07GII0D8I12j3IWbESdHGZ24yA38NwjTKGOXPFZ/8X2AK2wL8v8CbAAB03dA2Jzi7AAAAAAElFTkSuQmCC) no-repeat center center;text-indent:-9999px;cursor:pointer}
.footer{padding:15px 0;width:100%;background:#0f0f0f;text-align:center;line-height:20px}
.footer,.footer a{color:#d1d1d1}
.footer-tips{background:rgba(15,15,15,.9);color:#fff;font-size:14px;font-family:Microsoft YaHei}
.footer-tips span{margin:0 5px;padding:5px 10px;border-radius:5px;background:#ffc500;color:#202020}
.auto{width:100%}
.header{width:100%;background:#0f0f0f}
.header .bd{position:relative;margin:0 auto;padding:0 1%;height:60px;text-align:center}
.logo{display:inline-block;color:#fff;font-size:2pc;line-height:60px}
.logo:hover{color:#fff;text-decoration:none}
.back{position:absolute;left:0;width:50px;font-size:38px;line-height:60px}
.page{text-align:center}
.pagination{display:inline-block;overflow:auto;zoom:1}
.pagination li{float:left;margin-right:10px;width:47px;height:40px;background-color:#fff;list-style:none;text-align:center;line-height:40px}
.pagination li:last-child{margin-right:0}
.pagination li.disabled{color:#c1c1c1}
.pagination li a{display:block}
.pagination li{display:none}
.pagination li a:hover{background-color:#0078dc;color:#fff}
.pagination li:first-child,.pagination li:last-child{display:block;width:80px}
.toplist{display:block;overflow:hidden;padding:5px 10px}
.toplist li{float:left;width:25%;height:100px;text-align:center}
.icon-explain{display:inline-block;margin-top:10px}
.icon-explain div{position:relative;display:inline-block;margin-bottom:10px}
.icon-explain div img{display:inline-block;width:57.5px;height:57.5px;border-radius:10px}
.icon-explain p{overflow:hidden;margin-bottom:10px;padding:0 5px;height:15px;color:#333;line-height:15px}
.product{margin-top:10px;background:none}
.product .top{display:flex;padding:10px;border-bottom:1px solid #ececec;align-items:center}
.product .top .img{width:45px;height:45px;border-radius:5px}
.product .top .info{display:flex;margin-left:10px;flex-direction:column}
.product .top .info .name{color:#4b97ea;font-size:16px}
.product .top .info .tags{overflow:hidden;max-width:auto;color:#8e8a8a;text-overflow:ellipsis;white-space:wrap;font-size:14px}
.product .top .button{text-align:right;flex:1}
.product .top .button .href{white-space: nowrap;padding:5px 10px;width:80px;border-radius:5px;background:#4b97ea;color:#fff;text-align:center;font-size:18px}
.product .bottom{display:flex;height:70px;align-items:center}
.product .bottom .info-left,.product .bottom .info-right{color:#a1a1a1;text-align:center;font-size:14px;flex:1}
.product .bottom .info-left{border-right:1px solid #e6e6e6}
.product .bottom .info-left .amount{color:#f15a24;font-size:24px}
.product .bottom .info-right .p{display:flex}
.product .bottom .info-right .p .span{text-align:right;flex:1}
.product .bottom .info-right .p .text{margin-left:5px;color:#333;text-align:left;flex:1}
.more-product{padding:15px 0;border:1px solid #f1f1f1;text-align:center}
.more-product-a{display:inline-block;padding:5px 20px;border:1px solid #f1f1f1;color:#666}
.more-article{padding:15px 0;text-align:center}
.more-article-a{display:inline-block;padding:5px 30px;border:1px solid #f1f1f1;color:#666}
.top-tips{padding:10px;color:#666;font-size:14px}
.bg{display:flex;padding-left:10px;height:80px;background:#3487ef;align-items:center}
.bg .img{width:55px;height:55px;border-radius:50%}
.bg .info{padding-left:10px;color:#fff}
.bg .info .name{font-size:20px}
.bg .info .tags{font-size:16px}
.content .top{border-bottom:1px solid #e6e6e6}
.content .bottom,.content .top{display:flex;height:90px;text-align:center}
.content .bottom .div,.content .top .div{display:flex;flex:1;flex-direction:column;justify-content:center}
.content .bottom .div .p,.content .top .div .p{color:#a1a1a1;font-size:16px}
.content .bottom .div .p1,.content .top .div .p1{font-size:14px}
.golink{display:block;width:100%;height:50px;border-radius:0;background:#f15a24;color:#fff;text-align:center;font-size:22px;line-height:50px}
.details{padding:10px;color:#666;font-size:18px}
.weixin-tips{position:absolute;top:0;left:0;z-index:100;display:none;width:100%;height:100%;background:rgba(0,0,0,.8)}
.weixin-tips .p{padding:5% 3%}
.weixin-tips .img-tips{height:auto;max-width:100%}
.lanmu{padding:10px 15px;border-bottom:1px solid #e6e6e6}
.lanmu .p{padding-left:5px;height:18px;border-left:4px solid #6495ed;font-weight:400;font-size:16px;line-height:20px}
.article{margin-top:10px;background:#fff}
.article .title{padding:10px 10px 0;font-weight:400;font-size:18px}
.article .title a{color:#0152ab}
.article .info{display:flex;padding:10px 10px 0;font-size:12px;align-items:center}
.article .info .cate{padding:3px 5px;background:#d65456;color:#fff}
.article .info .time{margin-left:10px;color:#a7a7a7}
.article .text{padding:10px;height:70px;color:#6d6d6d}
.article .text .content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.post .p{padding:7px 15px;border-bottom:1px solid #e6e6e6}
.post .p .title{color:#0152ab;font-weight:400;font-size:18px}
.category{padding:0 5px}
.category .a{display:inline-block;padding:10px 5px;font-size:16px}
.category .cur{color:#0152ab}
.ios{display:flex;padding:10px;background:#f9f9f9;align-items:center}
.ios .ios-logo{width:45px;height:45px;border-radius:5px}
.ios .ios-info{display:flex;margin-left:10px;flex-direction:column}
.ios .ios-info .ios-title{color:#0f0f0f;font-weight:700;font-size:16px}
.ios .ios-info .ios-tips{overflow:hidden;max-width:180px;color:#8e8a8a;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.ios .ios-button{text-align:right;flex:1}
.ios .ios-button .ios-button-add{padding:5px 10px;width:80px;border-radius:15px;background:#f15a24;color:#fff;text-align:center;font-size:16px}
.ios-bottom{position:absolute;top:0;left:0;z-index:100;display:none;width:100%;height:calc(100vh)}
.ios-bottom-mask{width:100%;height:100%;background-color:#000;opacity:.5}
.ios-bottom-tips{position:absolute;bottom:0;left:0;margin:20px 5%;width:90%;height:35px}
.ios-bottom-text{position:absolute;z-index:2;display:flex;width:100%;height:100%;border-radius:5px;background:#fff;font-size:14px;align-items:center;justify-content:center}
.ios-bottom-arrow{position:absolute;bottom:-10px;left:50%;z-index:1;margin-left:-12.5px;width:25px;height:25px;border-radius:3px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.basebox{margin: 0 auto;margin-top:10px;width: 100%;background: none;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; margin-bottom: 6px;}
.star-box{margin: 0 auto;text-align: center;padding:20px 0 20px 0;}
.star-title{vertical-align: middle;color:#4b97ea;font-size: 18px;margin-bottom:10px;}
.star-box .star-title img{vertical-align:middle;width: 32px;height: 32px;border-radius: 5px;margin-right:5px;}
.star-ms{color:#888;text-align: center;font-size: 16px;}
.star-ms:before,.star-ms:after{content: "";width: 15%;border-top: 1px #F1F1F1 solid; display: inline-block;vertical-align: middle;}
.star-ms:before{margin-right: 15px;}
.star-ms:after{margin-left: 15px;}
.star-money{font-size: 24px; height: 34px;line-height: 32px;margin-top:10px;color:#f15a24;}
.star-bnt{ display: inline-block;background: #4b97ea;color: #fff;line-height:40px;margin: 10px 0 auto;border: 0;font-size: 16px;padding: 0 8px; border-radius: 5px;width:88%;}
.scrollDiv1{height:2.6rem;overflow:hidden; background: #FFF url(../images/ghost-inco.png) 0.4rem center no-repeat;background-size:1.6rem;margin-top:1rem;}
.scrollDiv1 li{ overflow:hidden;font-size:0.9rem;color: #333;padding:0 0.3rem 0 2rem;height:2.6rem;line-height:2.6rem;}
.scrollDiv1 li i{color: #e35805;}