@charset "gb2312";
/* ui7 1.1 */
 body{margin: 0; color: #333; font-family: "Microsoft Yahei", sans-serif; line-height: 1.6; background:#eaeaea; }
 ul, ol{margin: 0; padding-left: 0; list-style: none;}
 ul li, ol li{vertical-align: middle;}
 dl,  p{margin: 0;} dd{margin-left: 0;}
 h1, h2, h3, h4, h5, h6{margin: 0; font-weight: normal;}
 strong{ font-weight: bold; }
 em {font-style: italic;}
 img{ display: block; border: 0;}
 a, a:link, a:visited, a:active, a:hover{text-decoration:none;} a{color: #404040;}
 a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,.2);}
 select{-webkit-appearance: none; -moz-appearance: none;}
 input[type="submit"]{cursor:pointer;}
 input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"]{-webkit-tap-highlight-color:rgba(0,0,0,0);}
 input:focus, select:focus, textarea:focus, button:focus{outline: none;}
 input, textarea{padding: 0; font-size: .875rem; border-radius: 0; border: 0; resize: none;}
 textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*常用属性*/
.fa{margin: 0 auto;} .left{ float: left;} .right{float: right;}
.pf{position: fixed;} .pr{position: relative;} .pa{position: absolute;}
.db{display: block;} .dib{display: inline-block;} .di{ display: inline;}
.bsb{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tno{text-indent: -9999em;} .tl{text-align: left;} .tr{text-align: right;} .tc{text-align: center;}
.fwn{ font-weight: normal;} .fsn{font-style: normal;}
.oh1{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.oh2{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
/* ui7 非常用标签 */
 blockquote, q {quotes: none;}
 table {border-collapse: collapse;border-spacing: 0;}
 svg:not(:root) { overflow: hidden; }
 hr {display: block; margin: 2em 0; height: 0; border: 0;border-top: 1px solid #ccc;box-sizing: border-box;}
 small, .f-small{ font-size: 80%; }
 sub, sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup{ top: -.5em; } sub{ bottom: -.25em; }

.mt3{margin-top:3px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt12{margin-top:12px;}.mb3{margin-bottom:3px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb12{margin-bottom:12px;}
.pt3{padding-top:3px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt12{padding-top:12px;}.pb3{padding-bottom:3px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb12{padding-bottom:12px;}.hide{display:none;}
.acc:before,.acc:after{content:"";display:table;}.acc:after{clear:both;}.acc{zoom:1;}
/* header */
.header{display:block;width:100%;height:45px;position:fixed;top:0px;left:0px;z-index:21;}
.header .dom{height:45px;background-color:#FF558D;color:#fff;}
.header .dom a.logo{display:inline-block;width:78px;height:19px;background:url('../img/brand.png') no-repeat 0 0;background-size:78px 19px;text-indent:-9999px;position:absolute;left:15px;top:12px;}
.header form{ position:absolute; right:15px; left:110px; top:7px; padding:0 36px 0 10px;border-radius:3px;background-color:#fff; }
.header form .text{padding:10px 0;width: 100%; height:10px;line-height:10px;font-size:.75rem;color:#bbb;background-color:transparent}
.header form .submit{top:0;right:0;width:36px;height:36px;opacity:0;}
.header form .ico2search{position:absolute;top:.4375em;right:.75em;width:13px;height:13px;color:#bbb;border-radius:1rem;border:1px solid;font-size:16px;}
.header form .ico2search:before{position:absolute;right:-4px;bottom:-1px;display:block;content:" ";width:4px;height:4px;border-right:1px solid;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}

/* ways */
.ways{height:45px;line-height:45px;background:#fff;border-bottom:1px solid #ddd;font-size:14px;color:#999;padding-left:15px;position:relative;z-index:10;}
.ways a{float:left;color:#333;margin:0px;}
.ways a.drop{background:url('../img/more-ico2.png') no-repeat right 21px;background-size:7px auto;padding-right:12px;}
.ways i{float:left;font-style:normal;color:#ccc;margin:0px 10px;}
.ways b{float:left;font-weight:normal;color:#999;}
.ways .ways_drop{display:none;position:absolute;z-index:11;top:46px;left:0px;right:0px;background:#fff;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 2px 2px rgba(0,0,0,0.2);}
.ways .ways_drop ul{padding:2px 12px 12px;}
.ways .ways_drop ul li{display:block;border-bottom:1px #eee solid;}
.ways .ways_drop ul li a{display:block;float:none;background:url('../img/more-ico1.png') no-repeat 12px center;background-size:6px auto;padding-left:30px;}
/* page */
.page{padding:10px 12px;height:35px;background:#fff;border-bottom:1px #ddd solid;position:relative;z-index:1;}
.page a.prev,.page a.next{display:inline-block;width:25%;background:#ddd;border-radius:3px;text-align:center;line-height:35px;position:absolute;z-index:2;}
.page a.prev{left:12px;top:10px;}.page a.next{right:12px;top:10px;}
.page dl{margin:0px auto;width:40%;line-height:33px;border:1px #ddd solid;border-radius:3px;text-align:center;font-size:16px;color:#888;}
.page dl i,.page dl s,.page dl u{display:inline-block;line-height:33px;font-size:17px;font-style:normal;text-decoration:none;}
.page dl i{width:45%;color:#333;}
.page dl s{font-size:15px;position:relative;z-index:2;top:-2px;}
.page dl u{width:45%;}
/* notempty */
.notempty{padding:100px 0px;background:#fff;border-bottom:1px #ddd solid;text-align:center;}
.notempty img{width:40%;margin:0px auto;}
.notempty p{margin:5px auto 0px;color:#999;}
/*hot_soft*/
.hot_soft{background:#fff;}
.hot_soft .tit{border-bottom:1px #ddd solid;padding:10px 12px;}
.hot_soft .tit span{display:inline-block;line-height:110%;padding-left:10px;font-size:18px;}
.hot_soft ul{margin:0px;padding:0px;list-style:none;}
/*new_article*/
.new_article{background:#fff;}
.new_article .tit{border-bottom:1px #ddd solid;padding:10px 12px;}
.new_article .tit span{display:inline-block;line-height:110%;padding-left:10px;font-size:18px;}
.new_article ul{margin:0px;padding:0px;list-style:none;}
/* mi_more */
.mi_more{margin:0px;padding:12px 12px;list-style:none;}
.mi_more a{display:block;margin:0px auto;width:64%;height:27px;font-size:14px;line-height:26px;color:#0894ec;border:1px #0894ec solid;border-radius:3px;text-align:center;}
/* mi_soft */
.mi_soft{background:#fff;}
.mi_soft summary{height:43px;border-bottom:1px solid #e8e8e8;}
.mi_soft summary b{line-height:43px;font-size:16px;color:#3d4145;font-weight:normal;border-left:3px solid #0894ec;padding-left:10px;display:inline-block;}
.mi_soft summary a{float:right;line-height:43px;color:#999;padding-right:14px;font-size:14px;}
.mi_soft summary a i.more-ico{width:6px;height:10px;background-image:url('../img/more-ico.png');background-position:0 0;background-size:6px 10px;background-repeat:no-repeat;display:inline-block;margin-left:7px;}
.mi_soft ul{margin:0px;padding:20px 12px;list-style:none;}
.mi_soft ul li{float:left;width:25%;text-align:center;list-style:none;padding:0px;margin:0px;}
.mi_soft ul li img{width:60px;height:60px;margin:0px auto;}
.mi_soft ul li b{display:block;margin:5px auto 0px;width:80%;height:20px;font-size:14px;line-height:20px;overflow:hidden;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/* mi_news */
.mi_news{background:#fff;}
.mi_news .tit{border-bottom:1px #ddd solid;padding:10px 12px;}
.mi_news .tit span{display:inline-block;line-height:110%;padding-left:10px;font-size:18px;}
.mi_news ul{padding:8px 12px 10px;list-style-position:inside;font-size:14px;list-style:disc;}
.mi_news ul li{line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mi_news ul li a{color:#505050;font-size:15px;padding-left:9px;}
.mi_news ul li::before{content:"";width:3px;height:3px;border-radius:3px;display:inline-block;background-color:#505050;vertical-align:super;}
/* mi_news3 */
.mi_news3{float:left;width:33.33%;margin-top:15px;}
.mi_news3 a{display:block;padding-right:10px;text-align:center;}
.mi_news3 .icon{width:100%;height:80px;margin:auto;}
.mi_news3 h3{display:block;margin:5px auto 0px;font-size:14px;height:34px;line-height:17px;font-weight:normal;overflow:hidden;}
/* mi_soft */
.mi_soft{padding:0;background:#fff;border-bottom:1px dotted #dadada;}
.mi_soft a{display:block;padding:10px 12px 15px;position:relative;z-index:1;}
.mi_soft .icon{float:left;width:40px;height:40px;overflow:hidden;margin-right:12px;}
.mi_soft h3{margin:0px;font-size:16px;height:20px;line-height:20px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mi_soft h3 i{display:inline-block;margin-left:6px;padding:0px 5px;font-style:normal;font-size:12px;line-height:18px;color:#fff;border-radius:2px;position:relative;z-index:1;top:-2px;}
.mi_soft h3 i.hot{background:#f60;}
.mi_soft h3 i.recom{background:#f60;}
.mi_soft h3 i.head{background:#f60;}
.mi_soft small{display:block;height:20px;line-height:20px;font-size:12px;color:#666;overflow:hidden;}
.mi_soft small span{display:inline-block;padding:0px 5px;line-height:16px;color:#fa0;border:1px #ffb600 solid;border-radius:3px;}
.mi_soft button{position:absolute;z-index:2;top:18px;right:12px;padding:7px 12px;background:#0697da;color:#fff;font-size:14px;border:0px;border-radius:3px;}
/* mi_soft1 */
.mi_soft1{float:left;width:50%;margin-top:15px;}
.mi_soft1 a{display:block;padding:0px 10px 0px 28px;height:20px;position:relative;z-index:1;overflow:hidden;}
.mi_soft1 .icon{width:20px;height:20px;position:absolute;z-index:2px;left:0px;top:0px;}
.mi_soft1 h3{display:block;margin:0px;font-size:14px;height:20px;line-height:20px;font-weight:normal;overflow:hidden;}
/* mi_soft2 */
.mi_soft2{float:left;width:50%;margin-top:15px;}
.mi_soft2 a{display:block;padding:0px 10px 0px 50px;height:40px;position:relative;z-index:1;overflow:hidden;}
.mi_soft2 .icon{width:40px;height:40px;position:absolute;z-index:2px;left:0px;top:0px;}
.mi_soft2 h3{display:block;margin:0px;font-size:14px;height:20px;line-height:20px;font-weight:normal;overflow:hidden;}
.mi_soft2 small{display:block;font-size:12px;height:20px;line-height:20px;font-weight:normal;overflow:hidden;}
/* mi_soft4 */
.mi_soft4{float:left;width:25%;text-align:center;margin-top:10px;}
.mi_soft4 a{display:block;}
.mi_soft4 .icon{width:50px;height:50px;margin:0px auto;}
.mi_soft4 h3{margin:5px auto 0px;width:80%;font-size:13px;height:34px;line-height:17px;font-weight:normal;overflow:hidden;}




/**/
.menu-switch{ height:50px;line-height:50px;padding:0 35px 0 10px;border-bottom:1px solid #ddd;position:relative;background:#fff;}
.menu-switch .menu li{float:left; padding-right:23px; } 
.menu-switch .menu li a{display:block;text-align:center;position:relative;font-size:16px; padding:0px 3px; }
.menu-switch .menu li i.red-dot{ width:7px; height:7px; border-radius:7px; background:#e9271e; position:absolute; top:8px; right:-5px; }
.menu-switch .menu li a.active{color:#FF558D;}
.menu-switch .menu li a.active:after{display:block;content:" ";width:100%;height:2px;background-color:#FF558D;margin-top:-1px;}
.menu-switch .pull-right{position:absolute;width:57px;height:50px;top:0;right:0px;}
.menu-switch .pull-right a{display:block;width:57px;height:50px;text-align:center; background-image:url('../img/column.png'); background-position:0 0; background-repeat:no-repeat; background-size:57px 50px; }

.menu-switch .cate-box{position:fixed;top:44px;left:0;width:100%;z-index:2;background-color:rgba(255,255,255,.96);box-shadow:0 3px 5px rgba(0,0,0,.1);}
.menu-switch .cate-box > .group{display:table;width:100%;border-collapse:collapse;}
.menu-switch .cate-box > .group .row{display:table-row;}
.menu-switch .cate-box > .group .col{display:table-cell;width:25%;border:1px solid #e7e7e7;border-top:0;text-align:center;font-size:14px;}
.menu-switch .cate-box > .group a.active{color:#0697da}
/*  */
.activity{ width:100%; padding-top:3px; padding:0px 10px; background: #fff!important; box-sizing:border-box; }
.activity-txt{ margin-top: 0px; padding-top: 15px; display: block; overflow: hidden; padding-bottom: 17px; border-bottom:1px solid #d5d5d5; }
.activity-txt a { display: block; padding: 0 0 0 128px; font-size: 10px; }
.activity-thumb { height: 80px; float: left; margin-left: -127px; font-size: 0; line-height: 0; width: 115px; border-radius: 0; }
.activity-thumb img { width: 115px; border-radius: 2px; height: 80px; display: block; float: left; margin-bottom: -10px; position: relative; }
.activity-words{ height: 80px; vertical-align: top; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; font-size: 13px; line-height: 20px; overflow: hidden; color: #848484; }
.activity-words h1 { margin-top: -1px; overflow: hidden; font-size: 16px; height:48px; line-height: 24px; color: #4d4c4c; font-weight:normal; }
.activity-words em { display:block; font-size: 14px; color: #b1b1b1; font-style:normal; padding-top: 10px;  }
.load-alled{ display:block; width:100%; font-style:normal; height:30px; line-height:30px; text-align:center; color:#999; font-size:15px; overflow: hidden; }
/* */
.must-app{ margin-top:10px; background:#fff; }
.must-app summary{ height:45px; border-bottom:1px solid #e8e8e8; }
.must-app summary strong{ height:45px; line-height:45px; float:left; font-size:16px; color:#3d4145; font-weight:normal;  padding-left:12px; }
.must-app summary a{ float:right; height:45px; line-height:45px; color:#999; padding-right:14px; font-size:14px; }
.must-app summary a i.more-ico{ width:6px; height:10px; background-image:url('../img/more-ico.png'); background-position:0 0; background-size:6px 10px; background-repeat:no-repeat; display:inline-block; margin-left:7px; }
.must-app .list { padding:15px 0px 13px 0px; overflow:hidden; }
.must-app .list li { float: left; width:25%; }
.must-app .list li a { display: block; margin: 0 auto; font-size: 14px; color:#404040; text-align: center; }
.must-app .list li a img { display: block; border-radius: 8px; margin: 0 auto; margin-bottom: 4px; border-radius:12px; }

/**/
.must-app li.entry { width:100%; height:60px; background-color:#fff; position: relative; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; }
.must-app li.entry a.app{display: block; padding: 0px 10px 0px 80px;  text-align:left; }
.must-app li.entry a.app img{display: block; float: left; margin-left: -70px; width: 60px; height: 60px; border-radius: 8px; }
.must-app li.entry a.app p{ height:auto; line-height:20px; border-bottom:none; font-size:12px; color:#808080; }
.must-app li.entry a.app p.title{font-size: 16px; line-height: 22px; height: 22px; overflow: hidden; padding-right: 65px; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.must-app li.entry a.app p.row{font-size: 11px; color:#808080; }
.must-app li.entry a.app p.row i.cloumn{ font-style:normal; height:16px; line-height:16px; background:#ffb600; color:#fff; padding:0px 7px; font-size:11px; border-radius:2px; margin-right:4px; }
.must-app li.entry a.download{ position: absolute; top: 50%; margin-top:-15px; right: 10px; display: block; width: 60px; height: 30px; line-height: 30px; border-radius: 2px; color: #FFF; font-size: 14px; text-align: center; background:#0697da; }
.find-more-btn{ display:block; width:104px; height:26px; line-height:26px; color:#0894ec; border:1px solid #0894ec; font-size:14px; padding:0px 24px; border-radius:3px; margin:0 auto; text-align:center; overflow: hidden; }

.special{ padding-right:10px; padding-bottom:18px; overflow:hidden; }
.special li{ float:left; width:50%; height:35px; line-height:35px; padding-left:10px; margin-top:10px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; }
.special li a{ float: left; display:block; width:100%; height:35px; line-height:35px; background:#f7f7f7; border-radius:6px; color:#112632; font-size:14px; }
.special li a:active{ background:#f0f0f0; }
.special li a img{ float: left; display:inline-block; width:23px; height:23px; border-radius:2px; margin:7px; }
.special li a i.arrow-i{ width:6px; height:11px;background-image:url('../img/more-ico1.png'); background-position:0 0; background-size:6px 11px; background-repeat:no-repeat; display:inline-block; margin-left:11px;  }
.links{padding:7px 0px 12px 0px;overflow:hidden;}
.links li{float:left;padding:0px 10px;}
.links li a{font-size:14px;color:#333;line-height:26px;}

.bottom{height:45px;line-height:45px;background:#FF558D;color:#0888d9;text-align:center;}
.bottom a{color:#fff;font-size:15px;margin:0px 5px;}

.pd44{padding-top:44px;}
/*电脑访问优化*/
@media only screen and (min-width:1024px){
html{position:relative;width:375px;margin:0 auto;background:#ccc;}
body{background:#eaeaea;}
}


.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}