/***<jscompress sourcefile="common.css" />*/
/* yui3 reset.css */
/***<jscompress sourcefile="download.css" />*/
/*锛�
 *鏂扮偣鏍囨ˉ涓嬭浇涓績
 *date:2017-05-26
 *author: xlb;
 */
/* .banner {
	height:280px;
	background: url("../../images/download/banner.jpg");
} */
/***<jscompress sourcefile="downloaddetail.css" />*/
/*！
 *新点标桥下载中心
 *date:2017-05-26
 *author: xlb;
 */
/***<jscompress sourcefile="downloadlist.css" />*/
/*！
 *新点标桥下载中心
 *date:2017-05-26
 *author: xlb;
 */
/***<jscompress sourcefile="pagecommon.css" />*/
/*公共尾部 bottom*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal
}

ol,ul {
    list-style: none
}

a {
    text-decoration: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,q:after {
    content: ''
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

legend {
    color: #000
}

iframe {
    display: block
}

body {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #333
}

select,input,button,textarea {
    font: 99% arial,helvetica,clean,sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

pre,code,kbd,samp,tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix {
    *zoom:1}

.clearfix:before,.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.l {
    float: left!important
}

.r {
    float: right!important
}

.hidden {
    display: none!important
}

.invisible {
    visibility: hidden!important
}

.row {
    overflow: hidden
}

.ml10 {
    margin-left: 10px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.ellicape {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

::-ms-clear,::-ms-reveal {
    display: none
}

/*! grid system 24栅格 998px */
.container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.row {
    overflow: hidden
}

.span20 {
    width: 1200px;
    float: left
}

.span19 {
    width: 1139px;
    float: left
}

.span18 {
    width: 1078px;
    float: left
}

.span17 {
    width: 1017px;
    float: left
}

.span16 {
    width: 956px;
    float: left
}

.span15 {
    width: 895px;
    float: left
}

.span14 {
    width: 834px;
    float: left
}

.span13 {
    width: 773px;
    float: left
}

.span12 {
    width: 712px;
    float: left
}

.span11 {
    width: 651px;
    float: left
}

.span10 {
    width: 590px;
    float: left
}

.span9 {
    width: 529px;
    float: left
}

.span8 {
    width: 468px;
    float: left
}

.span7 {
    width: 407px;
    float: left
}

.span6 {
    width: 346px;
    float: left
}

.span5 {
    width: 285px;
    float: left
}

.span4 {
    width: 224px;
    float: left
}

.span3 {
    width: 163px;
    float: left
}

.span2 {
    width: 102px;
    float: left
}

.span1 {
    width: 41px;
    float: left
}

.box {
    min-width: 1200px;
    background: #fff;
    overflow: hidden
}

.us-info {
    overflow: hidden;
    background: #696969;
    height: 280px
}

.info-list {
    margin-top: 35px
}

.info-item {
    width: 115px;
    margin: 0 38px;
    float: left;
    height: 215px
}

.us {
    width: 244px;
    margin: 0;
    border-right: 1px solid #9a9a9a
}

