@charset "utf-8";
/* CSS Document */
/*应用软件*/
/*mod-menu*/
.mod-menu{ background:url(../images/innerBg.png) no-repeat;}
.mod-menu .mbd{ padding:13px 0 9px 13px;}
.mod-menu .mbd li { padding-left:60px; height:34px; line-height:34px; margin-bottom:5px; width:139px;}
.mod-menu .mbd li:hover,.mod-menu .mbd li.hover{ background:url(../images/lihover.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://app.ccb.com/cn/common/appmarket/images/lihover.png',sizingMethod='crop');_background:none;}
.mod-menu .mbd li a{ background:url(../images/icon.png) 0 3px no-repeat; height:32px; line-height:32px; padding-left:45px; display:block; color:#191616; font-size:14px; font-weight:700;} 

.mod-menu .mbd .m02 a{ background-position:0 -35px;}
.mod-menu .mbd .m03 a{ background-position:0 -75px;}
.mod-menu .mbd .m04 a{ background-position:0 -111px;}
.mod-menu .mbd .m05 a{ background-position:0 -150px;}
.mod-menu .mbd .m06 a{ background-position:0 -187px;}

/*mod-search*/
.mod-search { overflow:hidden;}
.mod-search .mhd{ background:url(../images/mhdtop.png) no-repeat; height:9px; overflow:hidden;}
.mod-search .mbd{ background:url(../images/mbdbg.png) repeat-y; padding:0 12px; overflow:hidden; height:100%;}
.mod-search .mft{ background:url(../images/mftbg.png) no-repeat; height:9px; overflow:hidden;}

.mod-search .mbd h3{ margin-bottom:6px; font-size:12px;}
.all_app,.order{ overflow:hidden; height:100%;}
.all_app .type{ margin-right:40px;}
.mod-search a{ padding:5px 7px; margin-bottom:1px; display:inline-block; color:#191616;}
.mod-search a.hover,.mod-search a:hover{ background:#3d66af; color:#fff;}
.order a{ margin-right:20px;}

/*mod-ad*/
.mod-ad img{ width:212px;}

.pbd_software{}
/*mod-show*/
.mod-show{ width:224px; overflow:hidden;}
.mod-show .spic img{ width:212px;}
.mod-show .softhover{ display:block;}
.mod-show .mhd{ background:url(../images/pulMhd.png) no-repeat; height:3px; overflow:hidden;}
.mod-show .mbd{ background:url(../images/pulMbd.png) repeat-y; padding:4px 0 0 4px; overflow:hidden; height:100%;}
.mod-show .mft{ background:url(../images/pulMft.png) no-repeat; height:11px; overflow:hidden;}

.mod-show .mbd h2{ color:#3d66af; font-size:14px; text-align:center; width:208px; margin-top:5px;}
.mod-show .mbd .desc{ color:#666666; padding:3px 12px 3px 8px;}
.mod-show .mbd .pic{ float:left; margin:0 15px 0 8px; display:inline;}

/*app_page*/
.page{ width:680px; margin:5px 0 10px 0; overflow:hidden;}
.app_page{ margin:0 auto;display: inline-block;}
.app_page *{ float:left; display:inline;}
.app_page .prev_page,.app_page .next_page,.page .app_page .prev_page:hover{ width:36px; height:36px; background:url(../images/pageBtn.png) no-repeat;}
.app_page .next_page,.page .app_page .next_page:hover{background:url(../images/pageBtn.png) no-repeat; background-position:-36px 0; margin-left:10px;}
.app_page .prev_page{ margin-right:15px;}
.app_page span{ cursor:pointer; width:36px; height:36px; background:#ece1e0; color:#666666; line-height:36px; text-align:center; margin-right:5px; font-weight:700; }
.app_page .page_this{ background:#666666; color:#fff;}

/*应用任务*/
.mod-task .tab-menu{background:url(../images/task_MhdBg.png) no-repeat; padding-left:0px; height:52px; line-height:52px;}
.mod-task .tab-menu li{ width:200px; cursor:pointer;}
.mod-task .tab-menu li a{ width:200px; line-height:0; font-size:0;}
.mod-task .tab-menu li a:hover,.mod-task .tab-menu .hover a{ background:none;}

.mod-task .taskroll .next,.mod-task .taskroll .prev{ margin-top:50px; background:url(../images/btns02.png) no-repeat; width:36px; height:36px;}
.mod-task .scroll-pic{ display:block;}
.mod-task .taskroll .next{ background-position:-36px 0;}
.mod-task .taskroll a{ width:280px; background:url(../images/redbg.png); padding:3px 9px; overflow:hidden; height:160px;}
.mod-task .taskroll .bule{  background:url(../images/buleBg.png);}
.mod-task .scroll-pic .sp-box{ width:600px;}
.mod-task .scroll-pic b{ color:#191616;}
.mod-task .scroll-pic p{ color:#747474;}

/*mod-table*/
.mod-table .mhd{ background-position:-217px 0;}
.mod-table .mhd h3{ font-size:14px; line-height:32px; padding-left:22px; font-family:黑体; text-indent:0em;}
.mod-table tr{text-align:center;}
.mod-table th{ background:url(../images/thbg.png); text-align:center; height:35px;}
.mod-table .cos{ background:url(../images/cosbg.png); }
.mod-table .title{ text-align:left; padding-left:8px;}
.mod-table .title a{ color:#B02402;}
.mod-table th.title{ padding-left:30px;}
.mod-table td{ padding:0 3px;height:40px;}
.mod-overtask td{font-size:14px; color:#b02412; font-weight:700;}

.mod-alltask{ background:url(../images/buleBg02.png);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://app.ccb.com/cn/common/appmarket/images/buleBg02.png',sizingMethod='crop');_background:none;}
.mod-alltask .box_txt{*margin-top:-12px;}
.mod-alltask .mhd{ background-position:-217px -137px}
.mod-alltask label{ color:#217bc0; font-weight:700;}
.txt{ border:1px solid #cccccc; padding:3px; width:47px; margin:0 5px;}
.mod-alltask .search{ padding:10px 0 10px 15px; cursor:pointer;}
.mod-alltask .date{ width:62px;}
.mod-alltask .keyword{ width:100px;}
.mod-alltask .searchbtn{ border:none; background:url(../images/searchBtn.png) no-repeat; height:21px; width:58px; line-height:0; font-size:0; cursor: pointer;}
.mod-alltask td{ height:30px;}
.mod-alltask .page{ margin:15px 0; overflow:hidden;text-align: center;}
.mod-alltask .title a{ color:#000000;}
.mod-alltask .tmhd .title a{ background:url(../images/sortbtn.png) 55px 3px no-repeat; display:block; height:20px; line-height:20px; width:70px; outline:none; }
.mod-alltask .tmhd .title .asc{ background-position:55px -19px; color:#ff5601;}
.mod-alltask .tmhd .title .desc{ background-position:55px -41px; color:#ff5601;}

/*日历控件*/
.calendar{ display:none; position:absolute; border:1px solid #999;}
.calendar, .cal-box, .cal-ifr{width:175px; height:160px; padding:1px;}
.cal-box{ position:absolute; top:0; left:0; z-index:100; background:#fff;}
.cal-tool, .cal-week, .cal-date{ overflow:hidden; zoom:1;}
.cal-box span{ float:left; width:25px; height:20px; text-align:center; cursor:pointer;}
.cal-tool span{ width:20px;}
.cal-tool{ background:url(../images/buleBg.png);}
.cal-tool .s-year, .cal-tool .s-year span{ width:55px;}
.cal-tool .s-mon, .cal-tool .s-mon span{ width:35px;}
.cal-date .curdate, .cal-date .hover{ background:#666; color:#fff;}
.cal-date span{font:11px/20px Arial;}
.cal-ifr{ position:absolute; top:0; left:0; z-index:10;}
.calendar .cal-other{ margin-top:-20px; text-align:right;}

/*个人中心*/
.mod-user{ height:202px; overflow:hidden;}
.mod-user .tab-menu{background:url(../images/user_MhdBg.png) no-repeat; }
.mod-user .userroll .sp-box{ width:592px;}
.mod-user .hottask{ width:264px;}
.mod-user .cont table { margin-top:-5px; *margin-top:-10px;}
.mod-user .cont table th{ height:35px; background:url(../images/thbg.png);}
.mod-user .cont table th.title{ padding-left:30px;}
.mod-user .cont .title{ text-align:left; padding-left:10px; }
.mod-user .cont .title a{color:#000; height:28px; width:680px;}
.mod-user .cont table td{ height:28px;}

/*mod-downapp*/
.mod-downapp{ float:none;}
.mod-downapp .mhd{background-position: -217px -137px;}
.mod-downapp .mhd h3 {font-size: 14px;line-height: 32px; padding-left: 22px; text-indent:0em;}
.mod-downapp .app_page a{padding:0; overflow:hidden;}
.mod-downapp .app_page span{ color:#666666}
.mod-downapp .app_page .page_this{ color:#fff;}

/*mod-result*/
.mod-result{ background:url(../images/buleBg.png); height:43px; line-height:43px; font-size:14px; font-weight:700; padding-left:25px;}


.searhul li{ position:relative; padding:10px 20px; line-height:18px;}

.searhul .details_btn{  width:80px; height:28px; line-height:28px; background:url(../images/details_bg.png) no-repeat; right:10px;top:30px;}
.a_hover { height: 100%; left: 0; position: absolute;top: 0;  width: 100%; z-index: 2; display:block; overflow:hidden;}
.a_hover:hover{ background:url(../images/cosbg.png);}
.searhul .box_pt{ z-index:1;}
.searhul .mb_5{ width:427px; color:#666666;}
.searhul .box_system{ color:#3992e2; float:left;}
.searhul h3 a{ color:#000000;}
.searhul h3 { font-size:12px;}

/*mod-share*/
.mod-share .mhd{ background:url(../images/mhdtop.png) no-repeat; height:9px; overflow:hidden;}
.mod-share .mbd{ background:url(../images/mbdbg.png) repeat-y; padding:5px 12px;}
.mod-share .mft{ background:url(../images/mftbg.png) no-repeat; height:9px; overflow:hidden;}

.mod-share span{ font-weight:700; line-height:20px;vertical-align:top;}
.mod-share a{ margin-right:5px;}
.mod-share .download{ margin-bottom:10px;}

.pbd_software .mod-newapp{ height:auto;}
.pbd_software .hasmhd .mhd{background-position: -217px -137px;}
.pbd_software .hasmhd h3 {font-size: 14px;line-height: 32px; padding-left: 22px; text-indent:0em;}

/*mod-zfb */
.mod-zfb{ overflow:hidden;}
.mod-zfb .mbd{ height:236px; background:url(../images/buleBg03.png); overflow:hidden; padding:12px 0;}
.mod-zfb .pic{ float:left; text-align:center; margin-left:40px; display:inline;}
.mod-zfb .pic p{ font-size:14px; font-weight:700; color:#217bc0; margin-top:5px;}
.mod-zfb .right{ width:493px; float:right;}
.mod-zfb .right ul{ overflow:hidden;}
.mod-zfb .right li{ float:left; width:245px; line-height:26px;}
.mod-zfb .right li span{ font-weight:700; color:#666666; float:left; width:74px;}

.mod-zfb .desc{ margin-top:24px; width:456px; line-height:20px;}
.mod-zfb .desc h5{ font-size:14px; color:#b12310;}
.mod-zfb .desc span{ color:#666666; margin:8px 0 15px 0; display:block;}

/*mod-yyjt*/
.mod-yyjt .mbd{ background:url(../images/buleBg02.png);}
.mod-yyjt .scroll-pic{ display:block;}
.mod-yyjt .scroll-pic .sp-cont a{ width:592px; overflow:hidden; padding:6px 0; height:auto; margin-right:0px;}
.mod-yyjt .scroll-pic span{ margin-top:78px;}
.mod-xzq .mbd{ padding:20px 0 0 45px;}
.mod-xzq .mbd a{ margin-right:30px;}


.mod-apping .mhd{ background-position:0 -137px;}
.mod-apping .mbd{ background:url(../images/aBlue.png);}
.mod-apping table td,.mod-apping table th{ padding:0 8px; }
.mod-apping table th{ text-align:center; height:33px;}
.mod-apping table td{ height:50px; }

.mod-apping td a{ color:#000;}
.mod-apping td a:hover{ color:#666;}

.mod-hot .mhd{ background-position:0 -187px;}
.mod-content .mhd{ background-position:-216px -181px; height:40px; line-height:40px;}
.mod-content .mhd h3{height:40px; line-height:40px; color:#fff; font-size:16px; padding-left:14px; text-indent:0em;}
.mod-content .mbd{ line-height:24px; padding:10px 20px 20px 15px; background:url(../images/buleBg02.png);}
.mod-content .title{ margin:9px 0;}
.mod-content .money{ color:#dc2c14; font-size:16px; font-weight:700;}
.mod-content .date{ margin-left:190px; font-weight:700; color:#747474;}
.col1{ vertical-align:top; text-align:right; font-weight:700;color:#747474;}
.mod-content table td{ padding-bottom:27px;}
td .btn{ background:url(../images/appbtn.png) no-repeat; border:none; width:100px; height:33px; line-height:32px; color:#fff; font-weight:700; margin-left:10px; cursor:pointer;}


.mod-pop{ display:none; position:absolute; z-index:9999; width:500px; background:#fff;}
.mod-pop .mhd{ height:31px;  color:#fff;}
.mod-pop .mbd{ border:1px solid #E5E5E5; padding-bottom:50px;}
.pop-ifr{ display:none; position:absolute; z-index:9990;}
.pop-bg{ position:absolute; top:0; left:0; background:#000; opacity:0.3; filter:alpha(opacity=30); z-index:9999;}
.module_header {  height: 31px; position: relative;}
.module_header_m { background: url(../images/app_bg.png) repeat-x scroll 0 0 transparent;}
.module_header_m { background-position:0 -186px;color: #FFFFFF;height: 31px; line-height: 31px; padding: 0 20px; position: relative;}
.module_header_l, .module_header_r { height:31px; overflow:hidden;  position:absolute; top:0;  width: 10px;z-index:10;}
.module_header_l, .module_header_r {  background: url(../images/app_bg.png) no-repeat scroll 0 0 transparent;}
.module_header_r { background-position: 0 -222px; right: 0;}
.module_header_l { background-position: 0 -150px; left: 0;}
.close_download_box { background: url(../images/clos.gif) no-repeat scroll 0 0 transparent;cursor: pointer; display: inline-block;height: 13px; margin-top: 8px;width: 13px;   position: absolute; right: 10px; top: 0;}
.only_download { background: url(../images/download_btn.png) no-repeat scroll 0 0 transparent; display: inline-block; height: 43px; margin-left: 80px;vertical-align: middle; width: 179px;}
.mod-pop .mbd span{ color:#929292; margin-left:25px;}
 .download_way span{ color:#929292; margin-left:25px;}
.mod-pop .download{  border-bottom: 1px dotted #CCCCCC; margin: 15px 20px; padding: 20px 0;  position: relative;}
.mod-menu .mbd li a {
    background: url("../images/icon.png") no-repeat scroll 0 3px transparent;
    color: #191616;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    padding-left: 45px;
}
.mod-alltask .clearbtn{ border:none; background:url(../images/clearbtn.png) no-repeat; height:21px; width:50px; line-height:0; font-size:0; cursor: pointer;}