body{  min-width: 1200px; background: #f6f7fb;}
body,input,.width_820textarea{font: 14px '\5FAE\8F6F\96C5\9ED1';}
.wrap_box{ width: 1200px; margin: 0 auto;}
.float_left{ float: left;}
.float_right{ float: right;}
.overflow{ overflow: hidden;}
.clearfix{ clear: both;}
.bg_color{ background-color: #fff;}
.margin_t_10{ margin-top: 10px;}
.margin_t_20{ margin-top: 20px;}
.margin_r_10{ margin-right: 10px;}
.ppadding_20{ padding: 20px;}
.ppadding_30{ padding: 30px;}
.width_820{ width: 820px;}
.width_290{ width: 290px;}
.width_800{ width: 800px;}
.width_350{ width: 350px;}
.width_790{ width: 790px;}
.width_300{ width: 300px;}

/*header*/
.header_box .upward{ background: #f5f5f5; height: 37px; line-height: 37px; border-bottom: 1px solid #dddee1; font-size: 12px; color: #808080;}
.header_box .upward .float_right{ color: #d9d9d9; font-size: 13px;}
.header_box .upward a{ color: #808080; font-size: 12px; padding: 0 5px;}
.header_box .upward a:hover{ color: #2371f3;  text-decoration: underline;}
.header_box .midusurpe{ padding: 20px 0; margin-top: 1px;}
.header_box .logo{ height: 71px; margin-top: 3px;}
.header_box .seek-against{ width: 485px; margin-top: -14px;}
#unfold{ width: 80px;position: absolute;left: -76px;height: 38px;}
#unfold select{height: 38px;border: 1px solid #2371f3;border-right-color: #f0f1f3;color:#666666;}
#bdcs_seel_input{color:#666666!important;}
#unfold select option{width:83px; padding-top:10px; padding-botto:10px; text-indent:10px; overflow:hidden; margin-top:0; color:#666666;}
#unfold p{width:61px; height:36px; line-height:36px; padding-left:4px; padding-right:18px;border:1px solid #2371f3; border-right-color: #f0f1f3; text-indent:5px; color:#666; cursor:pointer; background:url(../images/xlbg.png) no-repeat 95% 50% #fafcff;}
#unfold ul.choice_catalog{width:83px; height:auto; background:#fff; margin-top:2px; border:1px solid #2371f3;position:absolute; display:none; z-index:9999; margin-top:-1px; padding:0 0 5px 0;}
#unfold ul.choice_catalog li{ width:83px; height:24px; line-height:24px; text-indent:10px; overflow:hidden; margin-top:0; }
#unfold ul.choice_catalog li a{display:block; height:24px; color:#666; text-decoration:none;}
#unfold ul.choice_catalog li a:hover{background:#c6dbfc; color:#666}
.seek{ margin-top:35px; float:right; width:400px;}
.seek .txt{ width:300px; height:40px; float:left; line-height:40px; font-size:14px; color:#999; text-indent:50px; border:none;}
.seek .btn{ float:right; border:none; margin-left:-10px; width:100px;  height:42px; cursor: pointer; color:#fff; line-height:36px;}
body .seek .hot{ font-family:\5FAE\8F6F\96C5\9ED1; width:400px; height:22px; float:right; font-size:12px; line-height:22px;margin-top:1px;}
.seek .hot a{ color:#999; overflow:hidden; display:inline; zoom:1}
.seek .hot a:hover{ color:#c00;}
.seek .hot .h_tit{  color:#999; }
.seek_bot_catalog p{color:#2371f3;font-size:12px;display:block;height:24px;line-height:24px;float:left;margin-right:4px;}
.seek_bot_catalog{width:380px;height:24px;overflow:hidden;padding-top:4px;}
.seek_bot_catalog ul li{float:left;margin-right:12px;height:24px;line-height:24px;}
.seek_bot_catalog ul li a{color:#666;font-size:12px;}
.seek_bot_catalog ul li a:hover{color:#2371f3;text-decoration:none}
.seek{margin-top:23px;}
.recommend_seek{width:378px; border-bottom:1px dotted #e7e7e7; overflow:hidden}
.recommend_seek p{ display:block; height:auto;width:30px;background:#f3f8fc;color:#999999;font-weight:600;text-align:center;float:left;position:relative}
.recommend_seek p font{width:15px;display:block;white-space:normal;line-height:20px;margin:-20px auto 0 auto;position:absolute;top:50%;left:6px;}
.recommend_seek_box{background:#fff;font-size:13px;position:absolute;top:38px;left:0px;border:1px solid #e0e0e0;width:378px;border-top:0px;z-index:999; display: none;}
.recommend_seek_box ul li{text-indent:8px;height:28px;line-height:28px;cursor:pointer;display:block;padding:0px 16px 0 0;overflow:hidden;}
.recommend_seek_box ul li:hover{background:#ebebeb}
.recommend_seek_box ul li a{color:#999;font-size:12px;text-decoration:none;display:block;height:28px;}
#default_seel_box{position:relative}
#bdcs_seel_input{height:36px;line-height:36px; *margin-top: -1px;}
#bdcs_seel_input.xunzhong{color:#000}
.bdcs_againsttainer .bdcs_seek_form_submit { display: inline-block; cursor: pointer; border: 1px solid #2d79f8 ;  vertical-align: top; text-align: center; width: 80px; background-color: #2371f3; color: #FFFFFF; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 14px; line-height:28px ; height:38px;position: relative;
    left: -5px;}
.bdcs_againsttainer .bdcs_seek_form_submit:hover{ background: #3389fd;}
.bdcs_againsttainer .bdcs_seek_form_submit:active{ background: #2176ff;}
.bdcs_againsttainer .bdcs-seek{background:none;border-radius:0;border:0;}
.bdcs_againsttainer .bdcs_seel_input { width: 300px; height: 28px;  line-height: 28px; font-family: '\5FAE\8F6F\96C5\9ED1'; color: #999;  font-size: 14px; border:1px solid #2371f3;border-left-color:#f0f1f3; display: inline-block; vertical-align: top; text-indent: 10px; background-color: #fafcff; margin-right: 0; padding: 0; margin-left: -1px;}
#bdcs_seek_form{border:0px;height:38px; font-size: 0;}
.bdcs_againsttainer, #default_seel_box, #bdcs-seek-inline{height:38px;}
.recommend_seek_box ul li img{margin-right:5px;width:16px;height:16px;}

/*  */
.guides{ background: #2371f3; height: 46px; line-height: 46px; margin-top: 20px; font-size: 0; text-align: center;}
.guides a{ width: 20%; color: #dce4fa; font-size: 16px; float: left;}
.guides a.on,.guides a:hover{ background: #1061e7; color: #fff;}
.guides.guides_two a{ width: 10%;}

.bread-guides{ color: #666; padding: 15px 0 5px 0;}
.bread-guides a{ color: #666;}
.bread-guides a:hover{ color: #2371f3; text-decoration: underline;}

.module_title{ line-height: 23px; border-bottom: 1px solid #efefef; height: 30px;}
.module_title .iagainst-cate, .module-2 .caption h2{ float: left;}
.module_title h2,.module_title h1{ font-size: 18px; color: #333;}
.module_title h2 a,.module_title h1 a{color: #333;}
.module_title h2:hover a,.module_title h1:hover a{ color: #2371f3; }
.module_title .more{ color: #333; background: url("../images/icon_more.png") no-repeat right 6px; padding-right: 15px;}
.module_title .more:hover{ color: #ef0000; text-decoration: underline; background-position: right -27px;}
.module_title .caption-hierarchy{ font-size: 0;}
.module_title .caption-hierarchy label{ width: 40px; text-align: center; color: #999; float: left; font-size: 13px; cursor: pointer;}
.module_title .caption-hierarchy label i{ display: inline-block; font-style: normal;}
.module_title .caption-hierarchy label.on{ background: url("../images/rank_bg.png") no-repeat bottom center; padding-bottom: 4px;}
.module_title .caption-hierarchy label.on i{ border-bottom: 2px solid #2371f3; color: #2371f3; display: block; padding-bottom: 6px; font-weight: bold;}
/*.module_title.module_title2{ border-bottom: none;}*/


.quick-seek{ padding: 10px 20px; margin-bottom: 50px;}
.quick-seek .default_group{ width: 110px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #2371f3;}
.quick-seek .default_chunk{ margin: 5px 0 0 17px; *margin-left: 0;}
.quick-seek .default_chunk a{ color: #666; font-size: 16px; line-height: 20px; border-left: 1px solid #eee; padding: 0 13px; float: left;}
.quick-seek .default_chunk a:first-child{ border-left: none;}
.quick-seek .default_chunk a:hover{ color: #2371f3}

.mini-slogan{overflow:hidden;}
.mini-slogan.size1 img{ width: 330px; height: 246px; display: block;}
.mini-slogan.size2 img{ width: 860px; height: 90px; display: block;}
.mini-slogan.size3{margin: 10px 0 0 0 !important; width: 374px; height: 110px;}
.mini-slogan.size3 a{margin: 0; width: 375px; height: 110px; line-height: normal;}
.mini-slogan.size3 img{ width: 375px; height: 110px;}

.grade{ background: url("../images/icon_start.png") repeat-x 0 -17px; width: 70px; height: 12px;}
.grade i{ background: url("../images/icon_start.png") repeat-x 1px 0; height: 12px; display: block;}


/*footer*/
.footer{ background: #f3f3f3; border-top: 1px solid #dddee1; text-align: center; padding: 39px 0; line-height: 36px; color: #666;}
.footer .link-catalog a{ color: #666;}
.footer .bkt{ background: url("../images/icon_bk.png") no-repeat 0 0; width: 55px; height: 50px; position: fixed; left: 50%; margin-left: 620px; bottom: 150px; cursor: pointer; z-index: 999;}
.footer .bkt:hover{ background-position: 0 -50px; z-index: 1000;}

/*main*/
.module_eight .default_group{ background: url("../images/zx_bg.jpg") no-repeat right center; padding-right: 6px; margin-right: 13px; height: 90px;}
.module_eight .default_group label{ width: 26px; color: #fff; background: #ff1919; display: block; text-align: center; padding: 7px 0; font-weight: bold;}
.module_eight .default_chunk ul{ width: 110%;}
.module_eight .default_chunk li{ float: left; width: 70px; margin-right: 34px;}
.module_eight .default_chunk a{ display: block;}
.module_eight .default_chunk .programImg{ width: 70px; height: 70px;}
.module_eight .default_chunk .programImg img{ width: 100%; height: 100%; display: block;}
.module_eight .default_chunk .programName{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; margin-top: 6px;}
.module_eight .default_chunk li .programName:hover{ color: #2371f3; text-decoration: underline;}

.module_seven .default_chunk{ width: 101%; padding-top: 10px;}
.module_seven .default_chunk a{ color: #333; line-height: 28px; display: inline-block; *display: inline; *zoom: 1; margin-right: 12px;}
.module_seven .default_chunk a:hover{ color: #2371f3; text-decoration: underline;}


.module_five .sinistro .default_chunk ul{ width: 110%;}
.module_five .sinistro .default_chunk li{ width: 149px; height: 63px; border: 1px solid #f3f3f3; padding: 15px 18px; margin: 20px 24px 0 0; float: left;}
.module_five .sinistro .default_chunk a{ display: block;}
.module_five .sinistro .default_chunk .programImg{ width: 65px; height: 65px; margin-right: 10px;}
.module_five .sinistro .default_chunk .programImg img{ width: 100%; height: 100%; display: block;}
.module_five .sinistro .default_chunk .programName{ color: #333; margin: 10px 0; max-width:74px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.module_five .sinistro .default_chunk .programhierarchy{ color: #999; font-size: 12px; max-width:56px; display: inline-block;}
.module_five .sinistro .default_chunk li:hover{ background: #f7fbff; border: 1px solid #2371f3;}
.module_five .sinistro .default_chunk li .programName:hover { color: #2371f3; text-decoration: underline;}
/*.module_five .sinistro .default_chunk .programhierarchy:hover{ color: #2371f3;}*/
.module_five .sinistro.width_790 .default_chunk li{ margin-right: 14px;}
.module_five .sinistro.width_790 .default_chunk ul{ display: none;}
.module_five .sinistro.width_790 .default_chunk ul.show{ display: block;}

.module_five .starboard .default_chunk,.zxcatalog .default_chunk{ padding-top: 4px;}
.module_five .starboard .default_chunk li,.zxcatalog .default_chunk li{ position: relative; margin-top: 14px; *margin-top: 13px; width: 287px; background: url("../images/list_jc.png") no-repeat -13px center; padding-left: 15px; overflow: hidden;}
.module_five .starboard .default_chunk li:first-child,.zxcatalog .default_chunk li:first-child{ padding-left: 0;}
.module_five .starboard .default_chunk .courseImg,.zxcatalog .default_chunk .courseImg{ width: 287px; height: 145px; display:block; overflow: hidden;}
.zxcatalog .default_chunk .courseImg{ height: 197px;}
.module_five .starboard .default_chunk .courseImg img,.zxcatalog .default_chunk .courseImg img{ width: 100%; height: 100%; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.module_five .starboard .default_chunk li:hover .courseImg img,.zxcatalog .default_chunk li:hover .courseImg img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.module_five .starboard .default_chunk li:first-child .courseName,.zxcatalog .default_chunk li:first-child .courseName{ position: absolute; bottom: 0; background: url("../images/banner_bg.png") repeat-x; height: 30px; line-height: 30px; text-align: center; width: 100%;}
.module_five .starboard .default_chunk li:first-child .courseName a,.zxcatalog .default_chunk li:first-child .courseName a{ color: #fff;}
.module_five .starboard .default_chunk .courseName a,.zxcatalog .default_chunk .courseName a{ color: #333; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 10px; max-width: 267px;}
.module_five .starboard .default_chunk .courseName a:hover,.zxcatalog .default_chunk .courseName a:hover{ color: #2371f3; text-decoration: underline;}

.declineloadph .usurp-catalog{ width: 100%; padding-top: 4px; *padding-top: 15px;}
.declineloadph .usurp-catalog ul{ display: none;}
.declineloadph .usurp-catalog ul.show{ display: block;}
.declineloadph .usurp-catalog li{ margin-top: 11px; *margin-top: 7px; overflow: hidden;}
.declineloadph .usurp-catalog .rank,.mini_program .rank{ width: 20px; height: 20px; color: #fff; text-align: center; line-height: 20px; background: #c7c7c7; margin-right: 9px;}
.declineloadph .usurp-catalog .rank.rank1,.mini_program .rank.rank1{ background: #f73333;}
.declineloadph .usurp-catalog .rank.rank2,.mini_program .rank.rank2{ background: #ff9600;}
.declineloadph .usurp-catalog .rank.rank3,.mini_program .rank.rank3{ background: #00b0ff;}
.declineloadph .usurp-catalog .desc,.declineloadph .usurp-catalog .message{ width: 261px; overflow: hidden;}
.declineloadph .usurp-catalog .desc{ display: none; margin-top: 10px;}
.declineloadph .usurp-catalog li.on .desc{ display: block;}
.declineloadph .usurp-catalog .programName{ font-size: 13px; color: #333; line-height: 20px; padding-left: 3px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%;}
.declineloadph .usurp-catalog li .programName:hover{ color: #2371f3; text-decoration: underline;}
.declineloadph .usurp-catalog .programImg{ width: 58px; height: 58px; margin-right: 9px;}
.declineloadph .usurp-catalog .programImg img{ width: 100%; height: 100%; display: block;}
.declineloadph .usurp-catalog .grade{ margin: 10px 0 12px 0;}
.declineloadph .usurp-catalog .usurpNum{ color: #999; font-size: 12px;}
.declineloadph .usurp-catalog .btn-declineload{ width: 70px; height: 26px; line-height: 26px; text-align: center; background: #18b000; color: #fff; margin-top: 8px;}
.declineloadph .usurp-catalog .btn-declineload:hover{ background: #19ba00;}
.declineloadph .usurp-catalog .btn-declineload:active{ background: #16a400;}

/*最新/热门*/
.catalog-1 .caption p{ width: 32px; height: 59px; margin-top: 2px; cursor: pointer;}
.catalog-1 .caption p:first-child{ margin-top: 0;}
.catalog-1 .caption p span{ width: 26px; background: #adadad; color: #fff; display: inline-block; text-align: center; padding: 12px 0; line-height: 17px; font-weight: bold;}
.catalog-1 .caption p.on{ background: url("../images/zx_bg.jpg") no-repeat right center;}
.catalog-1 .caption p.on span{ background: #ff1919;}
.catalog-1 .catalog-1-against{ margin-left: 13px; width: 1115px;}
.catalog-1 .catalog-1-against ul{ width: 103%; height: 120px; overflow: hidden; display: none;}
.catalog-1 .catalog-1-against ul.show{display: block;}
.catalog-1 .catalog-1-against li{ overflow: hidden; float: left; margin: 0 30px 20px 0;}
.catalog-1 .catalog-1-against li img{ width: 50px; height: 50px; display: block; border-radius: 5px; margin-right: 10px;}
.catalog-1 .catalog-1-against li div{ width: 100px;}
.catalog-1 .catalog-1-against li .programName{ font-size: 14px; color: #333; margin: 5px 0; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; max-width: 100px;}
.catalog-1 .catalog-1-against li .programName:hover{ color: #2371f3; text-decoration: underline;}

.module-2 .iagainst-cate{ background: url("../images/icon_part3.png") no-repeat; width: 23px; height: 23px; margin-right: 12px;}
.module-2 .midusurpe .iagainst-cate{ background-position: -28px 0;}
.module-2 .starboard .iagainst-cate{ background-position: -56px 0;}
.module-2 .sinistro,.module-2 .midusurpe,.module-2 .starboard{ width: 353px; margin-right: 10px; height: 146px;}
.module-2 .starboard{ margin-right: 0;}
.module-2 .link-catalog{ color: #d9d9d9; font-size: 13px;}
.module-2 .link-catalog div{ margin-left: -13px; width: 107%; margin-top: 5px;}
.module-2 .link-catalog a{ color: #333; float: left; background: url("../images/link-list.png") no-repeat left center; line-height: 27px; padding: 0 10px 0 13px; overflow: hidden; height: 27px; width: 52px;}
.module-2 .link-catalog a:hover{ color: #2371f3; text-decoration: underline;}
.module-2 .link-catalog2 ul{ width: 102%; overflow: hidden;}
.module-2 .link-catalog2 li{ float: left; margin: 16px 5px 0 0;}
.module-2 .link-catalog2 li img{ width: 20px; height: 20px; margin-right: 10px;}
.module-2 .link-catalog2 li a{ overflow: hidden;}
.module-2 .link-catalog2 li span{ width: 85px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 13px; color: #333;}
.module-2 .link-catalog2 li a:hover span{ color: #2371f3; text-decoration: underline;}

.module-3 .program-catalog{ margin-top: 20px; margin-bottom: -30px; *margin-bottom: 0;}
.module-3 .program-catalog ul{ width: 104%; overflow: hidden;}
.module-3 .program-catalog li{ float: left; width: 195px; margin: 0 17px 30px 0;}
.module-3 .program-catalog li .programImg img{ width: 65px; height: 65px;}
.module-3 .program-catalog li .programmessage{ width: 120px; margin-left: 10px;}
.module-3 .program-catalog li .programName{ color: #333; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 2px;}
.module-3 .program-catalog li .programName:hover{ color: #2371f3; text-decoration: underline;}
.module-3 .program-catalog li .message{ color: #d9d9d9; font-size: 12px; height:17px; overflow:hidden;}
.module-3 .program-catalog li .message a,.module-3 .program-catalog li .message label{ color: #999;}
.module-3 .program-catalog li .grade{ margin:2px 0 5px;}
.module-3 .program-catalog li .message a:hover{ color: #2371f3;}

.module-6 .default_chunk ul{ width: 110%;}
.module-6 .default_chunk li{ margin: 20px 15px 0 0; float: left; position: relative;}
.module-6 .default_chunk li .pecialImg{ width: 278px; height: 166px; display: block; overflow: hidden;}
.module-6 .default_chunk li .pecialImg img{ width: 100%; height: 100%; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.module-6 .default_chunk li:hover .pecialImg img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.module-6 .default_chunk li .pecialName{ background: url("../images/banner_bg.png") repeat-x; width: 100%; position: absolute; bottom: 0; height: 30px; line-height: 30px; text-align: center;}
.module-6 .default_chunk li .pecialName a{ color: #fff; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 15px;}

.program-catalog2{ margin-bottom: -20px; *margin-bottom: 0; overflow: hidden; width: 110%;}
.program-catalog2 li{ float: left; width: 70px; margin-bottom: 20px; margin-right: 26px;}
.program-catalog2 li a{ display: block;}
.program-catalog2 li img{ width: 70px; height: 70px; display: block;}
.program-catalog2 li .programName{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; margin-top: 6px;}
.program-catalog2 li .programName:hover{ color: #2371f3; text-decoration: underline;}

.program-catalog3{ width: 110%; overflow: hidden; margin-bottom: -20px; *margin-bottom: 0;}
.program-catalog3 li{ float: left; border: 1px solid #f3f3f3; padding: 14px 17px; height: 65px; margin-bottom: 20px; margin-right: 14px;}
.program-catalog3 li a{ display: block;}
.program-catalog3 li img{ width: 65px; height: 65px; display: block;}
.program-catalog3 li .programmessage{ width: 76px; margin-left: 10px;}
.program-catalog3 li .programName{ color: #333; margin: 8px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: inline-block;}
.program-catalog3 li .programhierarchy{ color: #999; font-size: 12px;}
.program-catalog3 li .programName:hover { color: #2371f3; text-decoration: underline;}
.program-catalog3 li:hover{ background: #f7fbff;  border: 1px solid #2371f3;}

.module-10 .default_chunk{ width: 100%; display: none;}
.module-10 .default_chunk.show{ display: block;}
.module-10 .default_chunk ul{ width: 101%; overflow: hidden;}
.module-10 .default_chunk li{ width: 334px; height: 135px; border: 1px solid #f3f3f3; margin: 20px 10px 0 0; padding: 21px; float: left;}
.module-10 .default_chunk li:hover{ border-color: #2371f3; background: #f7fbff;}
.module-10 .default_chunk li:hover .programImg img:first-child{ display: none;}
.module-10 .default_chunk .programImg{ width: 84px; height: 84px;}
.module-10 .default_chunk .programImg img{ width: 100%; height: 100%; display: block;}
.module-10 .default_chunk .particulars{ width: 240px; height: 84px;}
.module-10 .default_chunk .particulars .programName{ color: #333; font-size: 16px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; margin: 5px 0 10px 0; max-width: 100%;}
.module-10 .default_chunk li .particulars .programName:hover{ color: #2371f3; text-decoration: underline;}
.module-10 .default_chunk .particulars div{ color: #d9d9d9; font-size: 12px;}
.module-10 .default_chunk .particulars label.float_left{ color: #333; margin-right: 10px;}
.module-10 .default_chunk .particulars .grade{ margin-top: 1px;}
.module-10 .default_chunk .particulars a,.module-10 .default_chunk .particulars label{ color: #999;}
.module-10 .default_chunk .particulars .row{ margin-bottom: 5px;}
.module-10 .default_chunk .particulars .btn-declineload{ color: #18b000; width: 70px; height: 26px; text-align: center; line-height: 26px; margin-top: 7px; cursor: pointer;}
.module-10 .default_chunk li .particulars .btn-declineload:hover{ color: #fff; background: #18b000;}
.module-10 .default_chunk li .particulars .btn-declineload:active{ background: #16a400;}
.module-10 .default_chunk .programDesc{ color: #666; line-height: 21px; max-height: 42px; overflow: hidden; margin-top: 10px;}
.module-10 .module_title .caption-hierarchy{ width: 90px;}
.module-10 .module_title .caption-hierarchy label{ width: 45px; font-size: 15px;}

.module-9 .default_group{ font-weight: bold; font-size: 16px; color: #000; line-height: 28px;}
.module-9 .default_chunk{ margin-bottom: -15px; *margin-bottom: 0;}
.module-9 .default_chunk div{ width: 105%;}
.module-9 .default_chunk a{ white-space: nowrap; text-align: center; color: #333; float: left; margin: 0 5px 15px 0; padding: 0 13px; height: 30px; line-height: 30px; border: 1px solid #eee;}
.module-9 .default_chunk a.on,.module-9 .default_chunk a:hover{ color: #fff; background: #2371f3; border-color: #2371f3;}

.paging{ font-size: 0; text-align: center; padding: 45px 0 25px 0;}
.paging a,.paging>b{ display: inline-block; font-size: 14px; border: 1px solid #e5e5e5; padding:0 10px; height: 28px; text-align: center; line-height: 28px; color: #666; margin-left: 7px;}
.paging a.prev,.paging a.next{ width: 58px;}
.paging a.on,.paging a:hover{ color: #fff; background: #2371f3; border-color: #2371f3;}
.paging a.prev.disabled, .paging a.next.disabled{ color: #b2b2b2;}
.paging a.prev:hover, .paging a.next:hover{ background: #2383f3; color: #fff; border-color: #2383f3;}
.paging a.prev.disabled:hover, .paging a.next.disabled:hover{ background: transparent; color: #b2b2b2; border-color: #e5e5e5;}
.paging a.total{ width: 50px;background-color: #fff !important;}
.paging>b{color: #fff; background: #2371f3; border-color: #2371f3;}
.glcatalog .caption{ color: #333; font-weight: bold; font-size: 18px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%;}
.glcatalog p{ color: #999; line-height: 22px; max-height: 44px; overflow: hidden; margin: 20px 0;}
.glcatalog label{ color: #999; line-height: 22px;}
.glcatalog a.float_right{ color: #333; line-height: 22px;}
.glcatalog ul{ margin-top: -30px;}
.glcatalog li{ border-bottom: 1px dashed #eee; padding: 20px 0; overflow: hidden;}
.glcatalog li>.float_left{ width: 200px; height: 134px;}
.glcatalog li>.float_left img{ width: 200px; height: 134px;}
.glcatalog li>.float_right{ width: 580px;}
.glcatalog li .caption:hover{ color: #2371f3; text-decoration: underline;}
.glcatalog li a.float_right:hover{ color: #2371f3; text-decoration: underline;}
.glcatalog .paging{ padding: 25px 0 5px 0;}
/*.glcatalog li:hover{ background: #f1f9ff;}*/

.gemagl .default_chunk .courseName{ color: #333; line-height: 35px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%;}
.gemagl .default_chunk .courseName i{ background: url("../images/list_jc.png") no-repeat -13px center; display: inline-block; *display: inline; *zoom: 1; width: 8px; height: 8px; margin-right: 10px; vertical-align: middle;}
.gemagl .default_chunk .courseImg{ width: 135px; height: 83px; display: block;}
.gemagl .default_chunk .courseImg img{ width:100%; height:100%;display:block;}
.gemagl .default_chunk .courseDesc{ color: #a0a0a0; font-size: 12px; width: 143px; line-height: 20px; margin-left: 10px; max-height: 80px; overflow: hidden;}
.gemagl .default_chunk .message{ display: none;}
.gemagl .default_chunk li.on .message{ display: block;}
.gemagl .default_chunk li.on .courseName i{ background-position: 0 0;}
.gemagl .default_chunk li{ margin-top: 3px;}
.gemagl .default_chunk li .courseName:hover{ color: #2371f3; text-decoration: underline;}

.rmdeclineload ul{ margin-bottom: -20px;}
.rmdeclineload li{ padding: 20px 0; border-top: 1px dashed #eee; overflow: hidden;}
.rmdeclineload li:first-child{ border-top: none;}
.rmdeclineload .programImg{ width: 65px; height: 65px; margin-right: 10px;}
.rmdeclineload .programImg img{ width: 100%; height: 100%; display: block;}
.rmdeclineload .programName{ color: #333; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%;}
.rmdeclineload .message{ margin-top: 3px; width: 215px;}
.rmdeclineload .message div{ font-size: 12px; color: #d9d9d9;}
.rmdeclineload .message div a,.rmdeclineload .message div label{ color: #999;}
.rmdeclineload .message .grade{ margin: 5px 0;}
.rmdeclineload li .programName:hover{ color: #2371f3; text-decoration: underline;}
.rmdeclineload .usurp-catalog ul{ display: none;}
.rmdeclineload .usurp-catalog ul:first-child.show,.rmdeclineload .usurp-catalog ul.show{ display: block;}

.rmcourse ul{ margin-bottom: -20px;}
.rmcourse li{ overflow: hidden; padding: 20px 0; border-top: 1px dashed #eee;}
.rmcourse li:first-child{ border-top: none;}
.rmcourse li .courseImg{ width: 107px; height: 72px; margin-right: 10px;}
.rmcourse li .courseImg img{width: 107px; height: 72px;}
.rmcourse li .courseName{ color: #333; font-size: 15px; line-height: 26px; width: 170px; margin-top: 5px; max-height: 52px; overflow: hidden;}
.rmcourse li .courseName:hover{ color: #2371f3; text-decoration: underline;}

.composition .caption{ text-align: center; border-bottom: 1px solid #eee; padding-bottom: 20px;}
.composition .caption h1{ font-size: 24px; color: #333; font-weight: normal; margin-bottom: 20px;}
.composition .caption label{ color: #999; line-height: 26px; margin-right: 50px;}
.composition .caption a{ color: #f30000;}

.composition-program{ padding: 30px 20px; border: 1px solid #eee; margin-top: -1px;}
.composition-program .program-message{ margin-top: 15px;}
.composition-program .programImg{ width: 84px; height: 84px; margin-right: 15px;}
.composition-program .programImg img{ width: 100%; height: 100%; display: block;}
.composition-program .programDesc{ width: 340px;}
.composition-program .programDesc>div{ margin-bottom: 10px;}
.composition-program .programName{ color: #333; font-weight: bold; font-size: 20px; width: 220px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.composition-program .programName:hover{ color: #2371f3; text-decoration: underline;}
.composition-program label{ font-size: 12px; color: #ff4800;}
.composition-program .star{ margin-top: 7px; line-height: 12px; margin-left: 10px;}
.composition-program span{ float: left; width: 50%; color: #333; line-height: 24px;}
.composition-program span a{color: #333;}
.composition-program span a:hover{color: #2371f3;}
.composition-program .program-usurp img{ width: 111px; height: 111px; margin-right: 20px;}
.composition-program .program-usurp .btn-declineload{ width: 158px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #2371f3; display: block; margin: 27px 0 6px 0; border-radius: 3px;}
.composition-program .program-usurp .btn-declineload:hover{ background: #1061e7;}
.composition-program .program-usurp .btn-declineload:active{ background: #1061e7;}
.composition-program .program-usurp p{  color: #333; line-height: 23px;}

.composition-against,.composition-againsts{ margin-top: 20px; overflow: hidden;}
.composition-against p,.composition-againsts p{ font-size: 15px; color: #333; line-height: 28px;}
.composition-against p img,.composition-againsts  p img{ display: block;margin: auto;}
.composition-relative{ margin-top: 25px;}
.composition-relative p{ font-size: 15px; color: #333; white-space: nowrap; width: 300px; overflow: hidden; text-overflow: ellipsis;}
.composition-relative p a{ color: #333;}
.composition-relative p:hover{ text-decoration: underline; color: #2371f3;}
.composition-relative p:hover a{ color: #2371f3; text-decoration: underline;}

.composition-other{ margin-top: 20px;}
.composition-hierarchy label{ width: 20px; line-height: 16px; text-align: center; color: #fff; background: #a44fc9; font-size: 12px; margin-right: 10px; height: 33px;}
.composition-hierarchy a{ padding: 7px 5px; float: left; text-align: center; background: #fff; color: #666; margin-right: 6px; border:1px solid #eee;}
/* .composition-hierarchy a.color1{ background: #3ebfc9;}
.composition-hierarchy a.color2{ background: #fa7896;}
.composition-hierarchy a.color3{ background: #0095f1;}
.composition-hierarchy a.color4{ background: #f56049;}
.composition-hierarchy a.color5{ background: #2fc715;} */

.composition-share{ color: #333; line-height: 25px;}
.composition-share span{ margin-top: 1px;}


.composition-other .composition-more{ line-height: 35px; color: #2371f3; cursor: pointer;}
.composition-other .composition-more span,.composition-other .composition-more i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.composition-other .composition-more i{ background: url("../images/icon_more2.png") no-repeat 0 0; width: 12px; height: 8px; margin-left: 8px;}
/*.composition-other .composition-more:hover{ color: #36aafd;}*/
/*.composition-other .composition-more:hover i{ background-position: 0 0;}*/
.composition-other .composition-more.on i{ background-position: -13px 0;}
/*.composition-other .composition-more.on:hover i{ background-position: -13px 0;}*/


.xgwspecialj ul{ overflow: hidden; width: 102%; margin-top: -10px;}
.xgwspecialj li{ margin-top: 20px; float: left; margin-right: 10px; width: 405px;}
.xgwspecialj li.spec{ background: none; padding-left: 0;}
.xgwspecialj li.spec .courseImg{ width: 165px; height: 109px; margin-right: 10px;}
.xgwspecialj li.spec .courseImg img{ width: 100%; height: 100%; display: block;}
.xgwspecialj li.spec .coursemessage{ width: 220px;}
.xgwspecialj li.spec .courseName{ color: #333; font-size: 16px; font-weight: bold; margin: 5px 0; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.xgwspecialj li.spec .courseDesc{ font-size: 12px; color: #999; line-height: 20px; height: 40px; overflow: hidden;}
.xgwspecialj li.spec .courseDesc a{ color: #18b000;}
.xgwspecialj li.spec .courseDesc a:hover{ text-decoration: underline;}
.xgwspecialj li{ background: url("../images/list_jc.png") no-repeat -13px center;}
.xgwspecialj li .courseName{ color: #333; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 20px; max-width: 365px;}
.xgwspecialj li .courseName:hover{ color: #2371f3; text-decoration: underline;}

.cnxh .default_chunk{ margin-top: 10px;}
.cnxh ul{ overflow: hidden; width: 110%;}
.cnxh li{ width: 75px; text-align: center; float: left; margin-right: 31px;}
.cnxh li a{ display: block;}
.cnxh li img{ width: 75px; height: 75px; display: block;}
.cnxh li .programName{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 5px;}
.cnxh li .programName:hover{ color: #2371f3; text-decoration: underline;}
.cnxh2 .default_chunk{ margin-top: -10px;}
.cnxh2 .default_chunk li{ margin-top: 20px;}


.idea-against .idea-txt{ height: 92px; border: 1px solid #eee; width: 97%; resize: none; padding: 16px 11px; color: #999; margin: 10px 0 15px 0;}
.idea-against label{ color: #666; font-weight: bold; margin-top: 7px;}
.idea-against input{ width: 75px; height: 33px; line-height: 30px; line-height: 30px\9; padding: 0 5px; border: 1px solid #eee; color: #333;}
.idea-against img{ width: 87px; height: 35px; margin-left: 10px;}
.idea-against .code{ margin-right: 20px;}
.idea-against .commit input{ width: 104px; border: 1px solid #0eba00; background: #0eba00; color: #fff; border-radius: 3px; cursor: pointer;}
.idea-against .commit input:active{ background: #0eab00;}
.idea-against .commit span{ color: #666; margin-right: 10px;}

.idea-catalog{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; margin-bottom: -10px;}
.idea-catalog .caption{ border-left: 4px solid #2371f3; color: #333; font-weight: bold; padding-left: 10px; height: 14px; line-height: 14px;}
.idea-catalog .default_chunk li{ overflow: hidden; width: 100%; border-bottom: 1px dashed #eee; margin-top: 20px; padding-bottom: 10px;}
.idea-catalog .default_chunk li img{ width: 38px; height: 38px; border-radius: 50%; margin-right: 15px; margin-top: 7px;}
.idea-catalog .default_chunk li .message{ width: 767px; line-height: 20px;}
.idea-catalog .default_chunk li .message span{ color: #00b533;}
.idea-catalog .default_chunk li .message label{ color: #b2b2b2;}
.idea-catalog .default_chunk li .particulars{ margin-top: 10px;}
.idea-catalog .default_chunk li .particulars p{ color: #333;}
.idea-catalog .default_chunk li .replay{ color: #999; cursor: pointer;}
.idea-catalog .default_chunk li .replay:hover{ color: #2371f3;}
.idea-catalog .default_chunk li .replay-against{ margin-top: 10px; display: none;}
.idea-catalog .default_chunk li .replay-against textarea{ border: 1px solid #eee; resize: none; width: 96.7%; padding: 16px 11px; color: #999; height: 50px;}
.idea-catalog .default_chunk li .replay-against .float_right input{ width: 120px; height: 35px; line-height: 35px\9; color: #fff; background: #2371f3; border: none; cursor: pointer; margin-top: 5px;}
.idea-catalog .default_chunk li .replay-against .float_right input:active{ background: #0092f3;}


.relative-usurp ul{ margin-bottom: -20px;}
.relative-usurp li{ padding: 20px 0; border-top: 1px dashed #eee; overflow: hidden;}
.relative-usurp li:first-child{ border-top: none;}
.relative-usurp .programImg{ width: 65px; height: 65px;}
.relative-usurp .programImg img{ width: 100%; height: 100%; display: block;}
.relative-usurp .programmessage{ width: 215px;}
.relative-usurp .programName{ color: #333; line-height: 20px; height: 40px; overflow: hidden; display: block;}
.relative-usurp .btn-declineload{ width: 90px; height: 25px; line-height: 25px; text-align: center; background: #18b000; color: #fff;}
.relative-usurp .btn-declineload:hover{ background: #19ba00;}
.relative-usurp .btn-declineload:active{ background: #16a400;}
.relative-usurp .grade{ margin-top: 6px;}
.relative-usurp li .programName:hover{ color: #2371f3; text-decoration: underline;}

.xwzx{ margin-top: 10px;}
.xwzx li{ background: url("../images/list_jc.png") no-repeat -11px center; padding-left: 15px; line-height: 35px; height: 35px;}
.xwzx li a{ color: #333; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 275px;}
.xwzx li a:hover{ color: #2371f3; text-decoration: underline;}


.softwarecourse li{ line-height: 35px;}
.softwarecourse li i,.softwarecourse li a{ display: inline-block; vertical-align: middle;}
.softwarecourse li i{ background: url("../images/azlist_jc.png") no-repeat 0 -87px; width: 22px; height: 20px; line-height: 20px; font-style: normal; color: #fff; text-indent: 6px; font-size: 12px;}
.softwarecourse li a{ color: #4c4c4c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 263px;}
.softwarecourse li i.course1{ background-position: 0 0;}
.softwarecourse li i.course2{ background-position: 0 -29px;}
.softwarecourse li i.course3{ background-position: 0 -58px;}
.softwarecourse li:hover i{ background-position-x: -29px;}
.softwarecourse li a:hover{ color: #2371f3; text-decoration: underline;}

.spparticulars img{ width: 660px; height: 300px;}
.spparticulars .message{ width: 472px;}
.spparticulars h1{ font-size: 22px; font-weight: bold; color: #333; text-align: center; margin-top: 20px; height: 28px; overflow: hidden;}
.spparticulars p{ color: #333; line-height: 28px; overflow: hidden; margin: 40px 0;}
.sp-share .bdshare-button-style0-24 a,.sp-share  .bdshare-button-style0-24 .bds_more{ margin: 0 0 0 6px;}


.weakwarexg .default_chunk ul{ width: 105%;}
.weakwarexg .default_chunk li{ float: left; margin-top: 20px; margin-right: 26px; width: 566px; overflow: hidden;}
.weakwarexg .default_chunk li a{ display: block;}
.weakwarexg .default_chunk li.spec{ width: 270px; height: 148px; position: relative;}
.weakwarexg .default_chunk li.spec img{ width: 270px; height: 148px; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.weakwarexg .default_chunk li.spec:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.weakwarexg .default_chunk li.spec p{ background: url("../images/banner_bg.png") repeat-x; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px;}
.weakwarexg .default_chunk li.spec p a{ color: #fff; margin: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;}
.weakwarexg .default_chunk li i{ background: url("../images/list_jc.png") no-repeat right center; width: 8px; height: 8px; float: left; margin: 6px 10px 0 0;}
.weakwarexg .default_chunk li a{ color: #333; cursor: pointer;}
.weakwarexg .default_chunk li label{ color: #999;}
.weakwarexg .default_chunk li span{ display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 475px;}
.weakwarexg .default_chunk li span:hover{ color: #2371f3; text-decoration: underline;}


.mini_program ul{ margin-bottom: -14px;}
.mini_program li{ overflow: hidden; padding: 16px 0 14px 0; border-top: 1px dashed #eee;}
.mini_program li:first-child{ border-top: none;}
.mini_program li .programImg{ margin-right: 18px; width: 65px; height: 65px; overflow: hidden;}
.mini_program li img{ width: 65px; height: 65px; display: block;}
.mini_program li img.img2{ display: none;}
.mini_program li .programmessage{ width: 165px; margin-top: 10px;}
.mini_program li .rank{ margin-top: 22px; margin-right: 18px;}
.mini_program li .programName{ color: #333; max-width: 100%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mini_program li .programName:hover{ color: #2371f3; text-decoration: underline;}
.mini_program li .programhierarchy{ display: block; color: #666;}
.mini_program li .view{ width: 90px; height: 26px; line-height: 26px; text-align: center; background: #2371f3; color: #fff; display: none; cursor: pointer;}
.mini_program li .view:active{ background: #1061e7;}
.mini_program li:hover .view{ display: block;}
.mini_program li:hover .programhierarchy{ display: none;}

.mini_program-message{ color: #333; line-height: 23px;}
.mini_program-message .mini_program-img{ text-align: center; border-bottom: 1px dashed #eee; padding-bottom: 25px; margin-bottom: 25px;}
.mini_program-message .mini_program-img img{ width: 99px; height: 99px; display: block; margin: 0 auto 15px auto;}
.mini_program-message .mini_program-desc{ padding-left: 55px;}
.mini_program-message .mini_program-desc a{ color:#333;}
.mini_program-message .mini_program-desc a:hvoer{ color:#2371f3;}

.androidcourse .default_chunk{ width: 555px;}
.androidcourse .default_chunk ul{ width: 105%;}
.androidcourse .default_chunk li{ float: left; margin-top: 20px;}
.androidcourse .default_chunk li a{ display: block;}
.androidcourse .default_chunk li.spec{ width: 270px; height: 148px; margin-right: 15px; position: relative;}
.androidcourse .default_chunk li.spec img{ width: 270px; height: 148px; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.androidcourse .default_chunk li.spec:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.androidcourse .default_chunk li.spec p{ background: url("../images/banner_bg.png") repeat-x; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px;}
.androidcourse .default_chunk li.spec p a{ color: #fff; margin: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;}
.androidcourse .default_chunk li{ width: 555px; overflow: hidden;}
.androidcourse .default_chunk li i{ background: url("../images/list_jc.png") no-repeat right center; width: 8px; height: 8px; float: left; margin: 6px 10px 0 0;}
.androidcourse .default_chunk li a{ color: #333; cursor: pointer;}
.androidcourse .default_chunk li label{ color: #999;}
.androidcourse .default_chunk li span{ display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 475px;}
.androidcourse .default_chunk li span:hover{ color: #2371f3; text-decoration: underline;}

.module_title .default_group{ margin-left: 40px;}
.module_title .default_group h3{ padding: 0 16px;background: url("../images/lbl_br.png") no-repeat left 4px; cursor: pointer; float: left; font-weight: normal;}
.module_title .default_group h3:first-child{ padding-left: 0; background: none;}
.module_title .default_group h3 a{ display: block; color: #333;}
.module_title .default_group h3 span{ display: block; height: 29px;}
.module_title .default_group h3.on span{ border-bottom: 2px solid #2371f3; color: #2371f3; font-weight: bold;}
.module_title .default_group h3.on a{ background: url("../images/rank_bg.png") no-repeat bottom center; height: 35px;}