.hot-service {
    color: #d9d9d9;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

.contact-way {
    display: inline-block;
    margin: 7px 0;
    height: 21px;
    line-height: 21px;
    color: #d9d9d9
}

.telephone {
    padding-left: 40px;
    background: url("../../images/download/phone.png") left center no-repeat
}

.QQ {
    padding-left: 40px;
    margin: 0;
    height: 35px;
    line-height: 35px;
    background: url("../../images/download/qq.png") 3px center no-repeat
}

.xl,.tx,.offical {
    padding-left: 34px
}

.xl {
    background: url("../../images/download/xl-weibo.png") left center no-repeat
}

.tx {
    background: url("../../images/download/tx-weibo.png") left center no-repeat
}

.offical {
    background: url("../../images/download/echarts.png") left center no-repeat
}

.footer {
    background: #424242;
    height: 44px;
    padding: 18px 0
}

.footer-list {
    width: 230px;
    margin: 0 auto
}

.my-info {
    text-align: center;
    color: #a4a4a4
}

.footer-list a {
    display: block;
    width: 75px;
    text-align: center;
    color: #a4a4a4
}

.map,.reponsibility {
    border-right: 1px solid #a4a4a4
}

.top-black {
    height: 64px;
    background-color: #000919
}

.top-black>.container {
    overflow: visible;
    position: relative
}

.top-list {
    margin-right: 93px
}

.top-item {
    float: left;
    font-size: 16px
}

.top-item>a {
    padding: 21px 12.5px;
    color: #fff;
    line-height: 22px;
    display: block
}

.top-item:hover {
    background: url("../../images/download/opacity.png")
}

.search-area {
    margin-top: 15px;
    height: 32px;
    background-color: #fff
}

.lesson {
    width: 65px;
    margin: 6px 0;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    color: #333;
    outline: 0;
    border: 0;
    border-right: 1px solid #26a4e3;
    padding-left: 5px
}

.search-lesson-over {
    width: 130px;
    height: 20px;
    margin: 6px 0;
    overflow: hidden;
    border-left: 1px solid #26a4e3
}

.search-lesson {
    border: 0;
    width: 150px;
    margin-top: -3px;
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    outline: 0;
    vertical-align: middle
}

.search-btn {
    width: 43px;
    height: 32px;
    background: url("../../images/download/fdj.png") center center no-repeat;
    background-color: #26a4e3
}

.learn-item>a {
    color: #fff;
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 10px
}

.login-name {
    display: inline-block;
    width: 70px;
    color: #fff;
    margin: 20px 10px 0 10px
}

.login-pic {
    cursor: pointer;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-top: 10px
}

.find-box {
    position: absolute;
    z-index: 101;
    top: 54px;
    left: 0
}

.find-lesson>.find-box {
    display: none
}

.find-lesson:hover>.find-box {
    display: block
}

.arrow {
    display: block;
    margin-left: 345px;
    width: 14px;
    height: 10px;
    background: url("../../images/download/arrow.png")
}

.lesson-choose {
    font-size: 14px;
    z-index: 1;
    background: url("../../images/download/opacity-black.png") repeat;
    height: 367px;
    overflow: hidden
}

.lesson-choose-item {
    width: 205px;
    margin: 0 auto;
    padding: 0 10px;
    overflow: hidden
}

.about {
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0 0 10px
}

.class-list {
    width: 205px;
    border-bottom: 1px solid #7c9794;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 10px
}

.lesson-choose-item:hover,.lesson-choose-item.active {
    background: #fff;
    height: 74px
}

.lesson-choose-item:hover a,.lesson-choose-item:hover>.about,.lesson-choose-item.active a,.lesson-choose-item.active>.about {
    color: #333
}

.lesson-choose-item:hover>.class-list,.lesson-choose-item.active>.class-list {
    border-bottom: 0
}

.lesson-choose-item:hover>.lesson-content,.lesson-choose-item.active>.lesson-content {
    display: block
}

.class-in>a {
    display: block;
    line-height: 23px;
    color: #fff;
    margin: 0 10px
}

.last-item {
    border: 0!important
}

.lesson-content {
    width: 977px;
    height: 367px;
    position: absolute;
    top: 0;
    display: none;
    margin-left: 213px
}

.link-lesson {
    margin-left: 1px;
    height: 367px;
    margin-top: 10px;
    background: #fff
}

.list {
    overflow: hidden
}

.item {
    margin: 0 50px;
    width: 600px;
    overflow: hidden;
    border-bottom: 1px dashed #eee;
    height: 50px
}

.item-title {
    color: #1cadee;
    font-weight: bold;
    line-height: 50px;
    width: 105px;
    padding-left: 5px
}

.child-item {
    display: block;
    float: left;
    margin: 0 25px;
    line-height: 50px;
    color: #333
}

.recommend {
    width: 205px;
    margin-right: 20px;
    margin-top: 15px;
    position: relative;
    height: 367px;
    overflow: hidden
}

.recommend-lesson {
    height: 35px;
    line-height: 35px;
    color: #4fb9f0;
    margin-bottom: 10px
}

.recommend>a {
    display: block;
    color: #666;
    line-height: 30px
}

.recommend>a:hover {
    color: #fca34d
}

.bq-class {
    position: absolute;
    bottom: 40px
}

::-webkit-input-placeholder {
    color: #b8b8b8
}

:-moz-placeholder {
    color: #b8b8b8
}

::-moz-placeholder {
    color: #b8b8b8
}

:-ms-input-placeholder {
    color: #b8b8b8
}

.placeholder {
    color: #b8b8b8
}

.chosen-container {
    float: left
}

.chosen-container-single .chosen-search {
    display: none
}

.chosen-container-active .chosen-single {
    box-shadow: none
}

.top-black .search-area>.chosen-container-single .chosen-single {
    padding: 0 0 0 13px
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 0
}

.chosen-container .chosen-drop {
    border: 0
}

.chosen-container-single .chosen-single div b {
    background: url("../../images/download/select-down.png") no-repeat 4px center
}

.chosen-container-single.chosen-with-drop .chosen-single div b {
    background: url("../../images/download/select-up.png") no-repeat 4px center
}

.top-black .search-area .chosen-container .chosen-results li {
    padding: 5px 6px 5px 13px
}

.nologin {
    margin-left: 10px
}

.nologin>a {
    color: #fff;
    margin: 10px 0 10px 0;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle
}

.nologin>img {
    vertical-align: middle
}

.top-black .link-area>.logined,.top-black .userpanel {
    position: relative;
    cursor: pointer;
    z-index: 5555
}

.top-black .link-area>.logined>.loginout,.top-black .userpanel>.loginout,.indexPage .link-area>.logined>.loginout {
    display: none;
    position: absolute;
    top: 47px;
    padding-top: 18px
}

.top-black .userpanel>.loginout {
    top: 18px
}

.top-black .link-area>.logined:hover>.loginout,.top-black .userpanel:hover>.loginout,.indexPage .link-area>.logined:hover>.loginout {
    display: block
}

.top-black .link-area>.logined .user-box,.top-black .userpanel>.loginout>.user-box,.indexPage .link-area>.logined .user-box {
    padding: 0 10px;
    width: 211px;
    height: 125px;
    background: url("../../images/download/user-box.png")
}

.top-black .link-area>.logined .user-info,.top-black .userpanel>.loginout .user-info,.indexPage .link-area>.logined .user-info {
    padding-bottom: 20px;
    border-bottom: 1px solid #afafaf
}

.top-black .link-area>.logined .loginout img,.top-black .userpanel>.loginout img,.indexPage .link-area>.logined .loginout img {
    display: block;
    width: 41px;
    height: 41px;
    margin: 20px 0 0 5px;
    border-radius: 50%
}

.top-black .link-area>.logined .loginout a.name,.top-black .userpanel>.loginout .user-info a.name,.indexPage .link-area>.logined .loginout a.name {
    margin-top: 20px
}

.top-black .link-area>.logined .loginout .user-info a,.top-black .userpanel>.loginout .user-info a,.indexPage .link-area>.logined .loginout .user-info a {
    display: block;
    color: #fff;
    margin-left: 13px
}

.user-btn {
    margin-top: 5px
}

.user-btn>a {
    display: block;
    float: left;
    width: 78px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff
}

.user-btn-center {
    border-right: 1px solid #a1a6aa
}

.order.top-black {
    height: 35px
}

.order.top-black .nameinfo {
    display: block;
    line-height: 35px;
    width: 130px;
    height: 35px;
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

.order.top-black .top-item {
    cursor: pointer;
    position: relative
}

.order.top-black .top-item:hover {
    background: 0
}

.order.top-black .top-item>a {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    color: #fff;
    font-size: 14px
}

.order.top-black .news-count {
    position: absolute;
    top: 4px;
    right: 2px;
    font-style: normal;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    line-height: 11px;
    text-align: center;
    font-size: 12px
}

.order.top-black .link-list {
    margin-right: -10px
}

.order.top-black .link-list>li {
    float: left
}

.order.top-black .link-list a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #fff;
    padding: 0 10px
}

.downlaod-center.box {
    background: #edf1f7
}

.downlaod-center .container {
    width: 1166px
}

.downlaod-center .top-black {
    height: 35px
}

.downlaod-center .name {
    display: inline-block;
    line-height: 35px;
    width: 150px;
    height: 35px;
    color: #848485;
    font-size: 14px
}

.downlaod-center .top-item {
    cursor: pointer;
    position: relative
}

.downlaod-center .top-item:hover {
    background: 0
}

.downlaod-center .top-item>a {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    color: #848485;
    font-size: 14px
}

.downlaod-center .news-count {
    position: absolute;
    top: 11px;
    right: -13px;
    font-style: normal;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    line-height: 13px;
    text-align: center;
    font-size: 12px
}

.downlaod-center .link-list {
    margin-right: -10px
}

.downlaod-center .link-list>li {
    float: left
}

.downlaod-center .link-list a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #fff;
    padding: 0 10px
}

.downlaod-center .head>.container {
    overflow: visible
}

.downlaod-center .head {
    height: 100px;
    background: #fff
}

.downlaod-center .logo>img {
    margin-top: 25px
}

.downlaod-center .logo-side-title {
    margin-top: -8px;
    padding-left: 80px
}

.downlaod-center .logo-side-title>span {
    margin: 0 10px;
    color: #2289d7;
    font-size: 16px
}

.downlaod-center .logo-right {
    margin: 17px 63px 0 55px
}

.downlaod-center .first-page {
    font-size: 18px;
    padding: 10px 8px;
    color: #333
}

.downlaod-center .first-page.active {
    border-bottom: 3px solid #31abff
}

.downlaod-center .choose-type {
    position: relative;
    height: 34px;
    margin: 10px 0 0 28px;
    padding: 0 2px
}

.downlaod-center .choose-type.active {
    border-bottom: 3px solid #31abff
}

.downlaod-center .choose-type>span {
    font-size: 18px;
    display: inline-block;
    padding-right: 25px;
    cursor: pointer;
    background: url("../../images/download/down.png") right center no-repeat
}

.downlaod-center .choose-type.down>span {
    background: url("../../images/download/up.png") right center no-repeat
}

.downlaod-center .choose-type.down>.choose-box {
    display: block
}

