html {  font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {  margin: 0;text-align:left;font-size: 14px; background:#eaeaea;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1"}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover {  outline-width: 0; color: #41d490;}
.fix {
    *zoom: 1;
}
.fix:after {
    clear: both;
    display: table;
    content: '';
}
.f-fl, .f-lifl li, .f-dlfl dt, .f-dlfl dd, .fl ,.left{
    float: left;
    display: inline;
}
.f-fr , .fr, .right {
    float: right;
    display: inline;
}
.g-box-1200 {
    width: 1200px;
    height: auto;
    margin: auto;
    display: block;
}
.g-main-bg {
    /*background-color: #fff;*/
    box-shadow: 0px 1px 3px #ccc;
}
.m-margin15 {
    margin-top: 15px !important;
}
.margin_l_15 {
    margin-left: 15px;
}
.margin_r_15 {
    margin-right: 15px;
}
.margin_t_15 {
    margin-top: 15px;
}
.margin_b_15 {
    margin-bottom: 15px;
}
.ml20 {
    margin-left: 20px;
}
.padding_15{padding:15px;}

.g-nav {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #2a2a2a;
    background: #fff;
    padding: 0 20px;
}
.g-nav span {
    float: left;
    width: 20px;
    height: 20px;
    background: url(weizhinav.png);
    margin: 10px 5px 0 0;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.g-main dd.m-mainleft {
    width: 885px;
}
.g-main dd .m-leftdiv, .m-newsuldiv {
    background-color: #fff;
    box-shadow: 0px 0px 2px #cfcfcf;
    position: relative;
    overflow: hidden;
    margin: 0 0 15px;
}
.g-main dt.m-mainright {
    width: 300px;
}
.mb40 {
    margin-bottom: 40px;
}
/* ��ҳ */
.m-page { overflow: hidden; }
.m-page .tspage{ width:100%; height:70px; background:#fff; text-align:center; display:block; overflow:hidden}
.m-page .tspage a, .m-page .tspage span, .m-page .tspage b{ width:auto; height:25px; padding:5px 14px; line-height:25px; font-size:14px; font-weight:normal; color:#555; margin:10px 0 0 10px; display:inline-block; overflow:hidden; background-color: #eee; }
.m-page .tspage a:hover, .m-page .tspage span.cur, .m-page .tspage b{ background:#41d490; color:#fff;text-decoration: none }
.m-page .tspage a b{display:none !important}
.m-blphul {margin: 0 20px;padding-bottom: 8px }
.m-blphul li {border-bottom: 1px dashed #e4e4e4; padding:10px 0px;}
.m-blphul li a { display: block; height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; text-overflow: ellipsis;}
.m-blphul li a:hover{color:#41d490}
.m-blphul li .item-name{overflow: hidden; font-size: 14px; text-overflow: ellipsis; width:238px; float:left;height:32px; line-height:32px;}
.m-blphul li .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px;
    text-align: right;
    float: right;
}
.m-blphul li a em{ float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #c7c7c7;  color:#fff; font-size: 12px;margin:5px 5px 0 0 ; }
/*.m-blphul li.f-t3 a em {    background-color: #41d490;}*/
.m-blphul li.f-t3:nth-child(1) a em {  background-color: #ff3c3c; }
.m-blphul li.f-t3:nth-child(2) a em {  background-color: #f60; }
.m-blphul li.f-t3:nth-child(3) a em {  background-color: #ffc033; }


.m-tith4 {height: 24px;line-height: 24px;font-size: 18px;color: #333;text-indent: 15px;margin: 15px 0 0; margin-bottom:15px;}
.m-tith4 i {width: 5px;height: 24px;background: #41d490;float: left;}
.m-tith4 span{ float: right; font-weight: normal; font-size: 14px; margin-right:15px; display: block; height: 24px; line-height: 24px;  }
.m-tith4 span b{ color: red; font-size: 16px; padding: 0px 5px; }

/*路由器合集*/
.mod-tags {height:240px;}
.mod-tags>a {float:left;display:block;color:#726161;border-radius:2px;font-size:14px;width:33.3333%;overflow:hidden;}
.mod-tags>a>span {display:block;width:auto;line-height:25px;margin:4px;padding:3px 6px;text-align:center;background:#f5f6f7;border-radius:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
a.a-tag-1, a.a-tag-11 {color:#f44336;}
a.a-tag-2, a.a-tag-12 {color:#4caf50;}
a.a-tag-3, a.a-tag-13 {color:#0B0B0B;}
a.a-tag-4, a.a-tag-14 {color:#00bcd4;}
a.a-tag-5, a.a-tag-15 {color:#2196f3;}
a.a-tag-6, a.a-tag-16 {color:#e91e63;}
a.a-tag-7, a.a-tag-17 {color:#34495e;}
a.a-tag-8, a.a-tag-18 {color:#003366;}
a.a-tag-9, a.a-tag-19 {color:#B37333;}
a.a-tag-10, a.a-tag-20 {color:#CC0000;}
a.a-tag-1>span:hover, a.a-tag-11>span:hover {color:#fff;background:#f44336;}
a.a-tag-2>span:hover, a.a-tag-12>span:hover {color:#fff;background:#4caf50;}
a.a-tag-3>span:hover, a.a-tag-13>span:hover {color:#fff;background:#0B0B0B;}
a.a-tag-4>span:hover, a.a-tag-14>span:hover {color:#fff;background:#00bcd4;}
a.a-tag-5>span:hover, a.a-tag-15>span:hover {color:#fff;background:#2196f3;}
a.a-tag-6>span:hover, a.a-tag-16>span:hover {color:#fff;background:#e91e63;}
a.a-tag-7>span:hover, a.a-tag-17>span:hover {color:#fff;background:#34495e;}
a.a-tag-8>span:hover, a.a-tag-18>span:hover {color:#fff;background:#003366;}
a.a-tag-9>span:hover, a.a-tag-19>span:hover {color:#fff;background:#B37333;}
a.a-tag-10>span:hover, a.a-tag-20>span:hover {color:#fff;background:#CC0000;}

/*视频教程*/
.py_contain_video {flex-wrap:wrap;overflow:hidden;}
.py_contain_video .py_contain_video_container {width:344px;margin:24px 24px 16px 0;}
.py_contain_video .py_contain_video_container .py_video_pic {width:344px;height:194px;cursor:pointer;position:relative;border:1px solid #e6e6e6;}
.el-image {position:relative;display:inline-block;overflow:hidden;}
.py_contain_video .py_contain_video_container .py_video_pic .py_video_pic_play {width:48px;height:48px;position:absolute;left:147px;top:72px;}
.py_contain_video .py_contain_video_container .py_video_pic .py_video_pic_shadow {width:100%;height:40px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));position:absolute;left:0;bottom:0;}
.py_contain_video .py_contain_video_container .py_video_pic .py_video_pic_time {position:absolute;right:12px;bottom:10px;font-family:PingFangSC-Semibold;font-size:12px;color:#fff;letter-spacing:0;line-height:18px;text-shadow:0 0 4px rgba(0,0,0,.5);}
.py_contain_video .py_contain_video_container .py_video_title {margin-top:16px;font-family:PingFangSC-Semibold;font-size:16px;color:rgba(0,0,0,.8);letter-spacing:0;line-height:24px;cursor:pointer;}

a.a-tag-8>span:hover {color:#fff;background:#003366;}
a.a-tag-9>span:hover {color:#fff;background:#B37333;}
a.a-tag-10>span:hover {color:#fff;background:#CC0000;}

.container {max-width:1200px;margin:0 auto;}
.header {position:fixed;top:0;left:0;right:0;z-index:999;height:90px;line-height:90px;background:#0b2239; color:#fff;-webkit-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000);-moz-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000);-o-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000);transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000);box-shadow:0 0 3px rgb(0 0 0 / 8%);}
/*logo*/.logo {float:left;width:170px;overflow:hidden;}
.logo a {display:block;}
.logo a img {vertical-align:middle;}
/*navbar*/ul.navbar {margin-left:200px;}
ul.navbar>li {position:relative;float:left;}
ul.navbar>li>a {display:inline-block;font-size:15px;color:#fff;position:relative;padding:0 15px;}
ul.navbar>li.active>a{color: #fff;}
ul.navbar>li>a>i {display:inline-block;line-height:30px;font-size:20px;color:#fff;font-weight:400;margin-left:3px; margin-right:5px;}
/*ul.navbar>li:hover>a>i {transform:rotate(180deg);}*/
ul.navbar>li.nav-user>a>i {margin:0 5px 0 0;}
.header:hover>.container>ul.navbar>li.nav-user>a>i,.explain>.container>ul.navbar>li.nav-user>a>i,.inside>.container>ul.navbar>li.nav-user>a>i {color:#fff;}
ul.navbar>li>ul {position:absolute;right:50%;top:100%;width:140px;margin-right:-70px;z-index:99;padding:5px 0;white-space:nowrap;background-color:#fff;border-radius:3px;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,0.1);opacity:0;-webkit-transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);-moz-transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);-o-transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);-ms-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);transform:scale3d(0,0,0);}
ul.navbar>li>ul:before {content:"";height:10px;width:10px;background-color:#fff;border:1px solid #ddd;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);border-left:0;border-bottom:0;position:absolute;left:50%;top:-7px;margin-left:-7px;}
ul.navbar>li:hover>ul {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
ul.navbar>li>ul>li {line-height:38px;text-align:center;}
ul.navbar>li>ul>li:last-child {border-bottom:#9b9ea0;}
ul.navbar>li>ul>li>a {font-size:15px;color:#fff;padding:0 15px;}
/*search*/.m-nav,.m-search {display:none;}
ul.navbar>.nav-btn {float:right;height:100%;}
ul.navbar>.search {float:right;height:100%;}
ul.navbar .search i {margin-right:5px;vertical-align:2px; font-size:15px; margin-right:5px; line-height:20px;}
.sea-wrap {height:50px;line-height:50px;padding:10px 0;z-index:10;top:-100%;background:transparent;-webkit-transition:.3s;transition:.3s;}
.sea-mask {height:100%;z-index:9;top:-100%;background:rgba(49,59,67,.9);-webkit-transition:.3s;transition:.3s;}
.sea-wrap,.sea-mask {position:fixed;width:100%;left:0;}
.sea-wrap form {font-size:0;width:100%;text-align:center;}
.sea-wrap input[name="keyboard"] {width:60%;padding:0 20px;height:50px;line-height:50px;font-size:16px;background:#fff;color:#5c5c5c;border:1px solid #ddd;border-right:none;vertical-align:middle;outline:none;border-top-left-radius:3px;border-bottom-left-radius:3px;box-sizing:border-box;}
.sea-btn {width:80px;height:50px;line-height:50px;font-size:22px;color:#5c5c5c;background:#fff;vertical-align:middle;border:1px solid #ddd;outline:none;border-top-right-radius:3px;border-bottom-right-radius:3px;box-sizing:border-box;cursor:pointer;}
.sea-btn i {font-size:23px;}
.sea-mask-on {top:0;}
.sea-wrap-on {top:50%;margin-top:-35px;}
::-webkit-input-placeholder {color:#5c5c5c;font-size:15px;}
::-moz-placeholder {color:#5c5c5c;font-size:15px;}
::-ms-input-placeholder {color:#5c5c5c;font-size:15px;}
/*login*/ul.navbar>.nav-user {float:right;}
/*.header>.container>ul.navbar>li.search>a:hover,.header>.container>ul.navbar>li.nav-user>a:hover,.header>.container>ul.navbar>li.nav-btn>a:hover {color:#5c5c5c;}*/
.header>.container>ul.navbar>li.nav-login>a {color:#fff;}
ul.navbar>.user-logined>a>img {width:28px;height:28px;vertical-align:-8px;margin-right:10px;border-radius:50%;}
ul.navbar>li.search>a,ul.navbar>li.nav-btn>a,ul.navbar>li.nav-user>a {padding:0 10px;}
ul.navbar>li.nav-login>a {padding:0 20px;height:32px;line-height:32px;margin-left:10px;border-radius:4px;background-color:#fe5b34;background-image:-webkit-linear-gradient(left,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);background-image:linear-gradient(to right,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);}
ul.navbar>li.nav-btn>a i {margin:0 5px 0 0;}
ul.navbar li a:hover, ul.navbar li.current a {color:#fff; background:#41d490}
.crumbs {margin-top:90px;}
.wrap { width: 1200px;margin: 0 auto;}

/*猜你想搜*/
.art_sys_detail .soft_title .soft_title_fr .num {
    width: 96px;
    height: 24px;
    line-height: 24px;
    background: #fff6e0;
    display: block;
    border-radius: 15px;
    color: #ff6600;
    text-align: center;
    margin-top: 9px;
}
.art_sys_detail_item .sys_ad {
    width: 362px;
    margin-top: 16px;
    float: left;
}
.widget {
    margin-top: 2px;
    clear: both;
    position: relative;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    overflow: hidden;
}
.widget_ui_textasb {
    border: none;
    border-radius: 0;
    display: block !important;
}
.widget_ui_textasb a {
    display: block;
    padding: 0 15px 15px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    font-size: 12px;
    border-radius: 4px;
}
.widget_ui_textasb a.style04 {
    color: #41d490;
}
.widget_ui_textasb a strong {
    margin: -1px 0 0 0;
    display: inline-block;
    padding: 4px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}
.widget_ui_textasb a.style04 strong {
    background-color: #41d490;
}
.widget_ui_textasb a h2 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 14px;
}
.widget_ui_textasb a p {
    color: #999;
    margin: 0;
}
.widget_ui_textasb a.style04:hover {
    border-color: #41d490;
}
.art_course_page {
    padding: 0 30px;
    margin-bottom: 10px;
}
.art_course_page p {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background: #f5f5f5;
    margin-bottom: 21px;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.art_course_page p:hover, .art_course_page p:hover a {
    background: #41d490;
    color: #ffffff;
}
.tags.sort {
    width: 785px;
    overflow: hidden;
    padding: 20px;
    background: #fff;
    padding-top: 0px;
}
.tags.sort a {
    float: left;
    display: block;
    height: 38px;
    width: 138px;
    line-height: 38px;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    color: #555;
    margin: 10px 20px 10px 0;
    border: 1px solid #eee;
}
.tags.sort a:nth-child(5n) {
    margin-right: 0px;
}
.tags.sort .cur, .tags.sort a:hover {
    color: #fff;
    background: #41d490;
    border-color: #fff;
}

/*热门推荐NAVBAR*/
.sub-navbar {
    font-size: 0;
    border-style: solid;
    border-color: #f1f1f1;
    border-width: 1px 0 1px 0;
    margin-bottom: 20px;
    background: #fff;
}

.sub-navbar .sub-navbar-inner {
    padding: 8px 0;
}

.sub-navbar .sub-nav-item {
    font-size: 14px;
    display: inline-block;
    padding: 0 25px;
    text-align: center;
    line-height: 34px;
}

.sub-navbar .sub-nav-item:first-child {
    margin-left: 22px;
}

.sub-navbar .sub-nav-item.cur {
    color: #358ff0;
}

.sub-navbar .links {
    margin-left: 140px;
    margin-right: -25px;
    color: #666;
}

.sub-navbar .links .sub-nav-item:first-child {
    margin-left: 0;
}

.sub-navbar .title {
    float: left;
}

.sub-navbar .title .ico {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url(sp_1.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.sub-navbar .title .ico.ico-1 {
    background-position: -86px -256px;
}

.sub-navbar .title .ico.ico-2 {
    background-position: -130px -256px;
}

.sub-navbar .title .ico.ico-3 {
    background-position: -86px -292px;
}

.sub-navbar .title .ico.ico-4 {
    background-position: -130px -292px;
}

.sub-navbar .title .ico.ico-5 {
    background-position: -87px -329px;
}

.sub-navbar .title .txt {
    font-size: 18px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 25px;
}

.sub-navbar .title .u-b {
    width: 2px;
    height: 18px;
    vertical-align: middle;
    background: #e4e4e4;
}
.sub-navbar .title .ico.ico-2 {
    background-position: -130px -256px;
}
.sub-navbar .title .ico {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url(sp_1.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}
.g-tags{background:#41d490; color:#fff; padding:20px; width:1160px; margin-bottom:20px;}
.g-tags h2{margin:10px auto}
.g-tags .title{text-align:center; margin:10px auto; font-size:40px; font-weight:normal; padding:30px 0}

.w3-green, .w3-hover-green:hover {
    color: #fff!important;
    background-color: #609F5C!important;
}
.w3-margin {
    margin: 16px!important;
    height: 44px;
}
.w3-center {
    text-align: center!important;
}
.w3-left {
    float: left!important;
}
.w3-round, .w3-round-medium {
    border-radius: 4px;
}
.w3-blue, .w3-hover-blue:hover {
    color: #fff!important;
    background-color: #4A5FAB!important;
}
.w3-right {
    float: right!important;
}
.w3-round, .w3-round-medium {
    border-radius: 4px;
}

.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.g-new-footcont .flist{margin:0 auto; text-align:center}
.g-new-footcont a{color: hsla(0,0%,100%,.3); text-align:center;font-size:14px; margin-top:10px; height: 30px; line-height: 30px; margin:0 10px}
.g-new-footcont span{color: hsla(0,0%,100%,.3); margin:0 10px;}


/*地图*/
.m-new-cont h3{line-height:80px;height:80px;font-size:24px;font-weight:bold;margin-left:20px;border-bottom:1px solid #eaeaea;margin:30px 20px 0 20px}
#about_text {  margin: 20px;  font-size: 14px;  line-height: 25px;  text-align: left;padding-bottom:20px;  }
#about_text a img{ border-top-style: none;  border-bottom-style: none;  border-left-style: none; vertical-align:bottom }
#about_text p {  padding-top: 20px;  text-indent: 50px;  }
#about_text h2 {  font-size: 14px;  color: #F60;  text-align: left;  margin: 0px;  padding:10px 0;  border-bottom-width: 1px;  border-bottom-style: solid;  border-bottom-color: #CCC;  clear: both;   color:#555;}
#about_text h2 a{color:#555;}
#about_text ul li {  list-style-type: none;  line-height: 25px;  float: left;  width: 140px;  height: 30px;  margin: 5px;  text-align: center;  }
#about_text  ul li a {  text-decoration: underline;  color:#555; }
#about_text  ul li a:hover {color:#f40;}
#about_text ul {  margin: 0px;  padding: 0px;  }
#about_text ul.about_link_ul2 li{ height:25px;line-height:25px;width:auto ;color:#555;display:block;zoom:1;float:none;text-align:left}