
.app .mt100{margin-top:50px;}
.navbar-header .navbar-text{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/****在线专栏详情开始****/
.app.onlineColumn{background-color:#f3f3f3;}

.app.onlineColumn .onlineCousePlay{float:left; background-color:#191919;  height:auto !important; height:600px; overflow:hidden; }
.app.onlineColumn .onlineCousePlay .controls-2 .notes label {right:210px;}
.app.onlineColumn .onlineCousePlay .controls-2 .notes input {right:0px;}
.app.onlineColumn .couseRemark .authorDiv{clear:both; width:100%; float:left; padding:15px; margin:15px 0px 10px 0px; border:1px solid #dcdcdc; background-color:#fff;}
.app.onlineColumn .couseRemark .authorDiv h4 {float:left; font-size:22px; font-weight:bold; line-height:30px;}
.app.onlineColumn .couseRemark .authorDiv .author{float:right; margin-top:6px;}
.app.onlineColumn .couseRemark .authorDiv .author label{margin-left:15px; font-weight:500; color:#7e7e7e;}
.app.onlineColumn .couseRemark .authorDiv .author label{margin-left:15px; font-weight:500; color:#7e7e7e;}
.app.onlineColumn .couseRemark .authorDiv .remark{clear:both; color:#000; float:left; font-size:15px; margin-top:10px; line-height:27px;}
.app.onlineColumn .couseRemark .authorDiv .content{clear:both; float:left; margin-top:10px;}

.app.onlineColumn .collecThing{position:fixed; top:150px; right:10px; width:40px;}
.app.onlineColumn .collecThing img{width:40px; height:40px; margin-top:5px;}
/****在线专栏详情结束****/
/****用户评论开始****/
.app.onlineColumn .user_comment{ padding:0 0 0 10px; background:#fff; border-bottom: 1px solid #e0e0e0; margin: 10px auto 70px;}
.app.onlineColumn .user_comment_con{ overflow:hidden; padding:10px 0 0; border-bottom: 1px solid #e0e0e0;}
.app.onlineColumn .user_comment_con:last-child{ border-bottom:0;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_left{ width:40px; float:left;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_left img{ border-radius:50%;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_right{ margin:0 10px 0 50px; position:relative;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_right h2{ font-size: 15px; font-weight: normal; color:#000; line-height: 20px;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_right h3{ font-size:13px; font-weight: normal; color:#999; line-height: 20px; padding-bottom: 5px;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_right p{ font-size:14px; font-weight: normal; color:#666; line-height: 20px; padding-bottom:10px;} 
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_right span{ display:block; position:absolute; right:0; top:0; width:22px; height: 22px; background:url('./../image/messages.png') center center no-repeat; background-size:100%;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_right .user_reply{ font-size:13px; font-weight: normal; color:#999; line-height: 20px; background:#f8f8f8; padding:7px 10px; margin-bottom: 1px;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_right .user_reply:last-child{ margin-bottom:12px;}
.app.onlineColumn .user_comment .user_comment_con .user_comment_con_right .user_reply b{ color:#000; font-weight: normal;}

.app.onlineColumn .reply_fixed{ width:100%; position:fixed; bottom:0; left:0; padding:10px; background:#fff; border-top:1px solid #e0e0e0; overflow: hidden;}
.app.onlineColumn .reply_fixed .reply_fixed_left{ width:100%; float:left;line-height:30px; border:1px solid #e0e0e0; border-radius:4px; text-align: center;}
.app.onlineColumn .reply_fixed .reply_fixed_right{ width:45%; float:right; padding-right:10px;}
.app.onlineColumn .reply_fixed .reply_fixed_left .reply_input { font-size:14px;background: none; vertical-align:middle; width:94%; margin:0 auto; -webkit-appearance:none;outline:none;border:0; text-align:left;}
.app.onlineColumn :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999999; opacity:1; 
}
.app.onlineColumn ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999999;opacity:1;
}
.app.onlineColumn :-ms-input-placeholder{ /* Internet Explorer 10+ */
    color: #999999;
}
.app.onlineColumn ::-webkit-input-placeholder{ /* WebKit browsers */
    color: #999999;
}
.app.onlineColumn .reply_fixed_con{ width:100%; position:fixed; bottom:0; left:0; padding:10px 0; background:#fff; border-top:1px solid #e0e0e0; overflow: hidden; z-index:9999}
.app.onlineColumn .reply_fixed_con .reply_con{ border:1px solid #e0e0e0; border-radius:4px; margin:0 10px; text-align: center;}
.app.onlineColumn .reply_fixed_con .reply_text{ border:0; width:96%; margin:0 auto; vertical-align:top; padding:10px 0; outline: none; font-size:14px;}
.app.onlineColumn .reply_fixed_con .reply_btn{ overflow:hidden; padding:10px 10px 0;}
.app.onlineColumn .reply_fixed_con .reply_btn span{ float:left; font-size:12px; line-height: 30px; color:#999;}
.app.onlineColumn .reply_fixed_con .user_reply_btn{ height:30px; font-size:14px; line-height: 30px; padding:0 15px; color:#fff; background:#ff6599; float:right; border-radius:4px;}
.app.onlineColumn .marsk-container{background: #FFFFFF; display: none;position: absolute;position: fixed; top: 0; right: 0; left: 0; bottom: 0px; background: rgba(0,0,0,.5); z-index: 10; }
/****用户评论结束****/
/****在线会议开始****/
.app.meeting{}/* ./../image/app-banner.jpg */
.app.meeting .header{text-align:center; background: url('./../image/app-header.jpg') center center no-repeat; background-size:100%;}
.app.meeting .header .logo{height:100%; width:100%;}
.app.meeting .header h1{margin:10px 0px; font-size:20px; color:#00b0e3;}
.app.meeting .header h3{margin:10px 0px; font-size:17px; color:#00b0e3;}
.app.meeting .header .time{margin:10px 0px; font-size:15px; color:#a5a5a5;}
.app.meeting .header .address{margin:10px 0px; font-size:15px; color:#a5a5a5;}
.app.meeting .header .tag{padding:10px 20px; border:1px solid #eaeaea; border-radius:5px; width:150px; margin:20px auto;  color:#a5a5a5;}
.app.meeting .content{width:100%; background: url('./../image/app-sub_bg.jpg') top center no-repeat; background-size:100%;}
.app.meeting .content.unbg{background: none;}
.app.meeting .content ul li{width:50%; float:left; text-align:center;}
.app.meeting .content ul li img{width:100%; min-height:100px; max-height:276px;}
.app.meeting .footer{bottom:0px; text-align:center; padding:10px 0px; background: url('./../image/app-meeting-foot.jpg') center center no-repeat; background-size:100%;}
.app.meeting .footer p{margin-bottom:5px; color:#c5c5c5; font-size:14px;}

.app.meeting .content .subtitle{color:#21bae6; font-size:18px; margin:10px 0px;}
.app.meeting .content .subtitle small{color:#c5c5c5; margin-left:10px;}

.app.meeting .content .enroll{margin-top:20px;}
.app.meeting .content .enroll img{width:76px; height:76px; border-radius:38px;}
.app.meeting .content .enroll h5{margin:5px 0px; font-weight:600;-o-text-overflow: ellipsis; /*兼容opera*/
	text-overflow: ellipsis; /*这就是省略号喽*/
	overflow: hidden; /*设置超过的隐藏*/
	white-space: nowrap; /*设置不折行*/
	padding:0px;}
.app.meeting .content .enroll p {
	-o-text-overflow: ellipsis; /*兼容opera*/
	text-overflow: ellipsis; /*这就是省略号喽*/
	overflow: hidden; /*设置超过的隐藏*/
	white-space: nowrap; /*设置不折行*/
	padding:0px;
}

.app.meeting .content .sponnor{margin-top:20px;}
.app.meeting .content .sponnor img{width:100%; height:40px!important; padding:5px 5px; border:1px solid #ddd;}

.app.meeting .content .horzLs{width:100%;}
.app.meeting .content .horzLs li{width:100%; text-align:left; border-bottom:1px dashed #ddd; padding:7px 0px;}

.app.meeting .content .docLs{width:100%;}
.app.meeting .content .docLs li{width:100%; text-align:left; border-bottom:1px dashed #ddd; padding:7px 0px;}

.app.meeting .ticketSelNew .tip{height:69px; overflow:hidden; width:100%; background-color:#fffaf7; padding:10px; margin-top:10px; border:1px solid #ffe9e2; color:#ff924f;}
.app.meeting .ticketSelNew .title{background-color:#ddd;}
.app.meeting .ticketSelNew .ticketSelTable{border:1px solid #ddd; margin-top:10px;}
.app.meeting .ticketSelNew .step{margin-top:20px; }
.app.meeting .ticketSelNew .step label.num{font-weight:100; float:left; background-color:#fe6a48; padding:8px; color:#fff; font-size:22px;}
.app.meeting .ticketSelNew .step label.titleName{font-weight:100; margin-left:10px; float:left; color:#fe6a48; font-size:16px; }
.app.meeting .ticketSelNew .step label.titleName .enName{font-weight:100; font-size:13px;}
.app.meeting .ticketSelNew .tipError{color:#fe6a48; clear:both;}


.app.meeting .content .ticketDiv1{width:100%; border:1px solid #cddce3; float:left; margin-bottom:20px;}
.app.meeting .content .ticketDiv1 .ticketName{font-size:16px; position:relative; border-bottom:1px dashed #cddce3; background-color:#f8fdff; text-align:left; color:#21bae6; padding:7px}
.app.meeting .content .ticketDiv1 .ticketName span.must{color:red; font-size:14px;position:absolute; right:5px; top:5px;}
.app.meeting .content .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:60px;}
.app.meeting .content .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:60px;}
.app.meeting .content .ticketDiv1 .ticket{width:100%; padding:0px 5px;}
.app.meeting .content .ticketDiv1 .ticket li{width:100%; text-align:left; border-bottom:1px dashed #cddce3; padding:7px 0px;}
.app.meeting .content .ticketDiv1 .ticket li:last-child{border:0px;}
.app.meeting .content .ticketDiv1 .ticket li .cl1{color:#21bae6;}
.app.meeting .content .ticketDiv1 .ticket li .form-control{float:left; margin:0px 10px;}
.app.meeting .content .ticketDiv1 .ticket li .numSubBtn{float:left; border:1px solid #ddd; border-radius:20px; padding:3px 8px;}
.app.meeting .content .ticketDiv1 .ticket li .numAddBtn{float:left; border:1px solid #ddd; border-radius:20px; padding:3px 7px;}
.app.meeting .content  .form-horizontal{float:left; width:100%;}
.app.meeting .content  .form-group{position:relative; width:100%; margin:0px; margin-top:10px;}
.app.meeting .content  .form-group:last-child{margin-bottom:10px;}
.app.meeting .content  .form-group .addNext{color:#21bae6;}
.app.meeting .content  .form-group .formReq{position:absolute; color:red; right:10px; top:13px;}

.app.meeting .content .hasEnroll{padding:10px 2px;  float:left; width:100%; margin-top:10px;}
.app.meeting .content .hasEnroll.bg1{background-color:#f8fdff;}
.app.meeting .content .hasEnroll.bg2{background-color:#fffbf2;}
.app.meeting .content .hasEnroll .left{float:left; width:20%;}
.app.meeting .content .hasEnroll .right{float:left; width:80%;}

.app.meeting .content .ticketDiv2{width:100%; border:1px solid #e6dbc9; float:left; margin-bottom:20px;}
.app.meeting .content .ticketDiv2 .ticketName{font-size:16px; position:relative;border-bottom:1px dashed #e6dbc9; background-color:#fffbf2; text-align:left; color:#f0a92b; padding:7px}
.app.meeting .content .ticketDiv2 .ticketName span.must{color:red; font-size:14px;position:absolute; right:5px; top:5px;}
.app.meeting .content .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:60px;}
.app.meeting .content .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:60px;}
.app.meeting .content .ticketDiv2 .ticket{width:100%; padding:0px 5px;}
.app.meeting .content .ticketDiv2 .ticket li{width:100%; text-align:left; border-bottom:1px dashed #e6dbc9; padding:7px 0px;}
.app.meeting .content .ticketDiv2 .ticket li:last-child{border:0px;}
.app.meeting .content .ticketDiv2 .ticket li .cl1{color:#21bae6;}
.app.meeting .content .ticketDiv2 .ticket li .form-control{float:left; margin:0px 10px;}
.app.meeting .content .ticketDiv2 .ticket li .numSubBtn{float:left; border:1px solid #ddd; border-radius:20px; padding:3px 8px;}
.app.meeting .content .ticketDiv2 .ticket li .numAddBtn{float:left; border:1px solid #ddd; border-radius:20px; padding:3px 7px;}

.app.meeting .content .ok{padding:10px 12px; background-color:#21bae6; width:auto; color:#fff; border-radius:100px; margin:40px 0px 10px 0px;}
.app.meeting .content .okTip{margin:20px 0px 40px 0px; font-size:18px; color:#21bae6;}
.app.meeting .content .meetingBtn{background-color:#21bae6; color:#fff; border:1px solid #21bae6; padding:8px;}

.app.meeting .orderDetail{background-color:#fafafa;}
.app.meeting .orderDetail tr td{padding:10px;}


.app.meeting  .formTitle{clear:both; padding:0px; margin:20px 0px; border-left:2px solid #fe6a48; margin-left:0px; padding-left:20px;}
.app.meeting  .formTitle h4{font-weight:800; font-size:15px;}


.app.meeting .offlineMeeting .ok{padding:20px 22px; background-color:#fe6a48; width:auto; color:#fff; border-radius:100px; background-color:#7abd54;}
.app.meeting .offlineMeeting ul.okMsg{float:left; width:100%; margin:0px; padding:0px; margin-top:10px;}
.app.meeting .offlineMeeting ul.failBg{background-color:#fff9f9; border:1px solid #ffebe7;}
.app.meeting .offlineMeeting ul.okBg{background-color:#f2fded; border:1px solid #cee4c4;}
.app.meeting .offlineMeeting .okMsg li{float:left; width:100%; margin:0px; padding:0px; margin-top:20px; text-align:center;}
.app.meeting .offlineMeeting .okMsg li img{width:78px; height:78px;} 
.app.meeting .offlineMeeting .okMsg li p{margin-bottom:8px;}
.app.meeting .offlineMeeting .okMsg li p.okTip{font-size:18px; color:#89c568;}
.app.meeting .offlineMeeting .okMsg li p.failTip{font-size:18px; color:#fe6a48;}
.app.meeting .offlineMeeting .okMsg li p span{color:#afb2ad;}

.app.meeting  ul.resposiblerInfo{float:left; background-color:#fffbf2; margin:10px 1%; border:1px solid #f8f3ea; width:98%;}
.app.meeting  ul.resposiblerInfo li.tip{float:left; border-bottom:1px dashed #e6dbc9; color:#f4bc5c; width:100%;text-align:center;}
.app.meeting  ul.resposiblerInfo li{float:left; padding:5px 5px; width:100%; text-align:left;}

.app.meeting  ul.enrollInfo{float:left; background-color:#f8fdff; margin:10px 1%; border:1px solid #f8f3ea; width:98%; border:1px solid #f1f5f7;}
.app.meeting  ul.enrollInfo li.tip{float:left; border-bottom:1px dashed #efebe4; color:#47c4ea;text-align:center;}
.app.meeting  ul.enrollInfo li{float:left; padding:5px 5px; width:100%; text-align:left;}
.app.meeting  ul.enrollInfo li.btl{float:left; border-top:1px dashed #efebe4; width:100%;}
/****在线会议结束****/