.downlaod-center .choose-box {
    display: none;
    position: absolute;
    background: #fff;
    top: 32px;
    width: 145px;
    padding: 7px 0;
    left: -20px;
    border: 1px solid #e2e6eb;
    font-size: 13px;
    z-index: 5555
}

.downlaod-center .choose-box>a {
    display: block;
    padding-left: 17px;
    line-height: 30px;
    height: 30px;
    color: #333
}

.downlaod-center .choose-box>a:hover {
    color: #ff7800
}

.downlaod-center .search-software {
    margin: 30px 52px 0 0
}

.downlaod-center .software-box {
    border: 1px solid #57a2e8;
    height: 27px;
    padding: 3px 0;
    width: 288px;
    overflow: hidden
}

.downlaod-center .software-box>input {
    padding-left: 6px;
    width: 310px;
    height: 27px;
    border: 0;
    outline: 0;
    line-height: 27px;
    vertical-align: middle
}

.downlaod-center .software-btn {
    float: left;
    width: 76px;
    height: 35px;
    background: url("../../images/download/fdj.png") center center no-repeat;
    background-color: #57a2e8
}

.downlaod-center .software-btn:hover {
    background-color: #31abff
}

.downlaod-center .download-login {
    margin: 33px 0 0 0
}

.downlaod-center .download-login>a {
    float: left
}

.downlaod-center .login-btn {
    width: 68px;
    height: 28px;
    border-radius: 4px;
    background: #92cd35;
    line-height: 28px;
    text-align: center;
    color: #fff
}

.downlaod-center .login-btn:hover {
    background: #ff8d31
}

.downlaod-center .send-coin {
    display: block;
    margin-left: 12px;
    border: 1px solid #92cd35;
    border-radius: 4px;
    width: 150px;
    height: 26px;
    line-height: 26px;
    color: #92cd35;
    text-align: center
}

.downlaod-center .send-coin:hover {
    border: 1px solid #ff8d31;
    color: #ff8d31
}

.downlaod-center.footer {
    height: 298px;
    padding: 0
}

.downlaod-center>.container>.my-info {
    margin-bottom: 5px
}

.downlaod-center.footer .hot-service,.downlaod-center.footer .contact-way {
    color: #fff
}

.downlaod-center.footer .telephone,.downlaod-center.footer .QQ {
    padding-left: 0;
    background: 0
}

.downlaod-center.footer .telephone {
    font-weight: bold
}

.downlaod-center.footer .info-item {
    width: 115px;
    margin: 0 24px 0 52px;
    float: left;
    height: 215px
}

.downlaod-center.footer .contact-way {
    font-size: 12px;
    display: block
}

.downlaod-center.footer .contact-way:hover {
    color: #ec6e00
}

.downlaod-center.footer .hot-service {
    margin-bottom: 15px
}

.downlaod-center.footer .info-list {
    margin-top: 12px
}

.downlaod-center.footer .QQ {
    line-height: 21px;
    height: 21px
}

.downlaod-center.footer>.all-black {
    padding-top: 25px;
    background: #1f2024;
    height: 200px
}

.downlaod-center.footer>.bottom {
    padding: 17px 0;
    height: 40px;
    background: url("../../images/download/bottom-row02-bg.png")
}

.downlaod-center.footer>.bottom .my-info {
    margin-bottom: 5px
}

.container-tool {
    width: 980px;
    margin: 0 auto
}

.row {
    overflow: hidden
}

.clear-arrow .header {
    height: 68px;
    line-height: 68px;
    background-color: #fff
}

.clear-arrow .logo-area {
    width: 504px
}

.clear-arrow .logo-area img {
    display: block;
    margin: 12px 0 0 20px
}

.clear-arrow .nav a {
    color: #666;
    float: left;
    font-size: 16px;
    padding: 0 20px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    border-top: 2px solid #fff
}

.clear-arrow .nav a:hover {
    color: #096dba
}

.clear-arrow .nav-active {
    color: #096dba!important;
    background-color: #e2eeff;
    border-top: 2px solid #4691de!important
}

.clear-arrow .home-page,.forum {
    letter-spacing: 3px
}

.login-name {
    display: inline-block;
    width: 70px;
    vertical-align: middle;
    color: #999;
    margin: 0 10px 0 15px
}

.login-pic {
    cursor: pointer;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 0
}

.attention-us .wximage {
    width: 100px;
    height: 100px;
    background: url(../../images/download/weix.jpg);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    position: absolute;
    margin: -10px 0 0 -10px;
    z-index: 999;
    display: none
}

.wximage {
    width: 100px;
    height: 100px;
    background: url(../../images/download/weix.jpg);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    position: absolute;
    margin: -35px 0 0 82px;
    z-index: 999;
    display: none
}

#weixin:hover>.wximage {
    display: block
}

.index-wrap .lessons-main {
    height: 280px
}

.index-wrap .banner {
    height: 278px;
    position: relative
}

.index-wrap .banner-bac {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.index-wrap .banner>.container {
    position: relative;
    height: 278px;
    z-index: 1;
    background: url("../../images/download/white-logo.png") left center no-repeat
}

.index-wrap .title {
    margin: 60px 0 0 685px;
    color: #fff;
    font-size: 28px;
    letter-spacing: 2px;
    padding-bottom: 70px;
    background: url("../../images/download/title-txt.png") left 52px no-repeat
}

.index-wrap .down-now {
    display: block;
    width: 108px;
    height: 52px;
    padding-left: 64px;
    background: url("../../images/download/download.png") 24px 14px no-repeat;
    background-color: #ffa838;
    border-radius: 4px;
    color: #fff;
    font-size: 21px;
    line-height: 52px;
    margin: 0 0 15px 685px
}

.index-wrap .describe>span {
    color: #fff;
    font-size: 12px
}

.index-wrap .describe {
    margin-left: 685px
}

.index-wrap .newest {
    display: inline-block;
    width: 120px
}

.index-wrap .all-type {
    margin-top: 20px;
    background: #fff;
    position: relative
}

.index-wrap .all-type>.list {
    padding-left: 10px;
    margin-top: 15px;
    margin-left: -3px
}

.index-wrap .software-item {
    float: left;
    cursor: pointer;
    font-size: 16px;
    padding: 0 15px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    height: 35px;
    line-height: 35px
}

.index-wrap .software-item.active {
    background: #31abff;
    font-weight: bold;
    color: #fff;
    border-radius: 5px
}

.index-wrap .all-country {
    width: 126px;
    text-align: center;
    padding-top: 25px;
    height: 41px;
    position: absolute;
    right: 0;
    z-index: 2;
    background: #fff
}

.index-wrap .all-country-txt {
    padding-right: 20px;
    font-size: 16px;
    color: #2289d7;
    cursor: pointer;
    background: url("../../images/download/country-down.png") right center no-repeat
}

.index-wrap .all-country.open {
    border: 1px solid #e2e6eb;
    border-bottom: 0;
    padding-top: 24px;
    width: 124px
}

.index-wrap .all-country.open>.all-country-txt {
    background: url("../../images/download/country-up.png") right center no-repeat
}

.index-wrap .all-country.open+.area-choose {
    display: block
}

.index-wrap .area-choose {
    border: 1px solid #e2e6eb;
    background: #fff;
    display: none
}

.index-wrap .area-choose {
    padding: 20px 18px;
    width: 540px;
    position: absolute;
    right: 0;
    top: 65px;
    z-index: 1
}

.index-wrap .province-item {
    margin: 10px 16px;
    float: left;
    cursor: pointer;
    text-align: center
}

.index-wrap #content-platform-wrap>span.active a {
    background: #31abff;
    color: #fff
}

