@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;font-family:"Microsoft YaHei"}abbr,acronym{border:0;font-variant:normal}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%;border:0}body{background:#fff;color:#5e5e5e;font:14px/2em Microsoft YaHei,SimSun,Arial}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a:link,a:visited{color:#5e5e5e}a:hover{color:#c9394a}a:active{color:#666}.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.l{float:left}.r{float:right}.clear{height:0;overflow:hidden;clear:both}.hide{display:none}.btn.hide{display:none}a.hidefocus{outline:0}button.hidefocus::-moz-focus-inner{border:0}a:focus{outline:0;-moz-outline:0}input,textarea{outline:0}h2{font-size:20px}h3{font-size:16px;line-height:32px}h5{font-size:14px;line-height:28px}.img_border{border:4px solid #fff;border-radius:1px}.bb{border-bottom:1px solid #d2d2d2}.bt{border-top:1px solid #d2d2d2}.mt30{margin-top:30px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.p15{padding:0 15px}.color-gray,a.color-gray:link,a.color-gray:visited{color:#b7bcc0}.color-white{color:#fff!important}.mr60{margin-right:60px}.color-red{color:#EF1300!important}.pr{position:relative}.pa{position:absolute}.errorHint{height:25px;line-height:20px;font-size:12px}.breakall{word-break:break-all}html,
body{font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif; color: #14191e;}
body{overflow-y: scroll;}
body{min-width: 1200px; background-color: #edeff0;}
.clear{ clear:both;}
a:link,
a:visited{color: #14191e;}
a:hover,
a:active{color: #ec1500;}
.clearfix:after{content: '\0020'; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom: 1;}
.l{float: left;}
.r{float: right;}
.hide{display: none;}
.hide-text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
.newcontainer,
.page-container{margin: 0 auto; width: 1200px;}
.container{margin: 0 auto;}
.container{width: 1200px;}
.bordered{border-bottom: solid 1px #d0d6d9;}
.panel{-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); padding: 0 20px; color: #14191e; background-color: #ffffff; margin-bottom: 20px;}
.panel-heading{border-bottom: solid 1px #d0d6d9;}
.panel-title{height: 50px; line-height: 50px; font-size: 16px;}
select{margin: 0; font-size: 100%; cursor: pointer; font-weight: normal; background-color: #fff; border: 1px solid #ccc; color: #555; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 4px 6px; vertical-align: middle;}
select:focus{outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.icon-drop_right:before{content:url(../img/arrow-left.jpg);}
.icon-drop_down:before{content:url(../img/down.png);}
.icon-plan:before{content:url(../img/kc.png);}
.icon-tick:before{content:url(../img/intro.png);}
/*��������*/
body{background-color: #fff;}
#main{padding: 0; position: relative;}
.big-pic{height: 220px; background: url(../img/temp1.jpg) no-repeat center top #000000; background-size: 100%;}
.big-pic .user-info{position: relative; width: 605px; padding-left: 240px; padding-right: 355px; padding-top: 60px; margin: 0 auto;}
.big-pic .user-info .user-name{font-size: 32px; font-weight: 600; line-height: 40px; text-align: left; color: #ffffff;}
.big-pic .user-info .user-name span,
.big-pic .user-info .user-name .signicon{float: left;}
.big-pic .user-info .user-name .signicon{width: 25px; margin: 13px 0 0 10px; background-image: url(/static/img/u/signicon.png); background-repeat: no-repeat; position: relative;}
.big-pic .user-info .user-name .signicon_iden{width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; background: #fff; display: none; position: absolute; top: 32px; left: -29px; color: #14191e; font-weight: normal;}
.big-pic .user-info .user-name .signicon_iden i{color: #fff; font-size: 32px; position: absolute; margin-left: -16px; left: 50%; top: -17px;}
.big-pic .user-info .user-name .teacher{background-position: 0 0; height: 24px;}
.big-pic .user-info .user-name .mxr{background-position: 0 -24px; height: 25px;}
.big-pic .user-info .user-name .mxr .signicon_iden{width: 50px; left: -14px;}
.big-pic .user-info .about-info{font-size: 14px; color: #ffffff; line-height: 20px; text-align: left; margin-top: 6px;}
.big-pic .user-info .about-info .gender{display: inline-block; width: 16px; height: 16px; background: url('/static/img/u/gender.png') no-repeat; vertical-align: -3px;}
.big-pic .user-info .about-info .girl{background-position: 0 -17px;}
.big-pic .user-info .user-desc{font-size: 14px; line-height: 24px; color: #ffffff; text-align: left; margin-top: 20px; word-break: break-all;}
.big-pic .study-info{position: absolute; top: 115px; right: 20px; min-width: 300px;}
.big-pic .study-info .item{float: right; height: 48px;}
.big-pic .study-info .study-time{ margin-top:60px; color:#FFF; }
.wrap{position: relative; width: 1200px; margin: 0 auto;}
.slider{position: absolute; width: 200px; left: 0; top: -175px;}
.slider.fixed{position: fixed; top: 0;}
.slider .user-pic{position: relative;}
.slider .user-pic .user-pic-bg{width: 200px; height: 200px; background-color: #ffffff; opacity: 0.2; border-radius: 100px; transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */ -webkit-transition: all .3s; /* Safari 和 Chrome */ -o-transition: all .3s; /* Opera */}
.slider .user-pic .su-user-pic-bg{width: 150px; height: 150px; margin-top: 40px; margin-left: auto; margin-right: auto; opacity: 0;}
.slider .user-pic img{position: absolute; left: 5px; top: 5px; width: 190px; height: 190px; border-radius: 95px; transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */ -webkit-transition: all .3s; /* Safari 和 Chrome */ -o-transition: all .3s; /* Opera */}
.slider .user-pic .suimg{width: 140px; height: 140px; left: 30px;}
.slider .user-pic .set-btn{width: 24px; height: 24px; position: absolute; left: 0px; top: 0px;}
.slider .user-pic .set-btn i{font-size: 24px; color: #787d82;}
.slider .user-pic .set-btn i:hover{color: #b5b9bc;}
.slider .user-pic .friend{position: absolute; right: 0; bottom: 0; width: 45px; height: 45px; border-radius: 25px; transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */ -webkit-transition: all .3s; /* Safari 和 Chrome */ -o-transition: all .3s; /* Opera */ cursor: pointer;}
.slider .user-pic .friend i{color: #fff; text-align: center; line-height: 50px; display: block;}
.slider .user-pic .friend.r30{right: 30px;}
.slider .user-pic .mail{background-color: #0088cc;}
.slider .user-pic .mail i{font-size: 20px;}
.slider .user-pic .group_add{background-color: #62b9b0;}
.slider .user-pic .group_add i{font-size: 26px;}
.slider ul li{height: 60px; border-bottom: 1px solid #EDF1F2;}
.slider ul a{display: block; height: 60px; font-size: 16px; line-height: 60px; text-align: center; color: #787d82;}
.slider ul a:hover{color: #14191e;}
.slider ul a.active{color: #F01400;}
.slider ul a i{position: relative; left: -25px; top: 5px; font-size: 18px;}
.slider ul a b{position: relative; top: 3px; right: -45px; font-size: 18px;}
.tabs-content-placeholder{margin-left: 240px; min-height: 589px;}
.addfriendtip{width: 417px; background: #c9c9c9; padding: 8px; display: none; position: absolute; z-index: 999; top: 30%; left: 215px;}
.sendadd{width: 422px;}
.sendadd textarea{height: 110px; border: 1px solid #cdcdcd; width: 382px; padding: 4px; background: #fff; font-size: 100%;}
.sendadd textarea:focus{border-color: #b4b4b4;}
.sendadd h4,
.giveupcon h4{position: relative; font-size: 18px; font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif; line-height: 40px; padding-left: 16px; height: 40px;}
.sendadd h4 .tipclose,
.giveupcon h4 span{width: 16px; height: 16px; position: absolute; right: 12px; top: 12px; _top: 8px; cursor: pointer;}
.sendcon{padding: 15px; _padding: 10px;}
.sendsq{padding: 20px 0; text-align: center;}
.successtip{width: 248px; background: #c9c9c9; padding: 6px; position: absolute; top: 37%; left: 280px; z-index: 999; display: none;}
.successcon{width: 236px; padding: 6px; background: #ffffff; position: relative;}
.successcon .suclose{background: url(/static/img/tipicon.png) no-repeat 0 0; width: 16px; height: 16px; float: right; cursor: pointer;}
.sendok{clear: both; background: url(/static/img/zyicon.png) no-repeat 0 -106px; height: 52px; margin: 12px 0 0 30px; padding: 10px 0 0 50px; color: #666666; font-size: 24px; font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;}
.sendmsg_avatar{display: inline-block; width: 40px; height: 40px; margin-top: 8px; position: absolute; top: 0; left: 15px;}
.ansListA{float: right; display: block; background: #ffffff;}
.sendmsg h4,
.sendadd h4{height: 56px; padding-left: 16px; position: relative; line-height: 56px; background: #be3948; color: #ffffff;}
.sendmsg #sendEmojiIcon{margin: 0 0 0 7px; float: left;}
.sendmsg #sendBtn{display: inline-block; height: 31px; color: #ffffff; text-align: center; line-height: 31px; font-size: 14px; font-weight: bold; float: right; padding: 0;}
.sendmsg .imgset{float: left; width: 40px; height: 60px; background: url(/static/img/icron_mgr.png) center 24px no-repeat;}
.sendmsg_btn_box{background: #ffffff; padding: 12px 8px 20px; zoom: 1; position: relative; overflow: hidden;}
.sendmsg_btn_box:after{content: '\20'; display: block; clear: both;}
.private-letter{width: 580px;}
.private-letter .sendcon{background: #ffffff; padding: 20px 40px 10px; position: relative;}
.private-letter textarea{width: 499px;}
.private-letter .privatel-wrap{padding: 12px 0 20px 50px; color: #363d40;}
.private-letter #sendEmojiIcon{margin-left: 40px;}
.private-letter .sendmsg_btn_box{padding-right: 40px;}
.private-letter #sendBtn,
.pravtie_close .btn-large{background: #39b94e;}
.private-letter #sendBtn:hover,
.pravtie_close .btn-large:hover{background: #3ec154; color: #ffffff; outline: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s;}
.pravtie_close .xubox_close1{background: url(/static/img/pravtie_close.jpg) 0 0 no-repeat; width: 30px; height: 30px; top: 15px; right: 16px;}
.pravtie_close .xubox_close1:hover{background-position: -30px 0;}
.privatel-name{position: absolute; top: 19px; left: 40px;}
.space-code .course-list li{height: 222px;}
.space-code .course-list li .code-count{margin-top: 10px; font-size: 12px; color: #b5b9bc;}
/*shu biao xuan ting*/
.share-box{position: absolute; right: 10px; top: 27px; width: 30px; background-color: #ffff00; overflow: visible;}
.share-box .show-btn{position: absolute; top: 0px; right: 0; width: 30px; height: 20px; font-size: 16px; text-align: right; color: #bdc0c3; cursor: pointer;}
.share-box .show-btn:hover i{color: #14191e;}
.share-box .share-box-con{display: none; position: absolute; z-index: 99; top: 18px; right: 0; width: 208px; height: 60px; background-color: #fff; box-shadow: 4px 4px 10px 2px #e1e1e1;}
.share-box.hover .share-box-con{display: block;}
.share-box .bdsharebuttonbox{float: left; width: 145px; overflow: hidden; margin-top: 17px; margin-left: 5px;}
.share-box .bdsharebuttonbox a{display: inline-block; position: relative; font-weight: normal !important; color: #b5b9bc !important; background-image: none !important; font-size: 18px;}
.share-box .bdsharebuttonbox a:hover{color: #787d82 !important;}
.share-box .bdsharebuttonbox .icon-share-weibo{margin: 6px 15px 6px 9px;}
.share-box .follow{float: left; width: 53px; height: 18px; text-align: center; border-left: 1px solid #edf1f2; margin-top: 20px; font-size: 18px; cursor: pointer;}
.share-box .follow i{vertical-align: 4px;}
.share-box .follow .icon-heart{color: #d8dadc;}
.share-box .follow .icon-heart-revert{color: #F01400;}
.share-box .courses-r{width: 120px; text-align: center; /*a{color: #b5b9bc;font-size: 18px;display: inline-block;width: 50px;&:hover{color: #787d82;}}*/}
.share-box .courses-r .del{margin-top: 20px; color: #b5b9bc; cursor: pointer; display: inline-block;}
.share-box .courses-r .del:hover{color: #787d82;}
.share-box .courses-r .custom_f{margin-top: 25px; border-left: 0 none;}
.share-box .share-r{width: 230px; text-align: center;}
.share-box .share-r .follow{margin: 22px 0 0 15px;}
.share-box .share-r .bdsharebuttonbox{margin-left: 8px;}
/*头部*/
.c-tab{font-size: 14px; color: #787d82; height: 58px; line-height: 58px; margin-top: 10px; border-bottom: 1px solid #d0d6d9;}
.c-tab .tool-left .sort-item:hover,
.c-tab .tool-left .active{color: #f01400; border-bottom: 2px solid #f01400;}
.c-tab .sort-item{margin-right: 53px; display: inline-block; color: #787d82;}
.c-tab .tool-item{cursor: pointer;}
.c-tab .tool-all{position: relative; margin-right: 10px;}
.c-tab .all-cont{width: auto; box-shadow: 0 2px 8px #bbb; max-height: 240px; overflow-y: scroll; overflow-x: hidden; background-color: #fff; position: absolute; z-index: 19881009; left: -30%; top: 55px;}
.c-tab .all-cont li{height: 40px;}
.c-tab .all-cont a{color: #787d82; line-height: 40px; white-space: nowrap; display: block; padding: 0 20px;}
.c-tab .all-cont a:hover{background-color: #edf1f2; color: #14191e;}
.c-tab .icon{margin-left: 15px; vertical-align: -1px;}
.c-tab .icon-drop_up{color: #14191e;}
/*时间轴*/
.study-tl{padding: 0 0 0 64px;}
.study-tl .time{position: absolute; left: 0; top: 20px; margin-left: -64px; line-height: 16px; font-size: 12px; color: #8a8c8f;}
.study-tl .time:before{content: ''; display: block; position: absolute; left: 60px; width: 8px; height: 8px; border-radius: 50%; background-color: #d0d6d9;}
.study-tl .time b{font-size: 18px; font-weight: normal;}
.study-tl .time em{display: block; margin-top: 2px;}
.study-tl .tl-item-first:before{content: ''; position: absolute; width: 1px; height: 20px; left: -1px; top: 0; background-color: white;}
.study-tl .tl-item{position: relative; padding-left: 37px; border-left: 1px solid #d3d7da;}
.course-list .course-one{padding: 30px 0; position: relative; border-bottom: 1px solid #eff1f0;}
.course-list .course-list-img img{vertical-align: top;}
.course-list .study-hd{font-size: 18px; color: #12171b; height: 29px; line-height: 29px; position: relative;}
.course-list .study-hd a{font-weight: bold;}
.course-list .study-hd .i-new{font-size: 14px; color: #787d82;}
.course-list .span-common{font-size: 14px; color: #333;}
.course-list .span-common i{color: #b5b9bc; font-style: normal;}
.course-list .study-points{padding: 10px 0 22px; height: 21px;}
.course-list .study-points span{margin-right: 14px;}
.course-list .study-points .i-left{color: #f01400;}
.course-list .catog-points{position: relative; padding-bottom: 10px; word-wrap: break-word;}
.course-list .catog-points span{display: inline-block; width: 135px;}
.course-list .catog-points .continute-btn{display: inline-block; position: absolute; right: 0; bottom: 0; font-size: 14px; border: 1px solid #f01400; color: #f01400; width: 90px; height: 38px; line-height: 38px; text-align: center; background-color: #fff;}
.course-list .catog-points .continute-btn:hover{background-color: #f01400; color: #fff;}
.course-list .course-list-cont{padding-left: 230px;}
.not-conts{font-size: 18px; color: #b5b9bc; text-align: center; padding: 145px 0 240px;}
.not-conts .find-course{color: #f01400;}
.study-hd .share-box{top: -8px;}



/*新加class*/

.wrap .tabs-content-placeholder section{display: none;}
.wrap .tabs-content-placeholder section.tab-content-active{display: block;}
.study-t{ padding:0 0 0 20px;}
.study-t .intro{ margin-top:15px; color:#666; line-height:25px; }
.study-t .intro span{ font-size:16px; color:#333; margin-right:20px;}

/*头部*/
/*header*/
.main110{ width:1140px; margin:0 auto;}
.mainall{ height:50px;  width:100%;background-color:#f5f5f5;}
.loginline { width:auto; clear:both; height:50px;  vertical-align:inherit;  }
.loginline img.logo{ margin-top:2px; width:138px; height:47px;}
.onday { width:850px; }
.onday a{ font-size:15px; color:#666; margin-left:0px;}
/*导航菜单*/
#nav{width:100%;margin:0 auto;height:50px;line-height:50px;display:block;overflow:hidden;}
#navMenu ul{width:100%;float:left;height:50px;}
#navMenu li{float:left;font-size:14px;}
#navMenu li a{color:#333!important;text-decoration:none;width:91px;height:50px;line-height:50px;text-align:center;background-image:url('images/navbg.png');display:block;}
#navMenu li a.last{width:92px;}
#navMenu li a.current{background-position:0 -80px;width:91px;height:50px;line-height:50px;text-align:center;display:block;color:#333;}
#navMenu li a:hover{background:#FFF;}
/*-------- 下拉菜单 --------------*/
.dropMenu{position:absolute;top:0;z-index:999999;visibility:hidden;margin-top:-2px;border:1px solid #0e2c5e;border-top:0;background-color:#fff;padding:4px;width:880px;}
.dropMenu li{float:left;width:110px;height:32px; font-size:14px; text-align:center;}
.dropMenu li a{display:block;color:#0f335d;}
.dropMenu a:hover{text-decoration:underline;color:#000;}

.topmenu {font-size: 14px;width: 840px;padding-top: 6px;}

.topmenu ul.flei1 li {float: left;width: 80px;text-align: center;line-height: 20px;}

.topmenu ul.flei4 {width: 160px;overflow: hidden;}
.topmenu ul.flei2 li {float: left;width: 80px;text-align: center;line-height: 20px;}
.topmenu ul.flei3 li {float: left;width: 80px;text-align: center;line-height: 20px;}
.topmenu ul.flei4 li {float: left;width: 80px;text-align: center;line-height: 20px;}



.yd{ line-height:50px;}
.yd a{ margin-right:10px; font-size:14px;}


/*底部*/
.footer{ height:201px;background:#f5f5f5; width:100%;}
#footer-content{ height:201px; }
#footer-content ul{ padding-top:33px; margin-left:200px;}
#footer-content ul li{ height:12px; line-height:12px; padding-left:10px; padding-right:10px; float:left; font-family:'微软雅黑'; font-size:12px; border-right:1px solid #000;}
#footer-content ul li.last{ border:none;}
#footer-content ul li a{ color:#333;}
#footer-content ul li a:hover{ color:#FF0000;}
#footer-content p{font-family:'微软雅黑'; font-size:12px; color:#666; text-align:center; line-height:20px; margin-top:25px;}
#footer-content p span{ color:#333;}