﻿
.detail-state {position: relative;height: 108px;padding-left: 15px;}
.detail-state .babel {position: absolute;display: inline-block;left: 0px;top: 0px;width: 32px;height: 108px;font-size: 16px;color: #ffffff;background-color: #ff901b;padding: 8px 8px 12px;font-weight: 600;}
.detail-state ul li {float: left;width: 60px;margin-left: 54px;cursor: pointer;}
.detail-state ul li img {margin-top: 10px;width: 60px;height: 60px;}
.detail-state ul li span {margin-top: 9px;display: inline-block;height: 20px;overflow: hidden;text-align: center;}
.detail-state ul li a {display: inline-block;background-color: #56b92f;width: 60px;height: 18px;font-size: 12px;color: #ffffff;text-align: center;line-height: 18px;display: none;margin-top: 9px;}
/*.right-nav ul li {
  width: 150px;
  background: #ffffff;
  border: 0px;
  font-size: 16px;
  color: #666666;
  height: 38px;
  line-height: 38px;
  cursor: pointer;}

.right-nav ul .active {
  border-bottom: 3px solid #55b82e;
  border-top: 0px;
  color: #55b82e;}*/

.right-nav_2 {position: relative;}
.right-nav_2 ul li {float: left;width: 149px;height: 40px;line-height: 40px;font-size: 16px;color: #666666;letter-spacing: 0;text-align: center;cursor: pointer;}
.right-nav_2 ul .ext {float: left;height: 35px;line-height: 35px;color: #dddddd;width: 1px;}
.right-nav_2 ul .active {border-bottom: 3px solid #55b82e;color: #55b82e;}
.detail-inter .dinter-head {font-size: 16px;color: #666666;line-height: 30px;height: 34px;border-bottom: 2px solid #666666;}
.detail-inter ul li {padding-top: 20px;height: 110px;}
.detail-inter ul li a {text-decoration: none;}
.detail-inter ul li img {float: left;width: 120px;height: 90px;margin-right: 10px;}
.detail-inter ul li .dinter-title {font-size: 16px;color: #555555;letter-spacing: 0;text-align: left;font-weight: 600;margin-bottom: 12px;height: 22px;overflow: hidden;line-height: 22px;}
.detail-inter ul li .dinter-title:hover {color: #14A218;}
.detail-inter ul li .desc {font-size: 12px;color: #999999;height: 51px;line-height: 17px;overflow: hidden;}
.detail-inter ul li .desc:hover {text-decoration: none;}
.list-hot .list-hot-nav {position: relative;}
.list-hot .list-hot-nav ul li {float: left;width: 149px;height: 40px;line-height: 40px;font-size: 16px;color: #666666;letter-spacing: 0;text-align: center;cursor: pointer;}
.list-hot .list-hot-nav ul .ext {float: left;height: 35px;line-height: 35px;color: #dddddd;width: 1px;}
.list-hot .list-hot-nav ul .active {border-bottom: 3px solid #55b82e;color: #55b82e;}
.list-hot .list-hot-cont ul {display: none;}
.list-hot .list-hot-cont ul li {float: left;height: 20px;line-height: 20px;width: 150px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-hot .list-hot-cont ul li img {width: 16px;height: 16px;margin-right: 7px;}
.list-hot .list-hot-cont .keywords a {display: inline;height: 30px;font-size: 12px;line-height: 30px;}
.hot-week {position: relative;width: 300px;}
.hot-week>p {font-size: 16px;color: #666666;height: 38px;line-height: 38px;border-bottom: 1px solid #dddddd;}
.hot-week ul li {height: 60px;margin-top: 12px;}
.hot-week ul li img {float: left;width: 60px;height: 60px;margin-right: 10px;}
.hot-week ul li> a span {font-weight: 600;font-size: 14px;color: #555555;letter-spacing: 0;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;width: 230px;}
.hot-week ul li p {margin: 6px 0px 0px;font-size: 12px;letter-spacing: 0;text-align: left;line-height: 18px;overflow: hidden;float: left;width: 230px;height: 36px;}
.hot-week ul .new-li {height: 30px;}
.hot-week ul .new-li .num {float: left;display: block;background: #f12525;border-radius: 3px;width: 16px;height: 16px;color: #ffffff;text-align: center;line-height: 16px;margin: 7px 10px 7px 0px;}
.hot-week ul .new-li > a {display: inline-block;width: 65%;line-height: 30px;height: 30px;overflow: hidden;text-decoration: none;color: #555555;}
.hot-week ul .new-li .time {line-height: 30px;float: right;font-size: 12px;color: #666666;}
/*左部内容*/
.xzinfo {position: relative;width: 100%;}
.xzinfo .title {position: relative;height: 64px;padding-left: 24px;border: 1px solid #e1e1e1;}
.xzinfo .title h1 {float: left;height: 64px;line-height: 64px;font-size: 20px;color: #555555;width: 700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xzinfo .title p {float: right;height: 64px;line-height: 64px;margin-right: 20px;}
.xzinfo .title p span {color: red;}
.xzinfo .mid-title {font-size: 20px;margin-top: 20px;}
.xzinfo .pl0 {padding-left: 0px !important;}
.xzinfo .soft-info {padding-left: 20px;border: 1px solid #e1e1e1;}
.xzinfo .soft-info .ct-lh240 {text-align: center;line-height: 240px;}
.xzinfo .soft-info .soft-text {position: relative;width: 540px;margin-top: 14px;}
.xzinfo .soft-info .soft-text ul {float: left;}
.xzinfo .soft-info .soft-text ul li {float: left;width: 270px;height: 24px;line-height: 24px;font-size: 14px;color: #555555;margin-bottom: 4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xzinfo .soft-info .soft-text ul .detail {width: 515px;height: 72px;white-space: normal;overflow: hidden;}
.xzinfo .soft-info .soft-text ul .mt30 {margin-top: 30px;}
.xzinfo .soft-info .soft-text ul li em {float: left;font-style: normal;padding-right: 15px;}
.xzinfo .soft-info .soft-text ul li .star-bar-md {float: left;margin-right: 10px;}
.xzinfo .soft-info .soft-text ul li .star-num {float: left;font-size: 20px;color: #ff8306;line-height: 22px;margin-right: 4px;}
.xzinfo .soft-info .soft-text .soft-btn {margin-top: 10px;float: left;}
.xzinfo .soft-info .soft-text .soft-btn .soft-tags {width: 540px;}
.xzinfo .soft-info .soft-text .soft-btn .soft-tags span {display: inline-block;text-align: center;border-radius: 4px;width: 48px;height: 20px;color: #ffffff;font-size: 12px;line-height: 20px;margin-right: 8px;}
.xzinfo .soft-info .soft-text .soft-btn .soft-down-area {margin-top: 10px;}
.xzinfo .soft-info .soft-text .soft-btn .soft-down-area .soft-down {float: left;margin-right: 20px;}
.xzinfo .soft-info .soft-text .soft-btn .down-btn {width: 180px;height: 65px;background: url(../../images/icon_down_20200518.png) 0 7px;display: block;padding: 38px 0 0 56px;color: #fff;border-radius: 10px;background-color: #2196F3;}
.xzinfo .soft-info .soft-text .soft-btn .down-btn:hover {background-color: #008eff;text-decoration: none;}
.xzinfo .soft-info .soft-text .soft-btn .down-btn span {display: inline-block;width: 112px;text-align: center;font-size: 10px;color: #ffffffb8;position: absolute;}
.xzinfo .soft-info .soft-text .soft-btn .hspeed {background-position: 0px -56px;background-color: #55b82e;}
.xzinfo .soft-info .soft-text .soft-btn .hspeed:hover {background-color: #4CAF50 !important;}
.xzinfo .soft-info .soft-img {position: relative;width: 318px;height: 240px;}
.xzinfo .soft-info .soft-img img {width: 318px;height: 240px;}
.xzinfo .soft-info .soft-img .bg {position: absolute;right: 0;bottom: 0;padding: 3px 5px;color: #fff;background: #999;opacity: .7;cursor: pointer;}
.soft-ess {width: 880px;}
.soft-ess .ess-cnt {width: 800px;margin: 10px 0px 0px 40px;}
.soft-ess .ess-cnt .fs22 {font-size: 18px;margin: 10px 0px;}
.soft-ess .ess-cnt .mg6 {margin: 6px 10px;}
.soft-ess .ess-cnt a {color: #14A218}
.soft-ess .ess-cnt p {padding-bottom: 15px;}
.soft-ess .ess-cnt img {vertical-align: middle;max-width: 660px;margin: 0 auto;margin-bottom: 10px;display: block;}
.soft-ess .ess-cnt li {list-style-type: disc;margin-left: 20px;}
.ess-title {margin-left: 20px;position: relative;overflow: hidden;}
.ess-title .mark {float: left;border-left: 4px solid #45b823;padding: 1px 0px 0px 8px;font-size: 16px;height: 20px;line-height: 20px;overflow: hidden;}
.ess-title a {float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ess-cnt {line-height: 24px;overflow: hidden;word-wrap: break-word;word-break: break-all;font-size: 14px;}
.ess-cnt h3 {background-color: #F8F8F8;font-size: 14px;padding: 1px 8px;margin-bottom: 10px;border-left: 2px solid #45B823;}
.soft-keys {width: 840px;height: 48px;line-height: 48px;background: #f9f9f9;border: 1px solid #e1e1e1;margin: 0 auto;padding-left: 12px;}
.soft-keys span {color: #999999;}
.soft-keys a {padding: 4px 8px;font-weight: normal;font-size: 14px;}
/*sinter*/
.soft-interest ul li {float: left;width: 217px;height: 86px;padding: 2px 0px 0px 17px;margin-top: 20px;}
.soft-interest ul li .sinte-left {width: 48px;height: 84px;float: left;margin-right: 10px;}
.soft-interest ul li .sinte-left img {width: 48px;height: 48px;margin-bottom: 10px;}
.soft-interest ul li .sinte-left a:nth-child(2) {display: inline-block;background-color: #55b82e;width: 48px;height: 17px;line-height: 17px;text-align: center;color: #ffffff;font-size: 12px;}
.soft-interest ul li .sinte-right .sinte-title {font-size: 14px;color: #555555;height: 20px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.soft-interest ul li .sinte-right .sinte-title:hover {color: #14A218;text-decoration: underline;}
.soft-interest ul li .sinte-right .sinte-text {overflow: hidden;height: 40px;font-size: 12px;line-height: 20px;margin-top: 2px;}
.soft-interest ul li .sinte-right span {display: block;font-size: 12px;color: #b7b6b6;height: 17px;line-height: 17px;}
.soft-interest ul li .sinte-right .psinte-text {margin-top: 4px;font-size: 12px;color: #999999;line-height: 18px;}
.course-relate ul li {float: left;width: 260px;margin-left: 20px;margin-right: 12px;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*下载区*/
.sdown-area {margin-top: 10px;border-bottom: none;}
.sdown-item {position: relative;padding: 0 0 20px 116px;min-height: 30px;width: 555px;}
.sdown-item .til {position: absolute;left: 20px;top: 13px;font-size: 14px;}
.sdown-item .needfast {position: absolute;left: 20px;top: -8px;color: #55b82e;}
.sdown-btns a {float: left;width: 160px;padding-left: 45px;height: 36px;border-radius: 4px;margin-top: 15px;margin-right: 20px;line-height: 36px;border: 1px solid #e1e1e1;background: #fff url(../../images/main_2019.png) no-repeat 0px -328px;}
.down-group a.down-btn3, .down-group a.down-btn4, .down-group a.down-btn5, .down-group a.down-btn6 {background-position: -165px -218px;background-color: #fff;color: #333;border: 0;}
.down-group a {background-position: 0px -280px;border-color: #f39609;background-color: #f39609;color: #fff;}
.lis-lists {margin-right: 50px;overflow: hidden;}
.lis-lists li {float: left;width: 200px;margin-right: 20px;line-height: 30px;height: 30px;overflow: hidden;word-break: break-all;}
.more-lis {position: absolute;right: 10px;top: 20px;height: 10px;width: 10px;background: url(../../images/main_2018.png) no-repeat -1px -300px;}
.more-lis-open {background-position: -10px -291px;}
.cweek-hot > p {font-size: 16px;color: #666666;line-height: 22px;height: 22px;}
.cweek-hot .cslide-cont ul {display: none;clear: both;}
.cweek-hot .cslide-cont ul li {float: left;width: 88px;margin-right: 12px;margin-top: 20px;}
.cweek-hot .cslide-cont ul li img {width: 88px;height: 88px;margin-bottom: 10px;}
.cweek-hot .cslide-cont ul li p {text-align: center;height: 20px;line-height: 20px;font-size: 14px;color: #555555;overflow: hidden;}
.cweek-hot .slide-nav {position: relative;clear: both;text-align: center;}
.cweek-hot .slide-nav ul {display: inline-block;}
.cweek-hot .slide-nav ul li {margin: 0px 3px;}
/*cdetail-left*/
.cdetail-title {margin-top: 22px;text-align: center;}
.cdetail-title h1 {text-align: center;height: 36px;line-height: 36px;font-size: 25px;color: #555555;overflow: hidden;padding: 0px 20px;}
.cdetail-title ul {margin: 4px auto 0px;display: inline-block;}
.cdetail-title ul li {font-size: 12px;color: #888888;float: left;margin: 0px 15px;height: 17px;line-height: 17px;}
.cdetail-soft {position: relative;text-align: center;}
.cdetail-soft ul {position: relative;display: inline-block;background: #f8f8f8;border: 1px solid #E1E1E1;margin: 20px auto 10px;}
.cdetail-soft ul li {float: left;width: 420px;padding: 20px 20px 20px 20px;height: 150px;overflow: hidden;}
.cdetail-soft ul li .csoft-left {float: left;margin-right: 20px;}
.cdetail-soft ul li .csoft-left img {width: 110px;height: 110px;border-radius: 4px;}
.cdetail-soft ul li .csoft-right {float: left;width: 247px;}
.cdetail-soft ul li .csoft-right>a {float: left;display: inline-block;background: #55b82e;width: 80px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;color: #ffffff;}
.cdetail-soft ul li .csoft-right .csoft-head a {display: block;text-align: left;font-size: 16px;color: #555555;font-weight: 600;height: 21px;line-height: 21px;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 2px;}
.cdetail-soft ul li .csoft-right .csoft-head a:hover {color: #55b82e;}
.cdetail-soft ul li .csoft-right .csoft-text {text-align: left;width: 247px;font-size: 13px;color: #999999;line-height: 17px;overflow: hidden;height: 34px;margin-bottom: 7px;margin-top: 15px;}
.cdetail-soft ul li .csoft-right span {float: right;display: inline-block;line-height: 17px;font-size: 12px;color: #999999;}
.cdetail-like {margin-left: 20px;margin-bottom: 10px;}
.cdetail-like ul li {float: left;width: 205px;height: 150px;padding: 12px 0px 0px 55px;margin: 0px 7px 7px 0px;border: 1px solid #e1e1e1;border-radius: 6px;background: #f8f8f8;}
.cdetail-like ul li img {width: 96px;height: 96px;margin-bottom: 10px;border-radius: 20px;}
.cdetail-like ul li p {width: 96px;font-size: 14px;color: #333333;height: 20px;line-height: 20px;text-align: center;overflow: hidden;}
.bdsharebuttonbox {width: 166px;margin: 0px auto;}
.rigSide-title {background: #fbfbfb;border-bottom: 1px solid #ddd;height: 30px;position: relative;}
.rigSide-title .hot {float: left;position: relative;border-style: solid;border-width: 2px 1px 0;border-color: #45B823 #ddd #ddd #ddd;background: #fff;padding: 0 10px;line-height: 29px;font-size: 14px;font-weight: bold;
 *position: absolute;
 *left: 0;
 *top: 0;}
.rigSide-title .more {position: absolute;right: 5px;top: 0;line-height: 30px;}
.rigSide-list li {border-bottom: 1px solid #eee;padding: 10px 0 10px 58px;position: relative;}
.rigSide-list .name {font-size: 14px;display: block;height: 23px;line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;_width: 180px;margin-top: 0px;color: #666;text-decoration: none;}
.rigSide-list .ico {position: absolute;width: 48px;height: 48px;overflow: hidden;left: 0;top: 10px;}
.rigSide-list .ext {line-height: 17px;color: #999;}
/*相关教程*/
.sider-title {background: #fbfbfb;border-bottom: 1px solid #ddd;height: 30px;position: relative;}
.sider-title .mark {float: left;position: relative;border-style: solid;border-width: 2px 1px 0;border-color: #45B823 #ddd #ddd #ddd;background: #fff;height: 29px;padding: 0 10px;line-height: 29px;font-size: 14px;font-weight: bold;
 *position: absolute;
 *left: 0;
 *top: 0;}
.sider-title .more {position: absolute;right: 5px;top: 0;line-height: 30px;}
.more-jc {position: absolute;right: 3px;top: 4px;background: #45B823;color: #fff;width: 60px;height: 21px;line-height: 21px;text-align: center;}
.more-jc:hover {color: #fff;}
.jc-guide-box {border: 1px solid #eee;border-top: none;}
.jc-guide-box .first {font-size: 14px;font-weight: bold;height: 36px;line-height: 36px;display: block;padding-left: 10px;background: url(../../images/jc_arr.png) no-repeat right -6px;position: relative;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.guide-current .first {background-position: right -44px;}
.guide-current .first i {display: block;width: 11px;height: 6px;overflow: hidden;background: url(../../images/jc_arr.png) no-repeat 0 0;position: absolute;left: 20px;bottom: -1px;_bottom: -2px;}
.guide-item {border-bottom: 1px solid #ddd;}
.child-list {display: none;border-top: 1px solid #eee;}
.child-list .item {border-bottom: 1px solid #eee;margin-bottom: -1px;}
.child-list .til {display: block;height: 30px;line-height: 30px;padding-left: 20px;color: #666;background: url(../../images/jc_arr.png) no-repeat 10px -85px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 10px;}
.child-list .cur {font-weight: bold;color: #45B823;}
.guide-current .child-list {display: block;}
/*相关app下载*/
.wtab {float: left;height: 28px;margin-left: 10px;line-height: 28px;border-bottom: none;}
.ico_apk {padding-left: 26px;background: #fff url(../../images/icon_2016.png) no-repeat -1px -303px;}
.ico_ipa {padding-left: 26px;background: #fff url(../../images/icon_2016.png) no-repeat -1px -330px;}
/*软件详情提示*/
.soft-tips {background: #FFFDF6;border: 1px solid #E7D69D;padding: 8px;overflow: hidden;color: #D20000;margin: 10px 0;}
.soft-tips a {color: #14A218;text-decoration: underline;}
.soft-tips p {line-height: 20px;}
#hist_wrap {height: 72px;}

.ztpage {line-height: 40px;padding-left: 20px;padding-top: 10px;}
.ztpage a {color: #0AB068;margin-right: 10px;}
.graybtn {width:180px;height:65px;display:block;color:#fff;border-radius:10px;background-color:#AAA;float:left;line-height:65px;text-align:center;font-size:18px;}