.index-wrap .protype-item {
    margin: 10px 16px;
    float: left;
    cursor: pointer;
    text-align: center
}

.index-wrap .province-item.active {
    background: #31abff;
    font-weight: bold;
    color: #fff;
    border-radius: 3px
}

.index-wrap .cost {
    _height: 200px;
    min-height: 200px
}

.index-wrap .cost-software {
    width: 1176px;
    margin-top: 15px;
    margin-left: -5px
}

.index-wrap .cost-software>li {
    margin: 5px;
    width: 284px;
    height: 110px;
    background: #fff;
    cursor: pointer;
    float: left;
    border-bottom: 1px solid #e2e5ea
}

.index-wrap .cost-software>li>img {
    margin: 15px;
    float: left;
    display: block;
    width: 104px;
    height: 81px
}

.index-wrap .cost-software>li:hover .version {
    color: #2289d7
}

.index-wrap .icon {
    margin: 15px;
    float: left;
    display: block;
    width: 104px;
    height: 81px;
    border-radius: 5px;
    position: relative
}

.index-wrap .icon img {
    width: 100%;
    height: 100%
}

.index-wrap .icon .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27%;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #fbfbfb
}

.index-wrap .icon-right {
    margin: 18px 0 0 10px
}

.index-wrap .version {
    width: 120px;
    display: inline-block;
    word-break: break-all;
    text-align: left;
    line-height: 20px;
    height: 58px
}

.index-wrap .software-time {
    color: #999;
    display: block;
    height: 30px;
    line-height: 35px;
    font-size: 12px
}

.index-wrap .watch-more {
    display: block;
    text-align: center;
    height: 43px;
    line-height: 43px;
    background: #fff;
    margin: 5px 0 20px 0;
    color: #333;
    border-bottom: 1px solid #e2e5ea
}

.index-wrap .watch-more:hover {
    color: #2289d7
}

.index-wrap .province-list {
    position: relative;
    width: 1130px;
    margin: 10px auto 0 auto;
    border-top: 1px dashed #c8d1de;
    padding: 10px 0 20px 0;
    height: 47px;
    overflow: hidden
}

.index-wrap .country {
    width: 97px;
    height: 30px;
    float: left;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    cursor: pointer
}

.index-wrap .country.active {
    background: #31abff;
    font-weight: bold;
    color: #fff;
    border-radius: 5px
}

.index-wrap .province-list>.province {
    width: 940px;
    margin-left: 15px
}

.index-wrap .province-list.up {
    height: auto;
    overflow: visible
}

.index-wrap .province>li {
    width: 60px;
    height: 18px;
    line-height: 18px;
    margin: 6px 5px
}

.index-wrap .province>li>a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-align: center
}

.index-wrap .slide {
    position: absolute;
    right: 22px;
    top: 20px;
    float: right;
    margin-top: 5px;
    color: #509de7;
    padding-right: 22px;
    height: 16px;
    line-height: 16px;
    background: url("../../images/download/down1.png") right center no-repeat
}

.index-wrap .province-list.up .slide {
    background: url("../../images/download/up1.png") right center no-repeat
}

.index-wrap .wb-slider {
    position: relative;
    overflow: hidden;
    height: 278px
}

.index-wrap .wb-slider-conbox {
    overflow: hidden;
    height: 100%
}

.index-wrap .wb-slider-ctag {
    display: block;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%
}

.index-wrap .wb-slider-switcher {
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -60px;
    height: 30px
}

.index-wrap .wb-slider-stag {
    float: left;
    margin-right: 18px;
    height: 6px;
    width: 12px;
    background: url(../../images/download/banner-switch.png) no-repeat center;
    cursor: pointer
}

.index-wrap .wb-slider-stag.cur {
    width: 36px;
    background: url(../../images/download/banner-switch-active.png) no-repeat center
}

.index-wrap .dealplat-wrap {
    position: relative;
    width: 1130px;
    margin: 10px auto 0 auto;
    border-top: 1px dashed #c8d1de;
    padding: 10px 0 0 0
}

.index-wrap .dealplat-wrap .dealplat-title {
    width: 97px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    cursor: pointer
}

.index-wrap .dealplat-wrap .dealplat-con {
    margin-left: 107px
}

.index-wrap .tt-choose {
    background: url(../../images/download/down1.png) no-repeat right;
    padding-right: 20px
}

.index-wrap .tt-choose.up {
    background: url(../../images/download/up1.png) no-repeat right
}

.index-wrap .choose {
    position: relative;
    width: 400px;
    float: left;
    margin-left: 20px;
    margin-top: 8px;
    height: 40px
}

.index-wrap .choose span {
    line-height: 23px
}

.index-wrap .open-choose {
    position: absolute;
    z-index: 2;
    width: 298px;
    height: 326px;
    top: 27px;
    left: 200px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,0.14)
}

.index-wrap .choose-hd {
    line-height: 50px;
    padding-left: 10px
}

.index-wrap .choose-hd input {
    width: 118px;
    height: 26px;
    padding-left: 5px;
    border: 1px solid #e4e1e1;
    border-right: 0;
    margin-left: 15px
}

.index-wrap .choose-hd button {
    position: relative;
    top: 7px;
    width: 26px;
    height: 28px;
    margin-left: -4px;
    background: url(../../images/epointknow2/ipt-search.png) no-repeat 10px 10px;
    background-position: 5px center;
    border: 1px solid #e4e1e1;
    border-left: none
}

.index-wrap .open-choose {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-wrap .open-choose-all {
    display: none;
    position: absolute;
    z-index: 2;
    width: 860px;
    top: 27px;
    border: 1px solid #ddd;
    left: -5px;
    background: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,0.14);
    user-select: none
}

.index-wrap .open-choose-all #all-search {
    width: 230px;
    border: 0;
    height: 23px;
    padding-left: 2px;
    border: 1px solid #ccc;
    margin-left: 0;
    float: left;
    padding: 2px;
    padding-right: 10px
}

.index-wrap #global-search {
    background: #31abff;
    color: #fff;
    text-align: center;
    float: left;
    width: 60px;
    height: 23px;
    padding: 3px;
    line-height: 23px;
    margin-left: -10px;
    cursor: pointer
}

.index-wrap #global-search:active {
    box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;
    border-color: rgba(0,0,0,.3);
    background: #bbb
}

.index-wrap .choose-all-head {
    padding: 10px;
    padding-right: 0;
    border-bottom: 1px solid #fafafa
}

.index-wrap .choose-all-head:after {
    content: '';
    display: block;
    clear: left
}

.index-wrap .choose-all-hot {
    float: left;
    margin-left: 40px;
    height: 23px;
    line-height: 24px;
    padding: 3px
}

