/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{ font-family:'Arial','Hiragino Sans GB', 'Microsoft YaHei';
    color: #788188;outline:0;font-size:12px}
body{background:#fff;}
a,a:hover{color: #788188;}

.clear{ clear:both;}
.clearfix{display:block;*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.fw-bold{ font-weight:bold;}
.fw-normal{font-weight:normal;}

.fz-12{ font-size:12px;}
.fz-14{ font-size:14px;}
.fz-16{ font-size:16px;}
.fz-18{ font-size:18px;}

.h-5{height:5px;}
.h-10{height:10px;}
.h-15{height:15px;}
.h-20{height:20px;}
.h-25{height:25px;}
.h-30{height:30px;}

.d-block{ display:block;}
.d-none{ display:none;}
.show{ display:block !important;}
.hide{ display:none !important;}

.p-absolute{ position:absolute;}
.p-fixed{ position:fixed;}
.p-relative{ position:relative;}
.p-inherit{ position:inherit;}

.f-l{float:left;}
.f-r{float:right;}

.ta-left{ text-align:left;}
.ta-center{ text-align:center;}
.ta-right{ text-align:right;}

.o-hidden{ overflow:hidden;}
.o-auto{ overflow:auto;}
.o-inherit{ overflow:inherit;}

/*.transition-.3s{ -webkit-transition:.3s; transition:.3s; -moz-transition:.3s; -o-transition:.3s;}*/
.c-255{color:#fff;}
.bg-255{ background:#fff;}

.opacity-0{filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }

body{background-color: #f5f8fa;}
.pb3{padding-bottom:3px}
.c-4b{color: #4b4b4b}
.c-c4{color: #c4c4c4}
.c-b3{color: #b3b3b3}
.c-ff{color: #ff3c00}
.c-f4{color: #4f4f4f}
.c-b5{color: #b5b5b5}
.c-34{color: #E3101E}
.mt10{margin-top: 10px}
.pt25{padding-top: 25px}
.pt35{padding-top: 35px}
.pb10{padding-bottom: 10px}
.pt40{padding-top: 40px !important;}
.mt15{margin-top: 15px}
.mt40{margin-top: 40px}

.inter{border-bottom:1px solid #ebebeb; box-shadow:0 1px 4px rgba(0,0,0,0.05);border-radius:4px;min-height:180px; padding:30px 0; background:#fff; position:relative;margin-top:5px;}
.inter-logo{width: 180px;height: 180px;position: absolute;overflow: hidden;left:30px;top:30px;}
.inter-logo>img{display: block;width: 100%;height: 100%}
.inter-detail{ padding-left:240px;}
.inter-detail>h2{font-size:18px; color:#323232;}
.inter-detail>p{font-size: 14px;line-height: 24px;margin-top: 15px}
.inter-detail .btn {margin-top: 32px;}

.inter-detail .btn span{ cursor:pointer; float:left;width:130px; text-align:center;height:34px; line-height:34px;border:1px solid #dbdbdb; margin-right:20px;border-radius:4px; font-size:14px;}
.inter-detail .btn .btn-add{ background:#E3101E;border:1px solid #E3101E;color:#fff;}
.inter-detail .btn .iconfont{ margin-right:10px;}

.content-l{width: 840px; float:left;}
.topic-title{height:44px; line-height:44px; overflow:hidden; padding:0 20px; font-size:14px;border-bottom:1px solid #ebebeb;}
.topic-content{ padding:20px 20px 0 20px; font-size:14px; line-height:24px;}
.group-banner,
.content-l{border-bottom:1px solid #ebebeb; box-shadow:0 1px 4px rgba(0,0,0,0.05);border-radius:4px;}
.content-r{width: 320px; float:right;}
.r-search{height: 36px;line-height:36px;width: 100%;position: relative;background-color: #fff}
.r-search .search-text{  background-color: #FFF;  background-image: none;  border: 1px solid #e9e9e9;  border-radius: 5px;  color: inherit;  display: block;  width: 100%; height: 36px; font-size: 14px;padding-left:15px;box-sizing: border-box; line-height:36px  }
.r-search .search-btn{background: transparent url(../../images/class/search-btn.png) no-repeat center;background-size: 100% 100%;width: 16px;height: 16px;border: none;position: absolute;right:8px;top:10px}
.r-box{min-height: 178px;padding: 10px;background-color: #fff;box-sizing: border-box;margin-top: 12px;position:relative;border-bottom:1px solid #ebebeb; box-shadow:0 1px 4px rgba(0,0,0,0.05);border-radius:4px; }
.r-box>h4,.group-banner>h4,.common-h4{padding-left: 15px;color: #4b4b4b;height:44px; line-height:44px;font-size:16px;border-bottom: 1px solid #efefef;font-weight: normal}
.r-box>h4>span{ float:right; font-size:12px; padding-right:5px;}
.r-box>p{color:#dadada;font-size: 14px;padding:10px 5px}
.r-box-student{padding: 10px 0;}
.r-box-student li{width:20%; float:left;text-align: center; padding:10px 0; line-height:32px;}
.r-box-student>li>a{ display:block; margin:0 10px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; 
overflow: hidden;min-width:45px}
.r-box-student li img{vertical-align: middle;text-align: center;width: 45px;height: 45px;border-radius: 50%;overflow: hidden}

.replay{ padding:20px 30px 0px 30px;}
.replay .title{ font-size:14px; line-height:34px;}
.replay textarea{width:100%;border:1px solid #d2d2d2; -webkit-transition:.3s; transition:.3s; font-size:14px; line-height:24px; padding:10px 15px;height:80px;}
.replay textarea:focus{border:1px solid #E3101E;}
.replay .poster{height:34px; line-height:34px;margin-top:15px;}
.replay .poster .a1{color:#b2b2b2;}
.replay .poster .a1:hover{color:#E3101E;}
.replay .poster .iconfont{ float:left; margin-right:5px;}
.replay .poster .p-l{ float:left; color:#9b9b9b; font-size:14px;}
.replay .poster .replyButton{ float:right;height:34px; line-height:34px; background:#E3101E; padding:0 25px; font-size:14px;color:#fff;border-radius:4px;border:0px;}
.replay-textarea{ padding-right:32px;}
.nice-img .groupimg{ padding:20px 20px 0 20px;}
.nice-img .groupimg img{max-width:70%;}
.quit {position: relative;}
.quit .quit-l{display: block;width: 42px;height: 42px;overflow: hidden;border-radius:100%;position: absolute;left: 10px;top:10px;}
.quit  .quit-r {margin-top: 13px; padding-left:62px;}
.quit  .quit-r>p{line-height: 20px;font-size: 14px;text-align:left}
.r-box>span>img{position:absolute;display:block;width:17px;height:17px;top:10px;right:10px}
.tabs>ul{height: 44px;padding-left: 15px}
.tabs>ul>li{float: left;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #4b4b4b;margin-right: 30px; cursor:pointer;}
.tabs>ul>.on{border-bottom: 2px solid #E3101E}
.tabs>ul>.on a{color:#323232;}

.icon-bx{width:200px;margin:0 auto; padding:30px 0;}
.icon-bx>a{width: 58px;height: 58px;border: 1px solid #eee;border-radius: 50%;float:left;text-align: center;line-height: 58px;margin: 0 20px;position: relative}
.icon-bx>a>span {position: absolute;width: 100%;text-align: center;bottom:-24px;left: 0;line-height: 20px;font-size: 16px}
.icon-bx>a>i{font-size: 24px;color: #328ae1}
	
.item-box{position: relative;padding:15px 0 15px 55px;border-top: 1px solid #f3f3f3}
.item-l {position: absolute;left: 20px;top:15px}
.item-l img{width: 40px;height: 40px;border-radius: 100%;overflow: hidden}
.item-r{padding-left: 20px;padding-right: 20px}
.item-r h4{padding-top: 20px;font-size: 16px;font-weight: normal}
.item-r h4:hover{color:#ff3c00}
.item-r .item-txt{font-size: 14px;line-height: 34px;color: #808080;}
.item-r .item-txt .emotico{height:20px;}
.item-r .item-xx{ line-height:22px;color:#9b9b9b;}
.item-r .item-xx .c-b3{ padding-right:20px;}
.item-r .item-xx em{ padding-left:15px;}
.item-r .item-xx em i{ font-size:14px;}
.delreplyBtn{ margin-left:20px;color:#9b9b9b;}
.item-r i{color: #b3b3b3; margin-right:3px;}
.item-r label{padding-left: 10px}
.item-r .pt35{ padding-top:5px;}
.item-r>ul>li{width: 27%;float: left}
.item-r>ul>li img{width: 100%;height:131px;padding-right: 10px;box-sizing: border-box}

.bg-white{background-color: #fff}
.pb3{padding-bottom:4px}
.group-h2{font-size:18px;font-weight: normal; line-height:38px; padding:20px 0 0 0;}
.content-box{padding-top:20px;}
.edu-li {width: 25%;position: relative;float: left}
.edu-li .m-img{position: absolute;width: 62px;height: 62px;left:20px ;top: 18px}
.edu-li .m-img img{width:100%;height:100%;}
.edu-li .edu-txt{padding-left:92px;padding-top: 15px}

.edu-txt>h4{font-size: 14px;color: #4b4b4b;font-weight: normal}
.edu-txt>p>span{font-size: 12px;color:#b5b5b5;margin-right: 5px}
.edu-txt>p>span .iconfont{ font-size:12px; margin-right:5px;}
.edu-btn{display:block;width: 66px;height:22px; line-height:22px;margin-top:5px;border-radius:3px;font-size:12px;color: #E3101E;border: 1px solid #E3101E;
background-color: #fff;text-align: center; -webkit-transition:.3s; transition:.3s;}
.edu-btn:hover{ background:#E3101E;color:#fff;}

.edu-btn{display:block;width: 61px;padding: 0 2px;font-size:12px;color: #E3101E;border: 1px solid #E3101E;;background-color: #fff}
.group-banner>h4{height:33px;line-height: 40px}
.group-banner>h4 span{ float:right; font-size:12px; padding-right:15px;}
.r-box .index li{width: 100%;text-align: left;height: 36px;font-size: 14px;color: #bdbdbd;line-height: 36px;border-bottom: 1px solid #f7f6f6;margin-bottom:0}
.r-box .index li .f-r .iconfont{ font-size:14px; margin-right:5px;}
.r-box .index li:hover{color: #767676}
.r-box .notice{ padding:15px; font-size:14px; line-height:26px;}
ul.index{padding-top:5px}
.talk-control{ padding-right:20px;}
.talk-control textarea{background-color: #FFF;background-image: none;border: 1px solid #e5e6e7;border-radius: 1px;color: inherit;display: block;;height:34px;line-height: 34px;e-webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s; width: 100%; font-size: 14px;padding: 0 12px;}

.content-r{top:0}
.empty {text-align: center;font-size: 14px;color: #bbb;padding: 140px 0px 30px 0px;line-height: 24px;background: url(empty.png) no-repeat 50% 30px;} /*注意*/

.edu-li .edu-txt{padding-left:95px;padding-top: 18px}
.carousel-dots{ position:absolute;bottom:20px;width:100%; text-align:center;height:7px; line-height:7px; overflow:hidden;}
.carousel-dots span{ display:inline-block;}
.carousel-dots i{width:7px;height:7px;float:left; background:#bfbfbf;margin:0 5px; border-radius:50%; cursor:pointer;}
.carousel-dots .on{ background-color: #E3101E}
.group-banner>h4{height:33px;line-height: 40px}
.r-box .index li{width: 100%;;text-align: left;height: 36px;font-size: 14px;color: #bdbdbd;line-height: 36px;border-bottom: 1px solid #f7f6f6}
.r-box .index li:hover{color: #767676}
.td-resgm{ padding:0px 20px; padding-bottom:10px; }
.td-resgm>strong>font{ font-size:14px; line-height:30px;}
.td-resgm>textarea{ font-size:14px; width:90%; padding:5px; height:50px; border:1px #e5e5e5 solid;}
.td-resgm .replybutton{background:#32A5E7;width:80px;height:25px;text-align:center;line-height:25px;color:#FFF;font-size:14px;float:left; border:none; margin-bottom:5px;}
.td-box{ position:relative; clear:both; padding-left:100px; height:auto;}
.td-box-l{left: 20px; position:absolute;}
.td-box-r{ padding:0px 10px;}
.td-aimg>img{width: 66px;height: 66px;border-radius: 100%;overflow: hidden;}
.td-autho-d{ padding-top:35px;}
.limit-size{float:right; line-height:25px;}
/*--------------------小组首页------------------------*/
.group-h1{font-size:3em; padding-top:80px;}
.group-class{ margin-left:30px; display:inline-block; margin-bottom:5px; color:white;}
.group-class:hover{color:#E3101E; }
.groupimg{ height:100px; width:150px; float:left; overflow:hidden; margin:0 10px 10px 0 ;}
.groupimg img{ background-color:white;min-height:100px;width:100%;}

.comments-list{margin-top:20px;}
.comments-list .more{float: right;text-indent: -9999px;width: 21px;height: 5px;background:url(../../images/class/more1.png) no-repeat;margin-top: -18px;margin-right: 10px; position:relative;z-index:10;}
.comments-list .more:hover{float: right;text-indent: -9999px;width: 21px;height: 5px;background: url(../../images/class/more2.png) no-repeat;margin-top: -18px;margin-right: 10px; position:relative;z-index:10;}


/*-------------------发表话题页-----------------------*/
.talk-cell>label{color: #4b4b4b;font-size: 14px;display: block;position: relative;margin-bottom: 7px}
.talk-cell>label:before {content: ' *';color: #ff3c00;font-size: 150%;}.talk-cell{margin: 15px 30px;}
.talk-con{display: inline-block;vertical-align: middle;text-align: center;width: 100%;margin-top: 200px}
.talk-btn{width: 100px;height: 30px;line-height: 30px;background-color: #ffaf48;color: #fff}
.talk-con1{width: 97px;height: 26px;line-height: 26px;background-color: #f4f4f4;color: #9c9c9c;border-radius:3px}
.talk-con2{width: 97px;height: 26px;line-height: 26px;background-color: #E3101E;color: #fff;border-radius: 3px;margin-left: 10px}
.content-r{top: 0}
.talk-bottom{position: relative;clear: both; height:35px; padding:0 30px;line-height:35px;}
.talk-bottom em{color:#B3B3B3;position:absolute;right:160px;top:3px;font-size:14px}
.talk-btn{display:block;background:#E3101E;width:120px;height:35px;text-align:center;line-height:35px;color:#FFF;font-size:14px;float:right; border:none; border-radius:3px;}

#loading{ text-align:center; line-height:44px;color:#b2b2b2;}
.paging { padding: 30px 0;text-align: center;}
.r-search .search-btn{border:0; position: absolute;right:0;top:0;width:36px;height: 36px;background:none; text-align: center;color:#6b6b6b; cursor: pointer;}
.r-search .search-btn:hover{color:#E3101E;}
.item-box i{display:inline-block;margin-left:15px}
.talk-b-a1{}
.title-banner{ height:260px; overflow:hidden; text-align:center;color:#fff;}
.title-banner h4{ font-size:32px; line-height:52px; padding-top:80px; font-weight:normal;color: #fff}
.title-banner p{ font-size:14px; letter-spacing:1px; line-height:44px;}
.pp_20 { padding-top: 20px;}
.pd_40 {padding-bottom: 40px;}
.page-width {margin: 0 auto;width: 885pt;}
.bg-group {background: url(xzsy.jpg) no-repeat 50% 0;}
.posnav {line-height: 23px;color: #9b9b9b;font-size:13px;padding:20px 0 15px 0;}
.posnav a{color: #999;}
.posnav em{ margin:0 5px;}
