@charset "utf-8";
/* CSS Document */

/*头部*/
.gtop{height:54px;line-height:54px;background:#373737;color:#fff;font-size: 12px;}
.gtop .gt_cont{width:1200px;margin:0 auto;}
.gt_cont .gt_btns span{display: inline-block;width:50px;height: 12px;line-height:12px;vertical-align: top;margin-top:21px;text-align: center;cursor: pointer;}
.gt_cont .gt_btns span.gt_login{border-right: 1px solid #4d4d4d;}
.gt_cont .gt_gofy{margin-right: 60px;cursor: pointer;}

/*内容*/
.gcont{width:1200px;margin:30px auto;}
.g_cont_top{height: 290px;padding:15px;background:#fff;}
.g_cont_top .g_video{width:473px;height: 280px;border: 1px solid #221f1f1a;}
.g_cont_top .g_video img{display: block;width:100%;height:100%;object-fit: cover;}
.g_cont_top .gcur_info{width:650px;margin-left:30px;position: relative;}
.gcur_info .gcur_title{line-height: 26px;padding: 15px 0px 15px 0;font-size: 24px;color:#333333;overflow: hidden;/*white-space: nowrap;text-overflow: ellipsis;*/width: 565px;}
.gcur_info .gstar{height:15px;line-height: 15px;margin-bottom:25px;}
.gstar_uls{display:inline-block;width:95px;}
.gstar_lis{display:inline-block;width:15px;height: 15px;vertical-align: top;background: url(../../../resource/info2/images/star_grey.png) no-repeat center;background-size: contain;}
.gstar_lis.star_checked{background: url(../../../resource/info2/images/star_yellow.png) no-repeat center;background-size: contain;}
.gcur_info .gupload{line-height: 14px;margin-bottom:25px;font-size: 14px;color:#333;}
.gcur_info .gupload label{margin-right: 36px;}
.gcur_info .gupload label span{color:#999;}
.gcur_info .gdata{height:14px;line-height: 14px;margin-bottom:58px;font-size: 14px;color:#333;padding: 0px;}
.gcur_info .gdata label{margin-right:20px;}
.gcur_info .gdata label img{display:inline-block;/*width:15px;*/height: 14px;margin-right: 6px;vertical-align: top;margin-top:0;}
.gcur_info .gdata label span{color:#999;}
.gcur_info .gcur_btns{height: 45px;overflow: hidden;}
.gcur_info .gcur_btns li{width:124px;height: 45px;line-height: 45px;margin-right:28px;text-align: center;border-radius: 5px;font-size:16px;color:#fff;cursor: pointer;}
.gcur_info .gcur_btns li.load{background: #30b0f4;}
.gcur_info .gcur_btns li.add{background: #ff6565;}
.gcur_info .gcur_btns li.collect{background: #ff9d3e;}
.gcur_info .gcur_btns li.join{background: #42d0b0;}
.gcur_info .gshare{position: absolute;width:68px;top:15px;right:10px;}
.gcur_info .gshare .gshare_title{width:68px;height:24px;line-height: 24px;text-align: center;font-size: 14px;color:#fff;background:#3d9ce6;border-radius: 2px;cursor: pointer;}
.gcur_info .gshare .gshare_title span{display: inline-block;width:12px;height: 12px;background:url(../images/share_icon.png) no-repeat center;background-size:contain;vertical-align: top;margin-top:6px;margin-right:5px;}
.gcur_info .gshare .gshare_list{display:none;margin-top:3px;background:#3d9ce6;border-radius: 2px;}
.gcur_info .gshare .gshare_list li{line-height:24px;text-align: center;font-size: 14px;color:#fff;cursor: pointer;}


.g_cont_mid{min-height: 848px;margin-top:30px;}
.g_cont_mid .gmid_left{width:863px;min-height: 705px;background:#fff;}
.g_cont_mid .gres_data{width:288px;min-height: 320px;padding:0 20px 20px 20px;background:#fff;}

.gmid_left .gml_top{line-height: 63px;border-bottom: 1px solid #f0f0f0;}
.gmid_left .gml_top .gml_nav li{position:relative;float: left;width:139px;height:60px;line-height:60px;font-size: 16px;color:#333333;text-align: center;cursor: pointer;border-top:3px solid transparent;}
.gml_top .gml_nav li.intro{border-right: 1px solid #f0f0f0;}
.gml_top .gml_nav li.active{color:#30b0f4;border-top:3px solid #30b0f4;border-right: 1px solid #f0f0f0;}
.gml_top .gml_nav li.active span{color:#30b0f4;}
.gml_top .gml_nav li.active:after{z-index:1;content: '';position: absolute;width:100%;height: 2px;background:#fff;left:0;bottom:-1px;}
.gml_top .greview{display:none;width:89px;height:31px;line-height: 31px;margin-right:28px;margin-top:15px;text-align: center;border:1px solid #30b0f4; color: #30b0f4;font-size: 14px;border-radius: 2px;cursor: pointer;}
.gintro_cont{line-height: 32px;padding:20px 35px;font-size: 14px;color:#333333;}

.grev_list{min-height: 308px;padding:0px 30px;width: 790px;}
.grev_data{min-height:130px;padding:18px 0 0 0;border-bottom: 1px solid #f0f0f0;overflow: hidden;}
.grev_data .gd_left{width:66px;min-height: 126px;}
.grev_data .gd_left img{display: block;margin:0 auto;}

.grev_data .gd_right{width:710px;min-height: 126px;margin-left:14px;}
.gd_right .gdr_name{line-height: 40px;font-size: 16px;color:#333333;}
.gd_right .gdr_name span{margin-left:10px;font-size: 14px;color: #999999;}
.gd_right .gdr_name label{font-size: 14px;color: #999999;}
.gd_right .gdr_word{line-height: 28px;margin-top:14px;font-size: 14px;color:#333333;}
.gpage{height: 106px;padding:0 35px;line-height: 106px;text-align: right;}

.gres_data .gmr_title{line-height: 64px;font-size: 16px;color:#333333;}
.gres_data .gmr_title span{display: inline-block;width:16px;height: 16px;background: url(../images/ziyuan.png) no-repeat center;background-size: contain;vertical-align: top;margin-right:8px;margin-top:24px;}

.gres_data .gmr_lis{line-height: 34px;overflow: hidden;}
.gres_data .gmr_lis .gmli_left{width:70px;vertical-align: middle;font-size: 14px;color:#999;}
.gres_data .gmr_lis .gmli_right{width:216px;vertical-align: middle;color:#333;word-spacing: -3px;}
.keyword span{float: left;width:52px;height: 26px;margin-top:5px;margin-right:10px;line-height:26px;text-align:center;border:1px solid #ededed;border-radius: 2px;}
.gright_intro{width:288px;min-height: 285px;padding:0 20px 20px 20px;margin-top:10px;background:#fff;}
.gright_intro .gmr_title{line-height: 64px;font-size: 16px;color:#333333;}
.gright_intro .gmr_title span{display: inline-block;width:16px;height: 16px;background: url(../images/jianjie.png) no-repeat center;background-size: contain;vertical-align: top;margin-right:8px;margin-top:24px;}
.gright_intro .gri_word{line-height: 26px;font-size: 14px;color:#7c7c7c;}

/*底部*/
.gbtm{height: 90px;line-height:90px;text-align:center;background:#373737;color:#fff;font-size: 12px;}
.gbtm .gbtm_cont{width:1200px;margin:0 auto;}
.gbtm .gbtm_cont span{display: inline-block;width:77px;height: 28px;margin-left:25px;line-height:28px;background: #0ea0ed;border-radius: 2px;cursor: pointer;}

/*弹窗*/
.gdialog{z-index:1;position: fixed;width:100%;height: 100%;top:0;left:0;background:rgba(0,0,0,.4)}
.gdiscuss{z-index: 2;position: fixed;width:470px;height: 258px;padding:30px;background: #fff;top:50%;left:50%;margin-left:-265px;margin-top:-142px;border-radius: 4px;}
.gdiscuss .gd_close{position: absolute;width:11px;height: 11px;top:24px;right:30px;background: url(../images/close.png) no-repeat center;background-size: contain;cursor: pointer;}
.gd_star label{margin-left:30px;color:#ff4d4d;}
.gd_star .gstar_uls{cursor: pointer;}
.gd_text textarea{outline: none;resize: none;width:415px;height: 74px;padding:16px 20px;margin-top:24px;border:1px solid #c9c9c9;box-shadow: 0px 0px 3px 0px rgba(30,29,46,0.25);}
.gd_text textarea::-webkit-input-placeholder {
  color: #ff4d4d;
  font-size: 14px;
}

.gd_text textarea:-moz-placeholder {
  color: #ff4d4d;
  font-size: 14px;
}

.gd_text textarea::-moz-placeholder {
  color: #ff4d4d;
  font-size: 14px;
}

.gd_text textarea:-ms-input-placeholder {
  color: #ff4d4d;
  font-size: 14px;
}
.gre_text textarea::-webkit-input-placeholder {
  color: #969696;
  font-size: 14px;
}

.gre_text textarea:-moz-placeholder {
  color: #969696;
  font-size: 14px;
}

.gre_text textarea::-moz-placeholder {
  color: #969696;
  font-size: 14px;
}

.gre_text textarea:-ms-input-placeholder {
  color: #969696;
  font-size: 14px;
}

.gdiscuss .gd_btns{height: 40px;margin-top:30px;text-align: center;}
.gdiscuss .gd_btns span{display: inline-block;width:104px;height: 38px;line-height:38px;text-align:center;border:1px solid #c5c5c5;font-size: 16px;color:#666666;border-radius: 5px;cursor: pointer;}
.gdiscuss .gd_btns span.gd_sure{margin-right:40px;background: #24b6f4;color:#fff;}

/*相关推荐*/
.grecommend{min-height: 610px;padding-top:30px;}
.grecommend .grec_data{width:192px;height: 170px;margin-left:20px;}
.grecommend .grec_data:hover{opacity:.8;}
.grecommend .grec_data img{display:block;width:100%;height:110px;border: 1px solid #00000021;object-fit: cover;}
.grecommend .grec_data .grec_name{line-height: 28px;font-size: 14px;color:#333333;}

/*评论*/
.gremark{width:776px;height:236px;margin:0 auto;padding-top:22px;border-bottom:1px solid #f0f0f0;overflow: hidden;}
.gremark .gre_top{overflow: hidden;}
.gremark .gre_text{height: 84px;margin-top:16px;padding:14px 18px;border:1px solid #dbdbdb;background:#f8f8f8;}
.gremark .gre_text textarea{width:100%;height:100%;outline: none;border: none;resize: none;font-size:14px;background:#f8f8f8;}
.gremark .gre_send{width:86px;height:30px;line-height:30px;margin-top:12px;border:1px solid #30b0f4;border-radius: 2px;color:#30b0f4;text-align: center;font-size: 14px;cursor: pointer;}

/*推荐资源*/
.recommendresourceslist{min-height: 610px;padding-top:30px;}
.recommendresourceslist .grec_data{width:192px;height: 170px;margin-left:20px;}
.recommendresourceslist .grec_data:hover{opacity:.8;}
.recommendresourceslist .grec_data img{display:block;width:100%;height:110px;border: 1px solid #00000021;object-fit: cover;}
.recommendresourceslist .grec_data .grec_name{line-height: 28px;font-size: 14px;color:#333333;}