.index-wrap .choose-all-hot span {
    color: #777;
    display: inline-block;
    vertical-align: middle
}

.index-wrap .choose-all-hot a {
    text-decoration: underline;
    color: #777;
    margin-left: 5px;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.index-wrap .choose-all-content #content-sf {
    background: #fafafa;
    width: 110px;
    float: left;
    padding-right: 10px
}

.index-wrap .choose-all-content #content-sf a {
    color: #000;
    width: 50px;
    display: inline-block
}

.index-wrap .choose-all-content #content-sf span {
    color: #ee8348;
    margin-left: 0;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 10px
}

.index-wrap .choose-all-content #content-sf li {
    width: 100px;
    height: 26px;
    padding-left: 10px;
    border-radius: 4px;
    line-height: 24px
}

.index-wrap .choose-all-content #content-sf li:hover {
    background: #30bbed;
    color: #fff;
    cursor: pointer
}

.index-wrap .all-sf-click {
    background: #30bbed
}

.index-wrap .choose-all-content #content-sf .all-sf-click span {
    color: #fff
}

.index-wrap .choose-all-content #content-sf .all-sf-click a {
    color: #fff
}

.index-wrap .choose-all-content #content-sf li:hover a,.choose-all-content #content-sf li:hover span {
    color: #fff
}

.index-wrap .choose-all-content:after {
    content: '';
    display: block;
    clear: left
}

.index-wrap .choose-all-content #content-sf {
    height: 420px
}

.index-wrap .choose-all-content #content-platform {
    height: 141px;
    float: left
}

.index-wrap #content-platform-wrap {
    height: 141px;
    width: 860px
}

.index-wrap #content-platform-wrap span {
    display: inline-block;
    width: 270px;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
    margin-top: 0
}

.index-wrap #content-platform-wrap a {
    display: inline-block;
    border-radius: 4px;
    padding: 0 5px;
    cursor: pointer;
    height: 28px
}

.index-wrap #content-platform-wrap a:hover {
    background: #31abff;
    color: #fff
}

.index-wrap #content-platform-wrap span:nth-child(-n+2) {
    margin-top: 0
}

.index-wrap #content-platform {
    position: relative
}

.index-wrap #content-platform-wrap span:nth-child(-n+2) {
    margin-top: 0
}

.index-wrap #content-platform {
    position: relative
}

.index-wrap #content-platform-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -72px;
    margin-top: -93px;
    width: 128px;
    height: 141px
}

.index-wrap #platform-search {
    width: 230px;
    border: 0;
    height: 23px;
    padding-left: 2px;
    border: 1px solid #ccc;
    margin-left: 0;
    float: left;
    padding: 2px;
    padding-right: 10px;
    outline: 0
}

.listdetail-wrap #prodetail {
    background: #fff
}

.listdetail-wrap .left-nav {
    height: 880px;
    border-bottom: 1px solid #e2e5ea
}

.listdetail-wrap .list-page {
    background: #fff;
    width: 915px
}


.listdetail-wrap .list-page.freepage {
    width: 100%
}

.listdetail-wrap .more-detail>span {
    display: inline-block;
    height: 25px;
    line-height: 25px
}

.listdetail-wrap .soft-downlaod>.right>.download-btn {
    margin-top: 10px
}

.listdetail-wrap .soft-downlaod>.right>.download-btn-detail {
    margin-top: 10px;
    margin-left: 2px;
    padding-left: 2px
}

.listdetail-wrap .changesite {
    margin-top: 8px;
    cursor: pointer;
    color: #57a2e8;
    padding-left: -4px;
    position: relative;
    left: 2px
}

.listdetail-wrap .right-content {
    border-bottom: 1px solid #e2e5ea;
    width: 915px;
}
.listdetail-wrap .right-content.freecontent {
    width: 100%;
}

.listdetail-wrap .area-belong {
    width: 600px
}

.listdetail-wrap .tabview {
    padding: 0 25px;
    min-height: 717px
}

.listdetail-wrap .tabview-hd {
    background: #edf1f7
}

.listdetail-wrap .tab-item {
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    padding: 0 55px;
    float: left
}

.listdetail-wrap .tab-item.active {
    background: #57a2e8;
    color: #fff
}

.listdetail-wrap .software-introduce {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    padding: 0 25px;
    font-size: 14px;
    font-weight: bold
}

.listdetail-wrap .prevence-wrap,.listdetail-wrap .introduction {
    height: 713px;
    overflow: auto
}

.listdetail-wrap .introduction a {
    display: inline-block;
    color: #1671c7;
    text-decoration: underline
}

.listdetail-wrap .introduction>p,.listdetail-wrap .introduction a {
    height: 30px;
    line-height: 30px
}

.listdetail-wrap .prevence-list {
    padding: 15px 0;
    border-bottom: 1px dashed #d0d0d0;
    color: #333
}

.listdetail-wrap .prevence-item>h2 {
    height: 36px;
    line-height: 36px;
    padding-left: 3px
}

.listdetail-wrap .item-title-name {
    color: #333;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px
}

.listdetail-wrap .item-title-name:hover {
    color: #5FAAEB
}

.listdetail-wrap .item-date {
    height: 36px;
    line-height: 36px;
    float: right;
    margin-right: 5px
}

.listdetail-wrap .prevence-content>span {
    color: #2289d7;
    margin-top: 5px;
    line-height: 30px;
    height: 30px;
    display: block;
    padding-left: 3px
}

.listdetail-wrap .prevence-content>p {
    line-height: 30px;
    height: 30px;
    padding-left: 3px
}

.listdetail-wrap .softdetail {
    font-family: Microsoft YaHei!important;
    line-height: 20px;
    font-size: 12px;
    margin-left: 13px;
    margin-top: 20px;
    padding: 0 25px
}

.listdetail-wrap .download-softwaredetail {
    background: #fff;
    padding: 0 25px
}

.listdetail-wrap .softdetail p,.listdetail-wrap span,h2 {
    font-family: Microsoft YaHei!important
}

.listdetail-wrap #listPage {
    background: #fff
}

.listdetail-wrap #softdetail2 {
    background: #fff;
    padding: 0 25px;
    width: 1116px
}

.listdetail-wrap .btnimg {
    width: 30px;
    height: 30px;
    margin-top: -3px
}

.listdetail-wrap .opt-detail {
    padding: 15px 0;
    border-bottom: 1px dashed #d0d0d0;
    color: #333
}

.listdetail-wrap .opt-detail .file-icon {
    display: inline-block;
    height: 28px;
    width: 24px;
    background: url(../../images/download/fileicon1.png) no-repeat center;
    background-size: 100%;
    float: left;
    margin-right: 4px;
    margin-top: -4px
}

.listdetail-wrap .opt-detail .opt-title {
    width: 820px;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px
}

.listdetail-wrap .opt-detail .opt-title:hover {
    color: #5FAAEB
}

.listdetail-wrap .opt-detail .opt-title:hover i {
    background: url(../../images/download/fileicon2.png) no-repeat center;
    background-size: 100%
}

