html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0;  padding: 0;  font-size: 100%;  vertical-align: baseline;  border: 0;  outline: 0;  background: transparent;  }
p{ margin: 0;  padding: 0;  font-size: 100%;  vertical-align: baseline;  border: 0;  outline: 0;}
ol, ul {  list-style: none;  }
blockquote, q {  quotes: none;  }
em, i {font-style: normal;font-weight: normal;}
:focus {  outline: 0;  }
table {  border-collapse: collapse;  border-spacing: 0;  }
a{ text-decoration: none;color: #666;}
a:link, a:visited {text-decoration: none;}
body{  min-width: 1200px; background:#f7f8fa;}
body,input,textarea{font: 14px '\5FAE\8F6F\96C5\9ED1';}
.wrap{ width: 1200px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.ovf{ overflow: hidden;}
.clearfix{ clear: both;}
.clearfix:after{ content:""; display:block; height:0; clear:both; }
.bgW{ background-color: #fff;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mb20{ margin-bottom: 20px;}
.mr10{ margin-right: 10px;}
.pad20{ padding: 20px;}
.pad30{ padding: 30px;}
.w820{ width: 820px;}
.w290{ width: 290px;}
.w800{ width: 800px;}
.w350{ width: 350px;}
.w790{ width: 790px;}
.w300{ width: 300px;}
.ptop10{ padding-top:10px;}
.hide{display: none;}
.indNav {width:1200px;margin:15px auto;border:1px solid #eeeeee;}
.selected {height:122px;padding:17px 33px;background:url(../images/selected.png) no-repeat top left;background-color:#ffffff;font-size:0;box-sizing:border-box;}
.selected li {display:inline-block;width:10%;text-align:center;}
.selected li .seIcon {width:54px;height:54px;display:inline-block;}
.selected li .seName {margin-top:14px;font-size:16px;color:#858585;overflow: hidden;height: 21px;white-space: nowrap;text-overflow: ellipsis;}
.indNavWrap {border-top:1px solid #efefef;background-color:#ffffff;height:106px;padding:12px 23px;box-sizing:border-box;}
.indNavWrap {height:auto;padding:10px 23px 8px;}
.indNavWrap li {text-align:left;}
.indNavWrap a {display:inline-block;border-right:1px solid #d9d9d9;padding:0 15px;color:#343434;font-size:16px;line-height:16px !important;}
.article-share {color: #333;line-height: 25px;}
/*header*/
.p-nav{ background: #0b96f5;}
.header{background:#fff;}
.header .top{ background: #fff; height: 37px; line-height: 37px; border-bottom: 1px solid #dddee1; font-size: 12px; color: #808080;}
.header .top .fr{ color: #d9d9d9; font-size: 13px;}
.header .top a{ color: #808080; font-size: 12px; padding: 0 5px;}
.header .top a:hover{ color: #252629;  text-decoration: underline;}
.header .middle{ padding: 20px 0; margin-top: 1px;}
.header .logo{ height: 71px; margin-top: 3px;}
.header .search-con{ width: 485px; margin-top: -14px;}
#dropdown{ width:80px; margin:23px 5px 0 -1px; position:relative;}
#dropdown p{width:61px; height:36px; line-height:36px; padding-left:4px; padding-right:18px;
    border:1px solid #252629; border-right-color: #f0f1f3; text-indent:5px; color:#666; cursor:pointer; background:url(../images/xlbg.png) no-repeat 95% 50% #fafcff;}
#dropdown ul.xlul{width:83px; height:auto; background:#fff; margin-top:2px; border:1px solid #252629;
    position:absolute; display:none; z-index:9999; margin-top:-1px; padding:0 0 5px 0;}
#dropdown ul.xlul li{ width:83px; height:24px; line-height:24px; text-indent:10px; overflow:hidden; margin-top:0; }
#dropdown ul.xlul li a{display:block; height:24px; color:#666; text-decoration:none;}
#dropdown ul.xlul li a:hover{background:#c6dbfc; color:#666}
.search{ margin-top:35px; float:right; width:420px;}
.search .txt{ width:300px; height:40px; float:left; line-height:40px; font-size:14px; color:#999; text-indent:50px; border:none;}
.search .btn{ float:right; border:none; margin-left:-10px; width:100px;  height:42px; cursor: pointer; color:#fff; line-height:36px;}
body .search .hot{ font-family:\5FAE\8F6F\96C5\9ED1; width:400px; height:22px; float:right; font-size:12px; line-height:22px;margin-top:1px;}
.search .hot a{ color:#999; overflow:hidden; display:inline; zoom:1}
.search .hot a:hover{ color:#c00;}
.search .hot .h_tit{  color:#999; }
.ss_list p{color:#252629;font-size:12px;display:block;height:24px;line-height:24px;float:left;margin-right:4px;}
.ss_list{width:380px;height:24px;overflow:hidden;padding-top:4px;}
.ss_list ul li{float:left;margin-right:12px;height:24px;line-height:24px;}
.ss_list ul li a{color:#666;font-size:12px;}
.ss_list ul li a:hover{color:#252629;text-decoration:none}
.search{margin-top:23px;}
#default-searchbox{position:relative}
#bdcs-search-form-input{height:36px;line-height:36px; *margin-top: -1px;}
#bdcs-search-form-input.xunzhong{color:#000}
.bdcs-container .bdcs-search-form-submit { display: inline-block; cursor: pointer; border: 1px solid #0b96f5 ;  vertical-align: top; text-align: center; width: 80px; background-color: #0b96f5; color: #FFFFFF; font-size: 14px; line-height:28px ; height:38px;}
.bdcs-container .bdcs-search-form-submit:hover{ background: #3389fd;}
.bdcs-container .bdcs-search-form-submit:active{ background: #2176ff;}
.bdcs-container .bdcs-search{background:none;border-radius:0;border:0;}
.bdcs-container .bdcs-search-form-input { width: 339px; height: 28px;  line-height: 28px;  color: #999;  font-size: 14px; border:1px solid #0b96f5; display: inline-block; vertical-align: top; text-indent: 10px; margin-right: 0; padding: 0; margin-left: -1px;}
#bdcs-search-form{border:0px;height:38px; font-size: 0;}
.bdcs-container, #default-searchbox, #bdcs-search-inline{height:38px;}
.nav{ background: #0b96f5; height: 46px; line-height: 46px; margin-top: 20px; font-size: 0; text-align: center;}
.nav a{ width: 20%; color: #fafcff; font-size: 18px; float: left;}
.nav a.on,.nav a:hover{ background:#087ecf; color: #fff;}
.nav.nav2 a{ width: 14%;}

.bread-nav{ color: #666; padding: 15px 0 15px 0;}
.bread-nav a{ color: #666;}
.bread-nav a:hover{ color: #252629; text-decoration: underline;}

.tlt-com{ line-height: 6px; border-bottom: 1px solid #efefef; height: 24px;}
.tlt-com h2,.tlt-com h1{ font-size: 18px; color: #333;}
.tlt-com h2 a,.tlt-com h1 a{color: #333;}
.tlt-com h2:hover a,.tlt-com h1:hover a{ color: #0b96f5; }

.syDeReTitle {width: 100%;overflow: hidden;box-sizing: border-box;}
.syDeReTitle h2 {display: inline-block;height: 54px;line-height: 54px;position: relative;font-size: 20px;font-weight: bold;color: #358ff0;}
.syDeReTitle h2:before {float: left;margin-right: 13px;}
.syDeReTitle h2:before, .syDeReTitle h2:after {content: '';display: block;width: 5px;height: 27px;background: #358ff0;margin-top: 15px;}
.syDeReTitle h2 em {display: inline-block;vertical-align: middle;width: 33px;height: 54px;color: #FFFFFF;text-align: right;position: relative;top: -3px;}
.syDeReTitle h2 em b {display: block;width: 100%;height: 48px;transform: skewY(-10deg);background: #358ff0;position: absolute;left: 0;top: 50%;margin-top: -24px;}
.syDeReTitle h2 em big {display: block;width: 100%;height: 100%;text-align: right;position: relative;z-index: 1;top: -2px;font-size: 26px;font-weight: bold;}

#downurl,.rjjt{padding-bottom: 20px;}
.tlt-com .h{font-size: 20px;}
.tlt-com .h .blue {color: #0b96f5;}
.tlt-com .icon-cate, .part-2 .tlt h2{ float: left;}
.tlt-com .more{ color: #333; background: url("../images/icon_more.png") no-repeat right 6px; padding-right: 15px;}
.tlt-com .more:hover{ color: #ef0000; text-decoration: underline; background-position: right -27px;}
.tlt-com .tlt-lbl{ font-size: 0;}
.tlt-com .tlt-lbl label{ width: 40px; text-align: center; color: #999; float: left; font-size: 13px; cursor: pointer;}
.tlt-com .tlt-lbl label i{ display: inline-block; font-style: normal;}
.tlt-com .tlt-lbl label.on{ background: url("../images/rank_bg.png") no-repeat bottom center; padding-bottom: 4px;}
.tlt-com .tlt-lbl label.on i{ border-bottom: 2px solid #0b96f5; color: #0b96f5; display: block; padding-bottom: 6px; font-weight: bold;}
.softCate{margin-left: -20px;}
.softCate a{display: block;float: left;width: 81px;height: 32px;line-height: 32px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 8px;text-align: center;overflow: hidden;font-size: 14px;color: #666; margin: 15px 0 0 20px;}

/*footer*/
.footer{ background: #fff; text-align: center; padding: 20px 0; line-height: 36px; color: #666;margin-top: 15px;}
.footer-link a{color: #666;padding: 0 20px;display: inline-block;}
.footer .link-list a{ color: #666;}
.footer .bkt{ background: url("../images/icon_bk.png") no-repeat 0 0; width: 55px; height: 50px; position: fixed; left: 50%; margin-left: 620px; bottom: 150px; cursor: pointer; z-index: 999;}
.footer .bkt:hover{ background-position: 0 -50px; z-index: 1000;}

.pf{ background: url("../images/icon_start.png") repeat-x 0 -17px; width: 76px; height: 15px;}
.pf i{ background: url("../images/icon_start.png") repeat-x 0px -1px; height: 15px; display: block;}
.pf i.star1{ width: 20%;}
.pf i.star2{ width: 40%;}
.pf i.star3{ width: 60%;}
.pf i.star4{ width: 80%;}
.pf i.star5{ width: 100%;}

.h_soft_top{position:relative;margin-top: 15px;height: 120px; overflow: hidden;}
.h_soft_list{width: 1110px;margin: auto;overflow:hidden;}
.h_soft_top ul li{float:left;display:inline;height:120px;overflow:hidden;width:10%;text-align:center;flex-shrink: 0;}
.h_soft_top ul li img{width:80px;height:80px;border-radius:5px;}
.h_soft_top ul li span{display:block;height:20px;overflow:hidden;padding: 0 10px;}
.swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;}
.h_soft_top .prev, .h_soft_top .next{display:block;width:20px;height:38px;float:left;display:inline;overflow:hidden;cursor:pointer;background:#ccc url(../images/btn_rjfl.png) no-repeat 5px 10px;position:absolute;top:35px;}
.h_soft_top .prev{left:20px;}
.h_soft_top .next{float:right;background-position:-46px 10px;right:20px;}
.h_soft_top .prev:hover{background:#0b96f5 url(../images/btn_rjfl.png) no-repeat 5px 10px;}
.h_soft_top .next:hover{background:#0b96f5 url(../images/btn_rjfl.png) no-repeat -46px 10px;}
.h_soft_bot {margin:0 20px;padding-bottom:10px;border-top: 1px dashed #e2e2e2;padding-top: 10px;}
.h_soft_bot .row {width:100%;height:40px;}
.h_soft_bot .row:last-child {border-bottom:none}
.h_soft_bot .row .hd {width:60px;float:left;font-size:18px;font-weight:normal;position:relative;color:#333333;height:40px;line-height:40px}
.h_soft_bot .row .hd:before {content:'';display:inline-block;width:20px;height:20px;background:url(../images/icon_r.png) no-repeat 4px 4px;background-size:10px;position:absolute;right:0px;top:0;bottom:0;margin:auto}
.h_soft_bot .row .bd {width:1100px;line-height:40px;overflow:auto;overflow:hidden;float:left;height: 40px;overflow:hidden;white-space: nowrap;}
.h_soft_bot .row .bd a {font-size:14px;color:#444;padding:0 10px;transition:color .3s;position:relative}
.h_soft_bot .row .bd a:before {content:'';display:inline-block;width:1px;height:15px;position:absolute;right:0;top:0;bottom:0;margin:auto;background:#e5e5e5}
.h_soft_bot .row .bd a:last-child:before {display:none}
.h_soft_bot .row .bd a:hover {color:#ea6161}


.main_news_s1 {margin-top:10px;width:100%;height:144px;position:relative;overflow:hidden;}
.main_news_s1 li a {width:100%;height:100%;display:block;}
.main_news_s1 li p{width:100%;height:32px;line-height:32px;color:#fff;padding-left:5px; position: absolute; bottom: 0px;background: rgba(0,0,0,0.5);padding-right: 72px;box-sizing:border-box;}
.main_news_s1 li img {width:270px;height:144px;}
.main_news_s2 {width:290px;height:auto;overflow:hidden;}
.main_news_s2 ul li {float:left;width:270px;height:30px;line-height:30px;font-size:14px;margin-top:12px;overflow:hidden;background: url(../images/icon_zt_bg.png) no-repeat;background-size: 100%;}
.main_news_s2 ul li a {color:#666;padding-left:70px;width:240px;position:relative;display:inline-block;height:30px;line-height:30px;overflow:hidden;}
.main_news_s2 ul li:hover a{color:#25a9f5;}
.main_news_s2 ul li .lm {position:absolute;left:0px;top:0px;width:50px;height:30px;line-height:30px;margin-right:0px;text-align:center;color:#25a9f5;}
.main_news_s1.swiper-container .swiper-pagination{text-align: right;bottom: 6px;padding-right: 4px;box-sizing: border-box;}
.swiper-pagination span{width:10px;height:10px;border-radius:0px;background:#fff;opacity: 1;}
.swiper-pagination span.swiper-pagination-bullet-active{background:#009ff0;}
/*杞欢涓嬭浇*/
.soft-top{ width:1200px; padding-bottom:19px; overflow:hidden; position:relative;background: #fff;}
.soft-top .con-hd{ height:44px; line-height:44px; border-bottom:2px solid #ddd; padding-right:19px; position:relative}
.soft-top .con-tab{ float:left; margin-bottom:-2px; position:relative}
.soft-top .con-tab li{ float:left; height:46px; background:#fff; padding-right:4px; cursor:pointer}
.soft-top .con-tab li span{ display:block; height:44px; border-bottom:2px solid #ddd; font-size:18px; line-height:46px; font-weight:400; color:#666; padding:0 19px}
.soft-top .con-tab li.tab_2 span{ display:block; float:left; height:43px; line-height:44px; border-bottom:3px solid #0b96f5; font-size:20px; font-weight:700; color:#333}
.soft-top .con-bd .top-more{ position:absolute; top:12px; right:19px; font-size:14px; color:#888}
.soft-top .con-bd .top-more:hover{ color:#f3750f}
.soft-top .soft-list li{ padding:0 15px 0 24px; margin-top:21px}
.soft-top .soft-list li a{ height:129px; overflow:hidden}
.soft-top .soft-list li a:hover{ padding-left:0}
.soft-top .soft-list li a:hover .down-link{ display:block}
.soft-top .soft-list li a:hover .item-txt{ display:none}
.zdyz-list{ width:100%; padding-left:19px; margin-top:5px; overflow:hidden}
.zdyz-list li{ height: 43px;margin: 20px 34px 0 0;float: left;padding: 0 0 7px 60px;width: 302px;overflow: hidden;position: relative;}
.zdyz-list li .img{ position:absolute; left:0; top:0}
.zdyz-list li .img img{ display:block; width:50px; height:50px; border-radius:12px}
.zdyz-list li .tit{ font-size:15px; height:25px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;width: 230px}
.zdyz-list li .other{ font-size:12px; color:#999; margin-top:5px}
.zdyz-list li .other a{ color:#999}
.zdyz-list li .other a:hover{ color:#f3750f; text-decoration:underline}
.zdyz-list li .down-link{ position:absolute; top:10px; right:0; width:60px; height:30px; line-height:30px; text-align:center; color:#0b96f5; letter-spacing:1px; border:1px solid #0b96f5; overflow:hidden}
.zdyz-list li .down-link:hover{ background-color:#0b96f5; color:#fff}

.soft-fl{ width:1200px; /*overflow:hidden;*/ display: inline-block;}
.soft-fl .hd, .soft-fl .hd2{ width:1200px; height:40px; line-height:40px; border-bottom:3px solid #0b96f5}
.soft-fl .hd h3{ width:126px; float:left; font-size:18px; color:#fff; background-color:#0b96f5; text-align:center}
.soft-fl .hd2 h3{ padding:0 20px; float:left; font-size:18px; color:#fff; background-color:#0b96f5; text-align:center}
.soft-fl .more{ font-weight:400; margin-right:19px}
.soft-fl ul.fl-tab{ padding-left:32px; float:left; overflow:hidden}
.soft-fl ul.fl-tab li{ float:left; font-size:16px; color:#666; padding:0 10px; margin-right:18px; cursor:pointer}
.soft-fl ul.fl-tab li.tab_2{ color:#0b96f5; background:url(../images/tab_line.gif) no-repeat center 35px}
.soft-fl ul.fl-tab li:hover{ color:#0b96f5}
.soft-fl .bd{ width:102%}
.soft-fl .box{ float:left; padding:19px 0 19px 19px; width:569px; margin:20px 20px 0 0;background: #fff;}
.soft-fl .box:hover{ z-index:2; box-shadow:0px 7px 7px rgba(0,0,0,0.1);-moz-box-shadow:0px 7px 7px rgba(0,0,0,0.1);box-shadow:0px 7px 7px rgba(0,0,0,0.1);-webkit-transition: all 0.2s linear;transition: all 0.2s linear; border-color:#e0e0e0}
.soft-fl .box .tit{ height:22px; line-height:22px; border-left:4px solid #0b96f5; font-size:18px; font-weight:700; padding-left:10px;float: left;}
.soft-fl .box .fl-menu{ height:32px; margin-top:20px}
.soft-fl .box .fl-menu a{ display:inline-block; float:left; width:98px; height:32px; line-height:32px; text-align:center; background-color:#ececec; margin-right:15px; color:#565656; font-size:14px; overflow:hidden}
.soft-fl .box .fl-menu a.fl-more{ width:96px; height:30px; line-height:30px; background-color:#fff; border:1px solid #0b96f5; color:#0b96f5}
.soft-fl .box .fl-menu a:hover{ background-color:#0b96f5; color:#fff}
.soft-fl .box .dashed{ height:0; font-size:0; border-top:1px dashed #ddd; margin-top:38px; margin-right:19px}
.soft-fl .fl-zt{ margin:20px 19px 0 0; height:160px; overflow:hidden;}
.soft-fl .fl-zt a, .soft-fl .fl-zt a img{ display:block; width:265px; height:160px}
.soft-fl .fl-zt a{ overflow:hidden; position:relative}
.soft-fl .pc_top-more{    float: right;font-size: 14px;color: #888;margin-right: 18px}

.sf-list{ margin-top:-2px}
.sf-list li{ float:left; width:284px; margin-top:20px}
.sf-list li .img{ float:left; width:48px; margin-right:12px;overflow: hidden;}
.sf-list li .img img{ display:block; border-radius:6px}
.sf-list li .intro{ float:left; width:204px; overflow:hidden; position:relative}
.sf-list li .name{ font-size:14px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap}
.sf-list li .other{ font-size:12px; color:#999; margin-top:3px}
.sf-list li .down-link{ position:absolute; top:0; right:0; height:100%; background:#fff; padding-left:2px; box-shadow:-10px 0 10px #fff}
.sf-list li .down-link a{ display:none; width:56px; height:26px; line-height:26px; text-align:center; color:#f3750f; background:#fff; letter-spacing:1px; margin-top:10px; border:1px solid #0b96f5; overflow:hidden}
.sf-list li .down-link a:hover{ background-color:#0b96f5; color:#fff}
.sf-list li.hover .down-link a{ display:block}

.zjbb-wrapper .soft-fl .box{ width:1179px; overflow:hidden}
.zjbb-wrapper .sf-list li{ width:294px}
.zjbb-wrapper .sf-list li .intro{ width:208px}
.more{font-size:14px;color:#888;float:right;}

.cateTlt{ overflow: hidden;}
.cateTlt div:first-child{ margin-left: -27px;}
.cateTlt div{float: left; padding: 0 16px 0 27px; background: url("../images/lbl_bg.png") no-repeat left center;}
.cateTlt a{ cursor: pointer; color: #333; font-weight: bold; display: block; height: 29px; font-size: 16px;}
.cateTlt a i{ background: url("../images/icon_mini.png") no-repeat; width: 20px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.cateTlt div.on a{ color: #0b96f5; border-bottom: 2px solid #0b96f5;}
.cateTlt div i.icon-desktop{ background-position: 0 0;}
.cateTlt div.on i.icon-desktop{ background-position: 0 -28px;}
.cateTlt div i.icon-android{ background-position: -33px 0;}
.cateTlt div.on i.icon-android{ background-position: -33px -28px;}
.cateTlt div i.icon-apple{ background-position: -68px 0;}
.cateTlt div.on i.icon-apple{ background-position: -68px -28px;}
.cateTlt2{ height: 30px; line-height: 30px; border-bottom: 1px solid #efefef; overflow: visible; width: 112%;}
.cateTlt2 a{ font-size: 15px; height: 29px; padding: 0 16px;line-height:29px;}
.cateTlt5 div{float: left; padding: 0 16px 0 27px; background: url(../images/rbl_bg.png) no-repeat -4px 4px;}

.summary-tlt li{ margin-bottom: 25px;}
.summary-tlt{ text-align: center; margin-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #efefef;}
.summary-tlt .s-tlt{ font-size: 16px; color: #f00; font-weight: bold; margin-bottom: 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.summary-tlt p{ color: #808080; font-size: 12px; overflow: hidden;}
.summary-tlt p a{ color: #3ab605;}
.summary-tlt p span{ float: left; width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.summary-tlt a:hover{ text-decoration: underline;}

.necessary{ width: 102%;}
.necessary .pad20{ width: 354px; margin-right: 9px;}
.necessary .tlt-com h2{ font-size: 20px;}
.necessary .tlt-com h2 i{ background: url("../images/icon_mini.png") no-repeat; float: left; width: 25px; height: 25px; margin-right: 10px;}
.necessary .tlt-com h2 i.i-desktop{ background-position: 0 -56px;}
.necessary .tlt-com h2 i.i-android{ background-position: -33px -56px; margin-top: -3px;}
.necessary .tlt-com h2 i.i-apple{ background-position: -68px -56px; margin-top: -3px;}
.necessary ul{ padding: 0 5px; overflow: hidden;}
.necessary li{ float: left; overflow: hidden; width: 50%; margin-top: 20px;}
.necessary li a{ display: block;}
.necessary li .appInfo{ width: 100px;}
.necessary li .appImg{ width: 55px; height: 55px; margin-right: 10px;}
.necessary li .appImg img{ width: 55px; height: 55px; display: block;}
.necessary li .appName{ color: #333; margin: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 100%;}
.necessary li .appLbl{ color: #999; font-size: 12px; display: block; max-width: 100px;}
.necessary li .appName:hover{ color: #2371f3; text-decoration: underline;}

.cateTlt3{ font-size: 20px; font-weight: bold;}
.cateTlt3 h2{ float: left;; margin-right: 20px; cursor: pointer;}
.cateTlt3 h2 a{ color: #333; height: 29px; display: block;}
.cateTlt3 h2.on a{ color: #2371f3; border-bottom: 2px solid #2371f3;}
.rel div{ display: none;}
.rel div.show{ display: block;}
.rel a{ color: #666; margin-left: 30px;}
.rel a:hover{ color: #2371f3; text-decoration: underline;}

.ga .list-con>div{ display: none;}
.ga .list-con>div.show{ display: block;}
.ga .left ul{ overflow: hidden; width: 105%;}
.ga .left li{ float: left; margin-top: 20px; width: 70px; margin-right: 37px; text-align: center;}
.ga .left li a{ display: block;}
.ga .left li.spec{ width: 400px; height: 222px; position: relative; *zoom: 1; overflow: hidden; margin-right: 20px;}
.ga .left li.spec img{ width: 400px; height: 222px; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.ga .left li.spec:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.ga .left li.spec p{ position: absolute; bottom: 0; width: 100%; background: url("../images/banner_bg.png") repeat-x; height: 35px; line-height: 35px; left: 0;}
.ga .left li.spec p a{ color: #fff; text-align: center; margin: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ga .left li .appImg{ width: 70px; height: 70px;}
.ga .left li .appImg img{ width: 70px; height: 70px; display: block;}
.ga .left li .appName{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ga .left li .appName:hover{ color: #2371f3; text-decoration: underline;}

.ga .right,.dnrj .right{ margin-top: 20px; border-left: 1px solid #eee; padding-left: 20px;}
.tlt-rank h2{ font-size: 18px; color: #333;}
.tlt-rank h2 i{ background: url("../images/icon_mini.png") no-repeat -102px -56px; width: 19px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.xzph .dl-list li{ margin-top: 10px; *margin-top: 10px;}

.dnrj .list-con>div{ display: none}
.dnrj .list-con>div.show{ display: block}
.dnrj .left{ width: 810px; margin-top: -10px;}
.dnrj .left ul{ width: 110%;}
.dnrj .left li{ margin-top: 30px; float: left; margin-right: 20px;}
.dnrj .left li a{ display: block;}
.dnrj .left li img{ width: 55px; height: 55px; display: block;border-radius: 10px;overflow: hidden;}
.dnrj .left li .appInfo{ width: 125px; margin-left: 10px;}
.dnrj .left li .appName{ color: #333; margin: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dnrj .left li .appLbl{ color: #999; font-size: 13px; display: inline-block; max-width: 100%;}
.dnrj .left li .appName:hover{ color: #0b96f5; text-decoration: underline;}

.dnrj .right{ margin-top: 20px;}
.dnrj .right.xzph .dl-list li{ margin-top: 13px;}

.zxzt .list-con{ width: 110%;}
.zxzt ul{ overflow: hidden; width: 278px; float: left; margin-right: 16px;}
.zxzt li{ height: 65px; padding: 20px 5px; border-top: 1px dashed #eee; overflow: hidden;}
.zxzt li a{ display: block;}
.zxzt li.spec{ padding: 0; height: 167px; border-top: none; margin-top: 20px; position: relative; margin-bottom: -1px;}
.zxzt li.spec img{ width: 278px; height: 167px; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.zxzt li.spec:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.zxzt li.spec p{ background: url("../images/banner_bg.png") repeat-x; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px;}
.zxzt li.spec p a{ margin: 0 10px; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zxzt li .appInfo{ width: 193px; margin-left: 10px;}
.zxzt li .appImg{ width: 65px; height: 65px;}
.zxzt li .appImg img{ width: 65px; height: 65px; display: block;}
.zxzt li .appName{ color: #333; text-overflow: ellipsis; overflow: hidden; line-height: 20px; height: 40px;}
.zxzt li .appName:hover{ color: #2371f3; text-decoration: underline;}
.zxzt li .pf{ margin-top: 6px;}
.zxzt li .btn_dl{ color: #0b96f5; height: 26px; line-height: 26px; width: 70px; text-align: center;}
.zxzt li .btn_dl:hover{ background: #0b96f5; color: #fff;}

.zxzt .list-con>div{ display: none; overflow: hidden; margin-bottom: -20px;}
.zxzt .list-con>div.show{ display: block}

.sideNav{ position: fixed; width: 55px; left: 50%; margin-left: 620px; bottom: 200px; cursor: pointer; background: #fff; text-align: center; height: 255px; z-index: 999;}
.sideNav a{position: absolute; display: block; border: 1px solid #e3e7ef; width: 53px; height: 50px; line-height: 50px; font-size: 12px; font-weight: bold; color: #008bf7;}
.sideNav a:hover{ border-color: #93cfff; z-index: 2; color: #008bf7;}
.sideNav a.az{ top: 0;}
.sideNav a.ap{ top: 51px;}
.sideNav a.pc{ top: 102px;}
.sideNav a.ph{ top: 153px;}
.sideNav a.msg{ top: 204px;}
.sideNav a.msg i{ background: url("../images/icon_msg.png") no-repeat center; width: 53px; height: 50px; display: block;}
.sideNav img{ position: absolute; width: 166px; height: 190px; top: 87px; left: -170px; display: none;}

/**********roundabout**********/
.roundabout_box {height:311px;width:100%;}
.roundabout-holder{list-style:none;width:810px;height:311px;margin:0 200px;}
.roundabout-moveable-item{font-size:12px!important;height:311px;width:565px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{color:#999;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

.title {position:relative;height:37px;line-height:37px;color:#333;border-bottom:2px solid #f2f2f2;}
.title h3 {display:inline-block;font-size:16px;font-weight:normal;border-bottom:2px solid #25a9f5;*display:inline;*zoom:1;_position:relative;_top:2px;}
.title span {font-size:16px;width:70px;display:inline-block;text-align:center;cursor:pointer;padding: 0px 10px;}
.title span.show {border-bottom:2px solid #25a9f5;color:#25a9f5;}
.title a {display:inline;float:left;}
.title .tit_info {position:absolute;top:0;right:0;font-size:13px;color:#ccc;padding:0px;}
.title .tit_info a{ float: right;}
.title .tit_info .line {position:relative;top:-1px;display:inline;float:left;margin:0 10px;}
.title .tit_info i {position:relative;top:-1px;margin-left:5px;font-family:"SimSun";font-style:normal;}
.title_nav_list {position:absolute;right:-18px;bottom:0;font-size:13px;line-height:35px;}
.title_nav_list li {float:left;padding-right:10px;text-align:center;background:url(../images/tit_nav_line.png) right center no-repeat;}
.title_nav_list li a {width:80px;color:#333;}
.title_nav_list li a:hover {font-size:16px;color:#00c26e;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
.title_nav_list li.cur a {font-size:16px;color:#00c26e;}
.title_nav_list li.last {background:none;}
.main_box {margin-top:20px;*zoom:1;}
.main_box:before,.main_box:after {display:table;content:" ";}
.main_box:after {clear:both;}
.main_box_l {display:inline;float:left;width:870px;}
.main_box_r {display:inline;float:right;width:300px;background:#fff;padding:15px;box-sizing:border-box;padding-top:0px;}
.week_recommend {float:left;width:290px;}
.week_recommend .week_rec_tit h3 {padding-left:20px;font-size:16px;font-weight:normal;line-height:36px;color:#fff;background:#6bc8ff;}
.week_rec_item {position:relative;padding:20px 20px;margin-top:-1px;overflow:hidden;line-height:26px;background:#f7f7f7;border-top:1px solid #ededed;background:#fff;}
.week_rec_item img {float:left;overflow: hidden;}
.week_rec_item span {display:block;height:26px;margin-left:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;_white-space:normal;}
.week_rec_item .soft_info {font-size:13px;color:#999;}
.week_rec_item .download_btn {top:44px;left:90px;display:none;margin-left:0;*top:47px;}
.week_rec_item.week_rec_item_hover {background:#f0f0f0;}
.week_rec_item.week_rec_item_hover .soft_info {display:none;}
.week_rec_item.week_rec_item_hover .download_btn {display:block;}
.new_update_list {float:right;width:550px;background:#fff;padding:15px;box-sizing:border-box;padding-top:0px;height:420px;}
.main_update {padding:18px 0 15px;line-height:24px;text-align:center;border-bottom:1px solid #f2f2f2;}
.main_update h4 {font-size:18px;font-weight:normal;line-height:30px;}
.main_update h4 a {color:#028ad9;}
.main_update h4 a:hover {color:#006dad;}
.main_update h4 img {margin:-2px 0 0 2px;vertical-align:middle;}
.main_update a {margin:0 3px;}
.update_con_list {padding-top:10px;margin-bottom:-12px;}
.update_con_list .list_line {margin:6px 0;border-bottom:1px dashed #f0f0f0;}
.update_con_item {position:relative;height:32px;padding:0 10px;overflow:hidden;line-height:32px;}
.update_con_item .update_sort {display:none;display:inline;float:left;width:65px;margin-right:8px;overflow:hidden;font-size:13px;}
.update_con_item .update_sort a {color:#a8a8a8;}
.update_con_item .update_sort a:hover {color:#0b96f5;}
.update_con_item .soft_name {display:block;margin-right:40px;margin-left:106px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;_white-space:normal;}
.update_con_item .update_time {position:absolute;top:0;right:10px;font-size:13px;color:#bbb;}
.update_con_item img {float:left;margin-top:6px;vertical-align:middle;}
.special_rec_list {margin-top:2px;overflow:hidden;}
.special_rec_list a {display:block;width:240px;height:77px;margin-top:14px;overflow:hidden;}
.special_rec_list a img {vertical-align:top;}
.special_rec_list a:hover img {filter:alpha(opacity=90);opacity:.9;}
.star_wrap {display:inline-block;width:80px;height:14px;overflow:hidden;background:url(../images/star_bg.png) 0 -20px repeat-x;}
.star_wrap .star {display:inline-block;float:left;height:100%;overflow:hidden;background:url(../images/star_bg.png) 0 0 repeat-x;}
.editor_rec_list {margin-top:-5px;margin-left:-10px;*zoom:1;}
.editor_rec_list:before,.editor_rec_list:after {display:table;content:" ";}
.editor_rec_list:after {clear:both;}
.editor_rec_item {position:relative;display:inline;float:left;width:215px;height:54px;padding:13px 10px 15px 9px;margin-top:12px;margin-left:10px;overflow:hidden;border:1px solid #fff;}
.editor_rec_item img {float:left;margin-right:12px;vertical-align:top;}
.editor_rec_item .soft_name {display:block;height:32px;margin-left:68px;overflow:hidden;line-height:32px;text-overflow:ellipsis;white-space:nowrap;_white-space:normal;}
.editor_rec_item .download_btn {top:0;right:10px;height:100%;background:#fff;}
.editor_rec_item .download_btn a {margin-top:17px;}
.editor_rec_item .num {position:relative;top:-1px;font-size:13px;color:#999;}
.editor_rec_item.editor_rec_item_hover {border:1px solid #7fd0ff;}
.editor_rec_item.editor_rec_item_hover .num {display:none;}
.editor_rec_item.editor_rec_item_hover .download_btn {display:block;}
.tlt-h{ line-height: 44px; border-bottom: 1px solid #efefef; height: 44px;}
.tlt-h h2,.tlt-h h1{font-size: 20px;float: left; color: #444;margin-right: 35px;font-weight: 500;}
.tlt-h h2 a,.tlt-h h1 a{color: #333;}
.tlt-h h2:hover a,.tlt-h h1:hover a{ color: #0b96f5; }
.tlt-com .more{ color: #333; background: url("../images/icon_more.png") no-repeat right 6px; padding-right: 15px;}
.tlt-com .more:hover{ color: #ef0000; text-decoration: underline; background-position: right -27px;}
.tlt-h .list-lbl {margin-left:40px;}
.tlt-h .list-lbl h3 {padding:0 20px 0 26px;background:url("../images/lbl_bg.png") no-repeat -2px 15px;cursor:pointer;float:left;font-weight:normal;}
.tlt-h .list-lbl h3:first-child {padding-left:0;background:none;}
.tlt-h .list-lbl h3 a {display:block;color:#333;}
.tlt-h .list-lbl h3 span {display:block;height:43px;font-size: 16px;color:#333;}
.tlt-h .list-lbl h3.on span {border-bottom:2px solid #0b96f5;color:#0b96f5;}
.xzph .dl-list {width:100%;padding-top:4px;}
.xzph .dl-list ul {display:none;}
.xzph .dl-list ul.show {display:block;}
.xzph .dl-list li {margin-top:11px;*margin-top:7px;overflow:hidden;}
.xzph .dl-list .rank,.xcx .rank {width:20px;height:20px;color:#fff;text-align:center;line-height:20px;background:#c7c7c7;margin-right:9px;}
.xzph .dl-list .rank.rank1,.xcx .rank.rank1 {background:#f73333;}
.xzph .dl-list .rank.rank2,.xcx .rank.rank2 {background:#ff5722;}
.xzph .dl-list .rank.rank3,.xcx .rank.rank3 {background:#ff9800;}
.xzph .dl-list .desc,.xzph .dl-list .info {width:261px;overflow:hidden;}
.xzph .dl-list .desc {display:none;margin-top:10px;}
.xzph .dl-list li.on .desc {display:block;}
.xzph .dl-list .appName {font-size:13px;color:#333;line-height:20px;padding-left:3px;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;}
.xzph .dl-list li .appName:hover {color:#0b96f5;text-decoration:underline;}
.xzph .dl-list .appImg {width:58px;height:58px;margin-right:9px;}
.xzph .dl-list .appImg img {width:100%;height:100%;display:block;}
.xzph .dl-list .pf {margin:10px 0 12px 0;}
.xzph .dl-list .dlNum {color:#999;font-size:12px;}
.xzph .dl-list .btn-download {width:70px;height:26px;line-height:26px;text-align:center;background:#0b96f5;color:#fff;margin-top:8px;}
.xzph .dl-list .btn-download:hover {background:#0682ca;}
.xzph .dl-list .btn-download:active {background:#0682ca;}

.yqlj .list-con {width:101%;padding-top:10px;}
.yqlj .list-con a {color:#333;line-height:28px;display:inline-block;margin-right:12px;font-size:14px;}
.yqlj .list-con a:hover {color:#0b96f5;text-decoration:underline;}

.part-9 .list-lbl{ font-weight: bold; font-size: 16px; color: #000; line-height: 28px;}
.part-9 .list-con{ margin-bottom: -15px; *margin-bottom: 0;}
.part-9 .list-con div{ width: 100%;}
.part-9 .list-con a{ white-space: nowrap; text-align: center; color: #333; float: left; margin: 0 10px 15px 0; padding: 0 13px; height: 30px; line-height: 30px; border: 1px solid #eee;}
.part-9 .list-con a.on,.part-9 .list-con a:hover{ color: #fff; background: #0b96f5; border-color: #0b96f5;}

.part-10 .list-con{ width: 100%; display: none;}
.part-10 .list-con.show{ display: block;}
.part-10 .list-con ul{ width: 840px; overflow: hidden;}
.part-10 .list-con li{ width: 348px; height: 135px; border: 1px solid #f3f3f3;margin: 20px 20px 0px 5px; padding: 21px; float: left;}
.part-10 .list-con li:hover{ border-color: #eaeaea; -webkit-box-shadow: 0 0 8px #c0c0c0; -moz-box-shadow: 0 0 8px #c0c0c0; box-shadow: 0 0 8px #c0c0c0; }
.part-10 .list-con .appImg{ width: 84px; height: 84px;}
.part-10 .list-con .appImg img{ width: 100%; height: 100%; display: block;border-radius: 10px;}
.part-10 .list-con .detail{ width: 248px; height: 84px;}
.part-10 .list-con .detail .appName{ color: #333; font-size: 16px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; margin: 5px 0 8px 0; max-width: 100%;}
.part-10 .list-con li .detail .appName:hover{ color: #0b96f5; text-decoration: underline;}
.part-10 .list-con .detail div{ color: #d9d9d9; font-size: 12px;}
.part-10 .list-con .detail label.fl{ color: #333; margin-right: 10px;}
.part-10 .list-con .detail .pf{ margin-top: 1px;}
.part-10 .list-con .detail a,.part-10 .list-con .detail label{ color: #999;}
.part-10 .list-con .detail .row{ margin-bottom: 10px;}
.part-10 .list-con .detail .btn-download{ color: #0b96f5; width: 62px; height: 26px; text-align: center; line-height: 26px; cursor: pointer;border:1px solid #0b96f5;border-radius:4px;}

.part-10 .list-con li .detail .btn-download:hover{ color: #fff; background: #0b96f5;}
.part-10 .list-con li .detail .btn-download:active{ background: #16a400;}
.part-10 .list-con .appDesc{ color: #999; line-height: 21px; max-height: 42px; overflow: hidden; margin-top: 10px;}
.part-10 .tlt-com .tlt-lbl{ width: 90px;}
.part-10 .tlt-com .tlt-lbl label{ width: 45px; font-size: 15px;}

.rem-box {background:#fff;padding-bottom:10px;}
.rem-box .list {width:320px;display:inline-block;}
.rem-box .list .item {float:left;width:83px;margin-right:20px;margin-top:15px;}
.rem-box .list .item a {display:block;text-align:center;}
.rem-box .list .item a img {display:block;width:72px;height:72px;border-radius: 10px;overflow: hidden;margin:auto;}
.rem-box .list .item a .title {font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;height:20px;border-bottom: none;margin-top:6px;}

.paging{ font-size: 0; text-align: center; padding: 30px 0 10px 0;}
.paging a{ display: inline-block; font-size: 14px; border: 1px solid #e5e5e5; padding:0 10px; height: 28px; text-align: center; line-height: 28px; color: #666; margin-left: 7px;border-radius: 3px;}
.paging a.prev,.paging a.next{ width: 58px;}
.paging a.on,.paging a:hover{ color: #fff; background: #0b96f5; border-color: #0b96f5;}
.paging a.prev.disabled, .paging a.next.disabled{ color: #b2b2b2;}
.paging a.prev:hover, .paging a.next:hover{ background: #2383f3; color: #fff; border-color: #2383f3;}
.paging a.prev.disabled:hover, .paging a.next.disabled:hover{ background: transparent; color: #b2b2b2; border-color: #e5e5e5;}
.paging a.total{ width: 50px;}

.tjApp .app-info .appImg{ margin-right: 20px;}
.tjApp .app-info div.fl{ width: 450px;}
.tjApp .app-info img{ width: 85px; height: 85px; display: block;border-radius: 20px;}
.tjApp .app-info .appName{ color: #333; font-size: 20px; margin: 10px 0 15px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 450px;}
.tjApp .app-info .label{ color: #333; font-size: 14px;}
.tjApp .app-info .label a{ color: #0b96f5;line-height: 17px;margin-right: 10px; }
.tjApp .app-info .label a.a0{ color: #ff6600; }
.tjApp .app-info .label a.a1{ color: #328808; }
.tjApp .app-info .label a.a2{ color: #03a9f4; }
.tjApp .app-info .label a.a3{ color: #ff1919; }
.tjApp .app-info .label a.a4{ color: #369b0d; }
.tjApp .detaBox{ margin-top: 10px;}
.tjApp .detaBox .detaMain{ width: 500px;}
.tjApp .detaBox .detaMain p{ float: left;width: 30%;height: 20px;line-height: 20px;color: #666;overflow: hidden;white-space: nowrap; margin-top:10px;}
.tjApp .detaBox .detaMain p:nth-child(6){width: 40%;}
.tjApp .detaBox .detaMain p a{ color: #0b96f5;}
.tjApp .detaBox .downloadBtn a {width: 240px;height: 60px;text-align: center;line-height: 60px;color: #fff;background: #0b96f5;display: block;font-size: 20px;margin: 0px auto 0 auto;border-radius: 3px;}
.tjApp .detaBox .downloadBtn a.none-down{ background: #a5a2a2;}
.tjApp .detaBox .downloadBtn a b, .tjApp .detaBox .downloadBtn a i {font-weight: 400;display: block;font-style: normal;padding-top:10px;line-height: 20px;}
.tjApp .detaBox .downloadBtn a i{padding-top:5px;font-size:12px;}
.tjApp .app-info .article-share{ margin-top: 10px;}
.tjApp .app-info .article-share div.fl{width: auto;}
.tjApp .app-info .pf{ margin-right: 40px; margin-top: 2px;}
.tjApp .app-info label{ background: url("../images/app_lbl.png") no-repeat; padding-left: 22px; line-height: 17px; margin-right: 18px; color: #369b0d; font-size: 12px;}
.tjApp .app-info .app-lbl-2{ color: #ff6600; background-position: -85px 0; padding-left: 26px;}
.tjApp .app-desc{ margin-top: 20px; overflow: hidden;}
.tjApp .app-desc strong{ border-bottom: 1px dashed #d1d1d1;padding: 2px 0 5px 25px;margin: 10px;font-weight: 900 !important;color: #1ebd78;background: url("../images/bj_01.png") no-repeat 0 -631px;font-size: 16px; line-height:50px;}
.tjApp .app-desc p{ color: #333; line-height: 26px;}
.tjApp .article-other{ border-top: 1px solid #eee; padding-top: 10px; margin-bottom: -10px;}
.othdx{margin-bottom: 20px;text-align: right}
.othdx p span{ font-size: 14px;color: #333;margin-right: 20px;line-height: 30px;}
.othdx p span:nth-of-type(3){margin-right: 0;}
.othdx .icon{background: url(../images/icon.png) no-repeat;}
.othdx p span:nth-of-type(1) i{display: inline-block;width: 14px;height: 14px;background-position:-142px -7px;position: relative;top:2px;margin-right: 7px;}
.othdx p span:nth-of-type(2) i{display: inline-block;width: 14px;height: 13px;background-position:-170px -7px;position: relative;top:2px;margin-right: 7px;}
.othdx p span:nth-of-type(3) i{display: inline-block;width: 15px;height: 12px;background-position:-198px -7px;position: relative;top:2px;margin-right: 7px;}
.digg{margin-top:20px;text-align:right;}
.digg p{display:inline-block;cursor:pointer;}
.digg #dtop{padding-right:20px}
.digg p:hover{text-decoration:none}
.digg p a{width:30px;height:30px;margin-right:1px;background:url(../images/icon_dc.png) 0px 4px no-repeat;float:left;display:inline;overflow:hidden;}
.digg #ddown a{background-position:-38px 4px}
.digg #diggnum,.digg #diggdown{margin-top:5px;height:20px;float:left;display:inline;position:relative}
.digg #diggnum span,.digg #diggdown span{height:12px;margin-top:5px;}
.digg em{font-style:normal;margin-left:5px;font-size:12px;}
#top_1{background:#ff7673;float:left}
#down_1{background:#c5ced4;float:left}
#top_2{color:#ff7673}
#down_2{color:#c5ced4}
.contRight {width:270px;text-align: center;}

.downBtnBox .downbtn {float: right; width: 240px; height:55px; margin:auto; position: relative;z-index: 996; border-radius:10px;background:#0b96f5}
.downBtnBox .downbtn:hover { background: #108add; }
.downBtnBox .downbtn a {display: block; width:183px;height:55px;line-height: 55px;font-size: 20px;color:#fff;float:left; overflow: hidden;}
.downBtnBox .pcbtn a{width:240px;text-align: left;}
.downBtnBox .pcbtn a .icon{margin: 15px 10px 0 66px;}
.downBtnBox .downbtn a em{font-size:8px;float:left;margin: -28px 0 0 64px;font-style: normal;}
.downBtnBox .downbtn .icon {margin: 15px  0 0 27px; background: url(../images/icon_xz.png) no-repeat; float: left; overflow: hidden;}
.downBtnBox .downbtn .icon.az { background-position: -34px -7px; width: 26px; height: 24px; }
.downBtnBox .downbtn .icon.pg{ background-position: -4px -3px; width: 24px; height: 28px; margin-top: 13px; }
.downBtnBox .downbtn .icon.pc { background-position:-143px -8px; width: 25px; height: 20px; margin-top: 18px; }
.downBtnBox .downbtn.none a { cursor: default; }
.downBtnBox .ewm { width: 55px; float: right; height: 55px; cursor: pointer; overflow: hidden; }
.downBtnBox .downbtn .ewm { border-left: 1px solid #b4d3ef; }
.downBtnBox li.none .ewm{ border-left: 1px solid #98a0ac; cursor: default; }
.downBtnBox .ewm span {display: block; width: 25px; height: 25px; background: url(../images/icon_xz.png) no-repeat -103px -5px; margin: 15px auto 0; overflow: hidden; }
.downBtnBox .ewm_box {position: absolute; top: -22px; left: 243px; width: 165px; height: 175px; overflow: hidden; display: none; z-index: 996;background: #fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 30%); border-radius: 15px; }
.downBtnBox .ewm_box img { width: 122px; height: 122px; display: block; margin: 17px 0 7px 22px;
}
.downBtnBox .ewm_box span { font-size: 14px; color: #444;}
.downBtnBox .noDown{background:#c5c3c3}
.downBtnBox .noDown .ewm{border-left: 1px solid #e0e5e9;}

.tjApp .contLeft{width:548px;}
.tjApp .dataTop{overflow: hidden;}
.tjApp .dataTop img{ width: 84px; height: 84px; display: block;margin-right:20px;border-radius:20px;border: 1px solid #eee;}
.tjApp .dataTop .appName{ color: #333; font-size: 20px; margin: 10px 0 15px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 440px;}
.tjApp .dataTop .label{ color: #333; font-size: 14px;width: 430px;}
.tjApp .dataTop .label a{ color: #0797eb;line-height: 17px;margin-right: 10px; }
.tjApp .dataTop .label a.a0{ color: #ff6600; }
.tjApp .dataTop .label a.a1{ color: #328808; }
.tjApp .dataTop .label a.a2{ color: #03a9f4; }
.tjApp .dataTop .label a.a3{ color: #ff1919; }
.tjApp .dataTop .label a.a4{ color: #369b0d; }
.tjApp .detaBot{ width: 500px;margin-top: 10px;}
.tjApp .detaBot p{ float: left;width: 30%;height: 20px;line-height: 20px;color: #666;overflow: hidden;white-space: nowrap; margin-top:10px;}
.tjApp .detaBot p:nth-child(6){width: 40%;}
.tjApp .detaBot p a{ color: #0797eb;}
.tjApp .contRight .downloadBtn a {width: 240px;height: 60px;text-align: center;line-height: 60px;color: #fff;background: #0b96f5;display: block;font-size: 20px;border-radius: 3px;float:right;}
.tjApp .contRight .downloadBtn a.none-down{ background: #a5a2a2;}
.tjApp .contRight .downloadBtn a b, .tjApp .contRight .downloadBtn a i {font-weight: 400;display: block;font-style: normal;padding-top:10px;line-height: 20px;}
.tjApp .contRight .downloadBtn a i{padding-top:5px;font-size:12px;}

.rjjt .list-con{ position: relative;}
.rjjt .list-desc{color: #333;line-height: 30px;font-size: 15px;}
.rjjt .list-desc a{ color: #2176ff;}
.rjjt .list-desc h3{background: #f3fbfe;border: 1px solid #f3fbfe;color: #358ff0;padding: 4px 12px;font-size: 15px;font-weight: bold;text-indent: 0px;margin: 12px 0;font-family: Tahoma, Geneva, "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53";}
.rjjt .list-desc img{display: block;max-width: 700px;margin: 15px auto;}
.rjjt .list-desc p{margin-top: 10px;}
.artcont .list-desc img{margin: 10px auto;}
.rjjt .list-con .list{ width: 560px; height: 404px; overflow: hidden; margin: 30px auto;}
.rjjt .list-con ul{ width: 9999px; overflow: hidden;}
.rjjt .list-con li{ float: left; width: 560px; height: 404px; text-align: center; line-height: 404px;}
.rjjt .list-con li img{ max-width: 100%; max-height: 100%; vertical-align:middle;}
.rjjt .list-con .control a{ background: url("../images/icon_lr.png") no-repeat; width: 70px; height: 70px; display: block; position: absolute; top: 50%; margin-top: -35px; cursor: pointer;}
.rjjt .list-con .control a.prev{ left: 35px; background-position: 0 0;}
.rjjt .list-con .control a.prev:hover{ background-position: 0 -80px;}
.rjjt .list-con .control a.prev:active{ background-position: 0 -160px;}
.rjjt .list-con .control a.next{ right: 35px; background-position: -80px 0;}
.rjjt .list-con .control a.next:hover{ background-position: -80px -80px;}
.rjjt .list-con .control a.next:active{ background-position: -80px -160px;}

.xzdz label{ display: block; color: #333; margin: 5px 0 -5px 0;}
.xzdz a{ display: block; width: 150px; height: 35px; text-align: center; line-height: 35px; color: #fff; margin-top: 10px;}
.xzdz dd {width: 140px;height: 32px;line-height: 32px;float: left;color: #666;border-radius: 4px;margin-right: 16px;}
.xzdz dd a {display: block;color: #333;}
.xzdz dd a i {position: relative;float: left;display: block;width: 18px;height: 18px;background: url(../images/kindof_icon.png) -71px -331px no-repeat;margin-top: 7px;margin-left: 8px;margin-right: 12px;}

.xzdz a .btn-dl,.xzdz a span{ float: left;}
.xzdz a .btn-dl{ width: 40px; border-right: 1px solid #39bb26; background: url("../images/icon_dl.png") no-repeat 0 center; height: 100%;}
.xzdz a span{ width: 109px; text-align: center;}
.xzdz .local a{ background: #ff6600;}
.xzdz .local a:active{ background: #ee5f00;}
.xzdz .local a .btn-dl{ background-position-x: 13px; border-right: 1px solid #ff7d26;}
.xzdz .xl a{ background: #3380fd;}
.xzdz .xl a:active{ background: #2176ff;}
.xzdz .xl a .btn-dl{ background-position-x: -26px; border-right: 1px solid #5193fd;}
.xzdz .dx a{ background: #0076d6;}
.xzdz .dx a:active{ background: #006fc9;}
.xzdz .dx a .btn-dl{ background-position-x: -63px; border-right: 1px solid #268adc;}
.xzdz .lt a{ background: #16af00;}
.xzdz .lt a:active{ background: #15a101;}
.xzdz .lt a .btn-dl{ background-position-x: -103px; border-right: 1px solid #39bb26;}
.xzdz .fl{ margin-right: 73px;}
.xzdz .lt{ margin-right: 0;}

.dl-info .dl-img{ text-align: center;}
.dl-info img{ width: 100px; height: 100px;}
.dl-info .dl-img p{ color: #333;}
.dl-info a{ width: 270px; height: 50px; text-align: center; line-height: 50px; color: #fff; background: #2371f3; display: block; font-size: 16px; margin: 15px auto 0 auto; border-radius: 3px;}
.dl-info a:hover{ background: #1061e7;}
.dl-info .other{ background: #ff9000;}
.dl-info .other:hover{ background: #ff7300;}
.dl-info .dl-desc{ width: 270px; margin: 10px auto 0 auto;}
.dl-info .dl-desc label{ float: left; width: 50%; color: #333; line-height: 24px;}

.relative-dl2 .appName{ height: 20px; white-space: nowrap; text-overflow: ellipsis;}
.relative-dl2 label{ color: #999; font-size: 12px;}
.relative-dl2 .btn-download{ width: 70px; margin-top: 8px;}

.relative-zt li{ margin-top: 7px; position: relative;}
.relative-zt li .ztImg{ width: 290px; height: 172px; display: block; overflow: hidden;}
.relative-zt li img{ width: 100%; height: 100%; display: block;-webkit-transition: .2s linear;  -moz-transition: .2s linear;  transition: .2s linear;}
.relative-zt li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.relative-zt li .ztName{ position: absolute; bottom: 0; width: 100%; height: 30px; background: url("../images/banner_bg.png") repeat-x; line-height: 30px;}
.relative-zt li .ztName a{ color: #fff; margin: 0 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center;}

.rjjt-mask{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; display: none;}
.rjjt-mask .mask{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: .6; filter: alpha(opacity = 60);}
.rjjt-mask .list-con{ width: 740px; height: 404px; overflow: hidden; margin: -202px 0 0 -370px; position: absolute; left: 50%; top: 50%;}
.rjjt-mask .list-con ul{ width: 9999px; height: 100%;}
.rjjt-mask .list-con li{ float: left; width: 740px; height: 100%; text-align: center;}
.rjjt-mask .list-con li img{ vertical-align: middle; max-height: 100%; max-width: 100%;}
.rjjt-mask .control a{ background: url("../images/icon_lr2.png") no-repeat; width: 18px; height: 36px; display: block; position: absolute; top: 50%; margin-top: -18px; cursor: pointer;}
.rjjt-mask .control a.prev{ left: 50%; margin-left: -390px; background-position: 0 0;}
.rjjt-mask .control a.prev:hover{ background-position: 0 -40px;}
.rjjt-mask .control a.next{ right: 50%; margin-right: -390px; background-position: -38px 0;}
.rjjt-mask .control a.next:hover{ background-position: -38px -40px;}
.rjjt-mask .close{ position: absolute; background: url("../images/icon_close.png") no-repeat; width: 35px; height: 35px; right: 50%; top: 50%; margin-right: -385px; margin-top: -235px; cursor: pointer;}
.bkt{ background: url("../images/icon_bk.png") no-repeat 0 -47px; width: 46px; height: 46px; position: fixed; left: 50%; margin-left: 630px; bottom: 100px; cursor: pointer;}
.bkt:hover{ background-position: 0 0;}

.new_down{clear:both;}
.new_down a {float:left; width:216px; height:60px; margin-right:86px;}
.new_down a.dx_down{ background: url(../images/dx.png) no-repeat 0 0;}
.new_down a.dx_down:hover{ background: url(../images/dx2.png) no-repeat 0 0;}
.new_down a.wt_down{ background: url(../images/wt.png) no-repeat 0 0;}
.new_down a.wt_down:hover{ background: url(../images/wt2.png) no-repeat 0 0;}
.new_down a.xl_down{background: url(../images/xl.png) no-repeat 0 0; margin-right:0;}
.new_down a.xl_down:hover{ background: url(../images/xl2.png) no-repeat 0 0;}

/*rjxz*/
.rjxz .list-1 { width: 800px; margin-bottom: -10px;}
.rjxz .list-1 ul{ width: 102%;}
.rjxz .list-1 li{ float: left; width: 255px; height: 160px; margin-right: 8px; position: relative; margin-bottom: 10px; overflow: hidden;}
.rjxz .list-1 li img{ width: 255px; height: 160px; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.rjxz .list-1 li.size1{ width: 525px; height: 330px;}
.rjxz .list-1 li.size1 img{ width: 535px; height: 330px;}
.rjxz .list-1 li .jcName{ background: url("../images/banner_bg.png") repeat-x; position: absolute; left: 0; bottom:0; width: 96%; height: 35px; color: #fff; text-align: center; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 2%;}
.rjxz .list-1 li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}

.rjxz .xzph .dl-list li{ margin-top: 10px;}
.rjxz .app-list2{ padding-top: 20px;}
.rjxz .app-list2 li{ margin-right: 37px;}

.rjfl .list-con>div{ display: none}
.rjfl .list-con>div.show{ display: block}
.rjfl .right{ width: 835px; margin-top: -10px;}
.rjfl .right ul{ width: 110%;}
.rjfl .right li{ margin-top: 21px; float: left; margin-right: 8px;}
.rjfl .right li a{ display: block;}
.rjfl .right li img{ width: 55px; height: 55px; display: block;}
.rjfl .right li .appInfo{ width: 95px; margin-left: 10px;}
.rjfl .right li .appName{ color: #333; margin: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.rjfl .right li .appLbl{ color: #999; font-size: 12px; display: inline-block; max-width: 100%;}
.rjfl .right li .appName:hover{ color: #2371f3; text-decoration: underline;}

.rjfl .left{ width: 300px;}
.rjfl .left .top{ position: relative; height: 144px;}
.rjfl .left .top .list-con{ width: 102%;}
.rjfl .left .top .list-con a{ float: left; width: 94px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #eee; margin-top: 16px; margin-right: 6px; color: #333;}
.rjfl .left .top .list-con label{ float: left; width: 96px; height: 32px;margin-top: 16px; margin-right: 6px;}
.rjfl .left .top .list-con a:hover{ border-color: #2371f3; color: #2371f3; background: #f7fbff;}
.rjfl .left .top .btn-ctrl{position: absolute; bottom: 0; right: 0; width: 96px; background: #fff;}
.rjfl .left .btn-ctrl .btn{ width: 47px; height: 32px; display: block; background: url("../images/btn_rjfl.png") no-repeat 16px center #0b96f5; cursor: pointer; }
.rjfl .left .btn.btn-next{ background-position: -34px center;}
.rjfl .left .btn.disabled,.rjfl .left .btn.disabled:hover,.rjfl .left .btn.disabled:active{ background-color: #cccccc; cursor: no-drop;}
.rjfl .left .btn:hover{ background-color: #19ba00;}
.rjfl .left .btn:active{ background-color: #16a400;}

.rjfl .left .bottom{ margin-top: 20px;}
.rjfl .left .bottom ul{ height: 188px; overflow: hidden;}
.rjfl .left .bottom li{ width: 300px; height: 188px; position: relative;}
.rjfl .left .bottom li img{ width: 300px; height: 188px; display: block;}
.rjfl .left .bottom li .jcName{ position: absolute; bottom: 0; left: 0; width: 96%; padding: 0 2%; height: 30px; line-height: 30px; background: url("../images/banner_bg.png" ) repeat-x; text-align: center; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.rjfl .left .bottom .btn-ctrl{ width: 102%; margin-top: 5px;}
.rjfl .left .bottom .btn-ctrl a{ float: left; width: 74px; height: 12px; margin-right: 2px; cursor: pointer;}
.rjfl .left .bottom .btn-ctrl a span{ display: block; width: 74px; height: 6px;margin-top: 6px; background: #cecece;}
.rjfl .left .bottom .btn-ctrl a.on{ background: url("../images/rjfl_se.jpg") no-repeat top center;}
.rjfl .left .bottom .btn-ctrl a.on span{ background: #eb3d00;}

.rjfl .tlt-com h2{ margin-right: 18px;}
.rjfl .tlt-com h2.on a{ color: #2371f3; border-bottom: 3px solid #2371f3; display: block; height: 28px;}
.rjfl .rjjc{ display: none;}
.rjfl .rjjc.show{ display: block;}
.mini-rjfl .list-con div{ width: 103%;}
.mini-rjfl a{ float: left; width: 90px; height: 30px; line-height: 30px; border: 1px solid #eee; text-align: center; color: #333; margin: 17px 7px 0 0;}
.mini-rjfl a:hover, .mini-rjfl .on{ background: #f7fbff; border-color: #2371f3; color: #2371f3;}

.rjfl-list .list-cons>div{ display: none;}
.rjfl-list .list-cons>div.show{ display: block;}
.rjfl-list li{ overflow: hidden; padding: 30px 10px; border-bottom: 1px dashed #eee; height: 75px;}
.rjfl-list li:hover{ background: #f9fcf5;}
.rjfl-list li .appImg{ width: 75px; height: 75px;}
.rjfl-list li .appImg img{ width: 75px; height: 75px; display: block;}
.rjfl-list li .appInfo{ width: 585px; margin-left: 15px;}
.rjfl-list li .appName{ font-size: 18px; margin-right: 50px; max-width: 70%;}
.rjfl-list li .appName a{ display: inline-block; color: #333; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.rjfl-list li .appName a:hover{ color: #2371f3; text-decoration: underline;}
.rjfl-list li .pf{ margin-top: 4px;}
.rjfl-list li .appInfo label{ font-size: 12px; color: #f7a30e; margin-left: 5px;}
.rjfl-list li .appDesc{ color: #999; line-height: 22px; height: 44px ;overflow: hidden;}
.rjfl-list li .otherInfo{ width: 90px;}
.rjfl-list li .otherInfo .btn-download{ width: 90px; height: 26px; line-height: 26px; text-align: center; color: #fff; background: #0b96f5; display: block; margin-bottom: 5px;}
.rjfl-list li .otherInfo .btn-download:hover{background: #19ba00;}
.rjfl-list li .otherInfo .btn-download:active{background: #16a400;}
.rjfl-list li .otherInfo p{ font-size: 12px; line-height: 20px; color: #333;}
.rjfl-list li .otherInfo p label{ color: #999;}
.rjfl-list li .otherInfo p span{ color: #ff1919;}

.list-related {padding-top:10px;}
.list-related ul {margin-left:-20px;}
.list-related ul li {float:left;width:190px;height:68px;margin-left:20px;margin-top:10px;margin-bottom:10px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:10px;margin-right:0px;border-radius:4px;}
.list-related ul li .img {margin-left:10px;margin-right:10px;width:48px;height:48px;overflow:hidden;-moz-border-radius:5px;border-radius:5px;float:left;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0);-webkit-transition:-webkit-transform .4s linear;transition:-webkit-transform .4s linear;-moz-transition:transform .4s linear,-moz-transform .4s linear;transition:transform .4s linear;transition:transform .4s linear,-webkit-transform .4s linear,-moz-transform .4s linear;}
.list-related ul li .img img {width:48px;height:48px;}
.list-related ul li a {height:48px;}
.list-related ul li a:hover .con .title {color:#299cea;}
.list-related ul li .con .title {height:24px;font-size:16px;margin-top:10px;text-align: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-related ul li .con .other {margin-top:4px;color:#999;font-size:14px;text-align: left;}

.related-box ul{margin-top:10px;overflow:hidden;margin-left:-20px;}
.related-box ul li{margin:10px 0 0 20px;float:left;display:block;width:260px;position:relative;height:40px;background:#fafafa;}
.related-box ul li img{width:20px;height:20px;position:absolute;left:10px;top:10px;overflow: hidden;}
.related-box ul li a{position:absolute;left:40px;top:10px;width:220px;display:block;height:20px;overflow:hidden;}
.related-box ul li em{position:absolute;right:10px;top:10px;font-size:12px;color:#999}

.list-cnlove  ul{margin-left:-15px;margin-right:-15px;}
.list-cnlove  ul li{float:left;display:inline;width:75px;margin:20px 15px 0 15px;}
.list-cnlove ul li a{display: block;text-align: center;}
.list-cnlove  ul li a img{width: 64px;height: 64px;margin-bottom:5px;border-radius:7px;overflow:hidden;}
.list-cnlove  ul li a b{font-weight:100;width:100%;height:20px;text-align:center;display:block;overflow:hidden}

.article-other{ margin-top: 10px;display: none;}
.article-other .article-more{ line-height: 35px; color: #0b96f5; cursor: pointer;text-align: center;}
.article-other .article-more span,.article-other .article-more i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.article-other .article-more i{ background: url("../images/icon_more2.png") no-repeat 0 0; width: 12px; height: 8px; margin-left: 8px;}
.article-other .article-more.on i{ background-position: -13px 0;}

.article-list .list-con {margin-top:10px;}
.article-list .list-con li {line-height:32px;}
.article-list .list-con li span {float:right;color:#999;}
.zxwz ul {margin-top:10px;}
.zxwz li {float:left;display:inline;width:250px;height:20px;overflow:hidden;background:url(../images/bj_01.png) no-repeat 0 -537px;text-indent:15px;padding:0 0 10px 0;}
.zxwz li a {float:left;display:inline;height:20px;overflow:hidden;}
.down-kk p{color: #333;font-weight: 700;font-size: 15px;line-height: 100%;margin-top: 15px;}
.xzdz #ddnew-btn {width:340px;}
.xzdz #ddnew-btn a span {width:18px;height:18px;background-image:url(../images/xzbtn.png)!important;margin:10px 11px 0 0;background-size:18px;}
.xzdz #ddnew-btn a {width:150px;height:40px;line-height:40px;font-size:15px;color:#fff;background-color:#f90;text-align:left;margin:14px 20px 0 0!important;float:left;background:none;font-size:14px;color:#333;}
.related-art ul {margin-left:-20px;}
.related-art ul li {margin:10px 0 0 20px;float:left;display:block;width:400px;position:relative;height:40px;border-bottom:1px dashed #ccc;}
.related-art ul li a {position:absolute;left:0;top:10px;width:100%;display:block;height:20px;overflow:hidden;}
.rjjt {padding:20px 20px 10px 20px;background:#fff;}
.rjjt h1 {font-size:18px;color:#202020;font-weight:700;text-align:center;}
.rjjt .about {color:#8a8a8a;margin:15px 0 0;text-align:center;border-bottom:1px solid #f1f2f6;padding-bottom:20px;}
.rjjt .about em {font-style:normal;font-weight:normal;margin-right:20px;}

.special-list ul li{ width:100%; padding:20px 0; border-bottom:1px dashed #ddd; overflow:hidden; }
.special-list li .c-item{ height:124px; position:relative; overflow:hidden; }
.special-list li .c-item .pic{ float:left; display:block; width:206px; height:124px; }
.special-list li .c-item .pic img{ display:block; width:206px; height:124px; transform:scale(1, 1); transition: all 0.2s linear 0s;}
.special-list li .c-item .a-link{ position:absolute; right:0; bottom:0; background-color:#fe980f; filter:alpha(opacity=90); -moz-opacity:0.9; -webkit-opacity:0.9; opacity:0.9; display:block; width:85px; height:0; text-align:center; }
.special-list li .c-item .a-link span{ font-size:14px; color:#fff; line-height:50px; }
.special-list li .c-item .r{ width:590px; float:right; }
.special-list li .c-item .name{ font-size:18px; font-weight:bold; line-height:38px; float:left; margin-right:6px; }
.special-list li .c-item .name a{color:#444; }
.special-list li .c-item .total{ line-height:38px; color:#999; }
.special-list li .c-item .r-top{ float: left;}
.special-list li .c-item .other{ margin-top:10px; height:20px; line-height:20px; }
.special-list li .c-item .other span{ font-size:14px; color:#999; padding:0 6px 0 20px; }
.special-list li .c-item .other span.time{ background:url(../images/icostime.png) no-repeat 2px; }
.special-list li .c-item .desc{ line-height:27px; color:#666; margin-top:8px; clear: both;}
.special-list ul li .bg{ background:#f6f6f6; }

.special-cover .c-hd {height:44px;line-height:44px;border-bottom:2px solid #ddd;position:relative;}
.special-cover .c-hd h3 {float:left;height:46px;background:#fff;padding-right:4px;margin-bottom:-2px;position:relative;}
.special-cover .c-hd h3 span {display:block;float:left;height:43px;border-bottom:3px solid #009ff0;font-size:20px;font-weight:700;padding:0 4px;}
.special-cover .more {font-size:14px;color:#888;float:right;}
.special-cover,.sj-zhuanti,.zhuanti-news {width:1160px;padding:5px 20px 0;overflow:hidden;background:#fff;}
.special-cover ul.con {width:103%;padding-bottom:20px;overflow:hidden;}
.special-cover ul.con {width:103%;padding-bottom:20px;overflow:hidden;}
.special-cover .con li {float:left;border:1px solid #f1eded;margin:20px 30px 0 0;overflow:hidden;border-radius:10px;}
.special-cover .con li:hover { box-shadow:0px 7px 7px rgba(0,0,0,0.1); transition:all 0.2s linear 0s; border-color:#e0e0e0; }
.special-cover .con li a:hover {color:#25a9f5;}
.special-cover .con li a {text-align:center;display:block;padding:15px 20px;width:225px;line-height:19px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.special-cover .con li img {display:block;width:225px;height:109px;margin-bottom:12px;}
.strategy_centre {margin-bottom:20px;}
.strategy_centre ul {padding:15px;}
.strategy_centre li {position:relative;height:32px;overflow:hidden;}
.strategy_centre li span {position:absolute;left:0;color:#44b3f8;}
.strategy_centre li a {float:left;display:inline;width:100%;height:20px;overflow:hidden;background:url(../images/bj_01.png) no-repeat 0 -537px;text-indent:15px;margin-bottom:19px;}
.strategy_centre li em {position:absolute;right:0;font-size:12px;color:#999;font-style:normal;font-weight:normal;}
h4.art-tit {height:40px;line-height:40px;position:relative;text-indent:15px;border-bottom:1px solid #f1f2f6;font-size:18px;}
h4.art-tit a {position:absolute;right:15px;font-size:14px;color:#999;}
.clear {clear:both;}

/* special */
.special-all,.format-info{ padding:20px 0 0;padding-bottom:20px;background: #fff;}
.special-all .zt-intro{ padding:0 20px; }
.special-all .intro-img{ float:left; width:340px; height:190px; overflow:hidden; }
.special-all .intro-img img{ display:block; height: 100%;width: 100%;}
.special-all .intro-box{ float:right; width:796px; overflow:hidden; }
.special-all .intro-hd h1{ font-size:26px; font-weight:bold; }
.special-all .intro-hd{ line-height:34px; padding-top:8px; }
.special-all .intro-hd span{ color:#999; }
.special-all .intro-desc{ font-size:15px; color:#666; line-height:28px; margin-top:17px; max-height:112px; overflow:hidden; }
.special-all .intro-desc a{color: #2176ff;}
.special-all .intro-other{ margin-top:12px; }
.special-all .intro-other .time{ float:left; color:#999; line-height:36px; }
.special-all .intro-other .fr{ width:242px; }
.special-all .intro-other label{ float:left; line-height:36px; color:#999; }
.special-all .zt-title{ border-top:2px solid #009ff0; height:42px; margin:20px 20px 0; }
.special-all .zt-title span{ display:block; height:42px; line-height:42px; background:#009ff0; font-size:18px; color:#fff; padding:0 18px; overflow:hidden; float:left;}
.special-all .zt-list{ display: inline-block;}
.special-all .zt-item{ float:left;width:326px; height:166px; padding:16px 20px; border:1px solid #f1eded; margin:24px 7px 0 20px; border-radius:12px; position:relative; }
.special-all .zt-item .hp{ position:absolute; top:-1px; right:-1px; display:block; width:54px; height:54px; background:url(../images/icosprit.png) no-repeat 0 -220px; }
.special-all .zt-item .name{ font-size:16px; font-weight:bold; line-height:24px; width:326px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #444;}
.special-all .zt-item .soft{ margin-top:15px; padding-left:85px; height:70px; position:relative; }
.special-all .zt-item .pic{ display:block; position:absolute; top:0; left:0; }
.special-all .zt-item p.s-info-p{padding-top: 3px;}
.special-all .zt-item .pic img{ display:block; width:70px; height:70px; border-radius:8px; overflow:hidden; }
.special-all .zt-item .soft span{ display:block; font-size:12px; color:#888; line-height:22px; }
.special-all .zt-item .soft .s-star{ margin-bottom:3px; margin-top: 5px;}
.special-all .zt-item .down-link{ position:absolute; top:19px; right:0; display:block; background:#fff; width:60px; height:30px; line-height:30px; text-align:center; border:1px solid #009ff0; color:#009ff0; }
.special-all .zt-item .down-link:hover{ background-color:#009ff0; color:#fff; }
.special-all .zt-item .desc{ color:#666; line-height:24px; height:48px; overflow:hidden; margin-top:10px; }
.special-all .zt-item:hover { box-shadow:0px 7px 7px rgba(0,0,0,0.1); transition:all 0.2s linear 0s; border-color:#e0e0e0; }

.hot-special{ width:1160px; padding:20px 20px 0; overflow:hidden; background: #fff;}
.hot-special ul.con{ width:103%; padding-bottom:20px; overflow:hidden; }
.hot-special .con li{ float:left;border:1px solid #f1eded; margin:20px 30px 0 0; overflow:hidden; border-radius: 10px;}
.hot-special .con li a{ text-align:center; display:block;padding: 15px 20px; width:225px; line-height:19px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hot-special .con li img{ display:block; width:225px; height:109px; margin-bottom:12px; }
.hot-special .con li:hover { box-shadow:0px 7px 7px rgba(0,0,0,0.1); transition:all 0.2s linear 0s; border-color:#e0e0e0; }
.hot-special .con li:hover a {color:#25a9f5;}

.tagsbox {margin:0 auto;background:#fff;padding:0px 20px;}
.tags-title {line-height:46px;border-bottom:1px solid #efefef;height:46px;}
.tags-title h1 {font-size:18px;color:#333;}
.tags-list {background:#fff;margin-right: -20px;}
.fc1{ color: #FF5722;}
.fc2{ color: #3bafda;}
.fc3{ color: #ed5565;}
.fc4{ color: #f6bb42;}
.fc5{ color: #4a89dc;}
.fc6{ color: #ac92ec;}
.fc7{ color: #8cc152;}
.fc8{ color: #fcae51;}
.fc9{ color: #37bc9b;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}
.fb1,.fb5 {font-weight:bold;}
.tags-list a {display:inline-block;margin: 10px 20px 10px 0px;zoom:1;font-size:14px;font-weight:normal;}
.tags-list em {font-size:12px;color:#999;margin-left:6px;font-style:normal;font-weight:normal;}

.lstbox .list-con li {height:30px;position:relative;}
.lstbox .list-con li span {position:absolute;left:0px;}
.lstbox .list-con li a.lstbox_01 {color:#999;margin-right:15px;}

.lstbox .list-con li em {position:absolute;right:0px;color:#999;font-size:12px;font-style:normal;font-weight:normal;}
.lstbox .list-con li .new{color:#f00;}


.sj_cont {margin-top: 20px;overflow: hidden;}
.about_con{min-height:480px}
.about_left{float:left;width:180px;font-size:16px;background: #fff;}
.about_left li{text-align:center}
.about_left li a{width:180px;height:48px;line-height:48px;display:block;border-bottom:1px solid #eaeaea;}
.about_left li a:hover{background-color:#0b96f5;color:#FFF;text-decoration:none}
.about_left li .cur_ab,.about_left li .cur_ab:hover{background-color:#0b96f5;color:#FFF;cursor:default;text-decoration:none}
.about_right{float:right;width:1000px;background: #fff;}
.about_right h2{border-bottom:1px solid #eaeaea;padding:15px 20px;font-size:20px;font-weight:bold;}
.about_right .content{line-height:28px;color: #454545;padding: 20px;}
.about_right .content p{margin-bottom:10px;text-indent: 2em;}

.about_right .map-con{padding-top:0px;}
.map-con h3 {font-size:16px;font-weight:700;color:#f59912;line-height:48px;border-bottom:none;}
.map-con h3 a {color:#0ea1f6;font-size: 20px;}
.about_right .map-con p {font-size:15px;margin:10px 0;text-indent: 0;}
.map-con p >a {color:#666;margin-right:30px;display:inline-block;background-color: #f3f2f2;width: 98px;height:32px;line-height:32px;text-align:center;margin-top:15px;}
.map-con p span.flei {display:block;width:100%;font-size: 16px;line-height: 40px;}
.map-con p span.flei a {color:#444;font-weight:bold;}
.map-con .title{height: 48px;line-height:48px;margin-top: 20px;border-bottom: 1px solid #f2f2f2;text-align:center;}
.map-lis {padding:15px 0;font-size:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background:#f7f8fa;}
.map-lis a {display:inline-block;position:relative;width:10%;height:30px;font-size:14px;line-height:30px;text-align:center;margin:10px auto;}
.map-lis a::after {content:".";display:block;position:absolute;top:50%;margin-top:-6px;right:0;width:1px;height:12px;font-size:0;background:#dcdee0;}
.map-lis a:last-child:after {display:none;}


.hottags{background: #fff;}
.txt-hot-links li {float:left;width:200px;height:36px;position:relative;line-height:36px;padding: 10px 0 0 20px;box-sizing: border-box;}
.txt-hot-links li a {display:block;width:136px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.warn-tips {background:#f9f8f0;padding:5px 10px;line-height:22px;color:#666;border:1px solid #e8db53;font-size:12px;margin:10px 0px;}
.soft-info-lists .soft-info-list {position:relative;border-bottom:1px solid #e6e6e6;padding:18px 20px 18px 86px;}
.soft-info-lists .soft-info-list > a > img {position:absolute;top:20px;left:10px;}
.soft-info-lists .soft-info-list img {width:60px;height:60px;}
.soft-info-lists .soft-info-list .title {font-size:18px;line-height:28px;color:#333;margin-top:-5px;border-bottom: none;}
.soft-info-lists .soft-info-list .title a {color:#333;}
.soft-info-lists .soft-info-list .sub-title,.soft-info-lists .soft-info-list .detail-info {line-height:24px;font-size:14px;color:#999;height:20px;overflow:hidden;width:590px;}
.soft-info-lists .soft-info-list .detail-info {line-height:28px;margin-right:10px;}
.soft-info-lists .soft-info-list .read-all {position:absolute;right:10px;top:32px;display:block;width:117px;height:42px;line-height:42px;color:#25a9f5;border:1px solid #25a9f5;border-radius:2px;text-align:center;font-size:16px;}
.hot-links-a {margin-top:5px;}
.hot-links-a li {height:30px;}
.hot-links-a a {color:#333;width:280px;line-height:30px;height:30px;font-size:14px;display:inline-block;padding-left:14px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-cnxh ul li.qp-hot{margin-top: 12px;width: 149px;}
.list-cnxh ul li.qp-hot a{text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 20px;line-height: 20px;}

.hotspots{margin-top:12px;height: 20px;overflow: hidden;line-height: 20px;margin-bottom:0px;border-top: 1px solid #EEE;padding-top: 12px;}
.hotspots span{font-size: 12px;}
.hotspots a{color: #3166CB !important;margin-right: 5px;font-size: 12px;}

.pub-404{ width: 1200px;margin: 0px auto;margin-top: 50px;}
.pub-404 img{margin: auto;display: block;}
.pub-404 .pub-404-p {text-align: center;height: 60px;line-height: 60px;font-size: 14px;color: #464646;}
.pub-404-a {width:110px;height:39px;line-height:39px;font-weight:700;font-size:18px;color:#fff;border-radius:3px;display:block;text-align:center;margin:auto;margin-top:16px;margin-bottom:35px;background: #25a9f5;}

.list-xgzt{width: 842px; overflow: hidden;}
.list-xgzt li{float: left;width: 190px;margin: 20px 0px 0px 0px;margin-right: 20px;}
.list-xgzt li span{display: block;width: 190px;height: 110px;}
.list-xgzt li span a{display: block;width: 190px;height: 110px;position: relative;text-decoration: none;}
.list-xgzt li span a img{width: 190px;height: 110px;border-radius: 5px;}
.list-xgzt li dl{width: 190px;margin-top: 12px;}
.list-xgzt li dl dt a{display: block; height: 18px; line-height: 18px; overflow: hidden; font-size: 14px;text-align: center;}
.list-xgzt li dl dd{height: 40px; line-height: 20px; overflow: hidden; color: #999999; margin-top: 6px; font-size: 12px;}

.qpbtnno a{background: #c1bbbb;border-radius: 5px;margin-top: 15px;}
.ercode{padding: 15px 15px 0px 0px;text-align:center;border-radius:16px;}
.ercode img{width:110px;height:110px;}
.ercode span{display:block;text-align:center;margin-top: 4px;}

.az-title{height:44px; line-height:44px; border-bottom: 1px solid #ebe8e8;overflow: hidden;}
.az-title .more{display:block; float:right;}
.az-title h2{font-size:20px; float:left;color:#444; margin-right:35px;font-weight: 500;}
.az-title h2 em {font-size: 20px;color: #ddd; margin-left: 16px;}
.pc-title h2 em {font-size: 20px;color: #ddd;margin-left: 16px;}
.az-title .az-tab{margin-left:60px; margin-right:20px;font-size:18px; float:left;}
.az-title .az-tab a{width: 88px;}
.az-title .az-tab a span{color:#555;margin-left:18px;}
.az-title .az-tab a:last-child span{color:#fff;}
.tab-item{display:block; float:left; position:relative;}
.cur{color:#0b96f5;}
.tab-item.cur .bot-arrow {display: block; }

.news_soft{overflow:auto;background:#fff;padding:0px 25px 10px 25px;}
.news_content{overflow:auto;padding-top:20px;}
.news_content .h-soft-list{width:880px;height: 427px;float:left;overflow:hidden;}
.news_content .h-soft-list ul li{width: 100px;float:left;margin-bottom:10px;position:relative;height: 124px;overflow:hidden;margin: 10px 25px 10px 0px;}
.news_content .h-soft-list ul li img{width:80px;height:80px; display:block; float:left; margin-right:10px;border-radius: 10px;}
.h-soft-list .a-info p.tit{color:#444;width: 84px;white-space:nowrap;overflow:hidden;text-align:  center;line-height: 38px;}
.h-soft-list .a-info p.cont{color:#999;margin-bottom:5px;width: 84px;white-space:nowrap;overflow:hidden;text-align:  center;}

.phb-list{width:255px;margin-left:15px;float:left; overflow:auto;}
.phb-list h3{font-size:20px;color:#555; margin-bottom:10px;font-weight: 500;}
.phb-list h3 span{display:block;width:30px;height:20px; line-height:20px;background:#0b96f5; border-radius:3px;font-size:12px;color:#fff; font-weight:normal; text-align:center; margin-right:8px; float:left;margin-top:5px;}
.phb-list ul li{ overflow:auto; min-height:52px; border-bottom:1px  dashed #d8d8d8;}
.phb-list .name{ height:50px;}
.phb-list .name b{display:block; float:left;width:20px; height:20px; color:#fff;background:#aeaeae; line-height:20px; text-align:center; font-size:12px; margin-right:8px; font-weight:normal; margin-top:15px;}
.phb-list .name b.num1{background:#f73333;}
.phb-list .name b.num2{background:#ff5722;}
.phb-list .name b.num3{background:#ff9800;}
.phb-list .name span{display:block; float:left;width:50px; margin-left:5px;font-size:12px;color:#949494; line-height:50px; overflow:hidden; white-space:nowrap}
.phb-list .name a{display:block; float:left; width:225px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:50px;}
.phb-list .item-info{clear:left;height:70px; overflow:hidden;margin-left:10px;}
.phb-list .item-info img{float:left;margin:5px 10px;width:50px;}
.phb-list .item-info p{float:left; line-height:22px;width:175px; margin-bottom:5px;}
.phb-list .item-info p img{width:13px; margin:5px 1px;}
.phb-list .item-info p span{ display:block; float:left; margin-right:5px;}
.phb-list .item-info p span.pf{margin-top:4px;}
.phb-list .item-info p+a{display:block;width:80px; height:24px; text-align:center; line-height:24px;border:1px solid #0b96f5; border-radius:3px; float:left; color:#0b96f5}
.phb-list .item-info p+a:hover{border:1px solid #0b96f5;background:#0b96f5;color:#fff;}
.rank-item.on .item-info { display: block;}
.rank-item .item-info { display:none; }

.news_zt { overflow: hidden; padding: 0 20px; box-sizing:border-box;}
.zt-content {padding-bottom:20px;}
.zt-content ul{overflow:hidden;margin-right:-22px;}
.zt-content li{width:215px;margin-right:20px;float: left;margin-top:16px;overflow:hidden;}
.zt-content li:nth-child(5n+1) {margin-left:0px;}
.zt-content .img {float:left;width:215px;height:110px;position:relative;overflow:hidden;border-radius: 5px;}
.zt-content .img img{width:100%;height: 100%;}
.zt-content .img img:hover{transform: scale(1.2);-ms-transform: scale(1.2);transition:all .5s;}
.zt-content .cover {position:absolute;width:100%;height:32px;overflow:hidden;left:0;bottom:0;background:#000;filter:alpha(opacity=20);opacity:.4;}
.zt-content .name {position:absolute;width:92%;overflow:hidden;bottom:0;z-index:2;color:#fff;line-height:32px;font-size:14px;padding:0 4%;text-align:center;}

.dnrj,.yqlj{padding-top:0px;}
.cnxh{padding-top:20px;}

.comment {padding-top: 20px;}
#comment-form textarea{border: 1px solid #ececec;padding: 3px 0;width: 100%;height:96px;line-height:24px;margin: 10px 0;text-indent: 5px; font-size: 14px;outline-color:#59ACFF}
#comment-form .username{height: 34px;line-height: 34px;color: #555;width:500px;float: left;}
#comment-form .username span {float:left;width:48px;height:32px;line-height:32px;color:#ffffff;text-align:center;background-color:#0b96f5;}
#comment-form .username input {float:left;width:84px;height:30px;padding:0 5px;line-height:30px;color:#000;border:1px solid #0b96f5;margin-right:10px;}
#comment-form .btn-submit {width:100px;height:32px;line-height:32px;color:#ffffff;text-align:center;background-color:#0b96f5;border:0 none;}
.pl-check{float:right;position:relative;}
.pl-check label{margin-right:10px;height: 34px;line-height: 34px;}
.pl-check label input{height: 30px;line-height: 28px;width:60px;border: 1px solid #ececec;padding: 0 5px;}
.yzm{position:absolute;background:#fff;width:102px;height:65px;text-align:center;font-size:12px;bottom:34px;border:1px solid #dbd7d7;color:#666;border-radius:5px;right: 94px;display:none;}
.yzm img{cursor:pointer;margin:0px auto;width:100px;height:40px;margin-top:0px;border:1px solid #fff;margin-bottom:1px;border-radius:5px;}

.news-list .list-con ul li{overflow: hidden;}
.news-list .list-con li a{display:block;padding:20px 0;border-bottom:1px solid #e0e7eb;overflow: hidden;}
.news-list .list-con li img{float: left;width:204px;height:120px;margin-right: 20px;border-radius: 5px;}
.news-list .list-con li .info{ float: left;width:550px;height:120px;overflow: hidden;}
.news-list .list-con li strong{font-size:18px;color:#333;line-height:32px;font-weight: 500;overflow: hidden;white-space:nowrap}
.news-list .list-con li .time{font-size:12px;color:#666;line-height:24px;margin-top: 10px;overflow: hidden;}
.news-list .list-con li .time span{margin-right: 20px;}
.news-list .list-con li .txt{display: block;height: 44px;font-size:14px;line-height:22px;color:#666;overflow:hidden;margin-top: 3px;}
.news-list .list-con li:hover strong{color: #0b96f5;}
.news-list .list-con li img:hover{opacity: 0.9;}

.related-news { width: 110%; }
.related-news .item { width: 260px; display: block; float: left; margin: 20px 20px 0 0; }
.related-news .item:hover img { transform: scale(1.1); }
.related-news .item:hover .text { color: #08c4c2; }
.related-news .item .img { width: 100%; height: 120px; border-radius: 4px; }
.related-news .item .img img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all 0.2s linear;}
.related-news .item .text { color: #666666; padding: 10px 10px 0 10px; height: 24px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }

.xgdown{padding-bottom:10px;}
.xgdown .list{overflow:hidden;}
.xgdown .list .lis { height: 100px; width: 100%; padding: 20px 0 10px; }
.xgdown .list .lis .img { float: left; width: 100px; height: 100px; display: block; border-radius: 24px; }
.xgdown .list .lis .img img {display: block;width: 100%;height: 100%;}
.xgdown .list .lis .infor { width: 170px; padding-left: 20px; float: left; }
.xgdown .list .lis .infor .name { font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -5px; }
.xgdown .list .lis .infor p { color: #999999; height: 30px; line-height: 30px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xgdown .list .lis .infor .btn { display: block; background-image: linear-gradient(-45deg, #26b8fa 0%, #0876ce 100%); width: 100px; height: 36px; line-height: 36px; color: #fff; font-weight: bold; border-radius: 18px; opacity: 0.9; text-align: center; margin-top: 8px; }
.xgdown .list .lis .infor .btn:hover { opacity: 1; }
.xgdown .list .tabli li { float: left; width: 50%; height: 36px; font-size: 12px; line-height: 36px; overflow: hidden; text-transform: uppercase; }
.xgdown .list .tabli li span { color: #999; }
.xgdown .list .tabli li .star { display: inline-block; vertical-align: middle; margin: -5px 0 0; position: relative; overflow: hidden; height: 10px; width: 64px; background-position: -260px -77px; }
.xgdown .list .tabli li .star .line { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-position: -261px -96px; }

.zxspec ul{width: 110%;}
.zxspec ul li { width: 138px; margin: 15px 15px 0 0; float: left; }
.zxspec ul li:hover .name { color: #08c4c2; }
.zxspec ul li .img { height: 80px; width: 100%; display: block; border-radius: 6px; }
.zxspec ul li .img img {display: block;width: 100%;height: 100%;border-radius: 6px;}
.zxspec ul li .name { color: #666; height: 20px; line-height: 20px; padding-top: 10px; display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.newsgl{ width: 599px; float: left; background: #fff; padding:0 20px 20px; box-sizing: border-box;}
.newszx{width:600px; float: right; background: #fff; padding: 0 20px 20px; box-sizing: border-box;}
.news_n .z_tu{ width: 250px !important; margin-right: 15px;height: 160px;}
.news_n{width: 100%;border-bottom: 1px solid #eee;padding-bottom: 18px;margin-top: 18px;display: inline-block;float: left;}
.news_n li{ width: 285px; float:left; position: relative;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.news_n li.z_tu img{width: 250px; height: 160px;}
.news_n li.z_tu p{ position: absolute; width: 250px; color: #fff; height: 35px; line-height: 35px; padding: 0 10px; box-sizing: border-box; text-align: center; display: block; left: 0; bottom: 0; background:rgba(0, 0, 0, .7);overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.news_n i{ width: 6px;height: 8px;background: url(../images/ioc-zztb.png) no-repeat -124px -14px; margin-right: 10px; display: inline-block;}
.news_n li a{line-height: 32px;}
.newszx .news_n.remove,.newsgl .news_n.remove{border-bottom: 1px solid #fff;padding-bottom: 0px;margin-bottom: 0px;}
.news_n li a:hover{color:#0b96f5}

.xgart{padding-top: 20px;padding-bottom:10px;}
.xgart ul{margin-right: -30px;}
.xgart ul li { float: left; width: 390px; height: 44px; overflow: hidden; margin-right: 30px; font-size: 14px; line-height: 44px;border-bottom: 1px dashed #ccc;}
.xgart ul li i{ width:4px; height:4px; background:#ccc; float:left; margin:20px 11px 0 0; display:inline; overflow:hidden}
.tlzx ul li { overflow: hidden; border-bottom: 1px solid #e5e5e5; height: 64px; padding: 15px 0; align-items: center; }
.tlzx ul li:last-child { padding-bottom: 0; border: none; }
.tlzx ul li .img { width: 64px;height: 64px; display: block; border-radius: 12px; float: left;}
.tlzx ul li .img img{width: 100%;height: 100%;border-radius:8px;}
.tlzx ul li .info { overflow: hidden; padding: 0 15px; float: left;width: 135px;}
.tlzx ul li .info .name { font-size: 15px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%;color:#333; }
.tlzx ul li .info p { color: #999999; height: 30px; line-height: 30px; overflow: hidden; font-size: 12px;}
.tlzx ul li .info p i { padding: 0 6px; }
.tlzx ul li .btn { width: 60px; height: 28px; background: #f0f2f0; margin-top:16px;text-align: center; border-radius: 18px; line-height: 28px; color: #555555;display:block; float: right;}
.tlzx ul li .btn:hover { color: #fff; background: #0b96f5; }

.relgame {padding-top:10px;}
.relgame ul {margin-left:-20px;}
.relgame ul li {float:left;width:190px;height:68px;margin-left:20px;margin-top:10px;margin-bottom:10px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:10px;margin-right:0px;border-radius:4px;}
.relgame ul li .img {margin-left:10px;margin-right:10px;width:48px;height:48px;overflow:hidden;-moz-border-radius:5px;border-radius:5px;float:left;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0);-webkit-transition:-webkit-transform .4s linear;transition:-webkit-transform .4s linear;-moz-transition:transform .4s linear,-moz-transform .4s linear;transition:transform .4s linear;transition:transform .4s linear,-webkit-transform .4s linear,-moz-transform .4s linear;}
.relgame ul li .img img {width:48px;height:48px;}
.relgame ul li a {height:48px;display: block;}
.relgame ul li a:hover .con .tit {color:#0b96f5;}
.relgame ul li .con .tit {height:24px;font-size:16px;margin-top:10px;text-align: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.relgame ul li .con .other {margin-top:4px;color:#999;font-size:14px;text-align: left;}

#downcount{ float: left; overflow: hidden; margin-top: 10px;}
#downcount li{float:left;margin-right: 13px;}
#downcount li label{ display: block; color: #333; margin: 5px 0 -5px 0;}
#downcount li a{background: url("../images/icon_dl.png") no-repeat 10px 0;padding-left: 35px;width: 100px;}
#downcount .style2 a,#downcount .bdxz, #downcount .bdxz1{ background-color: #16a400; background-position-y: 0!important;}
#downcount .style2 a:hover,#downcount .bdxz:hover, #downcount .bdxz1:hover{ background-color: #22b90a;}
#downcount .style2 a:active,#downcount .bdxz:active, #downcount .bdxz1:active{ background-color: #22b90a;}
#downcount .style1 a{ background-color: #ff6600; background-position-y: -39px;}
#downcount .style1 a:hover{ background-color: #ff7920;}
#downcount .style1 a:active{ background-color: #ff7920;}
#downcount .style3 a{ background-color: #008ded; background-position-y: -120px;}
#downcount .style3 a:hover{ background-color: #159bf7;}
#downcount .style3 a:active{ background-color: #159bf7;}
.down-nbtn p{color: #333;font-weight: 700;font-size: 15px;line-height: 100%;margin-top: 15px;}

.srollNav {display:none;position:fixed;top:50%;left:50%;z-index:3;width:22px;margin-left:248px;text-align:center;color:#FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color:#0b96f5;line-height: 1;}
.srollNav.show {display:block;}
.srollNav * {display:block;position:relative;height:58px;padding-top:16px;cursor:pointer;}
.srollNav a {color:#FFF;}
.srollNav i {position:absolute;left:50%;width:0;height:0;overflow:hidden;margin-left:-5px;padding:0;border-width:5px;}
.srollNav i.top {top:0;border-style:dashed dashed solid dashed;border-color:transparent transparent #fff transparent;}
.srollNav i.down {bottom:0px;border-style:solid dashed dashed dashed;border-color:#fff transparent transparent transparent;}

#leftTab {display:none;position:fixed;top:320px;margin-top:-50px;margin-left:-120px;padding:20px 20px 20px 10px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;background:#fff;cursor:pointer;}
#leftTab.show {display:block;}
#leftTab div {padding-left:30px;font-size:14px;line-height:32px;background:url(../images/lefttab.jpg) 0 -96px no-repeat;cursor:pointer;}
#leftTab div.z-cur {color:#0199dc;background-position:0 -48px !important;}

.xzdz .feedback {display:block;width:400px;text-align:center;color:#999;border:1px dashed #e0e0e0;background:#fdfddf;margin-top:15px;padding: 6px 10px 6px 20px;cursor:pointer;position: relative;}
.xzdz .feedback em {margin-right:2px;color:#0b96f5;}
.feedback i{color: #999;font-size: 21px;position: absolute;top: 6px;left: 96px;background: url(../images/feedback.png) no-repeat; width: 18px;height: 18px;background-size: 18px;}

.rjjt .xbtj {background-color:#f5f5f5;word-break:break-all;font-size:13px;padding:10px;border:1px solid #0b96f5;margin:5px 0;border-radius: 8px;}
.rjjt .xbtj p.bt {height:30px;background:none;line-height:30px;color:rgb(255,0,0);font-weight:bold;border:none;}
.rjjt .xbtj p.cont {line-height:30px;text-indent:2em;color:#333;}

.feedback-shade{z-index: 9999;background-color: rgb(0, 0, 0);opacity: 0.3;width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.feedback-box {width:468px;height:400px;color: #051433;background:#fff;border-radius:8px;position:fixed;z-index:9999;top:50%;left:50%;margin:-200px 0 0 -234px;box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);}
.feedback-box .feedback-title{background:#0b96f5;padding: 0 18px;line-height: 40px;color: #fff;font-size:18px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.feedback-box .feedback-title span {position: absolute;right: 18px;top: 8px;font-size: 0;line-height: initial;background: url(../images/icon_x.png) no-repeat; width: 24px;height: 24px;background-size: 24px;cursor:pointer;}
.feedback-form{padding:10px 20px;}
.feedback-form .desc {font-style:normal;font-weight:700;font-size:100%;text-align:left;color:#545454;display:block;padding:6px 0 10px;}
.feedback-form .req {color:#ff7172!important;font-weight:bold;}
.feedback-form .oneByOne div span {display:inline-block;}
.feedback-form .oneByOne .content>span {padding:3px;}
.pretty-box input[type="radio"]+label,.pretty-box input[type="checkbox"]+label {position:relative;display:inline-block;padding-left:24px;line-height:30px;}
.pretty-box input[type="radio"]+label,.pretty-box input[type="checkbox"]+label {position:relative;display:inline-block;padding-left:24px;line-height:30px;}
.pretty-box input[type="radio"]+label:before,.pretty-box input[type="checkbox"]+label:before {content:" ";position:absolute;box-sizing:content-box;left:0;top:8px;width:14px;height:14px;border:1px solid;border-radius:50%;border-color:#6891e0;}
.pretty-box input[type="radio"],.pretty-box input[type="checkbox"] {position:absolute;clip:rect(0,0,0,0);left:0;width:0;}
.feedback-form textarea {width:100%;font-style:normal;font-weight:400;font-size:100%;text-align:inherit;color:#333;background-color:#ffffff;border-style:solid;border-width:1px;border-color:#b3b8c1;padding:5px 8px;height:60px;border:1px solid #ddd;box-sizing:border-box;font-size:14px;}
.pretty-box input[type="radio"]:checked+label:after {content:" ";position:absolute;box-sizing:content-box;left:3px;top:11px;width:10px;height:10px;border-radius:50%;background:#6891e0;}
.feedback-form .content input {font-style:normal;font-weight:400;font-size:100%;text-align:inherit;color:#333;background-color:#ffffff;border-style:solid;border-width:1px;border-color:#b3b8c1;padding:0 8px;height:30px;border:1px solid #ddd;box-sizing:border-box;width:200px;}
.pc-submit{text-align:center;}
.feedback-submit {background-color:#0b96f5;font-style:normal;font-weight:400;font-size:100%;text-align:center;color:#ffffff;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0);padding:7px 20px;margin-top:20px;box-sizing:border-box;border-radius: 5px;cursor:pointer;}
#cancelSubmit{background-color:#c3c0c0;margin-left:8px;}

.comment_list {  color:#2f2f2f;zoom:1; font-size:13px; overflow: hidden; margin-top:20px;}
.comment_list  h2 {  height:30px; padding:0px;margin-bottom:10px;border-bottom: 1px solid #ddd;font-size:16px; color:#444;font-weight:normal;}
.comment_list .cont1 { line-height:28px; height:28px; overflow:hidden; padding:0; }
.comment_list .cont1 i { font-family:verdana; font-style:normal; }
.comment_list .cont1 b { margin:0 6px; color:#d92227; font-weight: normal; }
.comment_list .cont1 span { float:left; }
.comment_list .cont1 em { float:right; font-style:normal; }
.comment_list .cont2{ word-wrap: break-word; line-height:20px; padding:10px 0px; margin:0; font-size: 14px;border-bottom: 1px dashed #e5e5e5;margin-bottom: 10px;color:#333;}
.comment_list .cont2 p { text-align:right; line-height:1; padding:5px 0; font-size: 12px; margin-top:10px; }
.comment_list .cont2 p a { color:#7e7e7e; margin-left:10px; }

.searchtxt{font-size: 16px;border-bottom: 1px solid #efefef;line-height: 6px;height:24px;}
.searchtxt p:before{display: inline-block; width: 18px; height: 18px;margin-right: 5px;vertical-align: middle; content:""; background: url(../images/search.png) no-repeat center;margin-top: -4px;}
.searchtxt p strong{color:#0b96f5}
.searchlist ul .item {position:relative;padding:20px 10px;border-bottom:1px dashed #ddd;box-sizing:border-box;}
.searchlist ul .item:hover {border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;box-shadow:0px 6px 23px 0px rgba(0,46,87,0.10);}
.searchlist ul .img {display:inline-block;width:60px;height:60px;vertical-align:top;}
.searchlist ul .img img {width:100%;height:100%;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;}
.searchlist ul .info {display:inline-block;position:relative;width:68%;margin-left:12px;vertical-align:top;margin-top: 4px;}
.searchlist ul .info .bt {display:block;font-size:18px;font-weight:400;color:#333;margin-bottom:10px;}
.searchlist ul .info .bt:hover {color:#0b96f5;}
.searchlist ul .info p {font-size:14px;color:#646566;}
.searchlist ul .info p span {margin-right:10px;}
.searchlist ul .info p span.site {display:inline-block;max-width:190px;vertical-align:top;}
.searchlist ul .item .btn {display:block;position:absolute;top:20px;right:10px;width:100px;height:34px;font-size:14px;line-height:34px;text-align:center;color:#0b96f5;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border:1px solid #0b96f5;opacity:1;}
.searchlist ul .item .btn:hover{color: #fff;border: 1px solid #57c2ff;box-shadow: 0px 4px 11px 0px rgba(0, 24, 138, 0.29);background: linear-gradient(294deg, #4285e3 0%, #0b96f5);}
.searchlist ul .item .intro {display: block;margin-top: 12px;line-height: 22px;}
.nosearch{min-height: 840px;}
.nosearch p{line-height: 18px;font-size: 16px;color: #333;margin: 30px 0;}
.down-tit{font-size: 16px;color: #333;font-weight: bold;margin-top: 10px;line-height: 28px;}
.down-tit img{display:inline-block;width:28px;vertical-align:top;margin-right: 10px;}
.filters{ /* width: 1200px; */padding: 20px 20px 10px;background: #fff;margin-bottom: 20px;}
.filters a{white-space: nowrap;text-align: center;color: #333;margin: 0 10px 10px 0;padding: 0 13px;height: 30px;line-height: 30px;border: 1px solid #eee;display:inline-block;vertical-align:top;}
.filters a.on,.filters a:hover{color: #fff;background: #0b96f5;border-color: #0b96f5;}
#page {clear: both;margin: 0px;height: auto;font-size: 15px;padding-top: 12px;padding-right: 10px;padding-left: 10px;padding-bottom: 36px;text-align: center;}
#page a.on {color: #fff;background-color: #0b96f5;border: 1px solid #0b96f5;}
#page a {box-shadow: 0px 0px 4px #f7f7f7;display: inline-block;height: 30px;line-height: 30px;padding: 0 12px;margin: 0 3px;color: #666;background-color: #fff;vertical-align: middle;font-size: 13px;text-decoration: none;border: 1px solid #dddddd;}
#page a:hover {display: inline-block;height: 30px;line-height: 30px;padding: 0 12px;margin: 0 3px;color: #fff !important;background-color: #0b96f5;vertical-align: middle;font-size: 15px;text-decoration: none;}
.eimg img{margin: 100px auto;display: block;width: 400px;}
.no-load{background: #ccc;color: #fff;font-size: 20px;line-height: 55px;}
.yAlert_bg{ display: none;background: rgba(0,0,0,.5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9998;}
.yAlert{width: 500px;position: fixed;height:240px;padding-bottom:10px;left: 50%;z-index: 9999;background: #fff;border-radius: 10px;overflow:hidden;top: 230px;display: none; margin-left: -250px;}
.yAlert_t{background: #0b96f5;font:16px/45px microsoft yahei;color:#fff;padding:0 15px;}
.yAlert_t span{float: right;font-size: 18px;width: 50px;text-align: center;cursor: pointer;}
.yAlert input,.yAlert .yAlert_bs,.yAlert .yAlert_br{width:80%;padding:0 10px;font:14px/40px microsoft yahei;border-radius: 5px;}
.yAlert input{border:#ccc 1px solid;display: block;margin:20px auto;height: 40px;overflow: hidden}
.yAlert input:focus{border:#0b96f5 1px solid}
.yAlert_b{border-top:#ddd 1px solid}
.yAlert .yAlert_bs,.yAlert .yAlert_br{font-size:16px;margin:10px auto;text-align: center}
.yAlert .yAlert_bs{background: #0b96f5;color:#fff;cursor: pointer;}
.yAlert .yAlert_br{border: #0b96f5 1px solid;color: #0b96f5;cursor: pointer;}
.yuyue-s-btn{display: block;width: 230px;height: 55px;line-height: 55px;font-size: 20px;color: #fff;background: #f6c686;float: right;border-radius: 10px;}
.ewm_box canvas{padding-top: 15px;}



.app_notice {width: 860px;padding: 0 16px 16px 16px;box-sizing: border-box;background: #fff;font-size: 15px;color: #666;margin-bottom: 20px;    height: 50px;}
.app_notice i {display: inline-block;float: left;line-height: 22px;height: 22px;letter-spacing: 0.5px;border-radius: 10px;background-color: #f76341;color: #fff;padding: 0 10px;margin-right: 10px;}
.app_notice span {max-width: 695px;display: inline-block;float: left;line-height: 24px;}

/*用户评论*/
.syDeReTitle span.scom_span {
    color: #a8a8a8;
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    text-align: right;
    padding-top: 15px;
    font-size: 14px;
}
.s_comment {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom:20px;
    box-sizing: border-box;
    border-bottom: 1px solid #f3fbfe;
}
.s_comment .nick_name {
    width: 100%;
    color: #444;
    line-height: 30px;
    display: inline;
}
.s_comment .nick_name input {
    border: 1px solid #ddd;
    text-indent: 6px;
    margin-left: 6px;
    border-radius: 4px;
    color: #444;
    height: 34px;
    vertical-align: middle;
    width: 260px;
    background-color: #fff;
}
.s_comment .code_name {
    width: 100%;
    color: #444;
    line-height: 30px;
    display: none;
}
.s_comment .code_name input {
    border: 1px solid #ddd;
    text-indent: 6px;
    border-radius: 4px;
    color: #444;
    height: 34px;
    vertical-align: middle;
    width: 100px;
    margin-right: 16px;
    background-color: #fff;
}
.s_comment .code_name input[type="image"] {
    border: none;
}
.s_comment .code_name span.tips {
    display: inline-block;
    color: #ff0000;
    margin-left: 20px;


}
.s_comment textarea {
    color: #444;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 3px 5px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    height: 170px;
    line-height: 20px;
    margin: 12px 0;
    font-family: "Microsoft YaHei";


}
.s_comment .comment_btn {
    display: none;
    text-align: left;
    margin-top: 20px;
}
.s_comment .comment_btn input {
    width: 200px;
    color: #fff;
    padding: 0;
    border-radius: 6px;
    margin-right: 26px;
    font-weight: bold;
    height: 42px;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 42px;
    border: 1px solid #05bf71;
    background: #05bf71;
    cursor: pointer;
}
.s_comment .comment_btn input.consel {
    border: 1px solid #686a6f;
    background: #686a6f;
}
/*璇勮鍒楄〃*/
.allComm_list {
    width: 100%;
    margin: 0 auto;
    float: left;
    padding: 8px 0 16px 0;
    box-sizing: border-box;
    border-top: 1px solid #e4f8ff;
}
.allComm_list dt {
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    background: #f3fbfe;
    color: #569659;
}
.allComm_list > dl {
    margin-top: 16px;
    width: 100%;
    float:left;
    padding: 10px 16px 0 16px;
    box-sizing: border-box;
    background: #f3fbfe;
}
.allComm_list  dl  dd {
    width: 100%;
    float: left;
    position: relative;
    word-wrap: break-word;
    line-height: 30px;
    color: #666;
    padding: 10px 0;
    border-bottom: 1px solid #e4f8ff;
}
.allComm_list dl dl {
    width: 100%;
    border-top: 1px solid #fff;
    box-sizing: border-box;
    background-color: #f3fbfe;
    padding: 10px 0 4px 16px;
    margin-top: 0px;
    float: left;
}
.allComm_list dl dl dt {
    width: 100%;
    margin: 0 auto;
    color: #777
}
.allComm_list dl dl dd {
    width: 100%;
    margin: 0 auto;
    color: #444;
    position: relative;
    line-height: 30px;
    padding-left: 0px;
    box-sizing: border-box;
}
.allComm_list .cml_content {
    line-height: 24px;
    color: #444;
}
.allComm_list .plreply {
    float: right;
    line-height: 26px;
}
.allComm_list .plreply span em {
    color: #999;
    margin-left: 4px;
}
.allComm_list .plreply span.active em {
    color: #fa3939;
}
.allComm_list .plreply span.glBtn {
    color: #e65c08;
    margin-left: 20px;
    cursor: pointer;
}
.allComm_list .plreply  span.dzbtn {
    float: left;
    padding-left: 24px;
    height: 20px;line-height: 22px;
    background: url(../images/dza.png) no-repeat left center;
    margin-top: 3px;
    background-size: contain;
    cursor: pointer;
    font-size: 14px;
    color: #999;
    margin-left: 18px;
}
.allComm_list .plreply  span.active {
    background: url(../images/dzb.png) no-repeat left center;
    color: #fa3939;
    background-size: contain;
}
.allComm_list dl dd:last-child {
    border-bottom: none;
}
.allComm_list dd img {
    margin-bottom: -5px;
}
.allComm_list dt i {
    font-family: verdana;
    font-weight: bold;
    font-style: normal;
    color: #358ff0;
    margin: 0 10px;
}
.allComm_list > dl > dt i {
    margin-left: 0;
}
.allComm_list dt b {
    color: #358ff0;
}
.allComm_list p {
    text-align: right;
    line-height: 1;
    padding: 5px 0;
    min-height: 16px;
}
.allComm_list p a {
    color: #e65c08;
    margin-left: 10px;
}
.allComm_list p a span {
    padding-left: 24px;
    line-height: 20px;
    background: url("../images/icon.png") -185px -868px no-repeat;
}
.allComm_list dt span {
    float: left;
}
.allComm_list dt em {
    float: right;
    color: #999;
    font-style: normal;
    font-size: 13px;
}
#ly_num {
    color: #ed6d0f
}
.disLoad {
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
}
.disLoad button  {
    border: 1px solid #358ff0;
    border-radius: 4px;
    line-height: 34px;
    width: 150px;
    margin: 0 auto;
    cursor: pointer;
    font-size: 15px;
    height: 36px;
    color: #358ff0;
    display: block;
}
.disLoad button  i{
    width: 12px;
    height: 10px;
    margin-left: 6px;
    display: inline-block;background: url(../images/icon.png) no-repeat -473px -67px;
}
.disLoad button:hover{
    border: 1px solid #358ff0;
    background-color: #358ff0;
    color: #fff;
}
.disLoad button:hover i{
    background-position:  -478px -97px;
}
.cmmts_input_wrap {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}
.cmmts_input {
    position: relative;
    padding: 9px 14px 53px;
    background: #e8f5fa;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 12px;
    border: 1px solid #fff;
}
.cmmts_input.focus {
    border-color: #358ff0;
}
.cmmts_textarea.expand {
    height: 67px;
}
.cmmts_textarea {
    display: block;
    border: 0;
    padding: 0 4px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 67px;
    width: 100%;
    height: 27px;
    font-size: 14px;
    line-height: 24px;
    color: #222;
    outline: none;
    resize: none;
    background: #e8f5fa;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}
.cmmts_footer {
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
    bottom: 14px;
}
.cmmts_button {
    border: none;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    background: #358ff0;
    border-radius: 3px;
    cursor: pointer;
    min-width: 94px;
    text-align: center;
}
.cmmts_button.disabled {
    opacity: .3;
    cursor: default;
}

