@charset "utf-8";

*{margin:0;padding:0;box-sizing:border-box;font-family:"Arial";font-weight:normal}
body{color:#6F7479;}
:after,:before{box-sizing:inherit}
ul{list-style:none}
/*栅格，防塌陷*/
.col-sm-6{float:left;width:50%}
.AGrid-row{clear:both}
.AGrid-row:before,.AGrid-row:after{content:" ";display:table;line-height:0}
.AGrid-row:after{clear:both}
/*大盒子背景*/
.bg-white{background-color:#fff}
.developer-toolbag-block{max-width:1200px;text-align:center;padding:50px 0;clear:both;margin:0 auto}
/*标题*/
.titleBar{text-align:center}
.titleBar .caption{font-size:36px;color:#252b3a;letter-spacing:0;text-align:center;line-height:46px;margin-bottom:10px}
.descript{margin-bottom:40px;font-size:16px;color:#A0A2A8}
.center-layer{text-align:center;font-size:0}
/*列表*/
.tool-package>div{padding:0 10px}
.tool-package .tile{height:134px;transition:box-shadow .5s ease;padding:19px 24px 20px 25px;margin-top:20px;position:relative;border-radius:2px;border:1px solid #ddd}
/*鼠标悬浮列表上方渐变色*/
.tool-package 
.tile:before{content:"";position:absolute;display:inline-block;left:0;top:0;width:0;height:3px;background:rgba(21,0,255,0.10);background-repeat:no-repeat;background-image:linear-gradient(-252deg,rgba(1,78,204,0.80) 0%,rgba(1,182,201,0.50) 98%)}
.tool-package .tile:hover:before{width:100%}
.tool-package .tile:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.10)}
/*图标*/
.tool-package .center-layer>.layer-figure{width:48px;vertical-align:top;float:left}
/*文字*/
.tool-package .center-layer .layer-text{width:75%;float:left;padding:0 20px;text-align:center}
.tool-package .dev-list{font-size:18px;color:#252b3a;margin-bottom:4px;width:75%;float:left;text-align:left;padding-left:20px}
.tool-package .dev-text{font-size:12px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height:63px;line-height:21px;color:#A0A2A8;text-align:left}
/*立即体验按钮*/
.tool-package .layer-btn{width:87px;border:1px solid #3b516a;border-radius:1px;font-size:12px;color:#252b3a;display:inline-block;cursor:pointer;float:right;position:absolute;top:50px;right:34px;text-align:center}
.tool-package .layer-btn p{line-height:30px;height:30px}
.tool-package .layer-btn:hover{color:#f66f6a;border:1px solid #f66f6a;border-radius:1px}
/*一键购买按钮*/
.buy-now{font-size:18px;color:#ffffff;text-align:center;line-height:22px;padding:13px 40px;display:inline-block;margin:0 auto;background:#f66f6a;cursor:pointer;margin-top:40px;border-radius:2px}
.buy-now:hover{box-shadow:0 8px 16px 0 rgba(227,24,31,0.30)}


        html {
            font-family:"微软雅黑","Microsoft Yahei";
        }
        body{margin:0;padding:0;}
        .clear{overflow:hidden; clear:both; width:0px; height:0px; }
        .imgbox{width:640px; margin:0 auto; text-align:center; }
        ul{padding:0px; margin:0px;}
        ul li{float:left; list-style:none; }
        ul li.select{display:block;}
        .imgnum span{border-radius:2px; font:normal normal bold 12px/15px 微软雅黑; color:#FFF; margin-left:5px; padding:6px 11px 6px 11px;  background-color:#F90; cursor:pointer;}
        .imgnum span.onselect{background-color:#F00;}
        .imgnum{text-align:center; float:right; margin:-30px 30px; position:relative;}
        .divDown{margin:0 auto; text-align:center;}
        .main{margin:0 auto; text-align:center;width:960px;background: #EBEBEB;border: 1px solid #949494;}
        .mtop{margin:0 auto; text-align:center;background: #9c0d4b;height:2px}
        .mtop2{width:960px; margin:0 auto; text-align:center;background: #9c0d4b;color:#f595b0;font-size:18px;line-height:60px;}
          
         .banner_img li img{height:400px}
         .banner_img li{height:460px}
  
         a.d{display:block;text-decoration:none;width:180px; background:#048000;border: 0px solid #949494;color:#fff;padding:12px;font-size:24px; }
         a.d:hover{ background:#008FEE;border: 0px solid #949494;color:#fff; }

h1 { padding: 30px 0; font: 32px "Microsoft Yahei"; text-align: center;}
body { font-size: 14px;}
.dowebok-explain { margin-top: 20px; font-size: 14px; text-align: center; color: #f50;}

.pgwMenu a { padding: 0 30px;}

/* 自定义样式 */
.pgwMenuDiv {background: #de2776;margin:0 auto; height: 40px; position: relative; }
.pgwMenuCustom { background: #de2776;margin:0 auto;width:960px; height: 40px; position: relative; list-style: none }
.pgwMenuCustom ul { list-style: none; white-space: nowrap; margin: 0; padding: 0 }
.pgwMenuCustom .pm-links.mobile, .pgwMenuCustom .pm-viewMore>ul { background: #f1941c; box-shadow: 2px 2px 4px #777; position: absolute; left: 0; top: 100%; z-index: 1000 }
.pgwMenuCustom .pm-links.mobile li, .pgwMenuCustom .pm-viewMore>ul>li { display: block; clear: both; width: 175px }
.pgwMenuCustom li { float: left }
.pgwMenuCustom a { display: block; color: #fff; line-height: 40px; padding: 0 30px; text-decoration: none }
.pgwMenuCustom a.selected { background: #e93683 }
.pgwMenuCustom li a:hover { background: #e93683; text-decoration: none }
.pgwMenuCustom .pm-dropDown, .pgwMenuCustom .pm-viewMore, .pgwMenuCustom .pm-viewMore>ul { display: none }
.pgwMenuCustom .pm-dropDown a { display: inline-block; background: #e86f2e }
.pgwMenuCustom .pm-dropDown a.active, .pgwMenuCustom .pm-viewMore a.active { background: #e5601d }
.pgwMenuCustom .pm-dropDown span.icon, .pgwMenuCustom .pm-dropDown span.black { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px }
.pgwMenuCustom .pm-dropDown span.white { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px }
.pgwMenuCustom .pm-viewMore { display: none; position: relative }
.pgwMenuCustom .pm-viewMore>a { display: inline-block }
.pgwMenuCustom .pm-viewMore>ul { left: auto; right: 0 }
.pgwMenuCustom .pm-viewMore li { float: none }
.pgwMenuCustom .pm-viewMore span.icon, .pgwMenuCustom .pm-viewMore span.white { border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block }
.pgwMenuCustom .pm-viewMore span.black { border-color: #000 transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block }

.divDown{margin-top:40px;}
 .footnav { margin:0 auto;width:960px; height: 40px; position: relative; list-style: none ;border-top:solid 1px #ccc;}
 .footnav ul  {list-style: none; height: 40px; white-space: nowrap; margin: 0; width:800px; padding: 0 }
.footnav a { display: block; color: #6b6b6b; line-height: 40px; padding: 0 5px; text-decoration: none }