.listdetail-wrap .opt-detail .opt-txt {
    margin-left: 28px;
    font-family: "Microsoft YaHei";
    line-height: 20px;
    font-size: 12px
}

.listdetail-wrap .software-introduce-opt {
    height: 45px;
    line-height: 60px;
    font-size: 19px
}

.listdetail-wrap .guesscareadv-wrap {
    height: 86px;
    margin: 15px auto 20px;
    background: url(../../images/download/guesscareadvbg.png) no-repeat center
}

.listdetail-wrap .guesscareadv-con {
    float: right;
    width: 1080px;
    height: 62px;
    margin-top: 12px;
    overflow: hidden
}

.listdetail-wrap .guesscareadv-list {
    height: 62px;
    overflow: hidden;
    white-space: nowrap
}

.listdetail-wrap .guesscareadv-list>li {
    display: inline-block;
    height: 62px;
    width: 246px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #eff3f8;
    border-left: 4px solid #c2daf1
}

.listdetail-wrap .guesscareadv-item-name {
    color: #333;
    margin: 10px 0 5px 7px;
    overflow: hidden;
    width: 225px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.listdetail-wrap .guesscareadv-item-detail {
    margin-left: 7px;
    color: #9ca5ad
}

.listdetail-wrap .guesscareadv-item-detail>span {
    margin-right: 2px
}

.listdetail-wrap .guesscareadv-item-detail em {
    color: #57a2e8
}

.listdetail-wrap .guesscareadv-item-detail em.bad-num {
    color: #f45f47
}

.listdetail-wrap .head {
    border-bottom: 1px solid #d7e3f4
}

.listdetail-wrap .left-nav {
    float: left;
    width: 215px;
    height: 915px;
    padding-left: 25px;
    padding-top: 30px;
    background: #fafbfd;
    margin-right: 10px;
    border-bottom: 1px solid #e2e5ea
}

.listdetail-wrap .left-nav>h3 {
    font-size: 16px;
    height: 35px;
    line-height: 35px
}

.listdetail-wrap .software-item {
    height: 30px;
    padding: 13px 0 5px 24px;
    line-height: 20px;
    cursor:pointer;
}

.software-item.all {
    padding:0;
}
.listdetail-wrap .software-item>a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    padding-left: 33px
}

.listdetail-wrap .software-item>a>span {
    font-weight: bold
}

.listdetail-wrap .all>a {
    background: url("../../images/download/all.png") left center no-repeat
}

.listdetail-wrap .all.active>a {
    background: url("../../images/download/all-active.png") left center no-repeat
}

.listdetail-wrap .calculate>a {
    background: url("../../images/download/calculate.png") left center no-repeat
}

.listdetail-wrap .calculate.active>a {
    background: url("../images/calculate-active.png") left center no-repeat
}

.listdetail-wrap .rule>a {
    background: url("../../images/download/rule.png") left center no-repeat
}

.listdetail-wrap .rule.active>a {
    background: url("../../images/download/rule-active.png") left center no-repeat
}

.listdetail-wrap .judge>a {
    background: url("../../images/download/judge.png") left center no-repeat
}

.listdetail-wrap .judge.active>a {
    background: url("../../images/download/judge-active.png") left center no-repeat
}

.listdetail-wrap .construct>a {
    background: url("../../images/download/construct.png") left center no-repeat
}

.listdetail-wrap .construct.active>a {
    background: url("../../images/download/construct-active.png") left center no-repeat
}

.listdetail-wrap .cloud>a {
    background: url("../../images/download/software.png") left center no-repeat
}

.listdetail-wrap .cloud.active>a {
    background: url("../../images/download/software-active.png") left center no-repeat
}

.listdetail-wrap .software-item.active>a {
    color: #2d8fd9
}

.listdetail-wrap .software-item>a:hover {
    color: #2d8fd9
}

.listdetail-wrap .software-item.all>a:hover {
    background: url("../../images/download/all-active.png") left center no-repeat
}

.listdetail-wrap .software-item.calculate>a:hover {
    background: url("../../images/download/calculate-active.png") left center no-repeat
}

.listdetail-wrap .software-item.rule>a:hover {
    background: url("../../images/download/rule-active.png") left center no-repeat
}

.listdetail-wrap .software-item.judge>a:hover {
    background: url("../../images/download/judge-active.png") left center no-repeat
}

.listdetail-wrap .software-item.construct>a:hover {
    background: url("../../images/download/construct-active.png") left center no-repeat
}

.listdetail-wrap .software-item.cloud>a:hover {
    background: url("../../images/download/software-active.png") left center no-repeat
}

.listdetail-wrap .location {
    margin-top: 30px;
    padding-left: 36px;
    background: url("../../images/download/icon-local.png") 8px center no-repeat
}

.listdetail-wrap .location {
    color: #999;
    margin-bottom: 15px
}

.listdetail-wrap .location>a,.listdetail-wrap .location>.all {
    color: #999
}

.listdetail-wrap .province-list {
    background: #fff;
    width: 100%;
    /* height: 78px; */
    padding: 12px 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E0E0E0
}

.listdetail-wrap .province-item {
    float: left;
    width: 65px;
    height: 30px;
    color: #333;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
    vertical-align: middle
}

.listdetail-wrap .province-item.active {
    background: #31abff;
    border-radius: 4px;
    color: #fff;
    font-weight: bold
}

.listdetail-wrap .protype-item {
    float: left;
    width: 65px;
    height: 30px;
    color: #333;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
    vertical-align: middle
}

.listdetail-wrap .protype-item.active {
    background: #31abff;
    border-radius: 4px;
    color: #fff;
    font-weight: bold
}

.listdetail-wrap .download-software {
    background: #fff;
    padding: 0 25px;
    border-bottom: 1px solid #E0E0E0
}

.listdetail-wrap .soft-downlaod {
    padding: 19px 0;
    border-bottom: 1px dashed #d0d0d0
}

.listdetail-wrap .soft-downlaod>.left {
    float: left
}

.listdetail-wrap .soft-downlaod>.right {
    float: right;
    margin-right: 13px;
    overflow: hidden;
    margin-top: 6px
}

.listdetail-wrap .soft-downlaod>.left>img {
    width: 104px;
    height: 80px;
    display: block;
    margin-right: 20px;
    border-radius: 5px;
    cursor: pointer
}

.listdetail-wrap .icon {
    margin-right: 15px;
    float: left;
    display: block;
    width: 104px;
    height: 80px;
    border-radius: 5px;
    position: relative
}

.listdetail-wrap .icon img {
    width: 100%;
    height: 100%
}

.listdetail-wrap .icon .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27%;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #fbfbfb
}

.listdetail-wrap .left-name {
    line-height: 10px;
    height: 25px;
    cursor: pointer
}

.listdetail-wrap .left-name:hover {
    color: #2289d7
}

.listdetail-wrap .usage {
    width: 600px;
    color: #2289d7;
    font-size: 12px;
    line-height: 20px;
    _height: 30px;
    min-height: 30px
}

.listdetail-wrap .more-detail>span {
    display: inline-block;
    line-height: 35px;
    height: 20px
}

.listdetail-wrap .area-belong {
    width: 600px
}

.listdetail-wrap .file-size {
    width: 120px
}

