body, button, select, textarea, input, label, option, fieldset, legend{font-family: "Microsoft YaHei" ! important;font-size: 14px;line-height: 18px; color: #404040;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td{font-family: "Microsoft YaHei" ! important;argin: 0;padding: 0px; margin:0px; color:#404040; }
textarea{resize: none}
a,img{border:0;}
a{color: #404040;text-decoration: none;}
li{list-style-type:none;}
.nf{clear:both;}
.red{color:red;font-weight:bold;}
.green{color:#00b500;font-weight:bold;}
.ds{display:block;}
.hid{overflow:hidden;}
.clearfix{*zoom:1}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.';font-size:0}
.jianbian{background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4f4f4),color-stop(100%,#eee));background: -webkit-linear-gradient(top,#f4f4f4 0,#eee 100%);background: linear-gradient(to bottom,#f4f4f4 0,#eee 100%);}
.bottomshadow{border-bottom: solid 1px #B3B3B3;-webkit-box-shadow: 0 1px 1px 0 #DFDFDF;box-shadow: 0 1px 1px 0 #DFDFDF;}
/*********公共颜色开始********/
.bg52{background-color:#343434;}
.cl52{color:#343434;}
.bg152{background-color:#989898;}
.cl152{color:#989898;}
.clfe6a48{color:#fe6a48;}
.bgfe6a48{background-color:#fe6a48;}
.bg102{background-color:#666666;}
.cl102{color:#666666;}
/*********公共颜色结束********/

/***reset bootstrap begin***/
.container-fluid{margin:0px; padding:0px; width:100%;}
.row{margin:0px; padding:0px; width:100%;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{margin:0px; padding:0px 5px;}
.btn-primary{background-color:#fe6a48; border-color:#fe6a48;}
.btn-default{background-color:#ffffff; color:black;}
.modal-backdrop{z-index:-1;}
.text-primary{color:#fe6a48;}
nav ul.pagination{margin:20px;}
nav ul.pagination li a{padding:4px 15px; color:#000;}
nav ul.pagination li a:hover{color:#fff; background-color:#fe6a48;}
nav ul.pagination li a.active{color:#fff; background-color:#fe6a48;}
.carousel-inner div.item{cursor:pointer;}
/***reset bootstrap end***/

.videoDiv{position:relative; background-color:#000; margin-left:2px;}
.videoDiv div.bg{position:absolute; left:0px; top:0px; width:100%; height:88%; z-index:99px; background-color:#fff; opacity:0.18;}
.videoDiv div.play{position:absolute; cursor:pointer; font-size:18px; padding:8px; left:48%; top:43%; border-radius:20px; border:1px solid #fff; opacity:1; z-index:100; color:#fff;}
.header_iframe_div{margin:0px; padding:0px; height:85px;}
.footer_iframe_div{margin:0px; padding:0px; height:100%;}
span.required{color:red; position:absolute; right:10px; top:12px;}
.headerBanner{width:100%;};
.headerBanner img{width:100%; height:100%;}
/***login begin***/
.alertTip{padding:30px 0px 10px 0px; margin:0px;}
.alertTip .alert{display:none; margin:0px;}

.login2{float:right; width:100%; background: url('./../image/login_bg.png') center center no-repeat; background-color:#eeeff1; background-size:100%;}

.login{margin:0px auto; padding:40px; width:82%; padding-top:0px;}
.login input{color:#888;}
.login .logo{text-align:center; margin-bottom:20px;}
.login .title{text-align:center; font-size:16px; margin:10px 0px 20px 0px; }
.login .register{margin:8px 0px; }
.login .register span,.login .register a{font-size:14px; }
.login .register a{text-decoration:none; }
.login .loginByInfo{clear:both; padding-top:15px;}
.login .loginByInfo span{font-size:16px;} 
.login .loginByInfo img{cursor: pointer;}
/***login end***/

/***register begin***/
.userregister{margin:0px auto; padding:40px; width:86%; padding-top:0px;}
.userregister input{color:#888;}
.userregister .logo{text-align:center; margin-bottom:20px;}
.userregister .title{text-align:center; font-size:16px; margin:10px 0px 20px 0px; }
.userregister .login{margin:8px 0px; padding:0px; float:right;}
.userregister .login span,.login .login a{font-size:14px; float:right; }
/***register end***/

/******header begin*****/
#header_div{padding:20px 0px; text-align:center;}
#header_div .text-right img{width:70%; cursor:pointer;}
#header_div ul.unstyled li{font-size:15.5px; margin-left:40px; cursor:pointer;}
#header_div ul.unstyled li div{padding-top:3px;}
#header_div .loginOrReg{padding-top:6px; }
#header_div .hasLogin{padding-top:10px;}
#header_div .hasLogin .col-md-8{padding-top: 6px; cursor:pointer;}
#header_div .hasLogin span.wellcome{font-size: 15.5px;}
/******header end*****/

/******footer begin*****/
#footer_div{height:110px; padding:20px 0px; text-align:center;}
#footer_div .copy p{font-size:15px; line-height: 27px;}

.row.footer{ background-color:#F8F8F8; padding:0px;}
.row.footer .block-div.fooder{padding:40px 0px 30px 95px; margin:0px 0px 5px 0px;}
.row.footer .block-div.fooder .col-md-2 .title,
.row.footer .block-div.fooder .col-md-4 .title{font-size:20px; padding:5px 0px; color:#000; margin-bottom:20px;}
.row.footer .block-div.fooder .col-md-2 .unstyled,
.row.footer .block-div.fooder .col-md-4 .unstyled{line-height:28px;}
.row.footer .block-div.fooder .weixin img{width:80px; height:80px;}
.row.footer .block-div.fooder .weixin p{margin-top:5px;}
.row.footer .fooderabout{padding:10px 0px; background-color:#E7E8EA;}
.row.footer .fooderabout li{margin:0px 8px;} 
.row.footer .copy{margin:20px 0px 40px 0px;}
.row.footer .copy p{font-size:15px; line-height: 28px;}
.row.footer .copy .img{margin-top:20px;}
.row.footer .copy .img img{width:110px; height:40px; margin-right:30px;}
/******footer end*****/

/**index begin**/
label.short-line{padding-bottom:10px; font-weight: bold; color:#ccc; border-bottom:2.5px solid #ccc; width:30px;}
a.more{color:#ffffff; border:1px solid #ffffff; border-radius: 20px; height:20px; text-align: center; padding:6px 40px; text-decoration: none;}

.block-div{width:100%;  border-radius: 6px; padding:60px;}
.block-div.laeanMore{height:450px; background: url('./../image/index_pic1.jpg') center center no-repeat;}
.block-div.laeanMore .leanMoreTip{width:500px; margin:80px 100px;}
.block-div.laeanMore .title{font-size:40px; margin-bottom:30px;}
.block-div.laeanMore .subTitle{font-size:22px;}
.laeanMore *{color:#ffffff;}

.online-column{margin-top:40px;}
.online-column p.tip{font-size:18px; color: #ddd;}
.online-column .expert{margin-top:30px;}
.online-column .expert .col-md-1{width:4%;}
.online-column .expert .col-md-10{width:92%;}
.online-column .expert .col-md-10 .col-md-3{width:25%;}
.online-column .expert .thumbnail{border:0px;}
.online-column .expert .thumbnail img{height: 210px; margin:0px; padding:0px; width:100%;}
.online-column .expert .thumbnail .name{font-size:18px; padding:5px 0px; color:black;}
.online-column .expert .thumbnail .subTip{font-size:14px; color:#aaaaaa;}
.online-column .expert .thumbnail p.remark {
	font-size:14px; 
	margin-top:10px;
    position:relative;
    line-height:1.6em;
    /* 3 times the line-height to show 3 lines */
    height:4.8em;
    overflow:hidden;
}
.online-column .expert .thumbnail p.remark:after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 0px 1px 45px;
    background:url('./../image/ellipsis_bg.png') repeat-y;
}
.online-column .expert .thumbnail div.items{margin-top:10px;}
.online-column .expert .thumbnail div.items p {
	font-size:14px; 
	line-height: 22px; 
    position:relative;
    /* 3 times the line-height to show 3 lines */
    height:22px;
    overflow:hidden;
}
.online-column .expert .thumbnail div.items p:after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 0px 1px 45px;
    background:url('./../image/ellipsis_bg.png') repeat-y;
}

.block-div.healthy-knowedge *{color:#ffffff;}
.block-div.healthy-knowedge{margin-top:40px; height:550px; background: url('./../image/index_pic3.jpg') center center no-repeat;}
.block-div.healthy-knowedge .title{font-size:40px; margin-bottom:25px;}
.block-div.healthy-knowedge .subTitle{font-size:18px; margin-bottom:25px;}
.block-div.healthy-knowedge .items{margin:30px 0px;}
.block-div.healthy-knowedge .items .item{cursor:pointer; margin:10px 20px; height:214px; width:214px; border:1px solid #ffffff; border-radius: 107px;}
.block-div.healthy-knowedge .items .item img{margin-top:35px;}
.block-div.healthy-knowedge .items .item .tip{font-size:22px; padding:10px 0px;}

.block-div{width:100%; height:100%;}
.block-div.new1{width:100%; height:503px; padding:0px;  background: url('./../image/index_pic.jpg') center center no-repeat;}
.block-div.new1 .leanMoreTip{width:100%; margin-top: 30px;}
.block-div.new1 .leanMoreTip .title{font-size:26px; width:280px; margin:0px auto; line-height:34px;}
.block-div.new1 .leanMoreTip .downloadBtn{cursor:pointer; width:200px; padding:13px 20px; font-size:18px;  background-color:#FF71A7; border-radius:8px; color:#fff; margin:20px auto 40px auto;}
.block-div.new1 .leanMoreTip .wx img{width:150px; height:150px;}
.scienific {margin:0px;}
.scienific .tip{font-size:18px; color: #ddd;}
.scienific .imgblock{margin-top:30px;}

/**index end**/

/**oneSelf begin**/
.oneSelfBody, .oneSelfBody .oneSelf{background-color:#eee;}
.oneSelfBody .oneSelf{background-color:#eee;}
.oneSelfBody .oneSelf .row.content{padding:20px 0px 40px 0px;}
.oneSelfBody .oneSelf .col-md-2{background-color:#eef3f7;}
.oneSelfBody .oneSelf .col-md-2 .personInfo{margin-top:30px;}
.oneSelfBody .oneSelf .col-md-2 .personInfo img{width:100px; height:100px; border-radius: 50px; border:4px solid #ffffff;}
.oneSelfBody .oneSelf .col-md-2 .personInfo h4{margin:10px;}
.oneSelfBody .oneSelf .col-md-2 .personInfo p{font-size:15px;}
.oneSelfBody .oneSelf .col-md-2 .personInfo p span{font-size: 15px; color:#FFD11D;}
.oneSelfBody .oneSelf .col-md-2 .tab {margin:20px 0px;}
.oneSelfBody .oneSelf .col-md-2 .tab p{margin-top:35px; cursor:pointer;}
.oneSelfBody .oneSelf .col-md-2 .tab p img{width:18px; height:18px; margin-top:-6px;}
.oneSelfBody .oneSelf .col-md-2 .tab p span{font-size:15px; padding-left:5px;}
.oneSelfBody .oneSelf .col-md-8 {height:100%; background-color:#ffffff; padding:20px;}

.oneSelfBody .oneSelf .col-md-8 h4{font-weight:bold;}
.oneSelfBody .oneSelf .col-md-8.baseInfo #go2EditBtnCancle{display:none;}
.oneSelfBody .oneSelf .col-md-8.baseInfo table{width:100%;}
.oneSelfBody .oneSelf .col-md-8.baseInfo table tr{border-bottom:1px dashed #ddd;}
.oneSelfBody .oneSelf .col-md-8.baseInfo table tr td{padding:15px 0px;}
.oneSelfBody .oneSelf .col-md-8.baseInfo table tr td .form-group{margin-bottom:0px;}
.oneSelfBody .oneSelf .col-md-8.baseInfo table tr td .editInput{display:none; }
.oneSelfBody .oneSelf .col-md-8.baseInfo table tr td.key{width:100px;}

.oneSelfBody .oneSelf .col-md-8.pwdSet #pwdSetForm{margin-top:40px; padding:0px 30%;}

.oneSelfBody .oneSelf .col-md-8 p{margin:15px 0px;}
.oneSelfBody .oneSelf .col-md-8.vipRank p.integralRate {padding-left:60px;}
.oneSelfBody .oneSelf .col-md-8.vipRank p span{color:#FFD11D;}
.oneSelfBody .oneSelf .col-md-8.vipRank .vLs{padding:0px; margin:20px 0px; }
.oneSelfBody .oneSelf .col-md-8.vipRank .vLs ul{position:relative; padding:0px; margin:0px;}
.oneSelfBody .oneSelf .col-md-8.vipRank .vLs ul li.v{position:absolute; margin:0px; padding:0px; font-size:22px; font-style:oblique; color:#BFBFBF;}
.oneSelfBody .oneSelf .col-md-8.vipRank .vLs ul li.v.active{color:#FFD11D;}
.oneSelfBody .oneSelf .col-md-8.vipRank .vLs ul li.v small{margin:0px; padding:0px; font-size:13px;}
.oneSelfBody .oneSelf .col-md-8.vipRank p.remark{margin-top:60px;}

.oneSelfBody .oneSelf .col-md-8.integral div.query-form{border-bottom:1px solid #ddd; height:40px; margin-bottom:15px; width:100%; float:left;}
.oneSelfBody .oneSelf .col-md-8.integral ul{margin:0px;}
.oneSelfBody .oneSelf .col-md-8.integral ul li{margin:0px; padding:0px; cursor:pointer;  }
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .left ul li.tab{padding:0px 25px; height:34.55px;}
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .left ul li.tab.active{border-bottom:2.5px solid #fe6a48; color:#000; height:34.55px;}
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .left{float:left; padding-top:5px;}
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .left ul{float:left; margin:0px; padding:0px;}
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .left ul li{float:left; margin:0px; padding:0px; height:34.55px;}
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .right{float:right; margin:0px; padding:0px;}
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .right ul.list-inline{float:right; margin:0px; padding:0px;}
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .right ul li.formLi{float:left; margin:0px; padding:0px 5px; position:relative;}
.oneSelfBody .oneSelf .col-md-8.integral div.query-form .right ul li span{line-height:34.55px;}
.oneSelfBody .oneSelf .col-md-8.integral input.form-control{margin:0px; padding:5px 5px ; height:28px; width:150px;}
.oneSelfBody .oneSelf .col-md-8.integral input.query{margin:0px; padding:0px; padding:0px 15px; line-height:0px; height:28px;}
.oneSelfBody .oneSelf .col-md-8.integral table,
.oneSelfBody .oneSelf .col-md-8.integral table *{border-color:#eee; }
.oneSelfBody .oneSelf .col-md-8.integral table tr *{text-align:center;}
.oneSelfBody .oneSelf .col-md-8.integral table thead tr th{border-bottom:0px; background-color:#FaFaFa;}


.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form{border-bottom:1px solid #ddd; height:40px; margin-bottom:15px; width:100%; float:left;}
.oneSelfBody .oneSelf .col-md-8.studyCourse ul{margin:0px;}
.oneSelfBody .oneSelf .col-md-8.studyCourse ul li{margin:0px; padding:0px; cursor:pointer;  }
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .left ul li.tab{padding:0px 25px 0px 0px; height:34.55px; }
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .left ul li.tab.active{border-bottom:2.5px solid #fe6a48; color:#000;}
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .left{float:left; padding-top:5px;}
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .left ul{float:left; margin:0px; padding:0px;}
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .left ul li{float:left; margin:0px; padding:0px; height:34.55px; }
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .right{float:right; margin:0px; padding:0px;}
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .right ul.list-inline{float:right; margin:0px; padding:0px;}
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .right ul li.formLi{float:left; margin:0px; padding:0px 5px; position:relative;}
.oneSelfBody .oneSelf .col-md-8.studyCourse div.query-form .right ul li span{line-height:34.55px;}
.oneSelfBody .oneSelf .col-md-8.studyCourse input.form-control{margin:0px; padding:5px 5px ; height:28px; width:150px;}
.oneSelfBody .oneSelf .col-md-8.studyCourse input.query{margin:0px; padding:0px; padding:0px 15px; line-height:0px; height:28px;}
.oneSelfBody .oneSelf .col-md-8.studyCourse table,
.oneSelfBody .oneSelf .col-md-8.studyCourse table *{border-color:#eee; }
.oneSelfBody .oneSelf .col-md-8.studyCourse table tr *{text-align:center;}
.oneSelfBody .oneSelf .col-md-8.studyCourse table thead tr th{border-bottom:0px; background-color:#FaFaFa;}
/**oneSelf end**/

/*********studyTrain begin*****/
.studyTrainBody, .studyTrainBody .studyTrainOnline{background-color:#f3f3f3;}
.studyTrainBody  .subHeader{margin:0px; padding:0px; background-color:#fff; padding-top:20px; height:70px; border-bottom:1px solid #ddd;}
.studyTrainBody  .subHeader h4{font-size:24px; font-weight:bold; float:left;}
.studyTrainBody  .subHeader ul {float:left;margin-left:15px; padding-top:5px;}
.studyTrainBody  .subHeader ul li{margin:0px; padding:0px; cursor:pointer; font-size:16px; height:44.5px;}
.studyTrainBody  .subHeader ul li.tab{padding:0px 25px; color:#343434;}
.studyTrainBody  .subHeader ul li.active{border-bottom:2.5px solid #fe6a48; color:#fe6a48;}
.studyTrainBody  .subHeader .form-group{margin:0px; padding:0px;}
.studyTrainBody  .subHeader .form-group .form-control{color:#999;}
.studyTrainBody  .subHeader .form-group .glyphicon-search{color:#aaa; cursor:pointer;}

.studyTrainBody .studyTrainOnline .col-md-10{margin-top:20px;padding:0px; background-color:#fff;}
.studyTrainBody .studyTrainOnline .col-md-10 .tab{height:40px; border-bottom:1px solid #ddd;}
.studyTrainBody .studyTrainOnline .col-md-10 ul.list-inline{margin:0px 0px; padding:0px 10px; height:40px;}
.studyTrainBody .studyTrainOnline .col-md-10 ul.list-inline li{font-size:16px; padding:10px 25px; cursor:pointer; color:#9a9a9a;}
.studyTrainBody .studyTrainOnline .col-md-10 ul.list-inline li.active{border-bottom:2.5px solid #fe6a48; color:#fe6a48;}
.studyTrainBody .studyTrainOnline .col-md-10 .course{clear:both; padding:10px 10px 20px 10px; float:left; border-bottom:1px solid #ddd;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.left{width:25%; float:left; height:220px;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.left img{width:100%;height:220px; }
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right{width:75%; float:left; padding-left:20px; position:relative;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right h4 {float:left; font-size:22px; color:#323232;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .scroing{padding:5px 10px; float:left}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .author{margin:10px 0px;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .author img{height:40px; width:40px; border-radius:20px;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .author label{margin-left:15px; font-weight:500; color:#808080;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .remark{position:relative;line-height:24px; margin:10px 0px; height:96px; overflow:hidden; color:#9a9a9a;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .remark:after {content:"..."; font-weight:bold;position:absolute;bottom:0;right:0; padding:0 0px 1px 45px;background:url('./../image/ellipsis_bg.png') repeat-y;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .times{clear:both; margin:0px; padding:0px;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .times ul.list-inline{padding:0px; margin:0px; height:18px; margin-left:-10px; float:left; color:#9a9a9a;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .times ul.list-inline li{margin:0px; padding:0px 10px; font-size:14px; color:#9a9a9a;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .expendOrFold{float:right; cursor:pointer; color:#9a9a9a;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .btnOpt{position:absolute; top:30px; right:0px;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .btnOpt a.active{margin-left:10px; color:#fff; background-color:#fe6a48; padding:6px 25px; border-radius:20px ; border:0px;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .btnOpt a.default{margin-left:10px; color:#000; background-color:#fff; padding:6px 25px; border-radius:20px ; border:1px solid #ccc;}
.studyTrainBody .studyTrainOnline .col-md-10 .course div.right .btnOpt a.closebtn{margin-left:10px; color:#000; background-color:#f3f3f3; padding:6px 25px; border-radius:20px ; border:1px solid #cfcfcf;}
.studyTrainBody .studyTrainOnline .col-md-10 .course .courseLs{clear:both; float:left; position:relative; margin-top:20px; padding:20px; height:250px; background-color:#f3f3f3;}
.studyTrainBody .studyTrainOnline .col-md-10 .course .courseLs .item{float:left; width:20%; cursor:pointer; padding:0 5px;}
.studyTrainBody .studyTrainOnline .col-md-10 .course .courseLs .item img{width:100%; height:160px;}
.studyTrainBody .studyTrainOnline .col-md-10 .course .courseLs .item p{margin:10px 0px; color:#7e7e7e;}
.studyTrainBody .studyTrainOnline .col-md-10 .course .courseLs .item p.courseTime{color:#9a9a9a;}
.studyTrainBody .studyTrainOnline .col-md-10 .course .courseLs .pre{position:absolute; top:42%; height:50px; left:0px; background-color:#6A6A6A;  color:#fff; line-height:50px;  text-align:center; z-index:99; width:25px; cursor:pointer;}
.studyTrainBody .studyTrainOnline .col-md-10 .course .courseLs .next{position:absolute; top:42%; height:50px; right:0px; background-color:#6A6A6A; color:#fff; line-height:50px; text-align:center;  z-index:99;  width:25px;cursor:pointer;}

.studyTrainBody .onlineCousePlay{float:left; background-color:#191919;  height:auto !important; height:580px; height:580px; overflow:hidden; }
.studyTrainBody .couseRemark .authorDiv{padding:10px; margin:15px 0px 10px 0px; border:1px solid #dcdcdc; height:50px; background-color:#fff;}
.studyTrainBody .couseRemark .authorDiv h4 {float:left; font-size:18px; font-weight:bold; line-height:30px;}
.studyTrainBody .couseRemark .authorDiv .scroing{padding:0px 10px; float:left;line-height:30px; color:#7e7e7e;}
.studyTrainBody .couseRemark .authorDiv .author{float:right;}
.studyTrainBody .couseRemark .authorDiv .author img{height:30px; width:30px; border-radius:15px;}
.studyTrainBody .couseRemark .authorDiv .author label{margin-left:15px; font-weight:500; color:#7e7e7e;}
.studyTrainBody .couseRemark .allCouseLs{clear:both; float:left; position:relative; border:1px solid #dcdcdc; background-color:#fff; margin:10px 0px 50px 0px; padding:10px;}
.studyTrainBody .couseRemark .allCouseLs .title{border-left:2px solid #fe6a48; padding-left:20px; margin-left:-10px; color:#7e7e7e;}
.studyTrainBody .couseRemark .allCouseLs .courseLs{clear:both; float:left; position:relative; padding:20px; height:250px;}
.studyTrainBody .couseRemark .allCouseLs .courseLs .item{float:left; width:20%; cursor:pointer; padding:0 5px;}
.studyTrainBody .couseRemark .allCouseLs .courseLs .item img{width:100%; height:160px;}
.studyTrainBody .couseRemark .allCouseLs .courseLs .item p{margin:10px 0px; color:#7e7e7e;}
.studyTrainBody .couseRemark .allCouseLs .courseLs .item p.courseTime{color:#9a9a9a;}
.studyTrainBody .couseRemark .allCouseLs .courseLs .pre{position:absolute; top:42%; height:50px; left:0px; background-color:#6A6A6A;  color:#fff; line-height:50px;  text-align:center; z-index:99; width:25px; cursor:pointer;}
.studyTrainBody .couseRemark .allCouseLs .courseLs .next{position:absolute; top:42%; height:50px; right:0px; background-color:#6A6A6A; color:#fff; line-height:50px; text-align:center;  z-index:99;  width:25px;cursor:pointer;}
.studyTrainBody .onlineCousePlay .player .rightIcon{position:absolute;opacity:0.4; width:13px; height:595px; line-height:580px; top:0px; border-right:10px solid #555; right:0px; color:#999; cursor:pointer;}
.studyTrainBody .catalogue{padding:0px 0px; height:595px; overflow:hidden;}
.studyTrainBody .catalogue .item{border-bottom:1px solid #555; height:50px; padding:5px 5px; cursor:pointer;}
.studyTrainBody .catalogue .item:first-child{padding:0px 5px; height:45px;}
.studyTrainBody .catalogue .item dl.dl-horizontal dt{font-size:13.5px; margin:0px; padding:0px; width:50px; text-align:left; color:#777;}
.studyTrainBody .catalogue .item dl.dl-horizontal dd{font-size:13.5px; margin:0px; margin-left:60px; padding:0px; width:auto; color:#777;}
.studyTrainBody .catalogue .item label{color:#fe6a48; margin-top:15px; padding-right:20px; height:30px; border-bottom:2px solid #fe6a48;}
.studyTrainBody .catalogue .item.active *{color:#fe6a48;}

.studyTrainBody .selfCourse{clear:both; padding:15px 0px 50px 0px; bacground-color:#f3f3f3;}
.studyTrainBody .selfCourse .left{float:left; background-color:#fff; width:22%; margin:0px; padding:0px;}
.studyTrainBody .selfCourse .left .personInfo{padding:10px; background-color:#fff9f9;}
.studyTrainBody .selfCourse .left .personInfo dl.dl-horizontal ,
.studyTrainBody .selfCourse .left .personInfo dl.dl-horizontal dt,
.studyTrainBody .selfCourse .left .personInfo dl.dl-horizontal dd{margin:0px; padding:0px; width:auto; height:auto;}
.studyTrainBody .selfCourse .left .personInfo dl.dl-horizontal dt{height:80px;}
.studyTrainBody .selfCourse .left .personInfo dl.dl-horizontal dd.rank{color:#808080;}
.studyTrainBody .selfCourse .left .personInfo dl.dl-horizontal dd.rank span{color:#ffb04c;}
.studyTrainBody .selfCourse .left .personInfo dl.dl-horizontal dd{margin-left:100px; height:25px; line-height:25px;}
.studyTrainBody .selfCourse .left .personInfo dl.dl-horizontal img{width:80px; height:80px; border-radius:40px;}
.studyTrainBody .selfCourse .left .personInfo .scroing{position:relative; margin-top:20px;}
.studyTrainBody .selfCourse .left .personInfo .scroing .more_{position:absolute; right:0px; top:0px; cursor:pointer;color:#999;}
.studyTrainBody .selfCourse .left .myCourse{clear:both; margin-top:20px;}
.studyTrainBody .selfCourse .left .myCourse .title{border-left:2px solid #fe6a48; position:relative;}
.studyTrainBody .selfCourse .left .myCourse .title h4{font-size:16px; padding-left:16px; }
.studyTrainBody .selfCourse .left .myCourse .more_{position:absolute; right:10px; top:0px; cursor:pointer; color:#999;}
.studyTrainBody .selfCourse .left .myCourse .coursels{clear:both; padding:15px; }
.studyTrainBody .selfCourse .left .myCourse .coursels .course{position:relative; margin:5px 0px;}
.studyTrainBody .selfCourse .left .myCourse .coursels .course img{width:18px; height:18px;}
.studyTrainBody .selfCourse .left .myCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:100;}
.studyTrainBody .selfCourse .left .myCourse .coursels .course .ratio{position:absolute; right:-5px; padding:0px;}
.studyTrainBody .selfCourse .left .myAttentionCourse{clear:both; margin-top:20px;}
.studyTrainBody .selfCourse .left .myAttentionCourse .title{border-left:2px solid #fe6a48; position:relative;}
.studyTrainBody .selfCourse .left .myAttentionCourse .title h4{font-size:16px; padding-left:16px; }
.studyTrainBody .selfCourse .left .myAttentionCourse .more_{position:absolute; right:10px; top:0px; cursor:pointer; color:#999;}
.studyTrainBody .selfCourse .left .myAttentionCourse .coursels{clear:both; padding:15px; }
.studyTrainBody .selfCourse .left .myAttentionCourse .coursels .course{position:relative; margin:5px 0px;}
.studyTrainBody .selfCourse .left .myAttentionCourse .coursels .course img{width:18px; height:18px;}
.studyTrainBody .selfCourse .left .myAttentionCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:100;}
.studyTrainBody .selfCourse .left .myAttentionCourse .coursels .course .ratio{position:absolute; right:-5px; padding:0px;}
.studyTrainBody .selfCourse .right{float:left;  width:77%; margin-left:1%; padding:0px 10px;}
.studyTrainBody .selfCourse .right .course {clear:both; background-color:#fff; float:left;  padding:20px 10px; margin-bottom:20px;}
.studyTrainBody .selfCourse .right .course .media-left{width:35%; float:left; height:180px; padding:0px 20px 0px 10px;}
.studyTrainBody .selfCourse .right .course .media-left img{width:100%; height:180px;}
.studyTrainBody .selfCourse .right .course .authorDiv h4 {float:left; font-size:22px; color:#323232; font-weight:bold; line-height:30px;}
.studyTrainBody .selfCourse .right .course .authorDiv .scroing{padding:0px 10px; float:left;line-height:30px; color:#808080;}
.studyTrainBody .selfCourse .right .course .authorDiv .author{clear:both; float:left; margin:5px 0px;}
.studyTrainBody .selfCourse .right .course .authorDiv .author img{height:30px; width:30px; border-radius:15px;}
.studyTrainBody .selfCourse .right .course .authorDiv .author label{margin-left:15px; font-weight:500; color:#808080;}
.studyTrainBody .selfCourse .right .course .remark{clear:both; color:#9a9a9a; position:relative;line-height:24px; padding-top:13px; height:106px; overflow:hidden;}
.studyTrainBody .selfCourse .right .course .remark:after {content:"..."; font-weight:bold;position:absolute;bottom:0;right:0; padding:0 0px 1px 45px;background:url('./../image/ellipsis_bg.png') repeat-y;}
.studyTrainBody .selfCourse .right .course ul{margin:0px; padding:0px 10px; clear:both; float:left; margin-top:20px;}
.studyTrainBody .selfCourse .right .course ul li{margin:10px 0px 0px 0px; padding:0px; float:left; width:49%; padding:10px; background-color:#f8f8f8; }
.studyTrainBody .selfCourse .right .course ul li:nth-child(even){margin-left:1%;}
.studyTrainBody .selfCourse .right .course ul li span.courseName{float:left; width:91%; color:#666666;}
.studyTrainBody .selfCourse .right .course ul li span.flRight{float:left; text-align:right; width:9%; color:#666666;}
.studyTrainBody .selfCourse .right .course ul li.pass,
.studyTrainBody .selfCourse .right .course ul li.pass span {background-color:#d5e7ff; color:#2881ff;}
.studyTrainBody .selfCourse .right .course .more_look{clear:both; float:right; margin:10px 10px 0px 0px; color:#fe6a48;}

.studyTrainBody .studyTrainOffline{clear:both; float:left;}
.studyTrainBody .studyTrainOffline .col-md-10{margin-top:20px;padding:0px; background-color:#fff;}
.studyTrainBody .studyTrainOffline .col-md-10 .tab{height:40px; border-bottom:1px solid #ddd;}
.studyTrainBody .studyTrainOffline .col-md-10 ul.list-inline{margin:0px 0px; padding:0px 10px; height:40px;}
.studyTrainBody .studyTrainOffline .col-md-10 ul.list-inline li{font-size:16px; padding:10px 25px; cursor:pointer;}
.studyTrainBody .studyTrainOffline .col-md-10 ul.list-inline li.active{border-bottom:2.5px solid #fe6a48; color:#fe6a48;}
.studyTrainBody .studyTrainOffline .col-md-10 .course{clear:both; padding:10px 10px 10px 10px; float:left; border-bottom:1px solid #ddd; width:100%; cursor:pointer;}
.studyTrainBody .studyTrainOffline .col-md-10 .course div.left{width:30%; float:left; height:180px;}
.studyTrainBody .studyTrainOffline .col-md-10 .course div.left img{width:100%; height:180px; }
.studyTrainBody .studyTrainOffline .col-md-10 .course div.right{width:70%; float:left; padding-left:10px; position:relative;}
.studyTrainBody .studyTrainOffline .col-md-10 .course div.right h4 {float:left; font-size:22px; cursor:pointer;}
.studyTrainBody .studyTrainOffline .col-md-10 .course div.right .scroing{padding:5px 10px; float:left}
.studyTrainBody .studyTrainOffline .col-md-10 .course div.right .remark{margin:10px 0px; color:#999;}
.studyTrainBody .studyTrainOffline .col-md-10 .course div.right .detail{margin:20px 0px 10px 0px;}
.studyTrainBody .studyTrainOffline .col-md-10 .course div.right .detail div{margin:11px 0px; font-size:15px; }

.studyTrainBody .studyTrainOfflineDetail .courseHead{background-color:#EBF5DA; padding:20px 0px;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10{background-color:#fff;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 ul{margin:10px 0px;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 ul li{color:#999999; font-size:16px;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 ul li:nth-child(odd){ cursor:pointer;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 ul li:nth-child(odd):hover{color:#fe6a48;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 h2{margin:10px 0px; color:#333;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .remark{margin:10px 0px; color:#999999;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .course{clear:both; padding:10px 10px 10px 10px; float:left; width:100%; cursor:pointer;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .course div.left{width:50%; float:left; height:320px;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .course div.left img{width:100%; height:320px; }
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .course div.right{width:50%; float:left; padding-left:20px; position:relative;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .course div.right .detail{margin:30px 0px 10px 0px;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .course div.right .detail div{margin:18px 0px; font-size:17px; color:#656565;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .course div.right .btnDiv{width:40%; margin:50px 0px; padding:0px;}
.studyTrainBody .studyTrainOfflineDetail .col-md-10 .course div.right .btnDiv button{font-size:23px;}
.studyTrainBody .studyTrainOfflineDetail .courseRemark{background-color:#fff;}
.studyTrainBody .studyTrainOfflineDetail .courseRemark .tab{border-bottom:1px solid #e0e0e0;}
.studyTrainBody .studyTrainOfflineDetail .courseRemark .tab ul{padding:0px;}
.studyTrainBody .studyTrainOfflineDetail .courseRemark .tab ul li{padding:10px 35px; cursor:pointer;  color:#666666;}
.studyTrainBody .studyTrainOfflineDetail .courseRemark .tab ul li.default{background-color:#fff; color:#666666;}
.studyTrainBody .studyTrainOfflineDetail .courseRemark .tab ul li.active{background-color:#fe6a48; color:#fff;}
.studyTrainBody .studyTrainOfflineDetail .courseRemark .remark{margin:20px 0px;}
.studyTrainBody .studyTrainOfflineDetail .courseRemark .remark p{text-indent:2em; line-height:25px;}

.studyTrainBody .coursePay2{background-color:#fff; margin:20px 0px; padding:20px;}
.studyTrainBody .coursePay2 .courseHead ul li{cursor:pointer;}
.studyTrainBody .coursePay2 .courseHead ul li:nth-child(odd):hover{color:#fe6a48;}
.studyTrainBody .coursePay2 .courseHead .col-md-10{background-color:#fff;}
.studyTrainBody .coursePay2 .step{margin:40px 0px; }
.studyTrainBody .coursePay2 .step ul{width:100%;  padding:0px;}
.studyTrainBody .coursePay2 .step ul li{position:relative; padding:0px; width:24%; text-align:center; }
.studyTrainBody .coursePay2 .step ul li span{background-color:#e0dfda; padding:6px 10px; border-radius:20px; position:absolute; left:48%; top:-7px; z-index:1;}
.studyTrainBody .coursePay2 .step ul li span.active{background-color:#fe6a48; color:#fff; padding:6px 10px; border-radius:20px;  position:absolute; left:48%; top:-7px; z-index:1;}
.studyTrainBody .coursePay2 .step ul li label.lineActive{position:absolute; border:1px solid #fe6a48; width:100%; left:50%; top:7px; z-index:0;}
.studyTrainBody .coursePay2 .step ul li label.line{position:absolute; border:1px solid #e0dfda; width:100%; left:50%; top:7px; z-index:0;}
.studyTrainBody .coursePay2 .formTitle{clear:both; float:left; padding:0px; margin:20px 0px; border-left:2px solid #fe6a48; margin-left:-20px; padding-left:20px;}
.studyTrainBody .coursePay2 .formTitle h4{font-weight:800;}
.studyTrainBody .coursePay2 .form{clear:both; float:left; background-color:#fafafa; padding:40px 0px;}
.studyTrainBody .coursePay2 .form table{width:90%; margin:0px 5%;}
.studyTrainBody .coursePay2 .form table *{font-weight:500;}
.studyTrainBody .coursePay2 .form .addNextBtn{clear:both; float:left; cursor:pointer; margin:0px 12%; width:auto; padding:9px 30px; border:1px solid #cccccc; background-color:#fff; color:#999999; border-radius:5px;}
.studyTrainBody .coursePay2 .nextBtnDiv{margin:50px 0px;}
.studyTrainBody .coursePay2 .nextBtnDiv .nextBtn{font-size:16px;}


.studyTrainBody .coursePay3{background-color:#fff; margin:20px 0px; padding:20px;}
.studyTrainBody .coursePay3 .courseHead ul li{cursor:pointer;}
.studyTrainBody .coursePay3 .courseHead ul li:nth-child(odd):hover{color:#fe6a48;}
.studyTrainBody .coursePay3 .courseHead .col-md-10{background-color:#fff;}
.studyTrainBody .coursePay3 .step{margin:40px 0px; }
.studyTrainBody .coursePay3 .step ul{width:100%;  padding:0px;}
.studyTrainBody .coursePay3 .step ul li{position:relative; padding:0px; width:24%; text-align:center; }
.studyTrainBody .coursePay3 .step ul li span{background-color:#e0dfda; padding:6px 10px; border-radius:20px; position:absolute; left:48%; top:-7px; z-index:1;}
.studyTrainBody .coursePay3 .step ul li span.active{background-color:#fe6a48; color:#fff; padding:6px 10px; border-radius:20px;  position:absolute; left:48%; top:-7px; z-index:1;}
.studyTrainBody .coursePay3 .step ul li label.lineActive{position:absolute; border:1px solid #fe6a48; width:100%; left:50%; top:7px; z-index:0;}
.studyTrainBody .coursePay3 .step ul li label.line{position:absolute; border:1px solid #e0dfda; width:100%; left:50%; top:7px; z-index:0;}
.studyTrainBody .coursePay3 .formTitle{clear:both; float:left; padding:0px; margin:20px 0px; border-left:2px solid #fe6a48; margin-left:-20px; padding-left:20px;}
.studyTrainBody .coursePay3 .formTitle h4{font-weight:800;}
.studyTrainBody .coursePay3 .form{clear:both; float:left; background-color:#fafafa; padding:40px 0px;}
.studyTrainBody .coursePay3 .form table{width:90%; margin:0px 5%;}
.studyTrainBody .coursePay3 .form table td{padding-top:20px;}
.studyTrainBody .coursePay3 .allMoney{clear:both; font-size:20px; margin:15px 0px;float:right; color:#fe6a48;}
.studyTrainBody .coursePay3 .payType{margin-top:10px;}
.studyTrainBody .coursePay3 .payType li{margin-right:40px;}
.studyTrainBody .coursePay3 .payType input{width:14px; height:14px;}
.studyTrainBody .coursePay3 .payType img{width:110px; height:40px; border:1px solid #e0dfda; margin-top:-8px; margin-left:5px;}
.studyTrainBody .coursePay3 .nextBtnDiv{margin:50px 0px;}
.studyTrainBody .coursePay3 .nextBtnDiv .payMoney{margin:10px 0px; color:#fe6a48;}
.studyTrainBody .coursePay3 .nextBtnDiv .surePayBtn{font-size:16px;}

.studyTrainBody .coursePay4{background-color:#fff; margin:20px 0px; padding:20px;}
.studyTrainBody .coursePay4 .courseHead ul li{cursor:pointer;}
.studyTrainBody .coursePay4 .courseHead ul li:nth-child(odd):hover{color:#fe6a48;}
.studyTrainBody .coursePay4 .courseHead .col-md-10{background-color:#fff;}
.studyTrainBody .coursePay4 .step{margin:40px 0px; }
.studyTrainBody .coursePay4 .step ul{width:100%;  padding:0px;}
.studyTrainBody .coursePay4 .step ul li{position:relative; padding:0px; width:24%; text-align:center; }
.studyTrainBody .coursePay4 .step ul li span{background-color:#e0dfda; padding:6px 10px; border-radius:20px; position:absolute; left:48%; top:-7px; z-index:1;}
.studyTrainBody .coursePay4 .step ul li span.active{background-color:#fe6a48; color:#fff; padding:6px 10px; border-radius:20px;  position:absolute; left:48%; top:-7px; z-index:1;}
.studyTrainBody .coursePay4 .step ul li label.lineActive{position:absolute; border:1px solid #fe6a48; width:100%; left:50%; top:7px; z-index:0;}
.studyTrainBody .coursePay4 .step ul li label.line{position:absolute; border:1px solid #e0dfda; width:100%; left:50%; top:7px; z-index:0;}
.studyTrainBody .coursePay4 .weixin{margin:10px 0px;}
.studyTrainBody .coursePay4 .weixin .title{font-size:20px; margin:10px 0px 20px 0px; color:#fe6a48;}
.studyTrainBody .coursePay4 .weixin img{margin:0px 0px 40px 0px; width:130px; height:130px;}
.studyTrainBody .coursePay4 .nextBtn{margin:10px 0px 40px 0px;}
/*********studyTrain end*****/

/*******onlineColumn begin*****/
.onlineColumn{background-color:#fff;}
.onlineColumn  .subHeader{margin:0px; padding:0px; background-color:#fff; padding-top:20px; height:70px; border-bottom:1px solid #ddd;}
.onlineColumn  .subHeader h4{font-size:24px; font-weight:bold; float:left;}
.onlineColumn  .subHeader ul {float:left; margin:0px; padding-top:5px;}
.onlineColumn  .subHeader ul li{margin:0px; padding:0px; cursor:pointer; font-size:16px; height:44.5px;}
.onlineColumn  .subHeader ul li.tab{padding:0px 25px; color:#343434;}
.onlineColumn  .subHeader ul li.active{border-bottom:2.5px solid #fe6a48; color:#fe6a48;}
.onlineColumn  .subHeader .form-group{margin:0px; padding:0px;}
.onlineColumn  .subHeader .form-group .form-control{color:#999;}
.onlineColumn  .subHeader .form-group .glyphicon-search{color:#aaa; cursor:pointer;}

.onlineColumn .onlineColumnBlock{margin-top:20px; }
.onlineColumn .onlineColumnBlock:last-child{margin-bottom:50px;}
.onlineColumn .onlineColumnBlock .block{background-color:#fff; margin:0px;}
.onlineColumn .onlineColumnBlock .header h4{font-size:20px; color:#fe6a48;}
.onlineColumn .onlineColumnBlock .blockBody{margin:10px 0px; padding:0px; width:100%;}
.onlineColumn .onlineColumnBlock .blockBody div.course{ padding-top:20px; float:left; width:48%; cursor:pointer;}
.onlineColumn .onlineColumnBlock .blockBody div.course:nth-child(even){float:right;}
.onlineColumn .onlineColumnBlock .blockBody div.course div.left{width:40%; float:left; height:160px; position:relative; padding:0px;}
.onlineColumn .onlineColumnBlock .blockBody div.course div.left img{width:100%; height:160px; }
.onlineColumn .onlineColumnBlock .blockBody div.course div.right{width:60%; float:left; padding-left:10px; position:relative;}
.onlineColumn .onlineColumnBlock .blockBody div.course div.right h4 {float:left; font-size:20px; cursor:pointer; overflow:hidden;text-overflow:ellipsis;  width:100%;white-space: nowrap }
.onlineColumn .onlineColumnBlock .blockBody div.course div.right .detail{margin:10px 0px 0px 0px; height:107px;}
.onlineColumn .onlineColumnBlock .blockBody div.course div.right .detail div{margin:6px 0px;}
.onlineColumn .onlineColumnBlock .blockBody div.course div.right .detail .remark{clear:both; position:relative;line-height:22px;  overflow:hidden; max-height:45px;}
.onlineColumn .onlineColumnBlock .blockBody div.course div.right .detail .remark:after {content:"..."; font-weight:bold;position:absolute;bottom:0;right:0; padding:0 0px 1px 45px;background:url('./../image/ellipsis_bg.png') repeat-y;}


.onlineColumn .columnBody{margin:0px 0px 20px 0px; }
.onlineColumn .columnBody .onlineColumnItem .item{margin:0px 0px 2px 0px;}
.onlineColumn .columnBody .onlineColumnItem .col-md-10{background-color:#fff; padding:0px;}
.onlineColumn .columnBody .onlineColumnItem .courseHead{padding:0px 10px;}
.onlineColumn .columnBody .onlineColumnItem .courseHead.col-md-10 {background-color:#fff;}
.onlineColumn .columnBody .onlineColumnItem .courseHead.col-md-10 ul{margin:10px 0px 0px 0px;}
.onlineColumn .columnBody .onlineColumnItem .courseHead.col-md-10 ul li{color:#999999; font-size:16px; cursor:pointer;}
.onlineColumn .columnBody .onlineColumnItem .courseHead.col-md-10 ul li:nth-child(odd){ cursor:pointer;}
.onlineColumn .columnBody .onlineColumnItem .courseHead.col-md-10 ul li:nth-child(odd):hover{color:#fe6a48;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course{clear:both; padding-top:20px; float:left; width:100%; cursor:pointer;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.left{width:25%; float:left; height:200px; position:relative; padding:0px;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.left img{width:100%; height:200px; }
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.left .imgTop{ position:absolute;top:0px; left:0px; width:100%; height:100%; z-index:99;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.left .imgBg{position:absolute;top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.4;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.left .imgTop span.glyphicon-play{position:absolute; font-size:18px; padding:8px; left:46%;  top: 43%; border-radius:20px; border:1px solid #fff; opacity:1; z-index:100; color:#fff;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right{width:75%; float:left; padding-left:20px; position:relative;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right h4 {float:left; font-size:24px; cursor:pointer;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right .detail{margin:10px 0px 15px 0px; height:123px;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right .detail div{margin:6px 0px; font-size:15px; }
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right .detail .remark{clear:both; position:relative;line-height:25px;  overflow:hidden; max-height:5em;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right .detail .remark:after {content:"..."; font-weight:bold;position:absolute;bottom:0;right:0; padding:0 0px 1px 45px;background:url('./../image/ellipsis_bg.png') repeat-y;}

.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right .list-inline{margin:0px; padding:0px;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right .list-inline li{font-size:15px; color:#999999; padding-left:20px;}
.onlineColumn .columnBody .onlineColumnItem .courseDiv.col-md-10 .course div.right .list-inline li:first-child{padding:0px; }

.onlineColumn .onlineCousePlay{float:left; background-color:#191919;  height:auto !important; height:600px; overflow:hidden; }
.onlineColumn .onlineCousePlay .controls-2 .notes label {right:210px;}
.onlineColumn .onlineCousePlay .controls-2 .notes input {right:0px;}
.onlineColumn .couseRemark .authorDiv{clear:both; width:100%; float:left; padding:15px; margin:15px 0px 10px 0px; border:1px solid #dcdcdc; background-color:#fff;}
.onlineColumn .couseRemark .authorDiv h4 {float:left; font-size:22px; font-weight:bold; line-height:30px;}
.onlineColumn .couseRemark .authorDiv .author{float:right; margin-top:6px;}
.onlineColumn .couseRemark .authorDiv .author label{margin-left:15px; font-weight:500; color:#7e7e7e;}
.onlineColumn .couseRemark .authorDiv .author label{margin-left:15px; font-weight:500; color:#7e7e7e;}
.onlineColumn .couseRemark .authorDiv .remark{clear:both; color:#000; float:left; font-size:15px; margin-top:10px; line-height:27px;}
.onlineColumn .couseRemark .authorDiv .content{clear:both; float:left; margin-top:10px;}
.onlineColumn .couseRemark .comment{clear:both; float:left; border:1px solid #dcdcdc; background-color:#fff; width:100%; padding:20px 5px; margin:10px 0px;}
.onlineColumn .couseRemark .comment .commentBlock:hover{background-color:#F5F5F5;}
.onlineColumn .couseRemark .comment .formTitle{clear:both; float:left; padding:0px; margin:0px; border-left:2px solid #fe6a48; margin-left:-5px; padding-left:20px; font-size:18px;}
.onlineColumn .couseRemark .comment .commentBlock{position:relative; margin:22px 0px 0px 0px; border:1px solid #E6E6E6; border-radius:5px; padding:10px 10px 20px 10px;}
.onlineColumn .couseRemark .comment .commentBlock .commentAuthor {margin:10px 0px; color:#11ad59;}
.onlineColumn .couseRemark .comment .commentBlock .commentAuthor img.photo{width:30px; height:30px; border-radius:15px; margin-right:10px;}
.onlineColumn .couseRemark .comment .commentBlock .commentAuthor .pull-right{color:#7e7e7e;}
.onlineColumn .couseRemark .comment .commentBlock .content{margin:23px 0px; line-height:25px;}
.onlineColumn .couseRemark .comment .commentBlock .anwserSupportNum{position:absolute; right:5px; color:#7e7e7e;}
.onlineColumn .couseRemark .comment .commentBlock .anwserSupportNum img{width:14px; height:14px;  margin-left:30px; cursor:pointer;}
.onlineColumn .couseRemark .comment .bottomPage{margin-top:20px;}
.onlineColumn .couseRemark .propse{clear:both;border:1px solid #dcdcdc; float:left; background-color:#fff; width:100%; padding:20px 10px; margin:10px 0px 30px 0px;}
.onlineColumn .couseRemark .propse .formTitle{clear:both; float:left; padding:0px; margin:0px; border-left:2px solid #fe6a48; margin-left:-10px; padding-left:20px; font-size:18px;}
.onlineColumn .couseRemark .propse .propseTextareaDiv{margin:30px 0px 10px 0px;}
.onlineColumn .couseRemark .propse .pull-left{padding-left:5px;}
.onlineColumn .couseRemark .propse .pull-left input{float:left; }
.onlineColumn .couseRemark .propse .pull-left span{float:left;padding-top:-10px; color:#7e7e7e;}
.onlineColumn .couseRemark .propse .pull-right{padding-right:5px;}
.onlineColumn .couseRemark .propse .pull-right button{font-size:15px; width:100px;}

.onlineColumn .selfColumnDoctor{clear:both; padding:20px 0px 20px 0px; bacground-color:#f3f3f3;}
.onlineColumn .selfColumnDoctor .left{float:left; background-color:#fff; width:22%; margin:0px; padding:0px;border:1px solid #dddddd;}
.onlineColumn .selfColumnDoctor .left .myCourse{clear:both; margin-top:20px;}
.onlineColumn .selfColumnDoctor .left .myCourse .title{border-left:2px solid #fe6a48; position:relative;}
.onlineColumn .selfColumnDoctor .left .myCourse .title h4{font-size:16px; padding-left:16px; }
.onlineColumn .selfColumnDoctor .left .myCourse .coursels{clear:both; padding:15px; }
.onlineColumn .selfColumnDoctor .left .myCourse .coursels .course{position:relative; margin:5px 0px;}
.onlineColumn .selfColumnDoctor .left .myCourse .coursels .course img{width:18px; height:18px;}
.onlineColumn .selfColumnDoctor .left .myCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:500; cursor:pointer;}
.onlineColumn .selfColumnDoctor .left .myCourse .coursels .course ul{margin:0px; padding-left:30px; display:none;}
.onlineColumn .selfColumnDoctor .left .myCourse .coursels .course ul li{margin:8px; color:#9a9a9a; cursor:pointer;}
.onlineColumn .selfColumnDoctor .left .myCourse .coursels .course ul li.active{color:#fe6a48;}
.onlineColumn .selfColumnDoctor .left .myCourse .coursels .course ul li:hover{color:#fe6a48;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse{clear:both; margin-top:20px;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .title{border-left:2px solid #fe6a48; position:relative;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .title h4{font-size:16px; padding-left:16px; }
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels{clear:both; padding:15px; }
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels .course{position:relative; margin:5px 0px;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels .course img{width:18px; height:18px;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:500;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels .course ul{margin:0px; padding-left:30px; display:none;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels .course ul li{margin:8px; color:#9a9a9a; cursor:pointer;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels .course ul li.active{color:#fe6a48;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels .course ul li:hover{color:#fe6a48;}
.onlineColumn .selfColumnDoctor .left .myAttentionCourse .coursels .course .ratio{position:absolute; right:-5px; padding:0px;}
.onlineColumn .selfColumnDoctor .right{float:left;  width:77%; margin-left:1%; padding:0px 10px;  padding-bottom: 10px; background-color:#fff;border:1px solid #dddddd;}
.onlineColumn .selfColumnDoctor .right .title{margin:10px 20px;}
.onlineColumn .selfColumnDoctor .right .title button{padding:5px 30px;}
.onlineColumn .selfColumnDoctor .right .title h4.tip{clear:both; float:left;  font-size:20px;}
.onlineColumn .selfColumnDoctor .right .course {clear:both; background-color:#fff; float:left;  padding:20px 10px; border-bottom:1px solid #ddd;}
.onlineColumn .selfColumnDoctor .right .course .media-left{position:relative; width:33%; margin-right:2%; float:left; height:180px; padding:0px;}
.onlineColumn .selfColumnDoctor .right .course .media-left img{width:100%; height:180px;}
.onlineColumn .selfColumnDoctor .right .course .media-left .imgTop{ position:absolute;top:0px; left:0px; width:100%; height:100%; z-index:99;}
.onlineColumn .selfColumnDoctor .right .course .media-left .imgBg{position:absolute;top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.4;}
.onlineColumn .selfColumnDoctor .right .course .media-left .imgTop span.glyphicon-play{position:absolute; font-size:18px; padding:8px; margin-top:75px; margin-left:43%; border-radius:20px; border:1px solid #fff; opacity:1; z-index:100; color:#fff;}
.onlineColumn .selfColumnDoctor .right .course .authorDiv h4 {float:left; font-size:22px; color:#323232; font-weight:bold; cursor:pointer;}
.onlineColumn .selfColumnDoctor .right .course .authorDiv .aboutCourse{clear:both; float:left; margin:5px 0px;}
.onlineColumn .selfColumnDoctor .right .course .authorDiv .aboutCourse p{margin:0px; padding:0px; font-weight:500; margin-top:10px; color:#808080;}
.onlineColumn .selfColumnDoctor .right .course .aboutCourse .remark{clear:both; color:#9a9a9a; position:relative;line-height:24px; padding-top:13px;  overflow:hidden; max-height:2.8em;}
.onlineColumn .selfColumnDoctor .right .course .aboutCourse .remark:after {content:"..."; font-weight:bold;position:absolute;bottom:0;right:0; padding:0 0px 1px 45px;background:url('./../image/ellipsis_bg.png') repeat-y;}
.onlineColumn .selfColumnDoctor .right .course .check{mrgin:0px; padding:0px; margin-top:18px;}
.onlineColumn .selfColumnDoctor .right .course .check button{font-size:14px; padding:3px 20px;}
.onlineColumn .selfColumnDoctor .right .course .check .pull-left{padding-top:5px;}
.onlineColumn .selfColumnDoctor .right .course .check .pull-left span{color:#9a9a9a; margin-right:5px;}
.onlineColumn .selfColumnDoctor .right .course .check .pull-right .topBtn{background-color:#2e65ff; border:1px solid #2e65ff;}
.onlineColumn .selfColumnDoctor .right .course .check .pull-right .removeBtn{background-color:#fe0000; border:1px solid #fe0000;}

.onlineColumn .issuse{margin:20px 0px 20px 0px;}
.onlineColumn .issuse .col-md-10{background-color:#fff; }
.onlineColumn .issuse .col-md-10.border{border:1px solid #dddddd;}
.onlineColumn .issuse .col-md-10 .issueHead{margin:20px 0px;}
.onlineColumn .issuse .col-md-10 .issueHead ul li{color:#999999; font-size:16px; cursor:pointer;}
.onlineColumn .issuse .col-md-10 .issueHead ul li:nth-child(odd){ cursor:pointer;}
.onlineColumn .issuse .col-md-10 .issueHead ul li:nth-child(odd):hover{color:#fe6a48;}
.onlineColumn .issuse .col-md-10 .issueFooter{margin:10px 0px;}
.onlineColumn .issuse .col-md-10 .issueFooter .btnDiv {margin:20px 0px; text-align:center;}
.onlineColumn .issuse .col-md-10 .issueFooter .btnDiv button{padding:8px 30px;}

.onlineColumn .selfOfflineColumnActive{clear:both; padding:20px 0px 20px 0px; bacground-color:#f3f3f3;}
.onlineColumn .selfOfflineColumnActive .left{float:left; background-color:#fff; width:22%; margin:0px; padding:0px;border:1px solid #dddddd;}
.onlineColumn .selfOfflineColumnActive .left .myCourse{clear:both; margin-top:20px;}
.onlineColumn .selfOfflineColumnActive .left .myCourse .title{border-left:2px solid #fe6a48; position:relative;}
.onlineColumn .selfOfflineColumnActive .left .myCourse .title h4{font-size:16px; padding-left:16px; }
.onlineColumn .selfOfflineColumnActive .left .myCourse .coursels{clear:both; padding:15px; }
.onlineColumn .selfOfflineColumnActive .left .myCourse .coursels .course{position:relative; margin:5px 0px;}
.onlineColumn .selfOfflineColumnActive .left .myCourse .coursels .course img{width:18px; height:18px;}
.onlineColumn .selfOfflineColumnActive .left .myCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:500; cursor:pointer;}
.onlineColumn .selfOfflineColumnActive .left .myCourse .coursels .course ul{margin:0px; padding-left:30px; display:none;}
.onlineColumn .selfOfflineColumnActive .left .myCourse .coursels .course ul li{margin:8px; color:#9a9a9a; cursor:pointer;}
.onlineColumn .selfOfflineColumnActive .left .myCourse .coursels .course ul li.active{color:#fe6a48;}
.onlineColumn .selfOfflineColumnActive .left .myCourse .coursels .course ul li:hover{color:#fe6a48;}
.onlineColumn .selfOfflineColumnActive .left .myAttentionCourse{clear:both; margin-top:20px;}
.onlineColumn .selfOfflineColumnActive .left .myAttentionCourse .title{border-left:2px solid #fe6a48; position:relative;}
.onlineColumn .selfOfflineColumnActive .left .myAttentionCourse .title h4{font-size:16px; padding-left:16px; }
.onlineColumn .selfOfflineColumnActive .left .myAttentionCourse .coursels{clear:both; padding:15px; }
.onlineColumn .selfOfflineColumnActive .left .myAttentionCourse .coursels .course{position:relative; margin:5px 0px;}
.onlineColumn .selfOfflineColumnActive .left .myAttentionCourse .coursels .course img{width:18px; height:18px;}
.onlineColumn .selfOfflineColumnActive .left .myAttentionCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:500;}
.onlineColumn .selfOfflineColumnActive .left .myAttentionCourse .coursels .course .ratio{position:absolute; right:-5px; padding:0px;}
.onlineColumn .selfOfflineColumnActive .right{float:left;  width:77%; margin-left:1%; padding:0px 10px;  background-color:#fff; border:1px solid #dddddd;}
.onlineColumn .selfOfflineColumnActive .right .title{margin:10px 20px;}
.onlineColumn .selfOfflineColumnActive .right .title button{padding:5px 30px;}
.onlineColumn .selfOfflineColumnActive .right .title h4.tip{clear:both; float:left;  font-size:20px;}
.onlineColumn .selfOfflineColumnActive .right .course {clear:both; background-color:#fff; float:left;  padding:10px 10px 20px 10px; border-bottom:1px solid #ddd;}
.onlineColumn .selfOfflineColumnActive .right .course .media-left{position:relative; width:33%; margin-right:2%; float:left; height:180px; padding:0px;}
.onlineColumn .selfOfflineColumnActive .right .course .media-left img{width:100%; height:180px;}
.onlineColumn .selfOfflineColumnActive .right .course .media-left .imgTop{ position:absolute;top:0px; left:0px; width:100%; height:100%; z-index:99;}
.onlineColumn .selfOfflineColumnActive .right .course .media-left .imgBg{position:absolute;top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.4;}
.onlineColumn .selfOfflineColumnActive .right .course .media-left .imgTop span.glyphicon-play{position:absolute; font-size:18px; padding:8px; margin-top:75px; margin-left:43%; border-radius:20px; border:1px solid #fff; opacity:1; z-index:100; color:#fff;}
.onlineColumn .selfOfflineColumnActive .right .course .authorDiv h4 {float:left; font-size:22px; color:#323232; font-weight:bold; }
.onlineColumn .selfOfflineColumnActive .right .course .authorDiv h4 .subHeading{font-size:13px; color:#9a9a9a; font-weight:100;}
.onlineColumn .selfOfflineColumnActive .right .course .authorDiv h4 .subHeading.active{color:#fe6a48;}
.onlineColumn .selfOfflineColumnActive .right .course .authorDiv .aboutCourse{clear:both; float:left; margin:5px 0px;}
.onlineColumn .selfOfflineColumnActive .right .course .authorDiv .aboutCourse p{margin:0px; padding:0px; font-weight:500; margin-top:10px; color:#808080;}
.onlineColumn .selfOfflineColumnActive .right .course .aboutCourse .remark{clear:both; color:#9a9a9a; position:relative;line-height:24px; padding-top:13px;  overflow:hidden;}
.onlineColumn .selfOfflineColumnActive .right .course .aboutCourse .remark:after {content:"..."; font-weight:bold;position:absolute;bottom:0;right:0; padding:0 0px 1px 45px;background:url('./../image/ellipsis_bg.png') repeat-y;}
.onlineColumn .selfOfflineColumnActive .right .course .check{mrgin:0px; padding:0px; margin-top:10px;}
.onlineColumn .selfOfflineColumnActive .right .course .check button{font-size:13px; padding:2px 10px; border-radius:15px;}
.onlineColumn .selfOfflineColumnActive .right .course .check button.default{background-color:#fff; color:#999999; border:1px solid #999999;}
.onlineColumn .selfOfflineColumnActive .right .course .check button.active{background-color:#fe6a48; border:1px solid #fe6a48;}
.onlineColumn .selfOfflineColumnActive .right .course .check .pull-left{padding-top:10px;}
.onlineColumn .selfOfflineColumnActive .right .course .check .pull-left span{color:#9a9a9a; margin-right:10px;}
.onlineColumn .selfOfflineColumnActive .right .course .check .pull-right{padding-top:10px;}

.onlineColumn .issuseActived{margin:20px 0px 40px 0px;}
.onlineColumn .issuseActived .col-md-10{background-color:#fff; border:1px solid #dddddd;}
.onlineColumn .issuseActived .col-md-10 .issueHead{margin:20px 0px;}
.onlineColumn .issuseActived .col-md-10 .issueHead ul li{color:#999999; font-size:16px; cursor:pointer;}
.onlineColumn .issuseActived .col-md-10 .issueHead ul li:nth-child(odd){ cursor:pointer;}
.onlineColumn .issuseActived .col-md-10 .issueHead ul li:nth-child(odd):hover{color:#fe6a48;}
.onlineColumn .issuseActived .col-md-10 .issueFooter{margin:10px 0px;}
.onlineColumn .issuseActived .col-md-10 .issueFooter .btnDiv {margin:20px 0px; text-align:center;}
.onlineColumn .issuseActived .col-md-10 .issueFooter .btnDiv button{padding:8px 30px;}
.onlineColumn .issuseActived  .form-horizontal{margin-top:20px;}
.onlineColumn .issuseActived  .form-horizontal label{font-weight:500;}

.onlineColumn .selfOnlineConsult{clear:both; padding:20px 0px 20px 0px; bacground-color:#f3f3f3;}
.onlineColumn .selfOnlineConsult .left{float:left; background-color:#fff; width:22%; margin:0px; padding:0px; border:1px solid #dddddd;}
.onlineColumn .selfOnlineConsult .left .myCourse{clear:both; margin-top:20px;}
.onlineColumn .selfOnlineConsult .left .myCourse .title{border-left:2px solid #fe6a48; position:relative;}
.onlineColumn .selfOnlineConsult .left .myCourse .title h4{font-size:16px; padding-left:16px; }
.onlineColumn .selfOnlineConsult .left .myCourse .coursels{clear:both; padding:15px; }
.onlineColumn .selfOnlineConsult .left .myCourse .coursels .course{position:relative; margin:5px 0px;}
.onlineColumn .selfOnlineConsult .left .myCourse .coursels .course img{width:18px; height:18px;}
.onlineColumn .selfOnlineConsult .left .myCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:500; cursor:pointer;}
.onlineColumn .selfOnlineConsult .left .myCourse .coursels .course ul{margin:0px; padding-left:30px; display:none;}
.onlineColumn .selfOnlineConsult .left .myCourse .coursels .course ul li{margin:8px; color:#9a9a9a; cursor:pointer;}
.onlineColumn .selfOnlineConsult .left .myCourse .coursels .course ul li.active{color:#fe6a48;}
.onlineColumn .selfOnlineConsult .left .myCourse .coursels .course ul li:hover{color:#fe6a48;}
.onlineColumn .selfOnlineConsult .left .myAttentionCourse{clear:both; margin-top:20px;}
.onlineColumn .selfOnlineConsult .left .myAttentionCourse .title{border-left:2px solid #fe6a48; position:relative;}
.onlineColumn .selfOnlineConsult .left .myAttentionCourse .title h4{font-size:16px; padding-left:16px; }
.onlineColumn .selfOnlineConsult .left .myAttentionCourse .coursels{clear:both; padding:15px; }
.onlineColumn .selfOnlineConsult .left .myAttentionCourse .coursels .course{position:relative; margin:5px 0px;}
.onlineColumn .selfOnlineConsult .left .myAttentionCourse .coursels .course img{width:18px; height:18px;}
.onlineColumn .selfOnlineConsult .left .myAttentionCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:500;}
.onlineColumn .selfOnlineConsult .left .myAttentionCourse .coursels .course .ratio{position:absolute; right:-5px; padding:0px;}
.onlineColumn .selfOnlineConsult .right{float:left;  width:77%; margin-left:1%; padding:0px 10px;  background-color:#fff; border:1px solid #dddddd;}
.onlineColumn .selfOnlineConsult .right .title{margin:10px 20px;}
.onlineColumn .selfOnlineConsult .right .title button{padding:5px 30px;}
.onlineColumn .selfOnlineConsult .right .title h4.tip{clear:both; float:left;  font-size:20px;}
.onlineColumn .selfOnlineConsult .right .items{clear:both;float:left; width:100%; padding:0px 10px; margin:20px 0px;}
.onlineColumn .selfOnlineConsult .right .items ul{float:left; width:100%; margin:0px 10px;}
.onlineColumn .selfOnlineConsult .right .items ul li{float:left; width:100%; list-style-type:disc; color:#a9a9a9; font-size:14px; padding:8px 0px 5px 0px; border-bottom:1px dashed #ddd;}
.onlineColumn .selfOnlineConsult .right .items ul li span{margin:0px; padding:0px;}
.onlineColumn .selfOnlineConsult .right .items ul li span.reviewNum{color:#a9a9a9; }
.onlineColumn .selfOnlineConsult .right .items ul li span.title{color:#333333; cursor:pointer;}
.onlineColumn .selfOnlineConsult .right .items ul li span.title:hover{color:#fe6a48;}
.onlineColumn .selfOnlineConsult .right .items ul li div.pull-right button{padding:4px 15px; font-size:13px; color:#fff; margin-left:7px;}
.onlineColumn .selfOnlineConsult .right .items ul li div.pull-right button.asTop{background-color:#2e65ff; border:1px solid #2e65ff;}
.onlineColumn .selfOnlineConsult .right .items ul li div.pull-right button.asRemove{background-color:#fe0000; border:1px solid #fe0000;}
.onlineColumn .selfOnlineConsult .right .items ul li div.pull-right button.asEdit{background-color:#fe6a48; border:1px solid #fe6a48;}
.onlineColumn .selfOnlineConsult .right .items ul li p{color:#a9a9a9; margin:5px 0px;}

.onlineColumn .onlineAnswer{clear:both; padding:20px 0px 20px 0px; bacground-color:#f3f3f3;}
.onlineColumn .onlineAnswer .left{float:left; background-color:#fff; width:22%; margin:0px; padding:0px;  border:1px solid #dddddd;}
.onlineColumn .onlineAnswer .left .myCourse{clear:both; margin-top:20px;}
.onlineColumn .onlineAnswer .left .myCourse .title{border-left:2px solid #fe6a48; position:relative;}
.onlineColumn .onlineAnswer .left .myCourse .title h4{font-size:16px; padding-left:15px; }
.onlineColumn .onlineAnswer .left .myCourse .coursels{clear:both; padding:15px 0px 0px 0px;}
.onlineColumn .onlineAnswer .left .myCourse .coursels .course{padding:5px 15px 0px 15px; position:relative; margin:5px 0px;}
.onlineColumn .onlineAnswer .left .myCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:500; cursor:pointer;}
.onlineColumn .onlineAnswer .left .myCourse .coursels .course .pull-right span{color:#a9a9a9;}
.onlineColumn .onlineAnswer .left .myCourse .coursels .course.active{background-color:#f3f3f3;}
.onlineColumn .onlineAnswer .left .myCourse .coursels .course.active span,
.onlineColumn .onlineAnswer .left .myCourse .coursels .course.active label,
.onlineColumn .onlineAnswer .left .myCourse .coursels .course.active div{color:#fe6a48;}
.onlineColumn .onlineAnswer .right{float:left;  width:77%; margin-left:1%; padding:0px 10px;  background-color:#fff;   border:1px solid #dddddd;}
.onlineColumn .onlineAnswer .right .title{margin:10px 20px;}
.onlineColumn .onlineAnswer .right .title button{padding:5px 30px;}
.onlineColumn .onlineAnswer .right .title h4.tip{clear:both; float:left;  font-size:20px;}
.onlineColumn .onlineAnswer .right .items{clear:both;float:left; width:100%; padding:0px 10px; margin:20px 0px;}
.onlineColumn .onlineAnswer .right .items ul{float:left; width:100%; margin:0px 10px;}
.onlineColumn .onlineAnswer .right .items ul li{float:left; width:100%; list-style-type:disc; color:#a9a9a9; font-size:14px; padding:8px 0px 5px 0px; border-bottom:1px dashed #ddd;}
.onlineColumn .onlineAnswer .right .items ul li span{margin:0px; padding:0px;}
.onlineColumn .onlineAnswer .right .items ul li span.reviewNum{color:#a9a9a9; }
.onlineColumn .onlineAnswer .right .items ul li span.hasReview{color:#fe6a48; margin-left:10px;}
.onlineColumn .onlineAnswer .right .items ul li span.title{color:#333333; cursor:pointer;}
.onlineColumn .onlineAnswer .right .items ul li span.title:hover{color:#fe6a48;}
.onlineColumn .onlineAnswer .right .items ul li p{color:#a9a9a9; margin:5px 0px;}

.onlineColumn .onlineReview{margin-top:20px;}
.onlineColumn .onlineReview .col-md-10{background-color:#fff; border:1px solid #dddddd;}
.onlineColumn .onlineReview .col-md-10 .issueHead{margin:20px 0px;}
.onlineColumn .onlineReview .col-md-10 .issueHead ul li{color:#999999; font-size:16px; cursor:pointer;}
.onlineColumn .onlineReview .col-md-10 .issueHead ul li:nth-child(odd){ cursor:pointer;}
.onlineColumn .onlineReview .col-md-10 .issueHead ul li:nth-child(odd):hover{color:#fe6a48;}
.onlineColumn .onlineReview .col-md-10 .block{padding:15px; position:relative; margin:10px 0px;}
.onlineColumn .onlineReview .col-md-10 .block img{width:40px; height:40px; border-radius:20px;}
.onlineColumn .onlineReview .col-md-10 .block span{margin-left:10px;}
.onlineColumn .onlineReview .col-md-10 .block p{margin-left:50px;}
.onlineColumn .onlineReview .col-md-10 .block.expertBlock{background-color:#fff8f6;}
.onlineColumn .onlineReview .col-md-10 .block.personBlock{background-color:#f1f8ff;}
.onlineColumn .onlineReview .col-md-10.reviewFooter{padding:10px 0px; margin-bottom:40px;}
.onlineColumn .onlineReview .col-md-10.reviewFooter .title{border-left:2px solid #fe6a48; position:relative; margin-bottom:20px;}
.onlineColumn .onlineReview .col-md-10.reviewFooter .title h4{font-size:16px; padding-left:16px; }
.onlineColumn .onlineReview .col-md-10.reviewFooter .pull-right{margin:10px 5px 0px 0px;}
.onlineColumn .onlineReview .col-md-10.reviewFooter .pull-right button{padding:5px 20px;}
/*******onlineColumn end*****/

/****healthySubject begin***/
.healThySubject{background-color:#fff;}
.healThySubject  .subHeader{margin:0px; padding:0px; background-color:#fff; padding-top:20px; height:70px; border-bottom:1px solid #ddd;}
.healThySubject  .subHeader h4{font-size:24px; font-weight:bold; float:left;}
.healThySubject  .subHeader ul {float:left;margin-left:5px; padding-top:5px;}
.healThySubject  .subHeader ul li{margin:0px; padding:0px; cursor:pointer; font-size:16px; height:44.5px;}
.healThySubject  .subHeader ul li.tab{padding:0px 25px; color:#343434;}
.healThySubject  .subHeader ul li.active{border-bottom:2.5px solid #fe6a48; color:#fe6a48;}
.healThySubject  .subHeader .form-group{margin:0px; padding:0px;}
.healThySubject  .subHeader .form-group .form-control{color:#999;}
.healThySubject  .subHeader .form-group .glyphicon-search{color:#aaa; cursor:pointer;}
.healThySubject  .healThySubjectBlock ul.list-inline{text-align:center; margin:20px 0px; padding-bottom:20px; border-bottom:2px solid #ddd;}
.healThySubject  .healThySubjectBlock ul.list-inline li{cursor:pointer; margin:0px 10px; padding:40px 80px; border-radius:10px; font-size:22px;}
.healThySubject  .healThySubjectBlock ul.list-inline li small{font-size:15px;}
.healThySubject  .healThySubjectBlock ul.list-inline li.bg1{background-color:#F8F9FB;}
.healThySubject  .healThySubjectBlock ul.list-inline li.bg2{background-color:#E1EEFE;}
.healThySubject  .healThySubjectBlock ul.blockBody{float:left; background-color:#fff; margin:20px 0px 20px 0px; }
.healThySubject  .healThySubjectBlock ul.blockBody li{float:left; margin:10px 0px; width:100%;}
.healThySubject  .healThySubjectBlock ul.blockBody li img{float:left; width:20px; height:20px;}
.healThySubject  .healThySubjectBlock ul.blockBody li label{font-size:20px; float:left; cursor:pointer; color:#000; font-weight:500;}
.healThySubject  .healThySubjectBlock ul.blockBody li label.cl598cff{color:#598cff;}
.healThySubject  .healThySubjectBlock ul.blockBody li label.clfb6b49{color:#fb6b49;}
.healThySubject  .healThySubjectBlock ul.blockBody li label.cl00bd55{color:#00bd55;}
.healThySubject  .healThySubjectBlock ul.blockBody li label.cl059c7d{color:#059c7d;}
.healThySubject  .healThySubjectBlock ul.blockBody li ul.list-inline{clear:both; float:left;margin:10px 0px; border:0px;}
.healThySubject  .healThySubjectBlock ul.blockBody li ul.list-inline li{padding:8px 15px; width:auto; margin-right:15px; border-radius:0px; font-size:14px;}
.healThySubject  .healThySubjectBlock ul.blockBody li ul.list-inline li.bg1{background-color:#FFF8EB;}
.healThySubject  .healThySubjectBlock ul.blockBody li ul.list-inline li.bg2{background-color:#EBFBFA;}
.healThySubject  .healThySubjectBlock ul.blockBody li ul.list-inline li.bg3{background-color:#FEF5FA;}
.healThySubject  .healThySubjectBlock ul.blockBody li ul.list-inline li.bg4{background-color:#F4FCF1;}

.healThySubject  .healThySubjectItem{margin:20px 0px;}
.healThySubject  .healThySubjectItem .col-md-10{background-color:#fff; padding:10px 10px; border:1px solid #ddd;}
.healThySubject  .healThySubjectItem .col-md-10 .title{width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:10px;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-2{width:17%; padding-top:10px;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-2 label{float:left; font-size:20px; margin-left:10px; color:#598cff;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-2 img{float:left; width:25px; height:20px;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-3{width:29%;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-3 .form-group{margin:0px; padding:0px;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-3 .form-group .glyphicon-search{color:#aaa;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-7{float:left; width:54%; padding-top:10px;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-7 ul.list-inline{float:left; width:100%; overflow:hidden;}
.healThySubject  .healThySubjectItem .col-md-10 .title .col-md-7 ul.list-inline li:first-child{float:left; color:#a9a9a9;}
.healThySubject  .healThySubjectItem .col-md-10 ul.items{clear:both; width:100%; padding:10px 0px 0px 30px;}
.healThySubject  .healThySubjectItem .col-md-10 ul.items li{margin-top:10px; cursor:pointer; }
.healThySubject  .healThySubjectItem .col-md-10 ul.items li img{width:20px; height:20px; margin-right:10px; }
.healThySubject  .healThySubjectItem .col-md-10 ul.items li ul{padding-left:30px;}

.healThySubject .healThySubjectItemDetail {clear:both; float:left; padding:0px 10px; margin:20px 0px;}
.healThySubject .healThySubjectItemDetail  .col-md-10 {float:left; border:1px solid #ddd; background-color:#fff; padding:20px 10px; margin-bottom:20px;}
.healThySubject .healThySubjectItemDetail  .col-md-10 h3{ float:left;}
.healThySubject .healThySubjectItemDetail  .col-md-10 button{float:left; border:1px solid #ddd; padding:3px 10px; background-color:#fff; border-radius:5px; margin-left:10px;}
.healThySubject .healThySubjectItemDetail  .col-md-10 button span{color:#52a3f5;}
.healThySubject .healThySubjectItemDetail  .col-md-10 button span.glyphicon-star{color:#fe6a48;}
.healThySubject .healThySubjectItemDetail  .col-md-10 .gist{clear:both; text-indent:2em; text-indent:2em;  padding-top:20px; line-height:25px;}
.healThySubject .healThySubjectItemDetail  .col-md-10 .content{clear:both; padding-top:20px; line-height:25px;}
.healThySubject .healThySubjectItemDetail  .col-md-10 .content h1,
.healThySubject .healThySubjectItemDetail  .col-md-10 .content h2,
.healThySubject .healThySubjectItemDetail  .col-md-10 .content h3,
.healThySubject .healThySubjectItemDetail  .col-md-10 .content h4,
.healThySubject .healThySubjectItemDetail  .col-md-10 .content h5,
.healThySubject .healThySubjectItemDetail  .col-md-10 .content h6{border-left:2px solid #fe6a48; margin:10px 0px; font-size:16px; padding-left:16px; }
.healThySubject .healThySubjectItemDetail  .col-md-10 .content p{text-indent:2em; margin:10px 0px;}


.healThySubject .selfCourse{clear:both; padding:20px 0px 20px 0px; background-color:#fff;}
.healThySubject .selfCourse .left{float:left; background-color:#fff; width:22%; margin:0px; padding:10px 0px; border:1px solid #ddd;}
.healThySubject .selfCourse .left .myCourse{clear:both; margin-top:10px;}
.healThySubject .selfCourse .left .myCourse .title{border-left:2px solid #fe6a48; position:relative;}
.healThySubject .selfCourse .left .myCourse .title h4{font-size:16px; padding-left:16px; }
.healThySubject .selfCourse .left .myCourse .coursels{clear:both; padding:15px; }
.healThySubject .selfCourse .left .myCourse .coursels .course{position:relative; margin:5px 0px;}
.healThySubject .selfCourse .left .myCourse .coursels .course img{width:18px; height:18px;}
.healThySubject .selfCourse .left .myCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:100;}
.healThySubject .selfCourse .left .myCourse .coursels .course label.courseTitle.active{color:#fe6a48;}
.healThySubject .selfCourse .left button{margin:0px 5%; width:90%;}
.healThySubject .selfCourse .left button span{border:1px solid #fff; padding:3px; border-radius:20px;margin-right:10px;}
.healThySubject .selfCourse .left .myAttentionCourse{clear:both; margin-top:20px;}
.healThySubject .selfCourse .left .myAttentionCourse .title{border-left:2px solid #fe6a48; position:relative;}
.healThySubject .selfCourse .left .myAttentionCourse .title h4{font-size:16px; padding-left:16px; }
.healThySubject .selfCourse .left .myAttentionCourse .coursels{clear:both; padding:15px; }
.healThySubject .selfCourse .left .myAttentionCourse .coursels .course{position:relative; margin:5px 0px;}
.healThySubject .selfCourse .left .myAttentionCourse .coursels .course img{width:18px; height:18px;}
.healThySubject .selfCourse .left .myAttentionCourse .coursels .course label.courseTitle{font-size:14px; margin-left:5px; font-weight:100;}
.healThySubject .selfCourse .right{float:left;  width:77%; margin-left:1%; padding:0px 10px; border:1px solid #ddd;}
.healThySubject .selfCourse .right .course {clear:both; background-color:#fff; float:left;  padding:20px 10px; margin-bottom:20px;}
.healThySubject .selfCourse .right .course h3{float:left;}
.healThySubject .selfCourse .right .course button{float:left; border:1px solid #ddd; padding:3px 10px; background-color:#fff; border-radius:5px; margin-left:10px;}
.healThySubject .selfCourse .right .course button span{color:#52a3f5;}
.healThySubject .selfCourse .right .course .gist{clear:both; text-indent:2em; text-indent:2em;  padding-top:20px; line-height:25px;}
.healThySubject .selfCourse .right .course .content{clear:both; padding-top:20px; line-height:25px;}
.healThySubject .selfCourse .right .course .content h1,
.healThySubject .selfCourse .right .course .content h2,
.healThySubject .selfCourse .right .course .content h3,
.healThySubject .selfCourse .right .course .content h4,
.healThySubject .selfCourse .right .course .content h5,
.healThySubject .selfCourse .right .course .content h6{border-left:2px solid #fe6a48; margin:10px 0px; font-size:16px; padding-left:16px; }
.healThySubject .selfCourse .right .course .content p{text-indent:2em; margin:10px 0px;}

.healThySubject .issuse{margin:20px 0px 20px 0px;}
.healThySubject .issuse .col-md-10{background-color:#fff;  border:1px solid #dddddd; padding:10px 0px;}
.healThySubject .issuse .col-md-10 .col-md-12{margin-top:10px;}
.healThySubject .issuse .col-md-10 .issueFooter{margin:10px 0px;}
.healThySubject .issuse .col-md-10 .issueFooter .btnDiv {margin:20px 0px; text-align:center;}
.healThySubject .issuse .col-md-10 .issueFooter .btnDiv button{padding:8px 30px;}

/****healthySubject end***/

/******scientific begin********/
.scientific .subHeader{margin:0px; padding:0px; background-color:#fff; border-bottom:1px solid #ddd;}

.scientific{background-color:#f3f3f3;}
.scientific .scientificBlock{margin:20px 0px;}
.scientific .scientificBlock .col-md-10{background-color:#fff; border:1px solid #dddddd; padding:10px;}
.scientific .scientificBlock .col-md-10 h4.pull-left{font-size:22px; font-weight:bold;}
.scientific .scientificBlock .col-md-10 span.pull-right{padding:5px 20px; border:1px solid #dddddd; cursor:pointer;}
.scientific .scientificBlock .col-md-10 table{clear:both; float:left; width:100%; margin:10px 0px;}
.scientific .scientificBlock .col-md-10 table tr{border-bottom:1px dashed #ddd; }
.scientific .scientificBlock .col-md-10 table tr td{padding:10px;}
.scientific .scientificBlock .col-md-10 table tr td span.cla9a9a9{color:#a9a9a9;}
.scientific .scientificBlock .col-md-10 table tr td span.cl1a57ff{color:#1a57ff;}
.scientific .scientificBlock .col-md-10 table tr td span.clfe6a48{color:#fe6a48;}

.scientific .coursePay2{background-color:#fff; margin:20px 0px; padding:20px; border:1px solid #dddddd; }
.scientific .coursePay2 .courseHead ul li{cursor:pointer;}
.scientific .coursePay2 .courseHead ul li:nth-child(odd):hover{color:#fe6a48;}
.scientific .coursePay2 .courseHead .col-md-10{background-color:#fff;}
.scientific .coursePay2 .step{margin:40px 0px; }
.scientific .coursePay2 .step ul{width:100%;  padding:0px;}
.scientific .coursePay2 .step ul li{position:relative; padding:0px; width:24%; text-align:center; }
.scientific .coursePay2 .step ul li span{background-color:#e0dfda; padding:6px 10px; border-radius:20px; position:absolute; left:48%; top:-7px; z-index:1;}
.scientific .coursePay2 .step ul li span.active{background-color:#fe6a48; color:#fff; padding:6px 10px; border-radius:20px;  position:absolute; left:48%; top:-7px; z-index:1;}
.scientific .coursePay2 .step ul li label.lineActive{position:absolute; border:1px solid #fe6a48; width:100%; left:50%; top:7px; z-index:0;}
.scientific .coursePay2 .step ul li label.line{position:absolute; border:1px solid #e0dfda; width:100%; left:50%; top:7px; z-index:0;}
.scientific .coursePay2 .form{clear:both; float:left; padding:40px 0px 0px 0px;}
.scientific .coursePay2 .form .form-group label{font-weight:500;}
.scientific .coursePay2 .form .addNextBtn{clear:both; float:left; cursor:pointer; margin:0px 12%; width:auto; padding:9px 30px; border:1px solid #cccccc; background-color:#fff; color:#999999; border-radius:5px;}
.scientific .coursePay2 .nextBtnDiv{margin:50px 0px;}
.scientific .coursePay2 .nextBtnDiv .nextBtn{font-size:16px;}
/******scientific end********/

/*****offlineMeeting begin*****/
.offlineMeeting{padding-bottom:10px;}
.offlineMeeting .meetingLs{padding:40px 0px;}
.offlineMeeting .meetingLs .title{margin-bottom:30px; }
.offlineMeeting .meetingLs .title h4{color:#000;}
.offlineMeeting .meetingLs .title p{margin-top:10px; font-size:16px;}
.offlineMeeting .meetingLs .thumbnail{border:0px;}
.offlineMeeting .meetingLs .thumbnail img{width:100%; height:200px;}
.offlineMeeting .meetingLs .caption{padding:9px 0px;}
.offlineMeeting .meetingLs .caption h4{color:#000; margin:10px 0px; font-size:16px;}
.offlineMeeting .meetingLs .caption p{margin:5px 0px;}
.offlineMeeting .meetingLs .caption p span{margin-left:5px; color:#fd6a49;}
.offlineMeeting .meetingLs .col-md-6{margin:10px 0px;}

.offlineMeeting  .coverPic{margin:0px; padding:0px;}
.offlineMeeting  .subHeader{background-color:#fff; height:50px; border-bottom:1px solid #ddd;}
.offlineMeeting  .subHeader h4{font-size:24px; font-weight:bold; float:left;}
.offlineMeeting  .subHeader ul {float:left; padding-top:5px;}
.offlineMeeting  .subHeader ul li{line-height:1.5; text-align:center; /* width:123.5px; */ height:44.5px; margin:0px; padding:0px; cursor:pointer; font-size:14px;}
.offlineMeeting  .subHeader ul li.tab{float:left; padding:0px 20px; color:#343434;}
.offlineMeeting  .subHeader ul li.active{border-bottom:2.5px solid #fe6a48; background-color:#fe6a48; color:#fff;}
.offlineMeeting  .subHeader ul li:hover{border-bottom:2.5px solid #F18B73; background-color:#F18B73; color:#fff;}

.offlineMeeting  .detail{margin:20px 0px;}
.offlineMeeting  .detail .content{padding-right:20px; padding-left:0px;}
.offlineMeeting  .detail .signUpPass{padding:0px; border:1px solid #f8f8f8;}
.offlineMeeting  .detail .signUpPass .title{padding:10px 5px; background-color:#f8f8f8; font-size:16px;}
.offlineMeeting  .detail .signUpPass button{margin:15px 5%; width:90%;}
.offlineMeeting  .detail .signUpPass img{margin:20px 0px 0px 0px;}
.offlineMeeting  .detail .signUpPass p{margin:10px 0px 20px 0px;}
.offlineMeeting  .detail .signUpPass .horzLs{text-align:left;}
.offlineMeeting  .detail .signUpPass .horzLs p{text-align:left; margin:5px 0px; padding:5px 5px; border-bottom:1px dashed #ddd;}

.offlineMeeting .mainPage .subIframe{margin-bottom:0px;}
.blockTitle{margin:0px 0px 30px 0px; color:#000; font-size:22px;}

.offlineMeeting .guest ul{margin:0px; padding:0px;}
.offlineMeeting .guest li{width:24%;text-align:center; padding:0px; margin:30px 0px;}
.offlineMeeting .guest .block{margin:0px auto; position:relative; border:1px solid #92e0f7; height:150px; width:150px;}
.offlineMeeting .guest .block img{width:100%; height:150px; position:absolute; right:-20px; top:-20px;}
.offlineMeeting .guest .person{margin-top:10px;}
.offlineMeeting .guest .person h4{font-weight:bold; font-size:17px;}
.offlineMeeting .guest .person p {
	margin-top: 5px;
	font-size: 14px;
	-o-text-overflow: ellipsis; /*兼容opera*/
	text-overflow: ellipsis; /*这就是省略号喽*/
	overflow: hidden; /*设置超过的隐藏*/
	white-space: nowrap; /*设置不折行*/
	padding: 0px;
}

.offlineMeeting .sponner{}
.offlineMeeting .sponner ul{margin:0px; padding:0px;}
.offlineMeeting .sponner li{padding:0px; margin:15px 10px;}
.offlineMeeting .sponner li img{width:105px; height:50px;}

.offlineMeeting .ticketSel{border:1px solid #ddd;}
.offlineMeeting .ticketSel .title{background-color:#ddd;}
.offlineMeeting .ticketSel .num .substract{border:1px solid #ddd; padding:2px 8px; cursor:pointer;}
.offlineMeeting .ticketSel .num input{border:1px solid #ddd; width:50px; height:26px;}
.offlineMeeting .ticketSel .num .add{border:1px solid #ddd; padding:2px 6px;  cursor:pointer;}
.offlineMeeting .ticketSel .footer{border-bottom:1px solid #ddd;}
.offlineMeeting .documentDownLoad div{clear:both; float:left; width:100%; padding:10px 0px; border-bottom:1px dashed #ddd;}

.offlineMeeting .ticketSelNew .title{background-color:#ddd;}
.offlineMeeting .ticketSelNew .tip{width:100%; background-color:#fffaf7; padding:10px; border:1px solid #ffe9e2; color:#ff924f;}
.offlineMeeting .ticketSelNew .step{margin-top:20px; }
.offlineMeeting .ticketSelNew .step label.num{font-weight:100; float:left; background-color:#fe6a48; padding:8px; color:#fff; font-size:22px;}
.offlineMeeting .ticketSelNew .step label.titleName{font-weight:100; margin-left:10px; float:left; color:#fe6a48; font-size:16px; }
.offlineMeeting .ticketSelNew .step label.titleName .enName{font-weight:100; font-size:13px;}
.offlineMeeting .ticketSelNew .tipError{color:#fe6a48; clear:both;}

.offlineMeeting .ticketDiv1{width:50%; margin:0px 25%; border:1px solid #cddce3; float:left; margin-bottom:20px;}
.offlineMeeting .ticketDiv1 .ticketName{font-size:16px; position:relative; border-bottom:1px dashed #cddce3; background-color:#f8fdff; text-align:left; color:#21bae6; padding:7px}
.offlineMeeting .ticketDiv1 .ticketName span.must{color:red; font-size:14px;}
.offlineMeeting .ticketDiv1 .ticketName .lf{position:absolute; z-index:1; background-color:#fff; border-right:1px solid #cddce3; border-radius:100px; padding-right:10px; left:-10px; top:42px;}
.offlineMeeting .ticketDiv1 .ticketName .lr{position:absolute; z-index:1; background-color:#fff; border-left:1px solid #cddce3; border-radius:100px; padding-right:10px; right:-10px; top:42px;}
.offlineMeeting .ticketDiv1 .ticket{width:100%; padding:0px 5px;}
.offlineMeeting .ticketDiv1 .ticket li{width:100%; text-align:left; border-bottom:1px dashed #cddce3; padding:7px 0px;}
.offlineMeeting .ticketDiv1 .ticket li:last-child{border:0px;}
.offlineMeeting .ticketDiv1 .ticket li .cl1{color:#21bae6;}
.offlineMeeting .ticketDiv1 .ticket li .form-control{float:left; margin:0px 10px;}
.offlineMeeting .ticketDiv1 .ticket li .numSubBtn{float:left; border:1px solid #ddd; border-radius:20px; padding:3px 8px;}
.offlineMeeting .ticketDiv1 .ticket li .numAddBtn{float:left; border:1px solid #ddd; border-radius:20px; padding:3px 7px;}
.offlineMeeting  .form-horizontal{float:left; width:100%;}
.offlineMeeting  .form-group{position:relative; width:100%; margin:0px; margin-top:10px;}
.offlineMeeting  .form-group:last-child{margin-bottom:10px;}
.offlineMeeting  .form-group .addNext{color:#21bae6;}
.offlineMeeting  .form-group .formReq{position:absolute; color:red; right:10px; top:13px;}

.offlineMeeting .hasEnroll{padding:10px 2px;  float:left; width:100%; margin-top:10px;}
.offlineMeeting .hasEnroll.bg1{background-color:#f8fdff;}
.offlineMeeting .hasEnroll.bg2{background-color:#fffbf2;}
.offlineMeeting .hasEnroll .left{float:left; width:20%;}
.offlineMeeting .hasEnroll .right{float:left; width:80%;}

.offlineMeeting .ticketDiv2{width:50%; margin:0px 25%; border:1px solid #e6dbc9; float:left; margin-bottom:20px;}
.offlineMeeting .ticketDiv2 .ticketName{font-size:16px; position:relative;border-bottom:1px dashed #e6dbc9; background-color:#fffbf2; text-align:left; color:#f0a92b; padding:7px}
.offlineMeeting .ticketDiv2 .ticketName span.must{color:red; font-size:14px;}
.offlineMeeting .ticketDiv2 .ticketName .lf{position:absolute; z-index:1; background-color:#fff; border-right:1px solid #e6dbc9; border-radius:100px; padding-right:10px; left:-10px; top:42px;}
.offlineMeeting .ticketDiv2 .ticketName .lr{position:absolute; z-index:1; background-color:#fff; border-left:1px solid #e6dbc9; border-radius:100px; padding-right:10px; right:-10px; top:42px;}
.offlineMeeting .ticketDiv2 .ticket{width:100%; padding:0px 5px;}
.offlineMeeting .ticketDiv2 .ticket li{width:100%; text-align:left; border-bottom:1px dashed #e6dbc9; padding:7px 0px;}
.offlineMeeting .ticketDiv2 .ticket li:last-child{border:0px;}
.offlineMeeting .ticketDiv2 .ticket li .cl1{color:#21bae6;}
.offlineMeeting .ticketDiv2 .ticket li .form-control{float:left; margin:0px 10px;}
.offlineMeeting .ticketDiv2 .ticket li .numSubBtn{float:left; border:1px solid #ddd; border-radius:20px; padding:3px 8px;}
.offlineMeeting .ticketDiv2 .ticket li .numAddBtn{float:left; border:1px solid #ddd; border-radius:20px; padding:3px 7px;}

.offlineMeeting .step{margin:40px 0px; }
.offlineMeeting .step ul{width:100%;  padding:0px;}
.offlineMeeting .step ul li{position:relative; padding:0px; width:19%; text-align:center; }
.offlineMeeting .step ul li span{background-color:#e0dfda; padding:5px 10px; border-radius:20px; position:absolute; left:40%; top:-7px; z-index:1;}
.offlineMeeting .step ul li p{margin-top:20px;}
.offlineMeeting .step ul li span.active{background-color:#fe6a48; color:#fff; padding:5px 10px; border-radius:20px;  position:absolute; left:40%; top:-7px; z-index:1;}
.offlineMeeting .step ul li label.lineActive{position:absolute; border:1px solid #fe6a48; width:100%; left:50%; top:7px; z-index:0;}
.offlineMeeting .step ul li label.line{position:absolute; border:1px solid #e0dfda; width:100%; left:50%; top:7px; z-index:0;}

.offlineMeeting #nextBtn,
.offlineMeeting #resposiblerDiv #resposiblerForm{width:50%; margin:0px 25%;}
.offlineMeeting #payDiv .formTitle, 
.offlineMeeting #payDiv #orderDetail,
.offlineMeeting #payDiv #orderAllMoney,
.offlineMeeting #payDiv .payType  {width:80%; margin:10px 10%;}
.offlineMeeting #payDiv .meetingBtn{width:60%; margin:10px 20%;}

.offlineMeeting .orderDetail{background-color:#fafafa;}
.offlineMeeting .orderDetail tr td{padding:10px;}

.offlineMeeting .meetingBtn{ padding:8px;}
.offlineMeeting .meetingBtn.wd50{width:50%; margin:0px auto;}

.offlineMeeting .ok{padding:20px 22px; background-color:#fe6a48; width:auto; color:#fff; border-radius:100px; background-color:#7abd54;}
.offlineMeeting ul.okMsg{float:left; padding:50px 140px; margin:50px 19%; width:770px;}
.offlineMeeting ul.failBg{background-color:#fff9f9; border:1px solid #ffebe7;}
.offlineMeeting ul.okBg{background-color:#f2fded; border:1px solid #cee4c4;}
.offlineMeeting .okMsg li{float:left; margin-left:20px;}
.offlineMeeting .okMsg li p{margin-bottom:8px;}
.offlineMeeting .okMsg li p.okTip{font-size:18px; color:#89c568;}
.offlineMeeting .okMsg li p.failTip{font-size:18px; color:#fe6a48;}
.offlineMeeting .okMsg li p span{color:#afb2ad;}

.offlineMeeting .formTitle{clear:both; padding:0px; margin:20px 0px; border-left:2px solid #fe6a48; margin-left:0px; padding-left:20px;}
.offlineMeeting .formTitle h4{font-weight:800; font-size:15px;}
/*****offlineMeeting end*****/

/****公共宽度，居中必须放在最底部,主要用于居中用，防止分辨率大小变化导致页面布局紊乱问题****/
.row.content_div, .row.sub_header_div, .row.sub_footer_div, .row.sub_content_div{max-width:1362px; margin:0 auto;}
.