/* =s Reset (by YUI 3) */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
header,section,footer,nav{display: block;}
/* end */
/*= global start */
/**html,body{height:100%;}**/
body{font:12px/1.5 arial,simsun;color:#999;word-break:break-all;word-wrap:break-word;background-color:#EFF4FA;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.clr{*zoom:1;}
.clr:after,.clr:before{content:"";display:block;height:0;visibility:hidden;clear:both;}
.inner{width:960px;margin:0 auto;}
.c-blue{color:#1890ff;}
/* end */

/*= header start*/
.h-btn{
	overflow:hidden;
	float:right;
}
.header{position:relative;z-index:2;}
.header .inner{height:88px;}
.h-logo{float:left;width:250px;height:88px;}
.h-logo img{display:block;width: 203px;height:85px;}
.h-btn a,.h-btn .h-b-apps{position:relative;float:left;*display:inline;height:88px;line-height:88px;padding:0 15px;margin-right:10px;font-size:16px;color:#676767;font-family:"Microsoft Yahei";}
.h-btn a.cur,.h-btn a:hover{height:84px;border-bottom:4px solid #1890ff;color:#1890ff;text-decoration:none;}
.h-btn .h-btn-now{width: 80px;text-align: center;background: #1890ff;color: #fff;}
.h-btn .h-btn-now:hover{color: #fff;}
.h-btn .h-b-apps{position:relative;color:#f5931c;width:50px;padding:0 10px 0 20px;}
.h-btn .h-b-apps:after{content:"";position:absolute;left:55px;top:28px;width:0;height:0;line-height:0;font-size:0;border:5px solid transparent;border-top-color:#f5931c;}
.h-btn .h-b-apps:hover{color:#fff;background-color:#454545;}
.h-btn .h-b-apps:hover:after{border:5px solid transparent;border-bottom-color:#fff;top:24px;}
.h-btn .h-b-apps ul{display:none;position:absolute;left:-420px;width:765px;padding:0 9px 0 16px;height:122px;top:100%;background:url(/images/my/apps.png) 0 0 no-repeat;}
.h-btn .h-b-apps li{*float:left;*clear:both;}
.h-btn .h-b-apps:hover ul{display:block;}
.h-btn .h-b-apps ul a,.h-btn .h-b-apps ul a:hover{text-align:center;width:85px;height:122px;text-indent:-999em;overflow:hidden;border:none;}
.h-btn .dot{display: inline-block;width: 10px;height: 5px;background: url(/images/icon/spr_resources.png) -44px -59px no-repeat;position: relative;left: 8px;top: -3px;}
.loginguide{float:left;height:100px;margin:20px 38px 0 30px;}
.loginguide a{font-family:"Microsoft Yahei";font-size:14px;color:#676767;}
.loginguide a:hover{color:#1890ff;}
.h-inform{float:right;height:60px;}
.h-i-phone,.h-i-mail,.h-i-user{position:relative;float:left;width:50px;height:60px;color:#fff;background-image:url(/images/icon/spr.png);background-repeat:no-repeat;text-align:center;}
.h-i-phone{background-position:14px 0;}
.h-i-mail{background-position:-27px 0;line-height:90px;color:#ff3300;}
.h-i-user{background-position:-76px 0;}
.h-i-mail:hover{height:70px;background-color:#d80616;text-decoration:none;background-position: -237px -48px;line-height:102px;color:#fff;}

.h-i-user:hover{background-color:#454545;background-position: -287px -48px;}
.h-i-phone:hover{background-color:#454545;background-position: -196px -48px;}
.h-i-phone:hover span,.h-i-user:hover span{display:block;}
.h-i-phone span{display:none;position:absolute;right:0;top:60px;width:200px;min-height:150px;background-color:#454545;}
.h-i-phone span em{display:block;padding:10px 0px 8px;text-align:center;font-style:normal;color:#fff;}
.h-i-phone span a{*display:inline;width:90px;text-align:center;color:#1890ff;}
.h-i-phone span a img{margin-bottom:3px;}
.h-i-user span{display:none;position:absolute;right:0;top:60px;width:180px;padding:10px 0;background-color:#454545;}
.h-i-user span a{width: 8em;display:block;padding-left:50px;height:30px;line-height:30px;color:#fff;text-align:left;background:url(/images/icon/spr.png) no-repeat;}
.h-i-user span .quick{background-position: -146px 3px;}
.h-i-user span .logout{background-position:-146px -22px;}
.h-i-user span .passchange{background-position: -275px 3px;}
.h-i-phone-usermsg{*display:inline;width:150px;margin-left:0px;text-align:center;color:#fff;}
.h-i-phone-usermsg label{padding-bottom: 5px;float:left;width:150px;text-align:left;margin-left: 20px;}
/* end */

.header-nav{height: 40px;background: #1890ff;}
.header-nav-inner{width: 960px;overflow: hidden;margin: 0 auto;}
.h-n-i-cont{margin-left: 0;}
.header-nav-inner a{float: left;height: 40px;line-height: 40px;color: #fff;font-size: 12px;padding: 0 10px;}



/*= content start*/
.wrap{min-width:960px;background-color:#EFF4FA;}
.content{margin-bottom:90px;}
.c-header{position:relative;height:153px;color:#fff;}
.c-header h1{position: absolute;width: 196px;height: 46px;background: url(/images/icon/spr_resources.png) no-repeat 0 0;text-indent: -9999em;top: 40px;}
.c-header h2{position: absolute;width: 196px;height: 46px;background: url(/images/icon/spr_resources.png) no-repeat -262px 0;text-indent: -9999em;top: 40px;}
.c-header h3{position: absolute;width: 196px;height: 46px;background: url(/images/icon/spr_resources.png) no-repeat -480px 0;text-indent: -9999em;top: 40px;}
.c-header h4{position: absolute;width: 196px;height: 46px;background: url(/images/icon/spr_resources.png) no-repeat -685px 0;text-indent: -9999em;top: 40px;}
.c-header h5{position: absolute;width: 196px;height: 46px;background: url(/images/icon/spr_resources.png) no-repeat -1007px 0;text-indent: -9999em;top: 40px;}
.c-header h6{position: absolute;width: 196px;height: 46px;background: url(/images/icon/spr_resources.png) no-repeat -1309px 0;text-indent: -9999em;top: 40px;}

.c-nav{float:left;width:170px;margin-top:30px;}

.c-h-left{float:left;width:170px;}
.c-h-search{position: absolute;right: 0;height: 44px;width: 446px;top: 40px;}
.c-h-s-tag{width: 76px;height: 44px;float: left;background: #f6f6f6;color: #6c6c6c;font-size: 12px;text-align: center;line-height: 44px;}
.c-h-s-tag em{display: inline-block;width: 7px;height: 5px;background: url(/images/icon/spr_resources.png) 0 -58px no-repeat;margin-left: 8px;}
.c-h-s-tagbox{display: none;position: absolute;background: #f6f6f6;color: #6c6c6c;width: 76px;z-index: 100;}
.c-h-s-tagbox li{height: 44px;line-height: 44px;text-align: center;cursor: pointer;}
.c-h-s-tagbox li:hover{background: #ddd;color: #fff;}
.c-h-s-text{float: left;height:44px;line-height:44px;width: 290px;border: 0;background: #fff;}
.c-h-search-btn{float: left;background: #f5931c url(/images/icon/spr_resources.png) 0 -76px;width: 79px;height: 100%;}
.c-h-search-btn:hover{background-color: #ffc705;}
.c-h-search-bot{position: absolute;right: 18px;top:100px; }
.c-h-search-bot li{float: left;margin: 0 10px;color: #6c6c6c}
.c-h-search-bot a{color: #6c6c6c;}


.c-h-pic{position:relative;display:block;width:86px;height:86px;margin:24px auto 8px;}
.c-h-pic img{display:block;width:86px;height:86px;}
.c-h-p-change{display:none;position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;line-height:86px;color:#fff;}
.c-h-p-cover{position:absolute;width:100%;height:100%;left:0;top:0;background:url(/images/icon/cover.png) 0 0 no-repeat;}
.c-h-p-bg{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.c-h-pic:hover .c-h-p-change,.c-h-pic:hover .c-h-p-bg{display:block;cursor:pointer;text-decoration:none;}
.c-h-status{width:165px;margin:0 auto;overflow:hidden;*zoom:1;color:#fff;}
.c-h-status li{float:left;*display:inline;width:55px;text-align:center;margin-left:-1px;}
.c-h-status strong,.c-h-status span{display:block;font-size:14px;line-height:1.2;}
.c-h-status strong{font-weight:bold;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.c-h-status span{border-left:1px solid #fff;}
.c-h-name{padding:30px 0 7px;border-bottom:1px solid #8180a0;font-size:24px;font-family:"Microsoft Yahei";color:#fff;}
.c-h-name strong{color:#fdd327;}
.c-h-info{padding:12px 0 20px;color:#fff;}
.c-h-info div{float:left;*display:inline;padding: 0 20px;line-height:16px;}
.c-h-i-names{position:relative;border-right:1px solid #85819c;}
.c-h-i-names em i{display:inline-block;*display:inline;*zoom:1;width:0;height:0;line-height:0;font-size:0;border:4px solid transparent;border-top-color:#fff;vertical-align:middle;margin-left:5px;}
.c-h-i-names ul{position:absolute;top:100%;left:56px;background-color:#000;color:#fff;display:none;}
.c-h-sign{height:28px;}



.c-h-sign-edit{display:none;}
.c-h-sign-edit input,.c-h-sign-edit button,.c-h-sign-edit a{float:left;border:none;height:25px;line-height:25px;margin-right:5px;*overflow:hidden;}
.c-h-sign-edit input{width:240px;padding:0 15px;color:#999;}
.c-h-sign-edit button{width:70px;padding:0;text-align:center;color:#454545;margin-right:10px;background:#bab2b3;}
.c-h-sign-edit a{color:#fff;}

.c-main{position: relative;}
.c-m-nav{background-color:#05b1d9;height:50px;width: 960px;margin: 0 auto;}
/* end */
/*= aside start*/
.aside{position:fixed;left:50%;margin-left:500px;top:400px;z-index:3;}
.aside a{display:block;width:73px;height:73px;line-height:73px;text-align:center;margin-bottom:1px;}
.aside .contract{background:url(/images/hk/aside_hk.png) 0 0 no-repeat;}
.aside .help{background:url(/images/hk/aside_hk.png) 0 -74px no-repeat;text-decoration:none;}
.aside .help span{display:none;width:100%;height:100%;color:#fff;background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.aside .help:hover span{display:block;}
/* end */


/*= footer start*/
#footer{width:960px;margin:0 auto;text-align: center;margin-top:20px}
#footer_content{padding-bottom:20px;overflow:hidden;margin: 0}
#footer_lnk{overflow:hidden;margin-bottom:10px;margin-left:-16px;}
#footer_lnk {color:#808080;}
#footer_lnk a{color:#808080;padding: 0 6px}
#footer_copy,#footer_copy a{color:#b0b0b0;}
/* end */


.refComment {
    background: none repeat scroll 0 0 #FFFEF5;
    border: 1px solid #D1D5DB;
    margin: 2px 2px 4px;
    padding: 2px;
}
.refComment h2 {
    color: #8D8D8D;
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
}

.refContent {
    color: #8D8D8D;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 1px 1px 6px;
}




.commentArea .commentReply {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 35px;
}
.commentArea .commentAction {
    background: none repeat scroll 0 0 #F0F0F0;
    height: 100%;
    margin-top: 5px;
    padding: 15px;
    position: relative;
}

input{outline:none;}
a{outline:none;}
.contract:hover { background:url(/images/hk/aside_hk.png) 0 -148px no-repeat ;}

.c-h-s-btn:hover{ background:url(/images/my/spr_t.png) -125px -224px no-repeat;}
.contract:hover { background:url(/images/hk/aside_hk.png) 0 -148px no-repeat ;}

.download-tips{
	padding:10px 20px;
}

._showtype{
	padding:20px;
	border-bottom:1px #eee solid;
}
._showtype a{
	padding:5px 10px;
	color:#000;
	text-decoration: none;
	margin-right:20px;
}
._showtype a.cur,._showtype a:hover{
	background-color: #1890ff;
	color: #fff;
}
.c-m-l-title{
	position: relative;
    color: #333;
    font-size: 24px;
    font-family: "microsoft yahei";
    font-weight: bold;
    margin: 20px 0;
}
.c-m-l-t-tag {
    position: absolute;
    left: 0;
    top: 4px;
    width: 76px;
    height: 27px;
    line-height: 27px;
    background: url(/images/icon/spr_resocures_page.png) no-repeat 0 0;
    color: #fff;
    text-indent: 24px;
    font-size: 14px;
}
.c-m-sub,.c-m-left{
	padding: 0 30px 30px;
}
.c-m-b-b-cont .search_li {
    color: #b0b0b0;
    margin-bottom: 30px;
    overflow: hidden;
    float: none;
    width:auto;
}

.c-m-b-b-cont .search_li img {
    float: left;
    width: 80px;
    height: 114px;
    border: 1px solid #d8d8d8;
    margin-right: 15px;
}

.resource_style .c-m-b-b-status{margin-top: 2px;}
.resource_style .c-m-b-b-status span{display: inline-block;text-indent: 18px;margin-right: 6px;margin-left: 2px;font-family: simSun;border:0;}
.resource_style .c-m-b-b-cont li img{float: left;width: 80px;height: 94px;margin-right: 10px;}

.h2-logo{
	    float: left;
    width: 314px;
    height: 112px;
        margin-left: 30px;
}
.h-btn2{
	overflow:hidden;
	height: 55px;
	    padding-left: 20px;
}
.h-btn2 a,.h-btn2 .h-b-apps{margin-left: 7.6px;color: #fff;position:relative;float:left;*display:inline;height:54px;line-height:58px;    width: 66px;text-align: center;margin-right:4px;font-size:14px;font-family:"Microsoft Yahei";}
.h-btn2 a.cur,.h-btn2 a:hover{color: #fff;    background-color: #186dbc;text-decoration:none;font-size: 15px;}
.h-btn2 .h-btn-now{width: 80px;text-align: center;background: #1890ff;color: #fff;}
.h-btn2 .h-btn-now:hover{color: #fff;}
.h-btn2 .h-b-apps{position:relative;color:#f5931c;width:50px;padding:0 10px 0 20px;}
.h-btn2 .h-b-apps:after{content:"";position:absolute;left:55px;top:28px;width:0;height:0;line-height:0;font-size:0;border:5px solid transparent;border-top-color:#f5931c;}
.h-btn2 .h-b-apps:hover{color:#fff;background-color:#454545;}
.h-btn2 .h-b-apps:hover:after{border:5px solid transparent;border-bottom-color:#fff;top:24px;}
.h-btn2 .h-b-apps ul{display:none;position:absolute;left:-420px;width:765px;padding:0 9px 0 16px;height:122px;top:100%;background:url(/images/my/apps.png) 0 0 no-repeat;}
.h-btn2 .h-b-apps li{*float:left;*clear:both;}
.h-btn2 .h-b-apps:hover ul{display:block;}
.h-btn2 .h-b-apps ul a,.h-btn2 .h-b-apps ul a:hover{text-align:center;width:85px;height:122px;text-indent:-999em;overflow:hidden;border:none;}
.header .iner{
    height: 53px;
}
.header .iner2{
    height: 115px;
}
.header{
	width: 960px;
    margin: 0 auto;
}
.in-fr{
	float:right;
	position: relative;
}
.in-fr a {
    color: #1890ff;
    text-decoration: none;
}
.in-fr input {
        margin-left: 10px;
    padding: 3px 30px 3px 15px;
    height: 30px;
    border-radius: 20px;
    border: none;
    width: 359px;
    background-color: #e5e5e5;
    padding-right: 100px;
    opacity: 0.8;
    background-color: #fff;
        box-sizing: border-box;
}
.in-sear{
	    position: absolute;
    height: 32px;
    right: 0;
    border-radius: 1.75rem;
    width: 78px;
    line-height: 32px;
    background: #00bcd4;
    color: #fff !important;
    font-size: 14px;
    text-align: center;
    background-color: #1890ff;
}
.gr_aside {
    position: fixed;
    left: 50%;
    margin-left: 500px;
    top: 250px;
    z-index: 3;
    width: 100px;
    height: 270px;
    background: url(/images/nsuser/aside_s2_.png) 0 0 no-repeat;
}
.gr_aside .help {
	text-decoration: none;
    display: block;
    height: 130px;
    line-height: 73px;
    text-align: center;
}
.gr_aside .help:hover {
    background: url(/images/nsuser/aside_s2_.png) -101px 0 no-repeat;
}
.gr_aside .contract:hover {
    background: url(/images/nsuser/aside_s2_.png) -101px -210px no-repeat;
}
.gr_aside .contract {
    display: block;
    height: 70px;
}
.gr_aside .help span {
    display: none;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
}
.c-main{
	        opacity: 0.9;
    filter: alpha(opacity=90);
}
.an_nav1{
	    left: 293px;
    top: 13px;
    position: absolute;
    text-align: center;
    z-index: 100;
    cursor: pointer;
        opacity: 0.9;
}
.an_user1{
	    width: 13px;
    margin: 0 5%;
    vertical-align: middle;
    display: inline-block;
        margin-top: -2px;
}
.an_nav2{
	width: 69px;
    text-align: center;
    color: #fff;
    border: 1px solid #1890ff;
   background-color: #1890ff;
    height: 32px;
    line-height: 32px;
}
.gr_tc_im img{
	width:20px;
}
.an_nav3{
	    width: 69px;
    background-color: #fff;
    display:none;
        border: 1px solid #fff;
}
.an_tb2{
	    width: 9px;
    vertical-align: middle;
    margin-left: 6px;
}
.an_tb2_x{
	    transform: rotate(180deg);
}
.an_nav1:hover .an_nav2{
	    background-color: #fff;
	border: 1px solid #fff;
	color:#1890ff;
}
.an_nav3 li{
	height: 30px;
    line-height: 30px;
        border-bottom: 1px solid #e5e5e5;
    margin: 0 5%;
}
.an_nav3 li a{
	    display: inline-block;
    width: 100%;
}
.an_nav3 li a:hover{
	color: #ffbf0d !important;
}

.resource-flex{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.item-center{
	-webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex-1{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.justify-content{
	justify-content:center;
}
.resource-detail{
	padding: 20px 0;
}
.resource-detail-box{
	float: right;
}
.resource-detail-box div{
    margin: 0 14px;
    padding: 6px 14px;
    border-radius: 5px;
    cursor:pointer;
}
.resource-detail-box div img{
	margin-right:4px;
}
.resource-bo1{
	border: 2px solid #F29B76;
	color:#F29B76;
}
.resource-bo2{
	border: 2px solid #C4C4C4;
	color:#A8A8A9;
}
.resource-bo3{
	border: 2px solid #C4C4C4;
	color:#A8A8A9;
}
.resource-bo1:hover{
	border: 2px solid #FB7F4B;
	color:#FB7F4B;
}
.resource-bo2:hover{
	border: 2px solid #9E9E9E;
	color:#9E9E9E;
}
.resource-bo3:hover{
	border: 2px solid #9E9E9E;
	color:#9E9E9E;
}
.resource-box-blue{
	border: 2px solid #3A91F7;
	color:#3A91F7;
}
.resource-box-gray{
	border: 2px solid #9E9E9E;
	color:#A8A8A9;
}
.collect-tit{
    background: #3A91F7;
    color: #fff;
    text-align: center;
    padding: 0.7rem;
    font-size: 19px;
    font-weight: bold;
}
.collect-table{
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    font-size:14px;
}
.collect-table-bg1{
	background: #F2F4F6;
	color: #475E7D;
}
.collect-table tr, th {
    text-align: center;
}
.collect-table>tbody>tr>td,.collect-table>tbody>tr>th{
    border: 1px solid #e5e9ef;
    padding: 8px;
}
.collect-table-box{
    padding: 34px 26px;
}
.collect-table input[type=checkbox] {
    cursor: pointer;
    font-size: 14px;
    width: 18px;
    height: 18px;
    position: relative;
    margin-top: 0;
    /* visibility: hidden; */
    vertical-align: middle;
}
.collect-table input[type=checkbox]:after {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    content: " ";
    background-color: #fff;
    color: #45C1FF;
    border: 1px solid #C7D1E0;
    display: inline-block;
    visibility: visible;
    padding: 0px 3px;
}
.collect-table input[type=checkbox]:checked:after {
  content: "✓";
  font-size: 14px;
  font-weight: bold;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.collect-table-a{
    color: #45C1FF;
    cursor:pointer;
}
.collect-table-name{
	text-align:left;
	padding: 8px 15px !important;
}
.collect-table>tbody>tr:hover {
    background-color: #f5f5f5;
}
.collect-table-col1{
    color: #798DA2;
}
.collect-table_del{
    cursor: pointer;
    color: #F32712;
    border: 1px solid #F32712;
    padding: 6px 16px;
    border-radius: 4px;
    display: inline-block;
}
.collect-table_del:hover{
	background:#F32712;
	color:#fff;
}
.collect-table_del, .collect-table_del:hover {
    text-decoration: none;
}
.collect-table-fot{
    justify-content: space-between;
}