@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
body,div,ul,li,p,input,h1,h2,h3,h4,h5,h6,dl,dd,dt{ margin: 0; padding: 0; }
body{ font: 12px/1.5;  font-family: "Source Han Sans"; color: #333333; background: #f8f8f8; }
ul,li{ list-style: none; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
a{ text-decoration: none; }
a:hover{ text-decoration:none; }
img{ border: none; }
em,i{ font-style: normal; }

.advertis{ width: 42px; height: 22px; position: absolute; right: 0; bottom: 0; background: url(../../images/advertis.png); z-index: 999; }

.soft_header .soft_header_top{ width: 100%; background-color: #757575; height: 32px; }
.soft_header .soft_header_top .soft_link{ float: left; }
.soft_header .soft_header_top .soft_link>li{ float: left; line-height: 32px; font-size: 12px; color: #ffffff; margin-right: 14px; }
.soft_header .soft_header_top .soft_link>li a{ color: #e8e8e8; }
.soft_header .soft_header_top .soft_link>li:hover a,
.soft_header .soft_header_top .soft_link>li.active a{ color: #c2c2c2; }
.soft_header .soft_header_top .soft_line{ width: 1px; height: 10px; background: #e8e8e8; margin-top: 12px; }
.soft_header .soft_header_top .soft_login{ float: right; text-align: right;}
.soft_header .soft_header_top .soft_login>li{ line-height: 32px; font-size: 12px; color: #ffffff; position: relative;}
.soft_header .soft_header_top .soft_drop{
    display: none;
    text-align: center;
    position: absolute;
    z-index: 99999;
    color: #333;
    right: 0;
    line-height: 24px;
    background: #fff;
    border: 1px solid #cdcdcd;
}
.soft_header .soft_header_top .soft_drop > li a{color: inherit; display: block;width: auto;white-space: nowrap;}
.soft_header .soft_header_top .soft_drop > li{
    padding: 3px 18px;
}
.soft_header .soft_header_top .soft_drop > li:hover{
    color: #fff;
    background: #ff6c00;
}
.soft_header .soft_header_top .soft_login>li:hover .soft_drop{
    display: block;
}

.soft_header .soft_header_main{ width: 100%; height: 113px; background: #fff url(../../images/soft/head_bottom.png) center bottom; background-size: cover; }
.soft_header .soft_header_main .soft_logo{ float: left; margin: 30px 0 0 0; }
.soft_header .soft_header_main .mr40{ margin-right: 40px; }
.soft_header .soft_header_main .mr200{ margin-right: 200px; }
.soft_header .soft_header_main .mr108{ margin-right: 108px; }
.soft_header .soft_header_main .soft_logo img{}
.soft_header .soft_header_main ul{ float: left; margin-top: 43px; }
.soft_header .soft_header_main ul li{ float: left; margin-right: 20px; }
.soft_header .soft_header_main ul li a{ font-size: 16px; color: #333333; }
.soft_header .soft_header_main ul li:hover a,
.soft_header .soft_header_main ul li.active a{ color: #1685ec; }
.soft_header .soft_header_main .soft_search{ float: right; border: 1px solid #cccccc; height: 30px; line-height: 30px; margin-top: 39px; width: 200px; z-index: 200; }
.soft_header .soft_header_main .soft_search .search_input{ font-size: 14px; width: 165px; float: left; border: medium none; height: 30px; line-height: 30px; text-indent: 10px;outline:none; }
.soft_header .soft_header_main .soft_search .searchbar{ float: right; margin: 4px 8px 0 0; background: url(../../images/soft/soft_icon.png) -288px -5px; width: 22px; height: 22px; }
.soft_header .soft_header_main .soft_search .searchbar:hover,
.soft_header .soft_header_main .soft_search .searchbar .active{ background-position: -327px -5px; }

.content-warp-top{ background: url(../../images/soft/content-warp-top.png) center center; width: 1144px; height: 3px; margin: 18px auto 0; }
.content-warp{ background: url(../../images/soft/content-warp.png) repeat-y; width: 1144px; height: auto; margin: 0 auto; overflow: hidden; }
.content-warp-bottom{ background: url(../../images/soft/content-warp-bottom.png) center center; width: 1144px; height: 3px; margin: 0 auto 0; }

.left-warp{ float: left; width: 150px; margin: 24px 24px 0 27px; }
.soft_list{ border: 1px solid #e7e7e7; background-color: #f4f4f4; width: 100%; height: auto; margin-bottom: 30px; }
.soft_list .soft_list_top{ border-bottom: 1px solid #e7e7e7; height: 38px; line-height: 38px; font-size: 14px; text-indent: 28px; color: #333333; font-weight: bold; }
.soft_list ul{ width: 100%; margin: 5px 0 21px 0; }
.soft_list ul li{ margin: 7px 0 0 28px; display: inline-block; }
.soft_list ul li i{ display: block; background: url(../../images/soft/soft_icon.png); width: 14px; height: 14px; float: left; margin: 3px 9px 0 0;}
/**
.soft_list ul li .icon1{ background-position: -9px -73px; }
.soft_list ul li .icon2{ background-position: -32px -73px; }
.soft_list ul li .icon3{ background-position: -55px -73px; }
.soft_list ul li .icon4{ background-position: -78px -73px; }
.soft_list ul li .icon5{ background-position: -102px -73px; }
.soft_list ul li .icon6{ background-position: -125px -73px; }
.soft_list ul li .icon7{ background-position: -149px -73px; }
.soft_list ul li .icon8{ background-position: -174px -73px; }
.soft_list ul li .icon9{ background-position: -197px -73px; }
.soft_list ul li .icon10{ background-position: -222px -73px; }
.soft_list ul li .icon11{ background-position: -243px -73px; }
.soft_list ul li .icon12{ background-position: -269px -73px; }
.soft_list ul li .icon13{ background-position: -292px -73px; }
.soft_list ul li .icon14{ background-position: -317px -73px; }
.soft_list ul li .icon15{ background-position: -342px -73px; }
.soft_list ul li .icon16{ background-position: -366px -73px; }
.soft_list ul li .icon17{ background-position: -391px -73px; }
.soft_list ul li:hover .icon1,.soft_list ul li.active .icon1{ background-position: -9px -96px; }
.soft_list ul li:hover .icon2,.soft_list ul li.active .icon2{ background-position: -32px -96px; }
.soft_list ul li:hover .icon3,.soft_list ul li.active .icon3{ background-position: -55px -96px; }
.soft_list ul li:hover .icon4,.soft_list ul li.active .icon4{ background-position: -78px -96px; }
.soft_list ul li:hover .icon5,.soft_list ul li.active .icon5{ background-position: -102px -96px; }
.soft_list ul li:hover .icon6,.soft_list ul li.active .icon6{ background-position: -125px -96px; }
.soft_list ul li:hover .icon7,.soft_list ul li.active .icon7{ background-position: -149px -96px; }
.soft_list ul li:hover .icon8,.soft_list ul li.active .icon8{ background-position: -174px -96px; }
.soft_list ul li:hover .icon9,.soft_list ul li.active .icon9{ background-position: -197px -96px; }
.soft_list ul li:hover .icon10,.soft_list ul li.active .icon10{ background-position: -222px -96px; }
.soft_list ul li:hover .icon11,.soft_list ul li.active .icon11{ background-position: -243px -96px; }
.soft_list ul li:hover .icon12,.soft_list ul li.active .icon12{ background-position: -269px -96px; }
.soft_list ul li:hover .icon13,.soft_list ul li.active .icon13{ background-position: -292px -96px; }
.soft_list ul li:hover .icon14,.soft_list ul li.active .icon14{ background-position: -317px -96px; }
.soft_list ul li:hover .icon15,.soft_list ul li.active .icon15{ background-position: -342px -96px; }
.soft_list ul li:hover .icon16,.soft_list ul li.active .icon16{ background-position: -366px -96px; }
.soft_list ul li:hover .icon17,.soft_list ul li.active .icon17{ background-position: -391px -96px; }
**/
.soft_list ul li a span{ font-size: 14px; color: #333333; font-weight: normal; float: left; }
.soft_list ul li:hover a span,.soft_list ul li.active a span{ color: #1685ec; }

.center-warp{ float: left; margin-top: 24px; width: 920px; }

.keji_banner{ position: relative; margin-top: 20px; width: 100%; height: 328px; overflow: hidden; }
.keji_banner .imglist{ position: absolute; top: 0; left: 0; width: 99999px; height: 328px; }
.keji_banner .imglist li { float: left; width: 1138px; height: 328px; }
.keji_banner .imglist li a { position: relative; display: block; height: 100%; }
.keji_banner .btnlist{ position: absolute; left: 0; bottom: 20px; width: 100%; height: 8px; text-align:center; z-index: 2; _overflow: hidden; }
.keji_banner .btnlist li { display: inline; }
.keji_banner .btnlist li span { display: inline-block; width: 8px; height: 8px; margin: 0 6px; cursor: pointer; background: url(../../images/keji_icon.png) -105px -18px; }
.keji_banner .btnlist li.active span { background-position: -80px -18px; }
.keji_banner .pre-nex{ display: none; position: absolute; top: 50%; margin-top: -28px; background: url(../../images/keji_icon.png); width: 56px; height: 56px; cursor: pointer; }
.keji_banner .prev{ left: 0; background-position: -68px -55px; }
.keji_banner .prev:hover{ left: 0; background-position: 0px -55px; }
.keji_banner .next{ right: 0; background-position: -136px -55px; }
.keji_banner .next:hover{ right: 0; background-position: -204px -55px; }
.keji_banner .show{ display: block; }

.soft_banner{ position: relative; width: 642px; height: 223px; overflow: hidden; float: left; }
.soft_banner .imglist{ position: absolute; top: 0; left: 0; width: 99999px; height: 223px; }
.soft_banner .imglist li { float: left; width: 642px; height: 223px; }
.soft_banner .imglist li a { position: relative; display: block; height: 100%; }
.soft_banner .btnlist{ position: absolute; left: 0; bottom: 20px; width: 100%; height: 8px; text-align:center; z-index: 2; _overflow: hidden; }
.soft_banner .btnlist li { display: inline; }
.soft_banner .btnlist li span { display: inline-block; width: 10px; height: 10px; margin: 0 7px 0 0; cursor: pointer; background: url(../../images/soft/soft_icon.png) -30px -14px; }
.soft_banner .btnlist li.active span { background-position: -13px -14px; }
.soft_banner .pre-nex{ display: block; position: absolute; top: 50%; margin-top: -26px; background: url(../../images/soft/soft_icon.png); width: 28px; height: 52px; cursor: pointer; }
.soft_banner .prev{ left: 1px; background-position: -104px -4px; }
.soft_banner .prev:hover{ left: 1px; background-position: -56px -4px; }
.soft_banner .next{ right: 1px; background-position: -158px -4px; }
.soft_banner .next:hover{ right: 1px; background-position: -201px -4px; }
.soft_banner .show{ display: block; }

.soft_recommend { position: relative; float: left; width: 250px; height: 221px; text-align: center; border: 1px solid #00a5f9; margin-left: 23px; }
.soft_recommend .recommend-logo, .soft_recommend .recommend-logo img { display: block; width: 84px;}
.soft_recommend .recommend-logo { margin: 30px auto 0;}
.soft_recommend .title { color: #333333; font-size: 16px; font-weight: bold; margin-top: 14px; display: inline-block; }
.soft_recommend .download { position: absolute; bottom: 70px; left: 93px; display: none; width: 66px; height: 24px; background-image: url(../../images/soft/soft_icon.png); background-repeat: no-repeat; background-position: -210px -296px;}
.soft_recommend .download:hover{ background-position: -210px -366px; }
.soft_recommend .desc { position: absolute; bottom: 27px; left: 0; padding: 0 34px; font-size: 12px;line-height: 18px; color: #00a5f9;text-align: left;}
.soft_recommend .tips { position: absolute;top: -1px; left: -1px; width: 84px; height: 72px; background: url(../../images/soft/recommend_tips.png) top left no-repeat;}

.soft_install{ float: left; width: 621px; margin-right: 43px; clear: both; }
.soft_hot{ float: left; width: 250px; }
.hot_special{ float: left; width: 877px; clear: both; }

.box .box-title{ margin-top: 20px; height: 30px; }
.box .box-title h4{ font-size: 13px; font-weight: bold; color: #333333; float: left; padding-left: 9px; }
.box .box-title .blue{ background: url(../../images/soft/title_blue.png) center left no-repeat; }
.box .box-title .yellow{ background: url(../../images/soft/title_yellow.png) center left no-repeat; }
.box .box-title .soft_change{ float: right; font-size: 12px; color: #333333; }
.box .line-bottom{ border-bottom: 1px solid #e5e5e5; }
.box .mt0{ margin-top: 0px; }

.app-display ul{ margin-top: 20px; display: inline-block; }
.app-display li{ width: 88px; height: 100px; float: left; margin-bottom: 13px; }
.app-display .soft_iconimg{ display: inline-block; padding: 0 20px; overflow: hidden; }
.app-display .soft_iconimg img{ width: 48px; height: 48px; }
.app-display .soft_title{ display: block; font-size: 12px; color: #333333; text-align: center; max-width: 88px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.app-display .soft_download{ display: block; background: url(../../images/soft/soft_icon.png) -319px -296px; width: 46px; height: 24px; margin: 5px auto 0; }
.app-display .soft_download:hover{ background-position: -319px -366px; }

.app-rank{  }
.app-rank ul{ padding: 0 10px; margin-top: 20px;}
.app-rank ul a{ color: #666666; font-size: 12px;}
.app-rank ul a:hover,
.app-rank ul a:focus{  color: #666666;}
.app-rank ul li{ display: inline-block; width: 250px; height: 27px; cursor: pointer;}
.app-rank ul li .rank{ display: inline-block; float: left; margin-top: 2px; margin-right: 10px; width: 12px; height: 12px;}
.app-rank ul li .rank1{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -96px -36px;}
.app-rank ul li .rank2{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -108px -36px;}
.app-rank ul li .rank3{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -120px -36px;}
.app-rank ul li .rank4{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -132px -36px;}
.app-rank ul li .rank5{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -144px -36px;}
.app-rank ul li .rank6{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -156px -36px;}
.app-rank ul li .rank7{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -168px -36px;}
.app-rank ul li .rank8{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -180px -36px;}
.app-rank ul li .rank9{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -192px -36px;}
.app-rank ul li .rank10{ background: url("../../images/soft/rj_common-242a7530.png") no-repeat -204px -36px;}
.app-rank ul li .icon{ display: none;}
.app-rank ul li .app-info{ float: left; margin-left: 6px;}
.app-rank ul li .download-btn{ display: none;}

.app-rank ul li.active{ display: block; width: 240px; height: 62px;}
.app-rank ul li.active .rank{ display: none;}
.app-rank ul li.active .icon{ display: inline-block; float: left; width: 46px; height: 46px;}
.app-rank ul li.active .download-btn{ display: inline-block; width: 46px; height: 24px; margin-top: 10px; background: url("../../images/soft/soft_icon.png") no-repeat -319px -296px; float: right;}
.app-rank ul li.active .download-btn:hover,
.app-rank ul li.active .download-btn:focus{ background: url("../../images/soft/soft_icon.png") no-repeat -319px -366px;}
.app-rank ul li.active .star_score{ display: inline-block; height: 11px; position: absolute;}

.app-rank .app-name { display: inline-block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.app_special ul{ margin-bottom: 58px; display: inline-block; }
.app_special ul li{ float: left; margin: 17px 15px 0 0; width: 208px; height: 80px; position: relative; }
.app_special ul li.last{ margin-right: 0; }
.app_special ul li .app_specialhover{ display: none; cursor: pointer; position: absolute; top: 0; left: 0; width: 208px; height: 80px; background: #000; opacity: 0.2; filter:alpha(opacity=20); }


/*****************************list*****************************/
.software_list{ padding: 0 5px; }

.soft_crumbs{  }
.soft_crumbs a{ font-size: 14px; color: #666666; margin-right: 6px; }
.soft_crumbs em{ font-size: 14px; color: #1f87ec; font-weight: normal; margin-left: 6px; }
.soft_crumbs .ml6{ margin-left: 6px; }
.soft_crumbs p{ font-size: 14px; color: #666666; }
.soft_crumbs p span{ font-size: 14px; color: #1f87ec; font-weight: bold; }


.software_list_menu{ width: 915px; display: inline-block; }
.software_list_menu li.line_dashed{ border-bottom: 1px dashed #e6e6e6; display: inline-block; width: 100%; }
.software_list_menu li .soft_introduction{ float: left; padding: 27px 0 30px 0; }
.software_list_menu li .soft_intro_icon{ float: left; margin-right: 14px; width: 64px; height: 64px; overflow: hidden; }
.software_list_menu li .soft_intro_icon img{ float: left; margin-right: 14px; width: 64px; height: 64px; }
.software_list_menu li .soft_intro{ float: left; }
.software_list_menu li .soft_intro h5 a{ font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 6px; display: block; }
.software_list_menu li .soft_intro p{ font-size: 12px; color: #888888; margin-bottom: 6px; max-width: 650px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.software_list_menu li .soft_intro span{ font-size: 12px; color: #333333; float: left; margin-right: 10px; }
.software_list_menu li .soft_intro_down{ float: right; background: url(../../images/soft/soft_icon.png) -210px -296px; width: 66px; height: 24px; margin: 53px 30px 0 0; }
.software_list_menu li .soft_intro_down:hover{ background-position: -210px -366px; }

.page_list{ text-align: center; list-style-type:none; margin: 30px auto; width: 100%; }
.page_list ul{ display: inline-block; }
.page_list li{ float: left; }
.page_list li a{ display: block; font-size: 12px; color: #666666; padding: 5px 10px; background: #f2f2f2; border: 1px solid #dddddd; margin-right: 5px; }
.page_list li span{ display: block; font-size: 12px; color: #666666; padding: 5px 10px; background: #f2f2f2; border: 1px solid #dddddd; margin-right: 5px; }
.page_list li:hover a,
.page_list li.active a{ background: #1f87ec; color: #fff; border: 1px solid #1f87ec; }
.page_list li.active span{ background: #1f87ec; color: #fff; border: 1px solid #1f87ec; }

/****************************detail*****************************/
.software_detail{ padding: 0 5px; }

.line_dashed{ border-bottom: 1px dashed #e6e6e6; display: inline-block; width: 100%; }
.line_solid{ border-bottom: 1px solid #e6e6e6; display: inline-block; width: 100%; }

.software_detail_title{ padding: 30px 0; width: 100%; }
.software_detail_title .software_detail_icon{ float: left; margin-right: 14px; }
.software_detail_title .software_detail_icon img{ width: 64px; height: 64px; }
.software_detail_title .software_detail_desc{ float: left; }
.software_detail_title .software_detail_desc h4{ font-size: 22px; color: #333333; margin-top: 5px; }

/*star_score*/
.star_score{ background: url(../../images/soft/soft_icon.png); width: 70px; height: 11px; margin-top: 10px; }
.star_score0{ background-position: -190px -158px; }
.star_score1{ background-position: -176px -158px; }
.star_score2{ background-position: -162px -158px; }
.star_score3{ background-position: -148px -158px; }
.star_score4{ background-position: -134px -158px; }
.star_score5{ background-position: -120px -158px; }

.soft_detail{ margin-top: 30px; }
.soft_detail .soft_detail_img{ float: left; margin-right: 30px; width: 407px; }
.soft_detail .soft_detail_img img{ max-width: 407px; }
.soft_detail .soft_detail_data{ float: left; }
.soft_detail .soft_detail_data p{ font-size: 14px; color: #333333; margin-bottom: 10px; max-width: 470px; word-break:break-all; }
.soft_detail .soft_detail_data .soft_detail_down{ margin-top: 15px; display: block; background: url(../../images/soft/soft_icon.png) -10px -279px; width: 167px; height: 46px; }
.soft_detail .soft_detail_data .soft_detail_down:hover{ background-position: -10px -355px; }

.soft_function{ width: 910px; margin-top: 40px; display: inline-block; }
.soft_function h5{ font-size: 13px; color: #333333; font-weight: bold; padding-bottom: 10px; }
.soft_function .soft_function_desc{ margin-top: 20px; overflow: hidden; }
.soft_function .soft_function_desc .sc_intro{text-indent: 28px; }
.soft_function .soft_function_desc p{ font-size: 14px; color: #666666; margin: 0 45px 10px 10px; line-height: 26px; }

.link-btn{ float: right; margin-right: 52px; font-size: 12px; color: #1f87ec; }
.link-btn span{ float: left; }
.link-btn.down:before{ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);}
.link-btn.up:before{ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);}
.link-btn i{ display: block; width: 11px; height: 6px; background: url(../../images/soft/soft_icon.png); float: left; margin: 5px 0 0 5px; }
.link-btn .down_icon{ background-position: -277px -43px; }
.link-btn .up_icon{ background-position: -296px -43px;  }
.link-btn:hover{ color: #197edf; }
.link-btn:hover .down_icon{ background-position: -253px -43px; }
.link-btn:hover .up_icon{ background-position: -316px -43px;  }

.soft_recomm{ width: 910px; margin-top: 40px; display: inline-block; }
.soft_recomm h5{ font-size: 13px; color: #333333; font-weight: bold; padding-bottom: 10px; }
.soft_interest{ width: 910px; margin-top: 40px; display: inline-block; }
.soft_interest h5{ font-size: 13px; color: #333333; font-weight: bold; padding-bottom: 10px; }

.soft-hobby{  }
.soft-hobby li{ display: inline-block;  width: 120px; height: 90px; position: relative;}
.soft-hobby li img{ width: 60px;  height: 60px; position: absolute; top: 0; left: 50%; margin-left: -30px;}
.soft-hobby li .hobby-name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 120px; overflow: hidden; text-align: center; color: #898989; position: absolute; bottom: 0; left: 50%; margin-left: -60px;}
.soft-hobby li .download-btn{ display: none;}
.soft-hobby li.active .hobby-name{ display: none;}
.soft-hobby li.active .download-btn{ display: block; width: 42px; height: 22px; background: url("../../images/soft/ico.png") no-repeat -42px -75px; position: absolute; bottom: 0; left: 50%; margin-left: -21px;}
.soft-hobby li.active .download-btn:hover{ background: url("../../images/soft/ico.png") no-repeat 0 -75px;}
/**软件详情轮播**/
.box-content .bx-wrapper .bx-controls-direction a { height: 24px; outline: 0 none; position: absolute; text-indent: -9999px; top: 37px; width: 12px; z-index: 9;}
.box-content .bx-wrapper .bx-prev { background: rgba(0, 0, 0, 0) url("../../images/soft/rj_common-242a7530.png") no-repeat scroll 0 -228px; left: 0px;}
.box-content .bx-wrapper .bx-prev:hover{ background-position: -16px -228px; left: 0px;}
.box-content .bx-wrapper .bx-prev:active{ background-position: -32px -228px; left: 0px;}
.box-content .bx-wrapper .bx-next { background: rgba(0, 0, 0, 0) url("../../images/soft/rj_common-242a7530.png") no-repeat scroll -48px -228px;; right: 0px;}
.box-content .bx-wrapper .bx-next:hover{ background-position: -64px -228px;; right: 0px;}
.box-content .bx-wrapper .bx-next:active{ background-position: -80px -228px;; right: 0px;}

/****************************album*****************************/
.album_soft{ padding: 23px 18px 0 18px; }

.album_soft_title{ clear: both; padding: 0 6px; }
.album_soft_title .album_soft_title_img{ float: left; border: 1px solid #f1f1f1}
.album_soft_title .album_soft_title_img img{ width: 530px; height: 328px; }
.album_soft_title .album_soft_title_desc{ float: left; height: 332px; border: 1px solid #f1f1f1; border-left: none; width: 560px; }
.album_soft_title .album_soft_title_desc h3{ font-size: 24px; color: #1f87ec; margin: 27px 0 0 27px; }
.album_soft_title .album_soft_title_desc p{ font-size: 15px; color: #333333; text-indent: 20px; line-height: 26px; margin: 20px 45px 0 27px; height: 165px;}
.album_soft_title .album_soft_title_desc span{ float: left; font-size: 12px; color: #888888; margin: 29px 0 0 27px; }

.album_soft_list{ width: 100%; clear: both; }
.album_soft_list_box{ margin-top: 35px; display: inline-block; margin-left: -11px;}
.album_soft_list_box li{ width: 360px; float: left; margin-left: 11px; position: relative; margin-bottom: 12px; }
.album_soft_list_box li p{ width: 85%; height: 48px; overflow: hidden; font-size: 12px; color: #666666; clear: both; margin-left: 28px; margin-right: 24px; margin-bottom: 10px; display: inline-block; line-height: 24px; }
.album_soft_list_box li p .green{ color: #26b500; font-weight: bold; }
.album_soft_list_box li p .red{ color: #fe0000; font-weight: bold; }
.album_soft_list_box .mr11{ margin-right: 11px; }
.album_soft_list_box .ml50{ margin-left: 50px; }
.album_soft_list_box .ml30{ margin-left: 30px; }
.album_soft_list_box li .album_soft_list_title{ margin-top: 30px; float: left; max-width: 210px; }
.album_soft_list_box li .album_soft_list_img{ margin: 26px 26px 0 0; float: right; }
.album_soft_list_box li .album_soft_list_img img{ width: 64px; height: 64px; }
.album_soft_list_title h5 a{ display: block; font-size: 15px; color: #333333; font-weight: bold; max-width: 210px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.album_soft_list_title h5 a:hover{ color: #1f87ec; }
.album_soft_list_title span{ display: inline-block; }
.album_soft_list_title span i{ margin-right: 5px; margin-top: 2px; display: block; background: url(../../images/soft/album/album_icon.png); width: 16px; height: 16px; float: left; }
.album_soft_list_title span i.album_soft_list_time{ background-position: -61px -19px; }
.album_soft_list_title span i.album_soft_list_down_icon{ background: url(../../images/soft/soft_icon.png);background-position: -30px -71px;}
.album_soft_list_title span i.album_soft_list_filesize{ background: url(../../images/soft/soft_icon.png);background-position: -146px -71px;}
.album_soft_list_title span i.album_soft_list_watch{ background-position: -127px -19px; }
.album_soft_list_title span i.album_soft_list_down{ background-position: -94px -19px; }
.album_soft_list_title span em{ font-size: 14px; color: #888888; float: left; }

.album_soft_list_box li .album_soft_list_img .album_soft_list_down{ margin-top: 5px; display: block; background: url(../../images/soft/soft_icon.png) -210px -296px; width: 66px; height: 24px; }
.album_soft_list_box li .album_soft_list_img .album_soft_list_down:hover{ background-position: -210px -366px; }
.album_soft_list_box li .album_soft_list_tips{ background: url(../../images/soft/album/album_icon.png); width: 79px; height: 79px; position: absolute; top: 6px; left: 6px; }
.album_soft_list_box li .album_soft_list_tips1{ background-position: -286px -99px; }
.album_soft_list_box li .album_soft_list_tips2{ background-position: -15px -99px; }
.album_soft_list_box li .album_soft_list_tips3{ background-position: -143px -99px; }

.album_soft_list_box li .li_top{ background: url(../../images/soft/album/li_top.png); width: 360px; height: 7px; }
.album_soft_list_box li:hover .li_top{ background: url(../../images/soft/album/li_top_hover.png); width: 360px; height: 7px; }
.album_soft_list_box li .li_center{ background: url(../../images/soft/album/li_center.png) repeat-y; width: 360px;height: 250px; overflow: hidden; }
.album_soft_list_box li:hover .li_center{ background: url(../../images/soft/album/li_center_hover.png) repeat-y; width: 360px; }
.album_soft_list_box li .li_bottom{ background: url(../../images/soft/album/li_bottom.png); width: 360px; height: 7px; }
.album_soft_list_box li:hover .li_bottom{ background: url(../../images/soft/album/li_bottom_hover.png); width: 360px; height: 7px; }

.album_soft_special{ padding: 0 6px; }
.album_soft_special h5{ font-size: 13px; font-weight: bold; color: #333333; padding: 15px 0 8px 0; }
.album_soft_special ul{ margin-top: 15px; display: inline-block; }
.album_soft_special ul li.last{margin-right: 0px;}
.album_soft_special ul li{ float: left; margin-right: 14px; position: relative; }

.album_soft_special ul li img{ width: 208px; height: 80px; }
.album_soft_special ul li .app_specialhover{ display: none; cursor: pointer; position: absolute; top: 0; left: 0; width: 208px; height: 80px; background: #000; opacity: 0.2; filter:alpha(opacity=20); }

.album_soft_comment{ padding: 0 6px; }
.album_soft_comment h5{ font-size: 13px; font-weight: bold; color: #333333; margin: 35px 0 8px 0; }
.album_soft_comment .comment_box{ width: 100%; border: 1px solid #d6d6d6; }
.album_soft_comment .comment_box .comment_box_txt{ padding: 13px 0 0 10px; }
.album_soft_comment .comment_box textarea{ font-size: 16px; color: #bababa; display: inline-block; width: 100%; min-height: 110px; box-shadow: 0; border: 0; }
.album_soft_comment .comment_box_post{ border-top: 1px solid #d6d6d6; height: 40px; }
.album_soft_comment .comment_box_post .comment_box_input{ cursor: pointer; float: right; margin: 3px 8px; border: 0; width: 92px; text-align: center; line-height: 34px; height: 34px; background: #1f87ec; color: #fff; font-size: 14px; }
.album_soft_comment .comment_box_post .comment_box_input:hover{ background: #197edf; }
.album_soft_comment .comment_box_post img{ margin: 12px 0 0 10px; }

.album_soft_comments{ padding: 0 6px 110px 6px; }
.album_soft_comments h5{ font-size: 18px; color: #333333; padding: 25px 0 10px; }
.album_soft_comments h5 span{ color: #a5a5a5; }

.comments_box{ border-top: 1px solid #ebebeb; padding-top: 40px; display: inline-block; }
.comments_box img{ margin-right: 14px; float: left; }
.comments_box .comments_box_main{ float: left; width: 1033px; display: inline-block; }
.comments_box .comments_box_main .uaername{ float: left; font-size: 12px; color: #333333; margin-right: 15px; }
.comments_box .comments_box_main .comments_time{ float: left; font-size: 12px; color: #999999; margin-right: 6px; }
.comments_box .comments_box_main .comments_hot{ float: left; display: block; background: url(../../images/soft/album/album_icon.png) -19px -19px; width: 25px; height: 16px; }
.comments_box .comments_box_main .comments_content p{ margin-top: 10px; font-size: 14px; color: #333333; }
.comments_box .comments_box_main .comments_content_min{ background: #f5f5f5; width: 100%; margin-top: 10px; padding-bottom: 11px; }
.comments_box .comments_box_main .comments_content_min .comments_content_min_title span{ display: inline-block; font-size: 12px; color: #999999; margin: 15px 0 0 17px; }
.comments_box .comments_box_main .comments_content_min p{ font-size: 14px; color: #999999; margin: 5px 0 0 17px; }
.comments_option{ float: right; }
.comments_option ul{ display: inline-block; }
.comments_option li{ float: left; font-size: 12px; color: #999999; margin-left: 14px; }
.comments_option li a{ color: #999999; line-height: 36px; }
.comments_option li.line{ width: 1px; height: 12px; background: #ebebeb; margin-top: 14px; }

/****************************manager*****************************/
.manager_content{ padding: 0 3px; }
.manager_content .manager_line{ width: 100%; height: 1px; background: #f4f4f4; display: inline-block; }

.manager_banner{ background: url(../../images/soft/manager/manager_banner.jpg) center; background-size: cover; width: 100%; height: 379px; }
.manager_banner .manager_banner_btn{ display: block; float: right; margin: 200px 330px 0 0; background: url(../../images/soft/manager/manager_banner_btn.png); width: 187px; height: 55px; }
.manager_banner .manager_banner_btn:hover{ background: url(../../images/soft/manager/manager_banner_btn_hover.png); width: 187px; height: 55px; }
.manager_banner .manager_banner_desc{ float: left; margin: 20px 0 0 624px; }
.manager_banner .manager_banner_desc span{ font-size: 12px; color: #666666; margin-right: 15px; }

.manager_img_1{ float: left; margin: 75px 60px 55px 100px; }
.manager_img_2{ float: left; margin: 70px 0 60px 180px; }
.manager_img_3{ float: left; margin: 60px 30px 110px 130px; }
.manager_desc{ float: left; }
.manager_desc .manager_desc_title{ margin-top: 150px; }
.manager_desc .manager_desc_title .manager_fl_1_1{ width: 48px; height: 40px; float: left; margin: 5px 15px 0 0; }
.manager_desc .manager_desc_title .manager_fl_2_1{ width: 47px; height: 46px; float: left; margin: 5px 15px 0 0; }
.manager_desc .manager_desc_title .manager_fl_3_1{ width: 41px; height: 49px; float: left; margin: 5px 15px 0 0; }
.manager_desc .manager_desc_title h1{ font-size: 36px; color: #333333; float: left; }
.manager_desc p{ font-size: 16px; color: #888888; clear: both; margin-top: 10px; display: inline-block; }

/****************************release*****************************/
.release_content{ padding: 23px 24px 120px 24px; }
.release_content h3{ font-size: 24px; color: #333333; margin: 30px 0 10px 35px; }
.release_content p{ font-size: 14px; color: #333333; line-height: 28px; margin: 0 140px 0 35px; }

/****************************search_undefind*****************************/
.search_undefind{ margin: 180px 0 0 430px; width: 60px; height: 60px; }
.search_undefind_p{ font-size: 24px; color: #666666; text-align: center; margin-top: 20px; }

/****************************topics_list*****************************/
.topics_list_content{ padding: 27px 16px 30px 27px; }
.topics_list_content_main{ overflow: hidden; }
.topics_list_content_box{ width: 262px; height: 176px; border: 1px solid #ececec; float: left; }
.topics_list_content_box:hover{ border: 1px solid #d8d8d8; }
.topics_list_content_box > a{ display: inline-block;}
.topics_list_content_box img{ width: 249px; height: 125px; margin: 6px; }
.topics_list_content_box h4{ font-size: 14px; color: #333333; text-align: center; }
.topics_list_content_box h4 a{ color: #333333; }
.topics_list_content_box:hover a{ color: #1685ec; }
.topics_list_content .mr11{ margin-right: 11px; }
.topics_list_content .mb16{ margin-bottom: 16px; }

.topic-list-container{
    padding: 20px;
}
.topics-list{
    margin-left: -14px;
}
.topics-list:after{
    content: '';
    display: table;
    clear: both;
}
.topics-list > li{
    float: left;
    width: 256px;
    height: 154px;
    margin-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #f1f1f1;
}
.topics-list .topics-list-img{
    display: block;
    width: 256px;
    height: 94px;
    line-height: 94px;
    overflow: hidden;
}
.topics-list .topics-list-img > img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.topics-list .topics-list-name{
    display: block;
    height: 60px;
    line-height: 60px;
    background-color: #f4f4f4;
    text-align: center;
}
.topics-list .topics-list-name > span{
    display: inline-block;
    vertical-align: middle;
    max-width: 220px;
    height: auto;
    color: #333;
    font-size: 16px;
    line-height: 24px;
}
.topics-list > li:hover{
    border-color: #e1e1e1;
}
.topics-list > li:hover .topics-list-name > span{
    color: #1685ec;
}

/****************************footer*****************************/

.footer{ width: 100%; margin-top: 27px; text-align: center; padding: 30px 0px; color: #666666; font-size: 14px; background: #fff; position: absolute;}
.footer p{ margin-bottom: 12px; line-height: 19px; }
.footer p:last-of-type{ margin-bottom: 0px;}

/***************************************2016-11-18 修改部分***********************************************/

#main { overflow: hidden; margin: 10px 10px 0 0;}
.listBox { margin-top: 10px;}
#side{ margin-top: 14px; }
.columnBox h4 { font-weight: bold; padding-left: 0px; margin: 0 10px; background: #fff; border-bottom: 2px solid #f0f0f0; }
#pagingBox a { background-color: #fff; color: #333333; font-size: 14px; width: 828px; }
#pagingBox a:hover,
#pagingBox a:active{ background-color: #1685ec; color: #fff; }
#pagingBox a, #pagingBox span { height: 36px; line-height: 36px; }
.ban{ position: relative; }
/*#footer{ padding: 60px; }*/
.listBox dt { line-height: 26px; }

/***************************************2016-12-13 新增付费页面***********************************************/
.pay-content h4{ font-size: 14px; font-weight: bold; color: #333333; padding-left: 9px; margin-bottom: 20px; }
.pay-content .blue{ background: url(../../images/soft/title_blue.png) center left no-repeat; }
.pay-content .soft-pay-money{ position: absolute; background: #daedff; top: 4px; right: 4px; width: 37px; height: 17px; line-height: 17px; text-align: center; font-size: 12px; color: #666666; font-weight: bold; float: right; }

.recommended-soft{ padding: 24px 0 0px 24px; }
.recommended-soft ul{ display: inline-block; }
.recommended-soft li{ width: 135px; height: 154px; border: 1px solid #ececec; margin: 0 22px 22px 0; float: left; position: relative; }
.recommended-soft li .soft-pay-logo{ width: 72px; height: 72px; margin: 24px auto 20px; }
.recommended-soft li .soft-pay-logo img{ width: 72px; height: 72px; }
.recommended-soft li .soft-pay-text{ display: block; font-size: 15px; color: #333333; text-align: center; }
.recommended-soft li .soft-pay-btn{ display: none; position: absolute; bottom: 20px; left: 35px; width: 66px; height: 24px; background-image: url(../../images/soft/soft_icon.png); background-repeat: no-repeat; background-position: -210px -296px; }
.recommended-soft li .soft-pay-btn:hover{ background-position: -210px -366px; }

.hot-soft{ padding: 24px 0 20px 19px; }
.hot-soft h4{ margin-left: 7px; }
.hot-soft .soft-pay-money{ right: 10px; top: 10px; }
.soft-box{ display: inline-block; }
.soft-box li{ position: relative; width: 360px; float: left; margin: 0 9px 13px 0; }
.soft-box li .hot-soft-left{ float: left; margin: 24px 26px 15px 24px; }
.soft-box li .hot-soft-left img{ margin-bottom: 15px; width: 64px;height: 64px;}
.soft-box li .hot-soft-left p{ font-size: 30px; color: #ed0000; font-style:oblique; text-align: center; }
.soft-box li .hot-soft-left p span{ font-size: 18px; }
.soft-box li .hot-soft-right{ float: left; }
.soft-box li .hot-soft-right h5{ margin-top: 23px; font-size: 15px; color: #333333; font-weight: bold; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.soft-box li .hot-soft-right h5 a{ color: #333; }
.soft-box li .hot-soft-right span{ margin: 10px 15px 0 0; display: inline-block; }
.soft-box li .hot-soft-right span i{ margin-right: 5px; margin-top: 3px; display: block; background: url(../../images/soft/album/album_icon.png); width: 16px; height: 16px; float: left; }
.soft-box li .hot-soft-right span i.hot-soft-time{ background-position: -61px -19px; }
.soft-box li .hot-soft-right span i.hot-soft-down{ background-position: -94px -19px; }
.soft-box li .hot-soft-right span em{ font-size: 14px; color: #888888; }
.soft-box li .hot-soft-right .hot-soft-btn{ margin-top: 18px; display: block; background: url(../../images/soft/pay/hot-soft-btn.png); width: 104px; height: 32px; }
.soft-box li .hot-soft-right .hot-soft-btn:hover{ background: url(../../images/soft/pay/hot-soft-btn-h.png); }

.soft-box li .li_top{ background: url(../../images/soft/album/li_top.png); width: 360px; height: 7px; }
.soft-box li:hover .li_top{ background: url(../../images/soft/album/li_top_hover.png); width: 360px; height: 7px; }
.soft-box li .li_center{ background: url(../../images/soft/album/li_center.png) repeat-y; width: 360px; overflow: hidden; }
.soft-box li:hover .li_center{ background: url(../../images/soft/album/li_center_hover.png) repeat-y; width: 360px; }
.soft-box li .li_bottom{ background: url(../../images/soft/album/li_bottom.png); width: 360px; height: 7px; }
.soft-box li:hover .li_bottom{ background: url(../../images/soft/album/li_bottom_hover.png); width: 360px; height: 7px; }

.w1138{ width: 1138px; margin: 0 auto; }
.w828{ width: 828px; }

.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt35{ margin-top: 35px; }
.mb100{ margin-bottom: 100px; }
.ml130{ margin-left: 130px; }

.ofw{ overflow: hidden;}

.clearfix {
    zoom: 1;
}
.clearfix:after {
    visibility: hidden;
    clear: both;
    font-size: 0;
    display: block;
    content: "";
    height: 0;
}
.soft_function .soft_function_desc .detail_copyright{color:#ADADAD;}