.listdetail-wrap .file-update {
    width: 165px
}

.listdetail-wrap .soft-downlaod>.right>.download-btn {
    display: block;
    width: 113px;
    height: 40px;
    background: #57a2e8;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.listdetail-wrap .soft-downlaod>.right>.download-btn-detail {
    display: inline-block;
    width: 145px;
    height: 39px;
    background: #57a2e8;
    line-height: 39px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.listdetail-wrap .soft-downlaod>.right>span {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 113px
}

.listdetail-wrap .soft-downlaod>.right>.download-btn:hover {
    background: #ff8d31
}

.listdetail-wrap .soft-downlaod>.right>.download-btn-detail:hover {
    background: #ff8d31
}

.listdetail-wrap .no-border {
    border: 0
}

.listdetail-wrap .download-software {
    margin-bottom: 10px
}

.listdetail-wrap .watch-more {
    height: 42px;
    display: block;
    width: 915px;
    text-align: center;
    line-height: 42px;
    background: #fff;
    color: #333;
    border-bottom: 1px solid #E0E0E0
}

.listdetail-wrap .bd {
    margin-bottom: 20px
}

.listdetail-wrap .dealplat-wrap {
    position: relative;
    margin: 10px auto 0 auto;
    padding: 10px 0 0 0
}

.listdetail-wrap .dealplat-wrap .dealplat-title {
    width: 97px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    cursor: pointer
}

.listdetail-wrap .dealplat-wrap .dealplat-con {
    margin-left: 107px
}

.listdetail-wrap .tt-choose {
    background: url(../../images/download/down1.png) no-repeat right;
    padding-right: 20px
}

.listdetail-wrap .tt-choose.up {
    background: url(../../images/download/up1.png) no-repeat right
}

.listdetail-wrap .choose {
    position: relative;
    width: 400px;
    float: left;
    margin-left: 20px;
    margin-top: 8px;
    height: 40px
}

.listdetail-wrap .choose span {
    line-height: 23px
}

.listdetail-wrap .open-choose {
    position: absolute;
    z-index: 2;
    width: 298px;
    height: 326px;
    top: 27px;
    left: 200px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,0.14)
}

.listdetail-wrap .choose-hd {
    line-height: 50px;
    padding-left: 10px
}

.listdetail-wrap .choose-hd input {
    width: 118px;
    height: 26px;
    padding-left: 5px;
    border: 1px solid #e4e1e1;
    border-right: 0;
    margin-left: 15px
}

.listdetail-wrap .choose-hd button {
    position: relative;
    top: 7px;
    width: 26px;
    height: 28px;
    margin-left: -4px;
    background: url(../../images/epointknow2/ipt-search.png) no-repeat 10px 10px;
    background-position: 5px center;
    border: 1px solid #e4e1e1;
    border-left: none
}

.listdetail-wrap .open-choose {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.listdetail-wrap .open-choose-all {
    display: none;
    position: absolute;
    z-index: 2;
    width: 860px;
    top: 27px;
    border: 1px solid #ddd;
    left: -5px;
    background: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,0.14);
    user-select: none
}

.listdetail-wrap .open-choose-all #all-search {
    width: 230px;
    border: 0;
    height: 23px;
    padding-left: 2px;
    border: 1px solid #ccc;
    margin-left: 0;
    float: left;
    padding: 2px;
    padding-right: 10px
}

.listdetail-wrap #global-search {
    background: #31abff;
    color: #fff;
    text-align: center;
    float: left;
    width: 60px;
    height: 23px;
    padding: 3px;
    line-height: 23px;
    margin-left: -10px;
    cursor: pointer
}

.listdetail-wrap #global-search:active {
    box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;
    border-color: rgba(0,0,0,.3);
    background: #bbb
}

.listdetail-wrap .choose-all-head {
    padding: 10px;
    padding-right: 0;
    border-bottom: 1px solid #fafafa
}

.listdetail-wrap .choose-all-head:after {
    content: '';
    display: block;
    clear: left
}

.listdetail-wrap .choose-all-hot {
    float: left;
    margin-left: 40px;
    height: 23px;
    line-height: 24px;
    padding: 3px
}

.listdetail-wrap .choose-all-hot span {
    color: #777;
    display: inline-block;
    vertical-align: middle
}

.listdetail-wrap .choose-all-hot a {
    text-decoration: underline;
    color: #777;
    margin-left: 5px;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.listdetail-wrap .choose-all-content #content-sf {
    background: #fafafa;
    width: 110px;
    float: left;
    padding-right: 10px
}

.listdetail-wrap .choose-all-content #content-sf a {
    color: #000;
    width: 50px;
    display: inline-block
}

.listdetail-wrap .choose-all-content #content-sf span {
    color: #ee8348;
    margin-left: 0;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 10px
}

.listdetail-wrap .choose-all-content #content-sf li {
    width: 100px;
    height: 26px;
    padding-left: 10px;
    border-radius: 4px;
    line-height: 24px
}

.listdetail-wrap .choose-all-content #content-sf li:hover {
    background: #31abff;
    color: #fff;
    cursor: pointer
}

.listdetail-wrap .all-sf-click {
    background: #31abff
}

.listdetail-wrap .choose-all-content #content-sf .all-sf-click span {
    color: #fff
}

.listdetail-wrap .choose-all-content #content-sf .all-sf-click a {
    color: #fff
}

.listdetail-wrap .choose-all-content #content-sf li:hover a,.choose-all-content #content-sf li:hover span {
    color: #fff
}

.listdetail-wrap .choose-all-content:after {
    content: '';
    display: block;
    clear: left
}

.listdetail-wrap .choose-all-content #content-sf {
    height: 420px
}

.listdetail-wrap .choose-all-content #content-platform {
    height: 141px;
    float: left
}

.listdetail-wrap #content-platform-wrap {
    height: 141px;
    width: 860px
}

.listdetail-wrap #content-platform-wrap span {
    display: inline-block;
    width: 270px;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px
}

.listdetail-wrap #content-platform-wrap a {
    display: inline-block;
    border-radius: 4px;
    padding: 0 5px;
    cursor: pointer;
    height: 28px
}

.listdetail-wrap #content-platform-wrap a:hover {
    background: #31abff;
    color: #fff
}

.listdetail-wrap #content-platform-wrap span:nth-child(-n+2) {
    margin-top: 0
}

.listdetail-wrap #content-platform {
    position: relative
}

.listdetail-wrap #content-platform-wrap span:nth-child(-n+2) {
    margin-top: 0
}

.listdetail-wrap #content-platform {
    position: relative
}

.listdetail-wrap #content-platform-wrap img {
    position: absolute;
    top: 58%;
    left: 50%;
    margin-left: -72px;
    margin-top: -93px;
    width: 128px;
    height: 141px
}

.listdetail-wrap #content-platform-wrap>span.active a {
    background: #31abff;
    color: #fff
}

.bottom-row01 {
    padding: 30px 0 25px 0;
    background-color: #1f2024;
    color: #fff;
    text-align: center
}

.bottom-row01 a {
    color: #fff
}

.bottom-row01 a:hover {
    color: #ec6e00
}

