html, body, div, span, dd, img, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/ 
}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.bottom img{display: block}
input::-webkit-input-placeholder { /* WebKit browsers */  
  color: #C1C1C1;  
}  
ul, li {
	list-style:none
}.theme-select
table {
	border-collapse:collapse;
	border-spacing:0
}
p {
	padding:0 0 20px 0; 
}
img {
    max-width: 100%;
 }
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
h1 {
	font-size:24px
}
h2 {
	font-size:18px
}
h3 {
	font-size:17px
} 

A:not(.weui-btn):link {
	COLOR: #222;
	TEXT-DECORATION: none;
}
A:not(.weui-btn):visited {
	COLOR: #222;
	TEXT-DECORATION: none;
}
A:not(.weui-btn):active {
	COLOR: #222;
	TEXT-DECORATION: none;
}
A:not(.weui-btn):hover {
	COLOR: #222;
	TEXT-DECORATION:none;
}
.weui-dialog__ft a:link{COLOR: #DE4646;}
.weui-dialog__bd{font-size: 15px; line-height: 25px}
.weui-btn {
	font-size: 17px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.red {
	color:#ee4863
}
.green {
	color:#2bab37
}
.blue {
	color:#1c56db!important
}
.yellow{color:#ffba00}


html {
	height:100%;
	font-size: 20px;
}
body {
	padding: 0 0 50px 0;
	font-size: 15px;
	color: #222;
	background-color:#f6f7f9;
	word-wrap:break-word;
	font-family: 'robotoregular';
 }
input, textarea, select {
	font-family: 'robotoregular';
	outline:0;
}
.wrap {
	margin: 20px 22px 20px;
	font-size:15px;
}
.header{ height: 44px; background:#ffffff; }
.header img{ float:left; margin: 5px 3px -14px 12px; height:36px;}
.header span{ float: right; margin: 12px 8px 0 0;font-size: 14px}
.header .company{ float:left; margin: 9px 0 0 2px; height:24px; font-size: 18px; font-weight:400 }

.header-fixed{position: fixed; width: 100%; top:0; height: 44px; background-color:#F4F4F4; border-bottom: 0px solid #eaeaea; z-index: 10}
.header-blank{height: 44px}


.bottom {
	width:100%;
	position:fixed;
	bottom: 0;
	height: 50px;
	background-color:#ffffff; 
	font-size:12px;
	z-index:12;
	border-top: 1px solid #f2f3f6;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
}
 
.bottom Ul{display: flex;}
.bottom li{ flex: 1; text-align: center}
.bottom li a {
	display: block;
 	text-align:center;
	line-height:13px;
	padding: 0 0 12px 0
} 
.bottom .icon{ width: 22px; height: 22px; margin:5px auto 4px; background: #fff}
.bottom img {
 	width: 24px;
	max-width: inherit;
	margin: -1px 0 0 -1px;
}
.bottom .current a {
	COLOR: #e52323;
}
.bottom .current .icon{ background: #e52323}


.nav-wrap{width: 100%; margin: 0 0 10px 0; border-top: 1px solid #f0f0f0; padding: 2px 0 0 0; height:45px; background:#FFF; overflow: auto}
.sub-nav{display: flex; width:100%; height:44px; margin: 1px 0 12px 0; background:#FFF; border-bottom: 0px solid #eaeaea;}
.sub-nav li{flex: 1; text-align: center}
.sub-nav li a{ color:#606060; line-height:43px; padding: 10px 8px; font-size:15px; text-align:center; white-space:nowrap}
.sub-nav .current a{color:#DE4646;  border-bottom: 2px solid #DE4646;  } 


.news-title{font-size: 20px; font-family: 'robotomedium'; }
.news-date{font-size: 14px; color: #999; margin: 0 0 30px}


.synchronize{
	width:100%;
	position:fixed;
	bottom: 0;
	height: 50px;
	background-color:#ffffff; 
	font-size:11px;
	z-index:12;
	border-top: 1px solid #f2f3f6;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
}

.synchronize .checkbox{position: absolute; left: 10px; top: 12px }
.synchronize .text{position: absolute; left: 45px; top: 15px; color: #777  }
.synchronize .btn{float: right; margin: 5px 10px 0 10px}
.synchronize .btn a{
	display: inline-block;
	color: #fff;
	text-align:center; 
	background: #DE4646;
	padding: 9px 35px;
 	border-radius: 4px;
	cursor: pointer; 		
	font-size: 14px;
	box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.03);
}
.synchronize .btn a:active{color: rgba(255, 255, 255, 0.5);}

.header .top-item {position:relative; float: right; margin: 0 10px 0 2px;}
.launch-dropdown img{width: 23px;}
.launch-dropdown .name{margin: 10px 2px 0 0; padding: 0 8px; height: 24px; border: 1px solid #666; border-radius: 3px; font-size: 12px; text-align: center; line-height: 24px}

.dropdown-box {
	display: none;
	position: absolute;
	top: 45px;
	right: -5px;
	min-width: 140px;
	font-size: 14px;
	background-color: #fff;
	margin: 0 0 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0 0 10px 0;
	z-index: 40;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.12);
}
.dropdown-box:after {
	content: "";
	position: absolute;
	right: 12px;
	top: -7px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
}
.dropdown-box li {
	float: none;
	line-height: 36px;
	padding: 0;
	margin: 0
}
.dropdown-box li a {
	display: block;
	padding: 0 0 0 18px;
	font-size: 15px;
}
.dropdown-box li a {
	display: block;
	color: #12347d;
}
.dropdown-box li a:hover {
 	background: #f2f5f7;
 }
.dropdown-box li.current a{
	color: #DE4646; 
	background-image: url("../images/icon-tick-2.svg");
	background-repeat: no-repeat;
	background-position: 110px center ;
	background-size: 15px;}
.dropdown-box li:first-child{padding: 10px 0 0 0;}
.dropdown-box li.title {
	width: 230px;
	font-size: 16px;
  	margin: 0 0 8px 0;
	padding: 6px 8px 6px 15px;
	border-bottom: 1px solid #eee;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    color: #12347d;
}
.dropdown-box li img{display: inline-block; width: 25px; margin: 6px 6px 0 -8px; vertical-align: top; }

.box-wrap{position: relative; margin: 10px 0 10px 0; background: #fff; }
.box-wrap h3{font-size: 18px; line-height: 18px; font-family: 'robotomedium'; padding: 14px 0 14px 25px; margin: 0 0 0 0; border-bottom: 1px solid #f0f0f0} 
.box-wrap h3:after{content: ""; position: absolute; width: 3px; height: 16px; border-radius:3px; left: 15px; top: 16px; background: #d33b36}
.box-wrap .content{font-size: 16px; line-height: 26px; color: #333;  } 
.box-wrap .content img{max-width: 100%}
.box-wrap .data-wrap{padding: 0 15px}
.box-wrap .unit{position: absolute; right: 15px; top:14px; font-size: 13px; color: #999}
.financial-date{position: absolute; right: 13px; top:10px; font-size: 13px; color: #999}
.financial-date img{width: 24px}
.financial-date .dropdown-box{top:36px; right: -8px}
strong{font-family: 'robotobold'; font-weight: normal }
.market-wrap{ padding: 15px}
.market-wrap .title{font-size: 22px; font-family: 'robotomedium'; margin: 0 0 5px 0}
.market-wrap .title span{font-size: 16px; color: #999; }
.announcements .title{font-size: 16px; line-height: 24px; }
.announcements .date{font-size: 13px; color: #b1b1b6}
.announcements li a{display: block; padding: 12px 0 8px; border-bottom: 1px solid #f2f2f2;}
.announcements li{padding: 0 15px 0}
.announcements li:active{background: #fbfbfb}
.data-wrap li{
	position:relative;
 	padding: 8px 0;
	line-height:22px;
	border-bottom: 1px solid #f2f2f2;
	font-size: 15px;
	background: #fff;
}
.data-wrap li:last-child, .date-wrap li:last-child{
	border-bottom: 0px
}
.data-wrap li .name {
  	font-size: 13px;
	line-height: 16px;
	margin: 2px 0 3px 0;
 	color:#999;
 }
.data-wrap li .data {
 	font-size:16px;
	line-height:20px; 
    display: inherit;
} 


.data-col-6 li{display: inline-block; width: 49%;}
.data-col-4 li{display: inline-block; width: 32%;}
.col-4{display: inline-block; width: 32%;}
.data-wrap .title{font-family: 'robotomedium'; font-size: 16px; margin: 5px 0 7px}

.row-directors{ }
.row-directors .c-1{display: inline-block;  width: 38%; margin: 3px 0 3px 0}
.row-directors .c-2{display: inline-block;  width: 26%; margin: 3px 0 3px 0}
.row-directors .c-3{display: inline-block;  width: 26%; margin: 3px 0 3px 0}
.row-directors .c-4{display: inline-block;  width: 38%; margin: 0 0 3px 0}
.row-directors .c-5{display: inline-block;  width: 60%; margin: 0 0 3px 0}

.news-page{background: #fff; padding: 20px; border-top: 1px solid #f0f0f0;}

.more-link{position: absolute; right: 10px; top: 8px}
.more-link a{display: block; padding: 5px 20px 5px 5px; font-size: 14px; color: #999!important; background-image: url("../images/more-arrow.svg");
	background-repeat: no-repeat;
	background-position: right 8px ;
	background-size: 14px; }

.box-wrap .settings{padding: 10px 0 5px 0}
.box-wrap .settings li{display: inline-block; vertical-align: top; position: relative; width: 32.5%; padding: 0 0 20px 0;  text-align: center;}
.box-wrap .settings li .icon{width: 38px; margin: 11px auto -2px;}
.box-wrap .settings li .icon img{width: 40px; max-width: inherit; }
.box-wrap .settings li p{margin: 0 10px; padding: 0; font-size: 15px; line-height: 18px}
.box-wrap .settings li a{display: block}
.box-wrap .settings li a:active{opacity: 0.7}

.setting-list{margin: 10px 0}
.setting-list .li{ position:relative; color: #777; padding:15px 15px; margin:0 10px 10px 10px;  background:#fff; border-radius: 6px; box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.03);}
.setting-list .check{position:absolute; right: 15px; top: 15px; zoom:0.9}
.setting-list .title{ display:inline-block; font-size: 15px; line-height: 20px; width: 75%; margin: 0 10px 3px 0; color: #333 }
.setting-list .date{ font-size: 13px; color: #999; min-height: 18px }
.setting-list h3{font-weight: 500; font-size: 16px; margin: 20px 0 10px 14px; font-family: 'robotomedium';}
.setting-list .function{position: absolute; right: 5px; top: 21px;}
.setting-list .function li{float: left; margin: 0 15px 0 0}
.setting-list .function li a:active{opacity: 0.7}
.setting-list .function img{width: 28px}
.li-add{margin: 10px 10px 10px 10px; position: relative;}
.li-add a{
 	display: block;
 	padding: 14px 15px;
     background: #fff;
    border-radius: 6px;
    box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.03);
	text-align: center;
	font-size: 16px
}
.li-add a:active{background: #f7f8f9} 
.li-add .icon-img {
    height: 22px;
    width: 22px;
    margin: -1px 7px -6px 0;
}

.whole-wrap {
	position:relative;
	min-height:42px;
	background-color:#FFF;
	box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.03);
	padding: 0 0 0 16px;
	margin: 12px 0 12px 0;
}
.input-wrap li, .date-wrap  li{
	position:relative;
	float:left;
	width:100%;
	padding: 14px 0;
	line-height:22px;
	border-bottom: 1px solid #f3f3f4;
	font-size: 15px;
	background: #fff;
}
.input-wrap li:last-child, .date-wrap li:last-child{
	border-bottom: 0px
}
.input-wrap li .name {
	float:left;
	width: 32%;
	font-size: 15px;
	line-height: 20px; 
	color:#666
}
.input-wrap li .data {
	float:left;
	width: 66%;
	font-size:15px;
	line-height:20px; 	
}
.input-wrap li input[type="text"] {
	border: 0;
	width:99%;
	font-size:15px;
	padding:0;
	height:20px;
	line-height:20px;
}

.wrap {
    margin: 0 22px 20px;
    font-size: 15px;
}
.submit-btn {
	width:100%;
	color: #fff;
	text-align:center;
	height: 48px;
	line-height: 44px;
	background: #DE4646;
	border: 1px solid #DE4646;
	outline: none;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 15px;
	font-size: 18px;
	font-family: 'robotoregular';
	box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.03);
}
.submit-btn:active {
	background: #bb2828;
	color: rgba(255, 255, 255, 0.4);
}
.logo-text{ text-align:center; font-size: 17px; margin: -70px 0 60px 0}
.login-qr{ width: 100%; text-align:center; margin: 40px 0 5px 0  }
.login-qr img{ width: 150px; height:150px}
.login-text{ padding: 10px 50px; font-size: 14px; text-align:center; }
.login-logo {
    margin: -10px auto -35px auto;
    width: 250px;
}
.login-logo .login-img {width:100%;}
.weixin-btn a { 
	display:block;
	color: #4b4b4b;
	text-align:center;
	font-size: 19px;
 	background: #00bc0c;
	border: 1px solid #00bc0c;
	outline: none;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 12px; 
}
.weixin-btn img{ width: 230px; margin: 3px 0 -2px;}
.weixin-btn a:active { 
	background: #00bc0c;
}
.weui-dialog__hd{padding: 1.3em 1.6em 0.2em;}


.oc-header{ padding: 0 20px; height: 60vw; background-color:#DE4646; color:#FFF; text-align:center}
.oc-header-short{ position:relative; padding: 0 20px 25px; height:auto;background-color:#DE4646; color:#FFF; text-align:center}
.oc-header .p-1{ display:block; font-size:17px; line-height:25px; padding:30px 10px 0; text-align:center  }
.oc-header .p-2 {
  display:block; 
	position:relative;
  color:rgba(255,255,255,0.8);
	font-size:14px;
 	line-height:22px; 
  text-align:center; 
}
.oc-header .p-2  span{
	position:absolute;
 	left:0;
 	}

.audio-widget-2{ display: block; width:fit-content; margin: 15px auto 15px}	
.switch-video{ margin: 6px 10px 10px}
.switch-video .li{ 
display:inline-block; 
color:#4b4b4b;
text-align:center;
font-size:15px;
padding: 0 18px;
margin: 0 8px 8px 0; 
height:38px;
line-height:38px;
background:#ffffff;
border:1px solid #cfcfcf; 
border-radius:5px;
cursor:pointer;
}
.switch-video .li.active{
  color: #fff;
  background:#DE4646;
border:1px solid #DE4646;
 }
	
.roadshow-bg-1{ background:url(../images/roadshow-bg-1.jpg); background-size: cover}	
.roadshow-bg-2{ background:url(../images/roadshow-bg-2.jpg); background-size: cover}	
.roadshow-bg-3{ background:url(../images/roadshow-bg-3.jpg); background-size: cover}	
.roadshow-bg-4{ background:url(../images/roadshow-bg-4.jpg); background-size: cover}	
.roadshow-bg-5{ background:url(../images/roadshow-bg-5.jpg); background-size: cover}	
.roadshow-bg-6{ background:url(../images/roadshow-bg-6.jpg); background-size: cover}	
.roadshow-bg-7{ background:url(../images/roadshow-bg-7.jpg); background-size: cover}	
	
.oc-live{ margin: 15px 10px 20px 6px}	
.oc-live li{ position:relative; margin: 0 0 12px 0}
.protrait{ position:absolute; width: 36px; height:36px; border-radius: 50px; }
.compere .protrait{background: url(../images/compere.svg)  no-repeat center center; background-color:#FBAE00; background-size: 22px 22px; }
.honor-guest .protrait{background: url(../images/honor-guest.svg)  no-repeat center 6px; background-color:#1b82e2; background-size: 22px  }
.visitor .protrait{background: url(../images/visitor.svg)  no-repeat center 6px; background-color:#bebebe; background-size: 22px  }

.compere .question{ position:absolute; width: 30px; height:30px; border-radius: 50px; top:5px; left:2px;  background: url(../images/question-2.svg)  no-repeat center center; background-color:#DE4646; background-size: 32px 32px; }
.question-btn{ margin: 0 9px 0 12px}

.message{margin: 0 0 0 5px; background-color:#FFF; border-radius: 4px; padding:15px; font-size:15px;}
.message:before {
    position: absolute;
    left: 41px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #fff;
}
.compere  h4{ font-size:16px; color:#FBAE00; margin: 0 0 5px 0 }
.honor-guest  h4{ font-size:16px; color:#1b82e2; margin: 0 0 5px 0 }
.visitor  h4{ font-size:16px; color:#888; margin: 0 0 5px 0 }
.message .content{ padding:0 0 0 0; font-size:15px; line-height:22px}
.message .content p{ padding: 0 0 15px 0}
.message span.compere {color:#FBAE00;}
.message span.honor-guest {color:#1b82e2;}
.message .content img{ max-width:100%; margin: 0 0 20px 0}
.message .date{ font-size:13px; width: 60%; color:#999}
.message .more{  position:relative; float:right; margin: -23px 0 0 0; }
.message .more-btn{width: 23px; height:16px; border-radius: 3px; border:1px solid #CCC; background: url(../images/more.png) no-repeat center center; background-size: 12px ; background-color: #FAFAFA;}
.message .more-btn:active{background-color: #eaeaea;}
.message .expand-mask{ position:absolute; width:200px; height:40px; right:28px; top:-9px; overflow:hidden}
.message .expand{ text-align:center; position:absolute; right:36px; top: 0px; right:-175px;  background-color:#666666; border-radius: 4px; }
.message .half{width:80px;}
.message .expand a{ display:table-cell; color:#FFF; padding: 8px 17px 9px 34px; font-size:14px; border-radius: 4px;}
.message .expand a:active{ background-color:#555;}
.message .expand .btn-delete{ border-right: 1px solid #777; background: url(../images/delete.svg)  no-repeat 13px center;background-size: 18px;}
.message .expand .btn-comment{background: url(../images/comment.svg)  no-repeat 13px center;background-size: 18px;}
.message .expand .btn-follow{background: url(../images/follow.svg)  no-repeat 13px center;background-size: 18px;}
.message .expand .btn-follow-active{background: url(../images/follow-2.svg)  no-repeat 13px center;background-size: 18px;}
.message .expand:before {
    content: "";
    position: absolute;
    right: -6px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #666666;
}


.message .more{  position:relative; float:right; margin: -20px 0 0 0; }
.message .qs-delete{ float: left; padding: 0 0 0 33px; margin: 0 5px 0 0;   background: url(../images/delete-2.svg)  no-repeat 13px center;background-size: 18px; cursor:pointer}
.message .qs-follow{float: left; padding: 0 0 0 35px; height:18px; background: url(../images/like.svg)  no-repeat 13px center;background-size: 18px; cursor:pointer}
.message .qs-follow-active{float: left; padding: 0 0 0 35px; color:#DE4646   ; background: url(../images/like-2.svg)  no-repeat 13px center;background-size: 18px;}
 
 
.bottom-aq{
	width: 100%;
    position: fixed;
    bottom: 0;
    height: 50px;
    background-color: #fafafa;
    border-top: 1px solid #eaeaea;
    font-size: 12px;
    z-index: 12;
	}
.bottom-aq .input{background: url(../images/question.svg) no-repeat 10px 6px; background-size: 18px; display:block; border: 1px solid #eaeaea; margin:8px 10px; font-size:15px; line-height:30px; padding: 0 33px; height:30px; border-radius: 40px; background-color:#FFF; color:#777}
.bottom-aq .input:active{background-color:#fafafa;}

 .oc-nav-fixed{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%; 
	z-index: 10
	}
.oc-ct-fixed {
	margin-top: 66px
}
.talk-reply {
	border-radius: 5px;
    background-color: #F2F2F2;
    padding: 10px; 
    margin: -10px 0 20px 0;
}
.talk-reply .name{ font-size:16px; margin: 0 0 5px 0}
.oc-ct .intro{ margin: -15px 0 0 0; padding: 20px 20px; font-size:15px; line-height:26px; background-color:#FFF}

.rs-nav li{ float:left}
.rs-nav li a{width: 100%;}

.audioplayer-lock {
	position: absolute;
	width: 40px;
	height: 40px;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 8px;
	left: 6px;
    background-color: #59bf22;
    border-radius: 50px;
	background-image: url("../images/icon-lock.svg");
	background-position: center;
	background-size:  22px;
	background-repeat: no-repeat;
} 
.audio-area {
	margin: 15px 0 15px 0;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.audioplayer {
	height: 4em;
	color: #333;
	position: relative;
	z-index: 1;
	background: #fff;
}
.audioplayer-mini {
	width: 2.5em;
	margin: 0 auto;
}
.audioplayer > div {
	position: absolute;
}
.audioplayer-playing {
	position: absolute;
	width: 40px;
	height: 40px;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 8px;
	left: 6px;
    background-color: #59bf22;
    border-radius: 50px;
}
.audioplayer-playpause {
	position: absolute;
	width: 40px;
	height: 40px;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 8px;
	left: 6px;
    background-color: #59bf22;
    border-radius: 50px;
}
.audioplayer-playpause a {
	display: block;
}
.audioplayer .audioplayer-playing a {
	width: 0;
	height: 0;
	border: 0.65em solid transparent;
	border-right: none;
	border-left-color: #ffffff;
	content: '';
	position: absolute;
	top: 45%;
	left: 50%;
	margin: -0.5em 0 0 -0.12em;
	transform: scaleX(1.4);
}
.audioplayer .audioplayer-playpause a {
	width: 0.9em;
	height: 1.2em;
	position: absolute;
	top: 46%;
	left: 50%;
	margin: -0.49em 0 0 -0.41em;
}
.audioplayer-playpause a {
	width: 1.05em;
	height: 1.5em;
	position: absolute;
	top: 46%;
	left: 52%;
	margin: -0.6em 0 0 -0.4em;
}
.audioplayer .audioplayer-playpause a:before,  .audioplayer .audioplayer-playpause a:after {
	width: 40%;
	height: 100%;
	background-color: #ffffff;
	content: '';
	position: absolute;
	top: 0;
}
.audioplayer .audioplayer-playpause a:before {
	left: 0;
}
.audioplayer .audioplayer-playpause a:after {
	right: 0;
}
.audioplayer-time {
	width: 4.375em; /* 70 */
	height: 100%;
	line-height: 4.2em; /* 38 */
	text-align: center;
	z-index: 2;
	top: 0;
	font-size: 13px;
}
.audioplayer-time-current {
	left: 3.7em; /* 40 */
}
.audioplayer-time-duration {
	/* border-right: 1px solid #555; */

			/* border-right-color: rgba( 255, 255, 255, .1 ); */

	right: 0; /* 40 */
}
.audioplayer-novolume .audioplayer-time-duration {
	border-right: 0;
	right: 0;
}
.audioplayer-bar {
	height: 0.7em; /* 14 */
	cursor: pointer;
	z-index: 1;
	top: 30%;
	right: 3.8em; /* 110 */
	left: 7.1em; /* 110 */
	margin-top: -0.35em; /* 7 */
}
.audioplayer-novolume .audioplayer-bar {
	right: 4.375em; /* 70 */
}
.audioplayer-bar view {
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.audioplayer-bar-loaded {
	background-color: #666;
	z-index: 1;
}
.audioplayer-bar-played {
	background-color: #59bf22;
	z-index: 2;
}
.audioplayer-volume {
	display: none;
	width: 2.5em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	right: 0;
}
.audioplayer-volume:hover,  .audioplayer-volume:focus {
	background-color: #222;
}
.audioplayer-volume-button {
	width: 100%;
	height: 100%;
}
.audioplayer-volume-button a {
	width: 0.313em; /* 5 */
	height: 0.375em; /* 6 */
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 1;
	top: 40%;
	left: 35%;
}
.audioplayer-volume-button a:before,  .audioplayer-volume-button a:after {
	content: '';
	position: absolute;
}
.audioplayer-volume-button a:before {
	width: 0;
	height: 0;
	border-left: none;
	border-right-color: #fff;
	z-index: 2;
	top: 50%;
	right: -0.25em;
	margin-top: -0.5em; /* 8 */
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
	width: 0.313em; /* 5 */
	height: 0.313em; /* 5 */
	border: 0.25em double #fff; /* 4 */
	border-width: 0.25em 0.25em 0 0; /* 4 */
	left: 0.563em; /* 9 */
	top: -0.063em; /* 1 */
	-webkit-transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
.audioplayer-volume-adjust {
	height: 6.25em; /* 100 */
	cursor: default;
	position: absolute;
	left: 0;
	right: -1px;
	top: -9999px;
	background: #222;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
	opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
	top: auto;
	bottom: 100%;
}
.audioplayer-volume-adjust > div {
	width: 40%;
	height: 80%;
	background-color: #222;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin: 30% auto 0;
}
.audioplayer-volume-adjust div div {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #007fd1;
	background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
	background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
	background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
	background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
	background: -o-linear-gradient( bottom, #007fd1, #c600ff );
	background: linear-gradient( bottom, #007fd1, #c600ff );
}
.audioplayer-novolume .audioplayer-volume {
	display: none;
}
.audioplayer-play,  .audioplayer-pause,  .audioplayer-volume a {
	-webkit-filter: drop-shadow( 1px 1px 0 #000 );
	-moz-filter: drop-shadow( 1px 1px 0 #000 );
	-ms-filter: drop-shadow( 1px 1px 0 #000 );
	-o-filter: drop-shadow( 1px 1px 0 #000 );
	filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer-bar {
	/* padding: 0 10px */
}
.audioplayer-bar slider {
	margin: -5px 3px 0 5px
}

.about-video{margin: 0 0 15px 0}
.live-wrap { margin:15px 0 0 0} 	
.live-wrap img{ display:block; width:100%}
.live-widget { position:relative } 	
.live-widget img{ display:block; width:100%}
.live-widget{ border-bottom: 1px solid #eaeaea;}
.live-video{ height:56vw}
.roadshow-info{ padding:15px 0 1px 0; min-height: 160px;}
.roadshow-info h3{ font-size:18px; font-family: 'robotomedium'; width: 70%}
.roadshow-info ul{ margin:10px 10px 10px 0}
.roadshow-info ul li{ line-height:28px; font-size:16px}
.roadshow-info ul .icon{ width:20px; margin: 4.5px 0.5% 0 0; display:inline-block;vertical-align:top }
.roadshow-info ul .name{ width:34%; display:inline-block; vertical-align:top }
.roadshow-info ul .data{ width:52%; display:inline-block; vertical-align:top}
.btn-wrap{ margin: 0 15px 20px 0}
.icon-play{ position:absolute; width:50px; height:50px; left:50%; top:55%; margin: -45px 0 0 -24px}
.live-np{ position: absolute; right:8px; bottom:8px; z-index:10; padding: 0 0 0 32px;  background: url(../images/eye.svg)  no-repeat 13px center; background-size: 18px;}
.roadshow-title{ padding: 10px 18px; margin: 15px 0 -5px 0; font-size:15px; font-weight:bold; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#fff}
.ct-add{margin: 12px 0 12px 0; border-bottom: 0px} 
.ct-link{ padding: 0}
.ct-link a{ display: block; float: left; width:92%; padding: 12px 4% 9px}
.ct-link a:active{ background: #f5f5f5}
.news-date{ padding: 0 0 0 0; text-align:center; color:#999}
.position-sortbar div{ position:relative}
.position-sortbar .down{
	display:none;
	position:absolute;
	top: 6px;
	right:0; 
    width: 10px;
    height: 30px;
	background: url(../images/sort-down.png);
    background-size: 10px;
	background-repeat:no-repeat
		}
.position-sortbar .active{ color:#000}
.position-sortbar .active .down{display:block;}
.h3{     padding: 0 16px;
    margin: 15px 0 0 0;
    font-size: 15px;
    color: #333;
    font-weight: 500;}

 
 .radio-style label{
	 display:block;
	 }
.radio-style input[type='radio']{
	display:none
}
.radio-style input[type='radio'] + label:before  {
  display:none;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 14px;
  text-align: center;
  position: absolute;
 }

.radio-style input[type='radio']:checked + label:before {
   display:block;
   background:url(../images/icon-select.png) center center;
   background-size: 20px;
   background-repeat:no-repeat
}
.provide-namecard .ipt-file{ margin: 0 0 0 0;}
.provide-namecard .ipt-file img{    border-radius: 6px;}

.theme-select{ margin: 20px 0; padding: 10px 0 0 0}
.theme-select ul li {
	vertical-align: middle;
	width: 21%;
 	position: relative;
	display:inline-block;
	padding: 0 0 10px 0px;
	margin: 0 2% 0 0;
	cursor: pointer;
}
.theme-select ul li img{ width:100%}
.theme-select ul li.select label, .theme-select ul li.select span {
	border: 2px solid #FF9B00;
}
.theme-select ul li span {
	border: 2px solid #fff;
	display: inline-block;
 	text-align: center;
	vertical-align: middle; 
	cursor: pointer;
	padding: 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	background-position: center;
	background-repeat: no-repeat;
	display: grid;
}
.theme-select ul li.select::after {
	content: url(../images/arr_con.png);
	width: 25px;
	height: 23px;
	position: absolute;
	top: 2px;
	right: 2px;
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
	overflow: hidden
}

.roadshow-file{ background-color:#fff;     border-bottom: 1px solid #eaeaea;}
.roadshow-file img{ max-width:100%; }

.tab-video{ padding:12px 13px; background: #fff; border-bottom: 1px solid #eaeaea;}
.tab-video li { display: -webkit-inline-box;}
.tab-video li a{ 
    display: -webkit-inline-box;
    padding: 0 20px;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background: #f9f9f9;
	margin: 0 8px 0 0 
	}
.tab-video li.current a{ background: #de4646; color:#FFF; border: 1px solid #de4646; }
.note-qr{ text-align:center; margin: 0 0 20px 0}
.note-qr img{ width:45%; margin: 0 auto}
.vote-banner img{ width:100%; display:block; }
.vote-btn{ 
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 55px;
    background-color: #fafafa;
    border-top: 1px solid #eaeaea;
    font-size: 12px;
    z-index: 12;
}
.vote-btn .red-btn a{ margin:7px 8px; height: 41px; line-height: 39px; border-radius: 3px;}
.vote-btn .white-btn a{ margin:7px 8px; height: 41px; line-height: 39px; border-radius: 3px;}
.input-wrap a{ color: #DE4646}

.seminar-header{ padding: 30px 0 27px 0;; text-align: center; color: #fff;
  background: url(../images/seminar-bg.jpg)  no-repeat center;background-size:cover;}
.seminar-header .title{ font-size: 20px; line-height: 25px; margin: 0 20px 2px 20px; text-align: center }
.seminar-header .time{ color: rgba(255, 255, 255, 0.7)}
.seminar-info{ background: #fff; font-size: 16px; margin:  0 0 15px 0; }
.seminar-info .li{ border-bottom:1px solid #dddddd; margin: 0 0 0 15px; padding: 14px 10px 14px 0; }
.seminar-info .li:last-child{ border-bottom:0px}
.seminar-info .name{ display:inline-block; margin: 0 0 5px 0}
.seminar-info .data{ display:inline-block; color: #777}
.seminar-info .data text{ display:block}
.seminar-tab .weui-navbar{border-top:0px}
.seminar-follow{cursor:pointer; position:absolute; font-size: 15px; right: 15px; top: 15px; height: 21px; padding: 0 0 0 20px; color:#666; background: url(../images/icon-like-1.png)  no-repeat center left;background-size: 17px;}
.seminar-follow-active{cursor:pointer; position:absolute; font-size: 15px; right: 15px; top: 15px; height: 21px; padding: 0 0 0 20px; color:#DE4646   ; background: url(../images/icon-like-2.png)  no-repeat center left;background-size: 17px;}

.question-item{ position:relative; background: #fff; padding: 15px; margin:  1px 0 12px 0}
.question-item .user-img{ height: 23px; width: 23px;  margin:  0 0 -6px 0;display:inline-block; overflow: hidden; border-radius: 50px}
.question-item .name{display:inline-block; font-size: 14px; color: #999; padding: 0px 80px 0 0;}
.question-item .question{ font-size: 17px; line-height: 25px; margin: 3px 0 6px 0}
.question-item .reply{ font-size: 17px; line-height: 25px; margin: 0 0 8px 0; word-break: break-all;}
.question-item .more{ height: 24px; }
.question-item .more .date{float: left; color: #999; font-size: 14px}
.seminar-delete{ cursor:pointer; float: right; color:#666; font-size: 16px; height: 24px; padding: 0 0 0 23px; margin: 0 0 0 5px;   background: url(../images/delete-gray.svg)  no-repeat left -3px; background-size: 20px;}
.seminar-delete:hover{color: #e6605f; background: url(../images/delete-red.svg)  no-repeat center left; background-size: 20px;}
.seminar-delete-2{ cursor:pointer; float: right; color:#e6605f; font-size: 16px; height: 24px; padding: 0 0 0 23px; margin: 0 0 0 5px;   background: url(../images/delete-red.svg)  no-repeat left 1px; background-size: 20px;}
.seminar-delete-2:hover{ color:#d63f3e;}
.seminar-write{ float: right; color:#e6605f; font-size: 17px; height: 26px; padding: 0 0 0 24px; margin: 0 0 0 15px;   background: url(../images/icon-write.png)  no-repeat left 1px; background-size: 20px;}
.seminar-write a{color:#e6605f!important;}
.seminar-write:active{ color:#d63f3e;}
.qa-item .user-img{position: absolute; top:14px; left: 12px}

.seminar-bottom{ position:fixed; width: 95%; bottom: 0; border-top:0px solid #dddddd; height: 50px; background: #fff; padding: 0 2.5% 0 2.5%; z-index:100; border-top: 1px solid #f2f3f6;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); }
.seminar-bottom .question-input{ float:left; border:0; background:#f0f0f0; margin: 8px 0 0 0; width: 76%; border-radius: 5px; font-size: 15px; height: 33px; line-height: 33px; padding: 0 8px; }
.seminar-bottom .seminar-submit{ float:right; margin: 11px 0 0 0; font-size: 17px; color: #e6605f }
.seminar-bottom .seminar-submit:active{color:#d63f3e;}
.seminar-bottom .submit-disable{ color:#bbbbbb;}
.seminar-bottom .submit-disable:active{ color:#bbbbbb;}

.raply-wrap .whole-wrap{ border: 0;}
.raply-wrap textarea{ padding: 10px 0; font-size: 16px; width:98%; border:0}
.raply-wrap .input-wrap li{ border-top: 1px solid #e5e5e5; border-bottom: 0px solid #eaeaea;}

.seminar-search{
	position: relative;
    min-height: 42px;
    background-color: #FFF; 
    padding: 0 0 0 16px;
    margin: 0 0 15px 0;
	}

.rs-nav{
	margin: 0 0 0 0;
    background: #FFF;
    border-bottom: 1px solid #eaeaea;
	}
.reservation-btn a {
	display:inline-block; 
	color: #fff!important;
	text-align:center;
	line-height: 30px;
	background: #DE4646;
	border-radius: 4px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid #DE4646;
}
.reservation-btn a:active {
	color: rgba(255, 255, 255, 0.6);
}

.reservation-active a {
  	color: #DE4646!important;
 	background: #fff!important;
	border: 1px solid #DE4646;
 }
.reservation-active a:active {
	color: rgba(222, 70, 70, 0.6); 
}
.reservation-btn-wrap{ position:absolute; right:20px; top: 22px; } 
.reservation-btn-wrap-2{
	position: relative;
    background-color: #FFF; 
    padding: 10px 16px 10px 16px;
    margin: 0 0 15px 0;
	height: 34px; 
}
.playback-btn a{
	display:inline-block;
	width:65px;
	color: #3f3f3f;
	text-align:center;
	line-height: 30px;
	background: #f9f9f9;
	border-radius: 4px;
	margin: 0;
	border: 1px solid #e5e5e5;
}
.reservation-btn-wrap-2 .reservation-time{font-size: 15px; margin: 6px 0 0 0 }
.reservation-btn-wrap-2 .reservation-btn a{position:absolute; top: 10px; right: 10px; line-height: 32px; font-size: 16px}
.reservation-btn-wrap a{color: #fff}
.reservation-qr{text-align: center; padding: 0 0 15px 0;} 
.reservation-qr img{ width: 130px; }

.whole-wrap {
	position:relative;
	min-height:42px;
	background-color:#FFF;
	border-top: 0px solid #eaeaea;
	border-bottom: 0px solid #eaeaea;
	padding: 0 0 0 16px;
	margin: 12px 0 12px 0;
}
.whole-text {
	padding: 15px 15px 15px 0;
	line-height:26px;
	font-size:16px;
	color:#333
}
.textarea-wrap h3 {
	font-size: 16px;
    font-family: 'robotobold';
    margin: 20px 0 10px 15px;
}
.buy-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 56px;
    background-color: #ffffff;
    font-size: 11px;
    z-index: 12;
    border-top: 1px solid #f2f3f6;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
}
.buy-btn a{ display: block; margin: 6px 15px; padding: 11px; background: #E9393C; color: #fff!important; border-radius: 30px; text-align: center; font-size: 15px}
.buy-btn a:active{ background: #da2b2e;}
.buy-note{text-align: center; font-size: 16px; margin: 13px 0 0 0; color: #E9393C}

.reward-btn{ margin: 40px auto 10px; width: 150px; padding: 8px 0 9px; background: #E9393C; color: #fff!important; border-radius: 5px; text-align: center; font-size: 15px}
.reward-btn:active{ background: #da2b2e;}
.reward-btn img{width: 23px; margin: 0 5px -5px 0}
.reward-recode{text-align: center; color: #999; font-size: 14px; margin: 0 0 30px}
.panel {
	display: none;
	position: fixed;
	width: 90%; 
	border-radius: 5px;
	overflow: hidden;
	background-color: #FFF;
	z-index: 10002;
	transition: 0.2s;
	height: fit-content;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.panel .choice-money-wrap{padding: 20px}
.panel .choice-money-wrap h3{text-align: center}
.panel .choice-money-wrap ul{margin: 30px 0 0; font-size: 0}
.panel .choice-money-wrap ul li{display: inline-block; width: 28.3%; margin:  0 3% 10px 2%;}
.panel .choice-money-wrap ul li a{display: block; text-align: center; font-size: 18px; padding: 8px 0; border: 1px solid #E9393C; color: #E9393C!important; border-radius: 5px;}
.panel .choice-money-wrap ul li a:active{background: #f6d6d7}

.panel .iconfont-x {
	background: url(../images/btn-close-3.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: auto;
	right: 20px;
	top: 20px;
	bottom: auto;
	width: 18px;
	height: 18px;
	cursor: pointer
}
.panel .iconfont-x:active{opacity: 0.7}
.custom-money{ margin: 10px 0; border-bottom: 1px solid #dadada;}
.custom-money li{height: 45px; border-top: 1px solid #dadada; }
.custom-money .title{float: left; width: 37%; margin: 12px 0 0 0; font-size: 15px; color: #666}
.custom-money .input{float: right; width: 48%; margin: 2px 0 0 0  }
.custom-money .input input{line-height: 38px; width: 100%; border: 0px; font-size: 20px; color: #333; text-align: right}
.custom-money .input .hint{line-height: 38px; width: 100%; font-size: 15px; color: #333; text-align: right}
.custom-money .unit{float: right; width: 30px; margin: 8px 0 0 0; font-size: 20px; color: #333; text-align: right }
.submit-btn:disabled{ background-color: #dddddd; border: 1px solid #dddddd;}
.submit-btn:disabled:hover, .submit-btn:disabled:active {background: #dddddd;color: rgba(255, 255, 255, 1);}

.popup-mask {
	display: none;
 	z-index: 1000;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tt { 
	position:relative;
	margin: 0 auto 0 auto;
	padding: 10px 12px 5px 12px;
	color: #a1a1a1;
 	border-bottom: 1px solid #eaeaea;
	line-height: 16px;
	background-color:#fdfdfd;
	overflow:hidden
}
.ct{
	position:relative;		
	border-bottom: 1px solid #eaeaea;
	font-size:15px;
	overflow:hidden;
	background-color: #FFF;
    line-height: 20px;
	}
.ct:last-child{border-bottom:0px solid #eaeaea;}
.ct-unlink { 
	position:relative;
	line-height: 20px;
	padding: 12px 12px;
	border-bottom: 1px solid #eaeaea;
	font-size:15px;
	background-color:#FFF; 
    display:block;
}
.ct-unlink:last-child{border-bottom: 0px solid #eaeaea;} 
.p-1, .p-2, .p-3{
	min-height:20px; 
	text-align: left;
	vertical-align: top;
	display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}  
.p-4, .p-5{display: -webkit-inline-box;}
.table-5 .ct{ font-size:15px}
.table-5 .p-1 {
	width: 18%;
}
.table-5 .p-2 {
	width: 44%;
	padding: 0 2% 0 0;	
}
.table-5 .p-3 {
	width: 33%;
	padding: 0 0 0 0;
}
.more a{ display:block; text-align:center}

.search-meeting-input{ width:82%; padding: 8px 0 8px 0; margin: 0 0 0 -3px; display:inline-block}
.search-meeting-input input{ padding: 6px 0 6px 0; line-height: 20px; border-radius: 0; outline:0; border: 0; font-size:16px;
     outline: none;
    -webkit-appearance: none;
 	}
.search-meeting-btn{ position:absolute; top: 8px ; right: 10px; }
.search-meeting-btn .orange-btn{
	display:inline-table;
 	padding:0 0;
	min-width: 62px;
	top: 10px
 	}
.search-meeting-btn .white-btn{
	display:inline-table;
	width: 110px;
 	padding:0 6px;
 	margin: 0 0 10px 0;
 	}
.select-style {
	width:100%;
	background:url(../images/icon-arrow.png) no-repeat;
	background-position: 95% center;
	background-size: 17px 22px;
	border-bottom: 1px solid #eaeaea
}
.select-style select {
	padding:0;
	background:transparent;
	width:100%;
	font-size:15px;
	border:none;
	height:46px;
	-webkit-appearance: none;
	color:#666666; 
	line-height:50px;
}
 

.select-district{ position:absolute; top:0; left:34px; width:92px; height: 50px; background:url(../images/icon-arrow-2.png) no-repeat; background-position: 96% center; background-size: 19px; border-bottom: 0px solid #eaeaea; border-right: 1px solid #d9d9d9}
.select-district select{ font-size:16px;}
.select-style-2 {
	width:100%;
	background:url(../images/icon-arrow.png) no-repeat;
	background-position: 95% center;
	background-size: 17px 22px;
}
.input-wrap li .select-style-2 select {
	padding:0 30px 0 0 ;
	background:transparent;
	width:100%;
	font-size:15px;
	border:none;
	height:20px;
	-webkit-appearance: none;
	color:#666666;
	margin: -1px 0 0 0;
	direction: rtl;
}
 
 
.input-wrap li .select-style {
	padding:0;
	background:transparent;
	width:100%;
	font-size:15px;
	border:none;
	height:20px;
	-webkit-appearance: none;
	color:#666666;
	background:url(../images/icon-arrow.png) no-repeat;
	background-position: 100% center;
	background-size: 17px 22px;
}
.input-wrap li .select-style-3 {
	padding:0;
	background:transparent;
	width:100%;
	font-size:15px;
	border:none;
	height:20px;
	margin: 0 0 15px 0;
	-webkit-appearance: none;
	color:#666666;
	background:url(../images/icon-arrow.png) no-repeat;
	background-position: 100% center;
	background-size: 17px 22px;
}

.select-style-half {
	padding:0;
	background:transparent;
	width:42%;
	margin: 0 2% 0 0;
	font-size:16px;
	border:none;
	height:20px;
	-webkit-appearance: none;
	color:#666666;
	background:url(../images/icon-arrow-2.png) no-repeat;
	background-position: 100% center;
	background-size: 22px;
	
}
.search-meeting-input .select-style-half {
 	height:34px; 
	border-radius: 0;
	}

.search-icon{width: 30px; margin: 3px 0 0 0}
.question-blank{ width: 100%; text-align:center; color: #999; margin: 10px 0 20px 0}
.blank-img{ display: block; width: 110px; margin: 0 auto 10px auto}
.seminar-popup{position: fixed; top:0; left: 0; width: 100%; height: 100%; background: #f5f5f5; z-index: 100}
.ask-question-btn{
	border: 0;
    background: #f0f0f0;
    margin: 7px 0 0 0;
    border-radius: 4px;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    text-align: center;
    color: #DE4646;
}
.raply-wrap .h2 {
    margin: 12px 0 12px 15px;
    font-size: 17px;
}
.white-btn a {
	display:block;
	color: #4b4b4b;
	text-align:center;
	font-size: 17px;
	height: 45px;
	line-height: 45px;
	background: #ffffff;
 	outline: none;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 14px;
	box-shadow: 5px 5px 20px rgb(0 0 0 / 1%);
}
.white-btn a:active {
	color: rgba(0, 0, 0, 0.4);
	background: #fcfcfc;
}
.photo-item {
    position: relative;
    background: #fff;
    padding: 15px 15px 10px 15px;
    margin: 0 0 1px 0;
}
.photo-item .photo img{width: 100%; margin: 0 0 5px 0}
.photo-item .text{ margin: 0 0 1px 0; font-size: 15px;}
.photo-item .date{ font-size: 13px; color: #999}
.photo-add{margin: 0 0 10px 0; position: relative;}
.photo-add a{
 	display: block;
 	padding: 14px 15px;
     background: #fff;
     box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.03);
	text-align: center;
	font-size: 15px
}
.photo-add a:active{background: #f7f8f9} 
.photo-add .icon-img {
    height: 20px;
    width: 20px;
    margin: -1px 6px -4px 0;
}
.photo-item .seminar-delete-2{ margin: -20px 0 0 0; zoom:0.88; background: url(../images/delete-red.svg) no-repeat left 1px; background-size: 19px;}
.weui-uploader__bd{ padding: 15px 0 10px; margin: 0}
.weui-msg .top-title {font-size: 22px; margin:35px 15px 5px 15px;}
.top-subtitle {
	padding: 0 30px;
	margin: 0 0 60px 0;
	font-size: 15px;
	color:#666; 
	text-align: center;
}
.top-subtitle span {
	font-size:14px
}
.weui-icon-success{ color: #DE4646;}
.subscription-btn{position: fixed; bottom: 70px; right: 20px; text-align: center}
.subscription-btn a{display: block; padding: 5px 10px; background: #fff; border-radius: 6px; box-shadow: 3px 3px 8px rgb(0 0 0 / 8%);}
.subscription-btn img{width: 28px}
.subscription-btn .text{font-size: 12px; margin: -2px 0 0 0; color: #666}
 
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.bottom-vote-btn, .bottom-aq, .seminar-bottom, .bottom {height: 84px;}
	body { padding: 0 0 100px 0;}
	.hk-question-btn{bottom: 90px;}
	.invite-research-fixed{bottom: 100px; }
}
 
 
 
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
	.bottom-vote-btn, .bottom-aq, .seminar-bottom, .bottom {height: 80px;}
	body { padding: 0 0 80px 0;} 
 
}

 
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
	.bottom-vote-btn, .bottom-aq, .seminar-bottom, .bottom {height: 80px;}
	body { padding: 0 0 80px 0;} 

}
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio:3) {
	.bottom-vote-btn, .bottom-aq, .seminar-bottom, .bottom {height: 80px;}
	body { padding: 0 0 80px 0;} 

}
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio:3) {
	.bottom-vote-btn, .bottom-aq, .seminar-bottom, .bottom {height: 80px;}
	body { padding: 0 0 80px 0;} 

}