.bottom-row01 dl {
    margin: 0 20px;
    display: inline-block;
    vertical-align: top
}

.bottom-row01 dt,.bottom-row01 dd {
    padding: 10px 0;
    text-align: left
}

.bottom-row01 dt {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold
}

.bottom-row01 dd {
    font-size: 12px
}

.bottom-row01 dd.tele {
    font-weight: bold;
    font-size: 14px
}

.bottom-row01 i.wbicon {
    float: left;
    margin: 1px 6px 0 0;
    width: 21px;
    height: 16px;
    background-image: url("../../images/weibo-icons.png");
    background-repeat: no-repeat
}

.bottom-row01 i.xinl {
    background-position: 0 -26px
}

.bottom-row01 i.tengx {
    background-position: 2px -52px
}

.bottom-row01 i.guanf {
    background-position: 0 0
}

.bottom-row02 {
    padding: 13px 0;
    text-align: center;
    color: #939393;
    background: url("../../images/bottom-row02-bg.png");
    line-height: 24px
}

.bottom-row02 a {
    color: #939393
}

.bottom-row02 .row01 span {
    margin: 0 7px
}

.bottom-row02 .row02 span {
    display: inline-block;
    margin: 0 0 -1px 6px;
    padding: 11px 5px 1px 0;
    border-left: 2px solid #6b6b6b
}

.wximage {
    width: 100px;
    height: 100px;
    background: url(../../images/weix.jpg);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    position: absolute;
    margin: -35px 0 0 82px;
    z-index: 999;
    display: none
}

#weixin:hover>.wximage {
    display: block
}

.bottom-weixin dd,.bottom-biaoqiao dd {
    text-align: center
}

.bottom-weixin .img-weixin {
    width: 100px;
    height: 100px;
    background: url(../../images/xindianzixun.jpg) no-repeat;
    background-size: 100px 100px
}

.bottom-biaoqiao .img-biaoqiao {
    width: 100px;
    height: 100px;
    background: url(../../images/bzt-app.png) no-repeat;
    background-size: 100px 100px
}

.header-new {
    height: 36px;
    line-height: 36px;
    background-color: #424242
}

.header-new a {
    color: #fff
}

.header-new li .tempclose {
    color: #C0C0C0
}

.header-new .hd-left-new {
    float: left
}

.hd-left-new li {
    float: left;
    margin-right: 30px
}

.header-new .pos {
    padding-left: 20px;
    background: url(../../../images/biaoxun2/icon-local.png) no-repeat left
}

.top-l-txt-new {
    margin-right: 45px
}

.top-l-txt-new em {
    color: #fff;
    margin: 0 10px
}

.hd-left-new i {
    position: absolute;
    top: 4px;
    display: inline-block;
    height: 12px;
    width: 12px;
    text-align: center;
    line-height: 12px;
    border-radius: 50%;
    font-style: normal;
    color: #fff;
    font-size: 12px;
    background-color: #f00
}

.hd-right-new {
    float: right
}

.hd-right-new li {
    float: left;
    margin-left: 25px
}

.new-login {
    position: relative;
    color: #333;
    line-height: 68px;
    font-size: 14px;
    float: right
}

#showloginname {
    max-width: 175px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

#loginmessagenum {
    color: #fff
}

.new-login a {
    color: #333;
    display: inline-block;
    vertical-align: middle
}

.searchbox .search {
    margin-right: 50px
}

#new-loginname,#loginname {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.bgwhitevip {
    clear: left;
    line-height: 16px;
    text-align: center;
    color: #ce9600;
    font-size: 14px;
    white-space: nowrap;
    padding: 10px 0;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    max-width: 80px
}

.alignmiddle {
    display: inline-block;
    vertical-align: middle
}

.loginnameuser {
    float: left;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.loginnameimg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -2px
}

.vipremind {
    clear: left;
    line-height: 16px;
    text-align: center;
    color: #f6e029;
    font-size: 14px;
    white-space: nowrap;
    padding: 14px 0
}

.mt5 {
    margin-top: 5px!important
}

.new-loginbg {
    position: absolute;
    margin-top: -20px;
    left: -43px;
    z-index: 10;
    width: 200px;
    background: url(../../images/login-bg.png) no-repeat;
    background-size: 100% 100%
}

.login .loginbg {
    width: 200px;
    height: auto;
    background-size: 100% 100%
}

.new-login-hd {
    width: 180px;
    margin: 0 auto;
    padding: 15px 0 18px;
    border-bottom: 1px solid #4d5e79;
    overflow: hidden
}

.login .login-hd {
    width: 180px
}

.vipimgtop {
    vertical-align: -3px;
    margin-right: 3px
}

.vipimglogin {
    float: right;
    margin-top: 3px
}

.new-login-hd .per {
    float: left;
    width: 42px;
    height: 42px;
    margin-left: 8px;
    border-radius: 50%
}

.new-login-hd .new-info {
    float: right;
    width: 123px;
    font-size: 14px;
    color: #fff;
    line-height: 20px
}

.login .login-hd .info {
    line-height: 20px
}

.new-login-bd {
    line-height: 40px;
    padding-left: 10px
}

.new-login-bd a {
    display: inline-block;
    width: 80px;
    color: #fff;
    text-align: center;
    line-height: 20px
}

.new-login-bd a:first-child {
    border-right: 1px solid #4d5e79
}

.top-banner .new-loginbtn:hover {
    background-color: #06a1d9
}

.arr-log {
    display: inline-block;
    width: 10px;
    height: 5px;
    margin: 0 3px;
    vertical-align: 3px;
    background: url(../../images/arrow.png)
}

.searchbox .container {
    overflow: visible
}

.bqepointknow-top-wrap,.epointknow-top-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.mr0 {
    margin-right: 0!important
}

.downlaod-center .new-login {
    margin-top: 13px!important
}

.bqadv-wrap {
    overflow: hidden;
    position: relative
}

.bqadv-wrap #close-btn {
    position: absolute;
    right: 0;
    top: 0
}

.bqgonggao-wrap {
    background: #feeedf;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

#bqgonggao-content {
    width: 1166px;
    margin: 0 auto;
    line-height: 36px;
    color: #ff7800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bqgonggao-img {
    display: inline-block;
    vertical-align: -8px;
    width: 26px
}

#bqgonggao-content a {
    color: #ff7800
}

#bqgonggao-content a:hover {
    text-decoration: underline
}

.spanjustify {
    text-align: justify;
    width: 42px;
    float: left
}

.zw {
    display: inline-block;
    width: 100%
}

.bottom-datasourcerow {
    padding: 10px 0 10px 0;
    background-color: #1f2127;
    color: #fff;
    text-align: left;
    border-top: 1px solid rgba(255,255,255,.1)
}

.bottom-datasourcerow .data-content {
    width: 898px;
    margin: 0 auto
}

.bottom-datasourcerow .data-source {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    line-height: 25px
}

.bottom-datasourcerow .data-list {
    display: inline-block;
    max-width: 810px
}

.bottom-datasourcerow .web {
    padding-right: 12px;
    display: inline-block;
    line-height: 25px
}

.province-div {
    display:flex;flex-wrap:wrap;
}