/*--------------------icon--------------------*/

@font-face {font-family: "iconfont";
  src: url('font_gzjm96873prdx6r.eot');
  src: url('font_gzjm96873prdx6r.eot?#iefix') format('embedded-opentype'),
  url('font_gzjm96873prdx6r.woff') format('woff'),
  url('font_gzjm96873prdx6r.ttf') format('truetype'),
  url('font_gzjm96873prdx6r.svg#iconfont') format('svg');
}

.svg{ font-family:"iconfont"; vertical-align:middle; }

/*--------------------comm--------------------*/

* { word-wrap:break-word ;word-break:break-all;}
ul,ol,li,span,p,form,h1,h2,h3,4,h5,h6,dl,dt,dd { margin: 0; padding: 0; border: 0; z-index:inherit; }
img,a img { border:0; margin:0; padding:0; display:inline-block}
ul,ol,li { list-style:none; }
* { margin:0; padding:0; }

html {
  position: relative;
  overflow-x: hidden !important;
}

a, a:hover {
  text-decoration: none;
}
input,select,textarea,button { font:14px/1.5 -apple-system-font,Microsoft YaHei, Helvetica, sans-serif;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; }
caption, th { text-align: left; font-weight: 400; }
em, cite, i { font-style: normal; }
a{ text-decoration:none; color:#333; }
a img { border: none; }
label { cursor: pointer; }


#url{ display:none;-webkit-user-select: text;}
#site_title{ display:none;}
.vl{ vertical-align:middle;}

.flex_box{
	
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	
	-webkit-box-align: center;
	-moz-flex-align: center;
	-ms-flex-align: center;
  -webkit-align-items: center; 
	align-items: center;
	
}
.flex {  -webkit-box-flex:1; -moz-box-flex:1; -ms-flex:1; -webkit-flex:1; flex:1;}
.flex_2 { -webkit-box-flex:2; -moz-box-flex:2; -ms-flex:2; -webkit-flex:2; flex:2;}
.flex_3 { -webkit-box-flex:3; -moz-box-flex:3; -ms-flex:3; -webkit-flex:3; flex:3;}

.shadow{ -webkit-box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 2px 3px #ccc; box-shadow:0 2px 3px #ccc;}
.oblique{ font-style:italic;}

.sp{ -webkit-animation: a .4s forwards; animation: a .4s forwards;}

.block_a{ display:block}

.b_mask{ background:#000; background:rgba(0,0,0,0.2); filter:alpha(opacity=20);}
.w_mask{ background:#fff; background:rgba(255,255,255,0.2); filter:alpha(opacity=20);}
.b_fb{ background:#fff; background:rgba(255,255,255,0.95); filter:alpha(opacity=95);}
.b_lb{ background:#f6f6f6; background:rgba(246,246,246,0.95); filter:alpha(opacity=95);}

.imui_water {
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 30px;
	width: 100%;
	z-index: 1;
}
.imui_water_1 {
	background:url(water-1.svg) repeat-x;
	background-size: 600px;
	-webkit-animation: wave-animation-1 3.5s infinite linear;
	animation: wave-animation-1 3.5s infinite linear;
}

.imui_water_2 {
	top: 5px;
	background: url(water-2.svg) repeat-x;
	background-size: 600px;
	-webkit-animation: wave-animation-2 6s infinite linear;
	animation: wave-animation-2 6s infinite linear;
}

.imui_water_1, .imui_water_2 {
	position: absolute;
	width: 100%;
	height: 30px;
}

@keyframes wave-animation-1{0%{background-position:0 top}100%{background-position:600px top}}
@keyframes wave-animation-2{0%{background-position:0 top}100%{background-position:600px top}}

/**/
.imui_quick{ position:fixed; z-index:99; width:40px; height:40px; bottom:60px; right:10px; border:1px solid rgba(0,0,0,0.1); -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px;}
.imui_quick ul{ position:relative;}
.imui_quick ul li{  width:40px; height:40px; line-height:40px; text-align:center; position:absolute; overflow:hidden}
.imui_quick ul li a{ display:block; width:40px; height:40px; overflow:hidden}
.imui_quick ul li a:before{ font-family: "iconfont"; font-size:24px}
.imui_quick ul li.qc{ display:none}
.imui_quick ul li.q1{ left:40px; top:0px; }
.imui_quick ul li.q2{ left:0px; top:40px;}
.imui_quick ul li.q3{ left:0; top:0; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;background: #ff6b00;box-shadow: 0 2px 8px rgba(255, 107, 0, 0.4);}
.imui_quick ul li.q4{ left:80px; top:40px;}
.imui_quick ul li.q5{ left:40px; top:80px;}

.imui_quick ul li.q1 a:before{content:"\e6cc";}
.imui_quick ul li.q2 a:before{content:"\e608";}
.imui_quick ul li.q3 a:before{content:"\e602"; font-size:24px;color: #fff;}
.imui_quick ul li.q4 a:before{content:"\e8a7";}
.imui_quick ul li.q5 a:before{content:"\e602";}

/**/
.imui_order{ padding:8px 0;}
.imui_order li{ display:inline-block; padding:0 10px;}
.imui_order li a{ display:block; padding:2px 0}
.imui_order li.a a{ font-weight:700; border-bottom:2px solid #f65d5b}

/**/
.imui_reload{ overflow:hidden; height:0px; position:relative}
.imui_reload_area{ padding:10px 0 10px 0; position:absolute; bottom:0px; width:100%;}
.imui_reload h4 span{ display:block; -moz-transform:rotate(180deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.5s ease-in-out;}
.imui_reload h4 span:before{ font-family: "iconfont";content:"\e6e2"; font-size:24px; display:inline-block; width:36px; height:36px; }


/*imui_topbox*/
.imui_topbox ul{ border:1px solid #f65d5b; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.imui_topbox li{ height:40px; line-height:40px; text-align:center; border-right:1px solid #f65d5b}
.imui_topbox li a{ display:block; text-align:center;}
.imui_topbox ul li.b_c:first-child{ -moz-border-radius:18px 0 0 18px; -webkit-border-radius:18px 0 0 18px; border-radius:18px 0 0 18px; }
.imui_topbox ul li.b_c:last-child{ -moz-border-radius:0 18px 18px 0; -webkit-border-radius:0 18px 18px 0; border-radius:0 18px 18px 0;}
.imui_topbox ul li:last-child{ border-right:0px;}

/*block*/
.imui_box{ margin-top:10px;}
.imui_box h3{ height:40px; line-height:40px; font-weight:400; font-size:16px; padding:0 0 0 10px}
.imui_box h3 span:before{ padding-right:5px;font-family:"iconfont";}
.imui_box h3 a{ float:right; width:40px; height:40px; text-align:center}
.imui_box h3 a:before{ font-family:"iconfont"; content:"\e6de"; font-size:20px}

/*viewmore*/
.viewmore a:after{ font-family:"iconfont"; content:"\e64a"; padding-left:5px;}

.immui_tablead{ width:100%;}
.immui_tablead img{ width:100%; display:block;}

/**/
.imui_swiper_app{ padding-bottom:5px; width: 100%;position:relative; overflow:hidden;}
.imui_swiper_app li{ float:left; width:20%; text-align:center}
.imui_swiper_app li a{ display:block}
.imui_swiper_app li img{ width:48px;}
.imui_swiper_app li p{ height:30px; line-height:30px; overflow:hidden; }
.imui_swiper_app li span{ display:inline-block; width:40px; height:40px; padding:4px; line-height:40px; overflow:hidden; text-align:center;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}



.imui_swiper_app .swiper-pagination{ position:static; padding-top:0px;}
.imui_swiper_app .swiper-pagination-bullet-active{ background:#f60}

/**/

/**/
.imui_styles{ padding:0 5px}
.imui_styles li{ float:left; width:33.33%;}
.imui_styles li label{ padding:5px; height:80px; display:block}
.imui_styles li label div{ height:100%; position:relative; text-align:center}
.imui_styles li label div p{ position:absolute; left:0; bottom:0; width:100%; height:28px; line-height:28px; color:#fff;background:#000; background:rgba(0,0,0,0.3); filter:alpha(opacity=30); font-size:14px}
.imui_styles li label div input{ position:absolute; left:-999px; }
.imui_styles li label div input:checked + .style_checked:before {
	padding-top:8px;
  display: block;
	font-family:"iconfont";
  content: '\e661';
  color: #fff;
  font-size: 24px;
}
.imui_add em{ width:48px; height:48px; line-height:48px; display:inline-block; text-align:center;}
.imui_add em:before{ font-family:"iconfont"; content: '\e602'; font-size:24px}

.imui_block_ft a.addmore{ width:30px; height:30px; line-height:30px; display:inline-block; text-align:right;}
.imui_block_ft a.addmore:before{ font-family:"iconfont"; content: '\e603'; font-size:24px}
/*--------------------body--------------------*/


body{ background:#eee; }
.bodyarea,.boxarea,.wrap,.mainarea{ height:100%;}
.wrap { overflow-x:hidden; }

.main_hide{ display:none;}  
	
	

.body_main{
	padding:50px 0 50px 0;
	position:relative;
	width:100%;
	height:-moz-calc(100% - 100px);
	height:-webkit-calc(100% - 100px);
	height:calc(100% - 100px);

	-webkit-overflow-scrolling :touch;
	overflow-y:scroll;
	z-index:1;

}
.cut_in{
	-webkit-animation: cut-in .4s forwards;
	animation: cut-in .4s forwards;
}
.cut_side{
  -webkit-transform:translateX(33%);-webkit-transition:-webkit-transform 0s 0s;
}
.cut_out{
	-webkit-animation: b .3s forwards;
	animation: b .3s forwards;
	background:#fff;
	z-index:10;
}
.spg{}

/**/
.body_index{
	padding:0 0 50px 0;
	height:-moz-calc(100% - 50px);
	height:-webkit-calc(100% - 50px);
	height:calc(100% - 50px);
}

.body_0{
	padding:50px 0 0 0;
	height:-moz-calc(100% - 50px);
	height:-webkit-calc(100% - 50px);
	height:calc(100% - 50px);
}
.body_tn{
	padding:0 0 50px 0;
	height:-moz-calc(100% - 50px);
	height:-webkit-calc(100% - 50px);
	height:calc(100% - 50px);
}

.body_np{ padding:0px; height:100%;}

.box1{
	padding:50px 0 0 0;
	position:relative;
	width:100%;
	height:-moz-calc(100% - 50px);
	height:-webkit-calc(100% - 50px);
	height:calc(100% - 50px);

	-webkit-overflow-scrolling :touch;
	overflow-y:scroll;
}

.box_header{ left:0px; top:0px; padding:0;  width:100%; overflow:hidden; z-index:1020; height:50px; line-height:50px; box-sizing:border-box; }


.imui_scrolly{ overflow:hidden;}
.imui_scrolly_area{	-webkit-overflow-scrolling :touch; overflow-y:scroll; padding-right:10px; }

.imui_scrollx{ overflow:hidden;}
.imui_scrollx_area{ padding-bottom:10px; position:relative; overflow-y: hidden; overflow-x: scroll;-webkit-overflow-scrolling :touch; }
.imui_scrollx_area ul { position: absolute; left: 0; white-space: nowrap; }
.imui_scrollx_area ul li{ display: inline-block; verflow:hidden; }
.imui_scrollx_area ul li a{ }
			
/*--------------------mod--------------------*/
.closepage{ height:50px; line-height:50px; display:block; width:100%; z-index:1020; left:0px; bottom:0px; font-size:24px}
.closepage:before{ font-family:"iconfont"; content:"\e6d0";font-size:32px}


.imui_write{ padding:50px 15px 0 15px;}
.imui_write li{ float:left; width:25%}
.imui_write li a{ display:block; text-align:center;}
.imui_write li a h3{font-family:"iconfont"; display:inline-block; width:60px; height:60px; font-size:32px; line-height:60px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.imui_write li p{ height:40px; line-height:40px; font-size:14px;}

.find_user{ background:url(space.jpg) no-repeat 0 0;  height:140px; background-size:cover; position:relative;}

.autopbn{ text-align:center; display:block; font-size:16px; margin:10px 10px 10px 10px; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.autopbn:active{ background:#fff; color:#333}

/*page*/
.nextpage{ display:block; text-align:center; padding:10px 0; font-size:16px}

.pnpage{ text-align:center; padding:10px 0;}
.pnpage .page,.pnpage .pg{ display:inline-block;}
.pnpage .page a,.pnpage .pg a{ float:left; min-width:80px; height:36px; margin:0 5px; line-height:36px; font-size:15px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.pnpage .page a.page_a{ margin:0 2px; display:inline-block;position:relative; min-width:80px;height:34px;line-height:34px; text-align:left;text-indent:20px; font-size:14px}
.pnpage .page a.page_a:after{ font-family:"iconfont"; content: '\e64a'; position:absolute; right:8px; top:1px; }
.page_select{ position:absolute; left:0; top:0; height:36px; opacity:0; min-width:80px; z-index:100}
#select_a span{ padding-right:30px;}


.imui_toast_content {
  margin: 0 0 15px;
	padding:0 10px;
}
.imui_loading_toast,.imui_toast_content{
  margin-top: 64%;
  font-size: 14px;
}
.imui_mask_transparent {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.imui_toast {
  position: fixed;
  z-index: 50000;
  width: 7.6em;
  min-height: 7.6em;
  top: 180px;
  left: 50%;
  margin-left: -3.8em;
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
}

.imui_loading {
  position: absolute;
  width: 0px;
  z-index: 1;
  left: 50%;
  top: 38%;
}
.imui_loading_leaf {
  position: absolute;
  top: -1px;
  opacity: 0.25;
}
.imui_loading_leaf:before {
  content: " ";
  position: absolute;
  width: 8.14px;
  height: 3.08px;
  background: #d1d1d5;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
  border-radius: 1px;
  -webkit-transform-origin: left 50% 0px;
          transform-origin: left 50% 0px;
}
.imui_loading_toast_page .imui_toast{
	background: rgba(246, 246, 246, 1);
	color: #666;
}
.imui_loading_toast_page .imui_loading_leaf:before {
	background: #333;
}

.imui_loading_leaf_0 {
  -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
          animation: opacity-60-25-0-12 1.25s linear infinite;
}
.imui_loading_leaf_0:before {
  -webkit-transform: rotate(0deg) translate(7.92px, 0px);
          transform: rotate(0deg) translate(7.92px, 0px);
}
.imui_loading_leaf_1 {
  -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
          animation: opacity-60-25-1-12 1.25s linear infinite;
}
.imui_loading_leaf_1:before {
  -webkit-transform: rotate(30deg) translate(7.92px, 0px);
          transform: rotate(30deg) translate(7.92px, 0px);
}
.imui_loading_leaf_2 {
  -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
          animation: opacity-60-25-2-12 1.25s linear infinite;
}
.imui_loading_leaf_2:before {
  -webkit-transform: rotate(60deg) translate(7.92px, 0px);
          transform: rotate(60deg) translate(7.92px, 0px);
}
.imui_loading_leaf_3 {
  -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
          animation: opacity-60-25-3-12 1.25s linear infinite;
}
.imui_loading_leaf_3:before {
  -webkit-transform: rotate(90deg) translate(7.92px, 0px);
          transform: rotate(90deg) translate(7.92px, 0px);
}
.imui_loading_leaf_4 {
  -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
          animation: opacity-60-25-4-12 1.25s linear infinite;
}
.imui_loading_leaf_4:before {
  -webkit-transform: rotate(120deg) translate(7.92px, 0px);
          transform: rotate(120deg) translate(7.92px, 0px);
}
.imui_loading_leaf_5 {
  -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
          animation: opacity-60-25-5-12 1.25s linear infinite;
}
.imui_loading_leaf_5:before {
  -webkit-transform: rotate(150deg) translate(7.92px, 0px);
          transform: rotate(150deg) translate(7.92px, 0px);
}
.imui_loading_leaf_6 {
  -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
          animation: opacity-60-25-6-12 1.25s linear infinite;
}
.imui_loading_leaf_6:before {
  -webkit-transform: rotate(180deg) translate(7.92px, 0px);
          transform: rotate(180deg) translate(7.92px, 0px);
}
.imui_loading_leaf_7 {
  -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
          animation: opacity-60-25-7-12 1.25s linear infinite;
}
.imui_loading_leaf_7:before {
  -webkit-transform: rotate(210deg) translate(7.92px, 0px);
          transform: rotate(210deg) translate(7.92px, 0px);
}
.imui_loading_leaf_8 {
  -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
          animation: opacity-60-25-8-12 1.25s linear infinite;
}
.imui_loading_leaf_8:before {
  -webkit-transform: rotate(240deg) translate(7.92px, 0px);
          transform: rotate(240deg) translate(7.92px, 0px);
}
.imui_loading_leaf_9 {
  -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
          animation: opacity-60-25-9-12 1.25s linear infinite;
}
.imui_loading_leaf_9:before {
  -webkit-transform: rotate(270deg) translate(7.92px, 0px);
          transform: rotate(270deg) translate(7.92px, 0px);
}
.imui_loading_leaf_10 {
  -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
          animation: opacity-60-25-10-12 1.25s linear infinite;
}
.imui_loading_leaf_10:before {
  -webkit-transform: rotate(300deg) translate(7.92px, 0px);
          transform: rotate(300deg) translate(7.92px, 0px);
}
.imui_loading_leaf_11 {
  -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
          animation: opacity-60-25-11-12 1.25s linear infinite;
}
.imui_loading_leaf_11:before {
  -webkit-transform: rotate(330deg) translate(7.92px, 0px);
          transform: rotate(330deg) translate(7.92px, 0px);
}

@-webkit-keyframes opacity-60-25-0-12 {
  0% {
    opacity: 0.25;
  }
  0.01% {
    opacity: 0.25;
  }
  0.02% {
    opacity: 1;
  }
  60.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-1-12 {
  0% {
    opacity: 0.25;
  }
  8.34333% {
    opacity: 0.25;
  }
  8.35333% {
    opacity: 1;
  }
  68.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-2-12 {
  0% {
    opacity: 0.25;
  }
  16.6767% {
    opacity: 0.25;
  }
  16.6867% {
    opacity: 1;
  }
  76.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-3-12 {
  0% {
    opacity: 0.25;
  }
  25.01% {
    opacity: 0.25;
  }
  25.02% {
    opacity: 1;
  }
  85.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-4-12 {
  0% {
    opacity: 0.25;
  }
  33.3433% {
    opacity: 0.25;
  }
  33.3533% {
    opacity: 1;
  }
  93.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-5-12 {
  0% {
    opacity: 0.270958333333333;
  }
  41.6767% {
    opacity: 0.25;
  }
  41.6867% {
    opacity: 1;
  }
  1.67667% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.270958333333333;
  }
}
@-webkit-keyframes opacity-60-25-6-12 {
  0% {
    opacity: 0.375125;
  }
  50.01% {
    opacity: 0.25;
  }
  50.02% {
    opacity: 1;
  }
  10.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.375125;
  }
}
@-webkit-keyframes opacity-60-25-7-12 {
  0% {
    opacity: 0.479291666666667;
  }
  58.3433% {
    opacity: 0.25;
  }
  58.3533% {
    opacity: 1;
  }
  18.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.479291666666667;
  }
}
@-webkit-keyframes opacity-60-25-8-12 {
  0% {
    opacity: 0.583458333333333;
  }
  66.6767% {
    opacity: 0.25;
  }
  66.6867% {
    opacity: 1;
  }
  26.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.583458333333333;
  }
}
@-webkit-keyframes opacity-60-25-9-12 {
  0% {
    opacity: 0.687625;
  }
  75.01% {
    opacity: 0.25;
  }
  75.02% {
    opacity: 1;
  }
  35.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.687625;
  }
}
@-webkit-keyframes opacity-60-25-10-12 {
  0% {
    opacity: 0.791791666666667;
  }
  83.3433% {
    opacity: 0.25;
  }
  83.3533% {
    opacity: 1;
  }
  43.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.791791666666667;
  }
}
@-webkit-keyframes opacity-60-25-11-12 {
  0% {
    opacity: 0.895958333333333;
  }
  91.6767% {
    opacity: 0.25;
  }
  91.6867% {
    opacity: 1;
  }
  51.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.895958333333333;
  }
}

.imui_load{ padding-top:50px;}
 
/*--------------------form--------------------*/

.form_info{ padding:20px 20px 0 20px;}
/*input*/
.imui_input {
	width: 100%;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	background-color: transparent;
	font-size: inherit;
	color: inherit;
	height: 1.4em;
  line-height: 1.4;
}
.imui_input::-webkit-outer-spin-button,.imui_input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.imui_input:disabled{ color:#ccc}
/*select*/
.imui_select,.imui_block_select select {
	-webkit-appearance: none;
	border: 0;
	outline: 0;
	background-color: transparent;
	width: 100%;
	font-size: inherit;
	height: 44px;
	position: relative;
	z-index: 1;
	padding-left: 12px;
}  
.imui_block_select .imui_select,.imui_block_select select { padding-right: 30px; }  
.imui_select_before .imui_select,.imui_select_before select { width: auto; }
 
/*check*/
.imui_check {
  position: absolute;
  left: -9999em;
}

/*textarea*/
.imui_textarea {
  display: block;
  border: 0;
  resize: none;
  width: 100%;
  color: inherit;
  font-size: 1em;
  line-height: inherit;
  outline: 0;
}
.imui_textarea:disabled{ background:none; color:#ccc}
.autoheight{ min-height:66px;}


/*upimg*/
.post_imglist { padding:10px 0 0 10px; }
.post_imglist li { position:relative; float:left; padding: 5px 10px 5px 0; }
.post_imglist li span.p_img{ display:block; width:58px; height:58px;}
.post_imglist li .del { position: absolute; left:-5px; top:0px; }
.post_imglist li .del:before{ color:#C00;content: '\e633'; font-family:"iconfont"; width:20px; height:20px; line-height:16px; text-align:center; font-size:18px;}
.post_imglist li .p_img img { padding:2px; width:54px; height:54px; display:block}

.post_imglist li.upimg{ position:relative;}
.post_imglist li.upimg a{ width:54px; height:54px; padding:2px; display:block; text-align:center; line-height:50px; font-size:36px;}
.post_imglist li.upimg a input{ opacity:0; width:58px; height:58px; position:absolute; z-index:10; left:1px; top:6px;}

/*--------------------blocks--------------------*/
/*title*/
.imui_blocks_title{
  margin-top: .77em; 
	margin-bottom: .3em; 
	padding-left: 15px;
	padding-right: 15px;
	font-size:14px;
}
.imui_blocks_title + .imui_blocks {
	margin-top: 0;
}
.imui_blocks_title em.cc{ padding-left:5px;}
.imui_blocks_title a{ float:right}
/*blocks*/
.imui_blocks{
	margin-top: 10px; 
	line-height: 1.4; 
	overflow: hidden; 
	position: relative; 
}
.imui_blocks:before {
	content: " "; 
	position: absolute;
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 1px; 
	border-top: 1px solid #ddd;
	color: #ddd; 
	-webkit-transform-origin: 0 0; 
	transform-origin: 0 0; 
	-webkit-transform: scaleY(0.5); 
	transform: scaleY(0.5); 
}
.imui_blocks:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #ddd;
	color: #ddd;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

/*block*/
.imui_block {
	padding: 10px 15px; 
	position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	
	-webkit-box-align: center;
	-moz-flex-align: center;
	-ms-flex-align: center;
  -webkit-align-items: center; 
	align-items: center;
}
.imui_block:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #ddd;
	color: #ccc; 
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	left: 15px;
}
.imui_block:first-child:before { display: none; }

/*label*/
.imui_check_label { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/*vocde*/
.imui_vcode {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.imui_vcode .imui_block_ft img {
  margin: 5px;
  height: 34px;
  vertical-align: middle;
}

/*block_area*/
.imui_block_hd { padding-right: 0.3em; vertical-align:text-top }
.imui_block_hd em.cc{ padding-left:5px;}
.imui_block_bd { }
.imui_block_ft { text-align: right;}


/*block_select*/
.imui_block_select { padding: 0; }
.imui_block_select .imui_block_bd:after {
	content: " ";
	display: inline-block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #C8C8CD;
	border-style: solid;
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	right: 15px; 
	margin-top: -3px;
}

.imui_select_after { padding-left: 15px; }
.imui_select_before { padding-right: 15px; }  
 
.imui_select_before .imui_block_hd {
  position: relative;
}
.imui_select_before .imui_block_hd:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #ddd;
  color: #ccc;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.imui_select_before .imui_block_hd:before {
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #ccc;
  border-style: solid;
  position: relative;
  top: -2px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
}
.imui_select_before .imui_block_bd {
  padding-left: 15px;
}
.imui_select_before .imui_block_bd:after {
  display: none;
}


/*radio*/
.imui_blocks_radio .imui_block_bd i{ width:30px; height:30px; display:inline-block; vertical-align:middle; margin-right:10px;}
.imui_blocks_radio .imui_block_bd img,.imui_blocks_radio .imui_block_hd img{ height:30px; vertical-align:middle;}
.imui_blocks_radio .imui_block_ft {
  padding-left: 0.35em;
}
.imui_blocks_radio .imui_block:active {
  background-color: #f6f6f6;
}
.imui_blocks_radio .imui_check:checked + .imui_icon_checked:before {
  display: block;
	font-family:"iconfont";
  content: '\e661';
  color: #f65d5b;
  font-size: 16px;
}

/*checkbox*/
.imui_blocks_checkbox .imui_block_hd {
  padding-right: 0.35em;
}
.imui_blocks_checkbox .imui_block_hd img{ width:32px; height:32px; display:inline-block;  -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;}
.imui_blocks_checkbox .imui_block:active {
  background-color: #f6f6f6;
}
.imui_blocks_checkbox .imui_icon_checked:before {
	font-family:"iconfont";
  content: '\e6e5';
  color: #ccc;
  display: block;
}
.imui_blocks_checkbox .imui_check:checked + .imui_icon_checked:before {
	font-family:"iconfont";
  content: '\e6cb';
  color: #f65d5b;
}

/*switch*/
.imui_block_switch {
  padding-top: 8px;
  padding-bottom:8px;
}
.imui_switch {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 52px;
  height: 26px;
  border: 1px solid #ddd;
  outline: 0;
  border-radius: 16px;
  box-sizing: border-box;
  background: #eee;
}
.imui_switch:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 24px;
  border-radius: 12px;
  background-color: #f6f6f6;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.imui_switch:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.imui_switch:checked {
  border-color: #f65d5b;
  background-color: #f65d5b;
}
.imui_switch:checked:before {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.imui_switch:checked:after {
  -webkit-transform: translateX(28px);
          transform: translateX(28px);
}



/*access*/
.imui_blocks_access .imui_block:not(.no_access) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.imui_blocks_access .imui_block:not(.no_access):active {
  background-color: #f6f6f6;
}
.imui_blocks_access a.imui_block {
  color: inherit;
}
.imui_blocks_access a.imui_block .imui_block_ft:after{
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #C8C8CD;
  border-style: solid;
  position: relative;
  top: -2px;
  top: -1px;
  margin-left: .3em;
}
.imui_blocks_access .imui_block_hd img{ width:28px; height:28px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; vertical-align:middle}
.imui_blocks_access .imui_block_hd span:after{ font-family:"iconfont"; font-size:18px; padding-right:5px; width:24px; height:24px; overflow:hidden; float:left; vertical-align:middle}
.imui_blocks_access .imui_block_ft img{ width:30px; height:30px;  -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; margin-left:5px;}
.imui_blocks_access .imui_block_ft em{ font-size:12px;-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:1px 5px;}
.imui_blocks_access .imui_block_ft em.yes:before{ font-family:"iconfont"; content:'\e661'; color:#090}
.imui_blocks_access .imui_block_ft em.no:before{ font-family:"iconfont"; content:'\e6d0'; color:#f00}

/*upfile*/
.imui_block_upfile .imui_block_hd{ height:30px; overflow:hidden; padding-right:10px;}
.imui_block_upfile .imui_block_hd img{ width:30px; height:30px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.imui_block_upfile .imui_block_ft { position:relative; width:30px; height:30px; overflow:hidden}
.imui_block_upfile .imui_block_ft input{ width:30px; height:30px; position:absolute; right:0px; top:0px; z-index:20; opacity:0;}
.imui_block_upfile .imui_block_ft:after{ content:'\e64b'; z-index:10;font-family:"iconfont"; width:30px; line-height:30px; text-align:center; font-size:24px}


/*block_error*/
.cc .imui_block_ft span{ display:none}
.cc .imui_block_ft:before {
	font-family:"iconfont";
  content: '\e60c';
	font-size:14px;
}
.imui_block_upfile.cc .imui_block_ft:after,.imui_blocks_access .cc .imui_block_ft:after { display:none}
.imui_block_select.cc .imui_block_bd:after { display:none}
.imui_block_select.cc .imui_block_ft:before { padding-right:15px;}


/**/
.imui_upbigpic{}
.imui_upbigpic img{ width:100%; display:block;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.imui_upbigpic div{ width:100%; height:100%; position:relative}
.imui_upbigpic div:after{ position:absolute; width:100%; height:100%; text-align:center; line-height:100%; left:0px; top:0px;background:#000; background:rgba(0,0,0,0.2); filter:alpha(opacity=20); z-index:10; content:"";}
.imui_upbigpic input.upfile{ opacity:0; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:20}
.imui_upbigpic div:before{ font-family:"iconfont"; content:"\e64d"; color:#fff; font-size:54px; position:absolute; z-index:15; left:0; width:100%; text-align:center; top:40%;top:-moz-calc(50% - 41px);top:-webkit-calc(50% - 41px);top:calc(50% - 41px);} 


/*--------------------tip--------------------*/
.tip{ background:#fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.tip dt{ padding:15px; font-size:16px; line-height:2.0;}
.tip dt.inputarea{ padding:10px;}
.tip dt.inputarea input{ height:30px; line-height:30px; text-indent:10px; font-size:14px;}
.tip dd a,.tip dd button{ display:block; text-align: center; font-size:18px; height:45px; line-height:45px; border:0px; background:none}
.tip dd a.bo_r,.tip dd button.bo_r{ border-right:1px solid #ddd;}
.tip dd a.bo_l,.tip dd button.bo_l{ border-left:1px solid #ddd;}

.jump_c p{ padding:50px 10px 20px 10px; text-align:center}

.imui_notice{ position:fixed; z-index:9999; background:#000; background:rgba(0,0,0,0.7); filter:alpha(opacity=70); min-width:60px; height:90px; padding:0 15px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.imui_notice:before{  font-family:"iconfont"; content:"\e661"; display:block; font-size:24px; padding-top:10px;}
.imui_notice.err:before{ content:"\e60c";}
.imui_notice p{ font-size:15px;}

.tip.inbox{ background:#000; background:rgba(0,0,0,0.5); filter:alpha(opacity=50); color:#fff}
.tip.inbox a{ color:#fff;}
.tip.inbox .bo_t{ border-top-color:rgba(255,255,255,0.2);}
.tip.inbox .bo_r{ border-right-color:rgba(255,255,255,0.2);}
/*--------------------search--------------------*/

.imui_search_bar{ padding:10px; width:100%; box-sizing:border-box; height:50px; line-height:28px;}
.imui_search_input{ z-index:1; width:100%;  height:28px; border:0px; }
.imui_search_text{  z-index:2; top: 10px; right: 10px; bottom: 8px; left: 10px; text-align:center; height:30px; line-height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.imui_search_text i:before{ font-family:"iconfont"; content: '\e634'; padding-right:5px; }
.imui_search_ico:before{ margin-left:10px; font-family:"iconfont"; content: '\e634'; padding-right:5px;}


.searchtable{ width:100%;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.searchtable .cancel{ width:42px;}
.searchtable .icon{ width:30px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; height:28px; overflow:hidden}
.searchtable .searchmain{ -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; height:28px; overflow:hidden}

.imui_topsearch{ padding-left:10px;}
.imui_topsearch p{ background:#000; height:30px; line-height:30px; background:#fff; background:rgba(255,255,255,0.3); filter:alpha(opacity=30);-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; text-indent:10px;}
.imui_topsearch p:before{ font-family:"iconfont"; content: '\e634'; padding-right:5px;}
.imui_topsearch input{ line-height:24px; height:24px; vertical-align:text-top}
.imui_topsearch input::-webkit-input-placeholder { color: #fff;}

/*--------------------btn--------------------*/
.imui_btn{ -webkit-appearance: none;margin: 0; }

/*big*/
.imui_btn + .imui_btn {
  margin-top: 15px;
}

.imui_btn {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 2.33333333;
  border-radius: 5px;
	outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border:0px;
	width:100%;
}
.imui_btn:after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ccc;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 10px;
}

.imui_btn.cg{ color:rgba(255, 255, 255, 0.4);}

.imui_btn.b_c:not(.cg):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #ac493d;
}

.imui_btn.b_w:not(.cg):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #22b8ea;
}


.imui_btn.b_l:not(.cg):active {
  color: rgba(0, 0, 0, 0.4);
  background-color: #eee;
}
.imui_btn.b_l.cg {
  color: rgba(0, 0, 0, 0.4);
}

/*mid*/
.imui_btn_mid{
	padding: 10px 0;
	width: 60%;
	margin: 0 auto;
	text-align: justify;
	text-justify: distribute-all-lines;
	font-size: 0;
}

.imui_btn_mid .cm {
  border: 1px solid #666;
}
button.cm,
input.cm {
  border-width: 1px;
  background-color: transparent;
}

.imui_btn_mid .cc {
  border: 1px solid #f65d5b;
}
button.cc,
input.cc {
  border-width: 1px;
  background-color: transparent;
}
.imui_btn_mid .cc:active {
  border-color: #ac493d;
}

/*mini*/
.imui_btn.imui_btn_mini {
  line-height: 30px;
  font-size: 14px;
  padding: 0 10px;
  display: inline-block;
}

.imui_btn_mini {
  width: auto;
}

.imui_btn_mini + .imui_btn_mini {
  margin-top: 0px;
}

/*--------------------slider--------------------*/

.imui_swiper { width: 100%;position:relative; overflow:hidden;}
.imui_swiper .swiper-slide img {width:100%;display:block;}
.imui_swiper .swiper-pagination{ position:absolute;}


.imui_banner{ position:relative}
.imui_banner img{ display:block; width:100%; }
.imui_banner:after{ content:""; position:absolute; width:100%; height:40px; z-index:10;background:url(mask.png) no-repeat; background-size:cover; bottom:0px; right:0px;}

.imui_ad{ padding:10px; background:#fff; margin-top:10px;}
.imui_ad img{ width:100%; display:block;}
/*--------------------header--------------------*/
.imui_header{ left:0px; top:0px; padding:0;  width:100%; overflow:hidden; z-index:900; height:50px; line-height:50px; box-sizing:border-box; }
.imui_hm,.imui_bhm{ font-size:18px; display:inline-block;-webkit-animation: a .4s forwards; animation: a .4s forwards; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-text-overflow:ellipsis;}
.imui_logo{ display:block; height:50px;}
.imui_logo img{ height:50px;}

.imui_user{ display:block; height:50px; text-align:center; width:50px; position:relative}
.imui_user img{ height:30px; width:30px;-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; margin-top:10px;}
.imui_user em{ position:absolute; width:8px; height:8px; top:8px; right:8px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.imui_user span:before{ content:"\e636"; font-size:24px}

.imui_hr,.imui_bhr{ line-height:50px; overflow:hidden; }
.imui_hr a,.imui_bhr a{ float:right; min-width:50px; height:50px; line-height:50px; text-align:center; overflow:hidden}
.imui_hl a,.imui_bhl a{ float:left; min-width:50px; height:50px; line-height:50px; text-align:center; overflow:hidden}
.imui_hr button,.imui_bhr button{ float:right; margin-right:10px;}

 
.imui_fhl{ float:left; width:25%;}
.imui_fhr{ float:right; width:25%; padding-right:0px;}
.imui_fhm{ float:left; width:50%;}

.imui_shl{ float:left; width:16%;}
.imui_shr{ float:right; width:16%; padding-right:0px;}
.imui_shm{ float:left; width:68%;}
.imui_icon_back,.imui_icon_user,.imui_icon_search,.imui_icon_login,.imui_icon_side,.imui_icon_flickr,.imui_icon_creat,.imui_icon_write{ display:block; height:50px; width:50px; overflow:hidden;text-align:center; font-size:20px}
.imui_icon_reply{ display:block; height:50px;font-size:20px; line-height:50px;}
.imui_icon_reply em{ font-size:12px; padding-left:5px; vertical-align:middle;}
.imui_icon_back:before{
	font-family:"iconfont";
  content: '\e608';
}

.imui_icon_user:before{
	font-family:"iconfont";
  content: '\e733';
}

.imui_icon_login:before{
	font-family:"iconfont";
  content: '\e777';
}

.imui_icon_search:before{
	font-family:"iconfont";
  content: '\e674';
}

.imui_icon_more:after{
	font-family:"iconfont";
  content: '\e64a';
	padding-left:5px;
}

.imui_icon_flickr:before{
	font-family:"iconfont";
  content: '\e6dc';
	font-size:32px;
}

.imui_icon_side:before{
	font-family:"iconfont";
  content: '\e6b8';
}

.imui_icon_reply:before{
	font-family:"iconfont";
  content: '\e72d';
	vertical-align:middle;
}

.imui_icon_creat:before{
	font-family:"iconfont";
  content: '\e883';
}

.imui_icon_write:before{
	font-family:"iconfont";
  content: '\e63b';
}


html.openside .imui_icon_side:before{
	font-family:"iconfont";
  content: '\e697';
	padding:0 10px;
}


/*--------------------num--------------------*/


/*--------------------nav--------------------*/

.header_nv{ padding:10px; height:30px;}
.header_nv ul{ border:1px solid #fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:28px; line-height:28px; font-size:14px}
.header_nv ul li{ border-right:1px solid #fff;}
.header_nv ul li:last-child{ border-right:0px;}
.header_nv ul li.a{ background:#fff;}
.header_nv ul li.a a{ color:#ea5b56}

.header_nv ul li.a:first-child{ -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;}
.header_nv ul li.a:last-child{ -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;; border-radius:0 3px 3px 0;;}

.imui_nv{  height:44px; overflow:hidden}
.imui_nv li a{ display:block; text-align:center; line-height:44px;}
.imui_nv li a:before{ font-family:"iconfont"; padding-right:6px;}
.imui_nv li.a a{line-height:42px; border-bottom:2px solid #ea5b56;}
.imui_nv li a span{ margin-left:5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:0 4px; }

/*threadtypes*/
.threadtypes{ height:46px; }
.threadtypes .imui_scrollx_area{ height:46px;}
.threadtypes ul{ padding:10px 10px;}
.threadtypes li { padding-left:10px;}
.threadtypes li a span{ font-size:12px; padding-left:5px; color:#ccc}
.threadtypes li a.b_c{ display:block; height:26px; line-height:26px; text-align:center; -moz-border-radius:15px; -webkit-border-radius:15px; padding:0 10px;}
.threadtypes li a.b_c span{ color:#fff}

/*threadsort*/
.threadsort{ height:45px; }
.threadsort .imui_scrollx_area{ height:45px;}
.threadsort ul{ }
.threadsort ul li{ height:45px; line-height:40px; padding:0 10px;}
.threadsort ul li span:before{
	font-family:"iconfont";
  content: '\e64a';
	font-size:12px;
	padding-left:5px;
}
.threadsort ul li em:before{
	font-family:"iconfont";
  content: '\e642';
	font-size:12px;
	padding-left:5px;
}
.threadsort ul li.cc{}
.threadsort ul li.cc span:before{
	content: '\e6cc';
}

.imui_quicksearch{ vertical-align:top}
.imui_quicksearch table{ width:100%;}
.imui_quicksearch table th{ vertical-align:text-top;width:80px;}

.imui_quicksearch table td a{ white-space:nowrap; padding:5px 10px 5px 0; display:inline-block  }
.imui_quicksearch table tbody:last-child td{ border-bottom:0px;}

.close_quicksearch a{ display:block; height:24px; line-height:24px; text-align:center}
.close_quicksearch a:before{ font-family:"iconfont"; content: '\e6d2'; font-size:18px}

.quicksearch_show{ height:40px; line-height:40px; padding:0 10px}
.quicksearch_show a{ display:block}
.quicksearch_show a span.cg{ float:right}
.quicksearch_show a span.cg:after{ font-family:"iconfont"; content: '\e64a'; font-size:14px; padding-left:5px;}
.quicksearch_show a span.cc:before{ font-family:"iconfont"; content: '\e674'; font-size:18px; padding-right:5px;}





.imui_smilies_type{ height:40px;}
.imui_smilies_type li{ float:left;} 
.imui_smilies_type li a{ display:block; padding:8px 10px;} 
.imui_smilies_type li a img{ height:24px; display:block}

.imui_smilies_area{ padding:10px 0 15px 0;}
.imui_smilies_area li{ float:left; width:12.5%;}
.imui_smilies_area li div{ padding:0 8px;}
.imui_smilies_area li div img{ width:100%;}

.imui_smilies div.b_f { width: 100%; overflow:hidden; position:relative}
.imui_smilies div.b_f .swiper-pagination{ position:absolute; bottom:5px;}
.imui_smilies div.b_f .swiper-pagination-bullet-active{ background:#f60}
/*--------------------footer--------------------*/

.imui_footer{ left:0px; bottom:0px; width:100%; z-index:200; height:50px; }
.imui_footer em{ font-size:12px}
.imui_footer_m{
	width:60px;
	height:60px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	border:1px solid #ccc;
	z-index:199;
	bottom:0px;
	
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	
	left:42%;
	left:-moz-calc(50% - 31px);
	left:-webkit-calc(50% - 31px);
	left:calc(50% - 31px);
}

.imui_footer span{
	font-family:"iconfont";
	font-size:20px;
	line-height:20px;	
}

.imui_icon_best{ float:left; width:20%; padding-top:6px; line-height:16px;}
.imui_icon_index{ float:left; width:20%; padding-top:6px; line-height:16px;}
.imui_icon_bbs{ float:left; width:20%; padding-top:6px; line-height:16px;}
.imui_icon_group{ float:right; width:20%; padding-top:6px; line-height:16px;}
.imui_icon_my{ float:right; width:20%; padding-top:6px; line-height:16px; }
.imui_icon_post{
	width:45px;
	height:45px;
	border:8px solid #f6f6f6;
	bottom:0px;
	left:42%;
	left:-moz-calc(50% - 30px);
	left:-webkit-calc(50% - 30px);
	left:calc(50% - 30px);
	z-index:201;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	font-size:24px;
	line-height:45px;
	text-align:center;
}
.imui_icon_post{
	font-family:"iconfont";
  content: '\e6b1';
}


.imui_send{ position: absolute; left:0px; bottom:0px; width:100%; z-index:200;}
.imui_send table{ width:100%; }
.imui_send table td.smile{ width:27px; padding:0 10px; text-align:center}
.imui_send table td.smile a{ display:block; height:50px; line-height:50px;}
.imui_send table td.smile a:before{ font-family:"iconfont"; content: '\e6b3'; font-size:28px}
.imui_send table td.message{ padding:8px 0 8px 10px;}
.imui_send table td.message .imui_input{ height:22px; padding:5px 0; line-height:22px; text-indent:10px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;}
.imui_send table td.upfile { width:27px; padding:0 10px 0 0; text-align:center}
.imui_send table td.upfile a{ display:block; height:50px; line-height:50px;}
.imui_send table td.upfile a:before{ font-family:"iconfont"; content: '\e603'; font-size:32px}

.imui_btn_icon{ padding:5px;}
.imui_btn_icon a{ display:inline-block}
.imui_btn_icon a:before{ font-family:"iconfont"; font-size:24px; vertical-align:middle; padding:0 5px;}
.imui_btn_icon a.smile:before{ content:'\e6d8';}
.imui_btn_icon a.uppic:before{ content:'\e6d6';}
.imui_btn_icon a.href:before{ content:'\e6cd';}
.imui_btn_icon a.at:before{ content:'\e6d3';}
.imui_btn_icon a.music:before{ content:'\e6dd';}
.imui_btn_icon a.video:before{ content:'\e6d5';}
.imui_btn_icon a.tag:before{ content:'\e6d7';}
.imui_btn_icon .imui_btn.imui_btn_mini{ float:right; height:36px; line-height:36px; width:60px; font-size:16px; text-align:center}

/*--------------------Side nv--------------------*/




.imui_side{
	width:100%;
	height:100%;
	position:fixed;
	-webkit-transform:translateX(100%);
	-webkit-transition:-webkit-transform 0s 0s;
	top:0px;
	z-index:910;
	text-align:right;
	
}

.imui_side_area{
	display:inline-block;
	width:280px;
	height:100%;
	text-align:left;
}

.imui_sidebg{
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:905;
	background:#000;
	opacity: 0.4;
	display:none;
}


.imui_side .side_user{
	padding:15px;
	background:url(bg.jpg) no-repeat 0 0;
	background-size:cover;
}
.imui_side .side_user h4{ height:52px; line-height:52px; font-weight:400; font-size:18px; overflow:hidden;}
.imui_side .side_user h4 img{ width:48px; height:48px;-moz-border-radius:30px; -webkit-border-radius: 30px; float:left; border-radius: 30px; vertical-align:middle; margin-right:10px; border:2px solid rgba(0,0,0,0.2);}
.imui_side .side_user p{ }
.imui_side .side_user p a.b_c{ padding:0 5px;-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;}
.imui_side .side_user p a.ucenter:before{ font-family:"iconfont"; content:"\e832"; padding-left:10px; font-size:18px;}
.imui_side .side_user div{ padding-left:10px; padding-top:10px;}
.imui_side .side_user div a{ float:right; background:rgba(0,0,0,0.4); padding:0 8px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.imui_side .side_user div em.b_c{ padding:0 5px; height:16px; line-height:16px; display:inline-block; font-size:12px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-right:5px; vertical-align:middle}

.imui_side .side_user div a.out:before{ font-family:"iconfont"; content:"\e615"; padding-right:5px;}
.imui_side .side_user div a.log:before{ font-family:"iconfont"; content:"\e6ca"; padding-right:5px;}
.imui_side .side_user div a.con:before{ font-family:"iconfont"; content:"\e607"; padding-right:5px;}


.imui_side .side_nv{ padding:10px 15px 15px 15px;}
.imui_side .side_nv li a{ display:block; padding:8px 5px; }
.imui_side .side_nv li h4{ font-weight:400; height:20px; line-height:20px; }
.imui_side .side_nv li p{ height:16px; line-height:16px;padding-left:32px;}
.imui_side .side_nv li a:active{ background:#f6f6f6; }

.imui_side .side_nv li span{
	font-family:"iconfont";
	font-size:24px;
	padding-right:8px;
	vertical-align:middle;
}

.imui_side .side_nv li em:before{
	font-family:"iconfont";
	font-size:24px;
	padding-right:8px;
	vertical-align:middle;
}

.side_icon_index:before{ content: '\e693'; }
.side_icon_best:before{ content: '\e782'; }
.side_icon_bbs:before{ content: '\e622'; }
.side_icon_group:before{ content: '\e657'; }
.side_icon_space:before{ content: '\e690'; }
.side_icon_find:before{ content: '\e6cd'; }
.side_icon_news:before{ content: '\e68e'; }
.side_icon_ref:before{ content: '\e664'; }

/*--------------------flickr--------------------*/

.imui_flickr{
	width:35%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:fixed;
	right:10px;
	top:65px;
	z-index:1010;
	-webkit-animation: flickr .2s forwards;
	animation: flickr .2s forwards;
}

.showflickr{ -webkit-animation: flickr_s .4s forwards; animation: flickr_s .4s forwards; }
.hideflickr{ -webkit-animation: flickr_h .4s forwards; animation: flickr_h .4s forwards;}

.imui_flickr:after{
	content: " ";
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	height: 10px;
	width: 10px;
	background:#fff;
	position: absolute;
	top:-5px;
	right:15px;
}
.imui_flickr_area li{ padding:0 10px; height:40px; line-height:40px; overflow:hidden; }
.imui_flickr_area ul li a{ display:block; height:40px; text-overflow:ellipsis;}
.imui_flickr_area li a:before{ display: inline-block; width:30px; font-size:18px; color:#ea5b56 }
.imui_flickr_area li.imui_flick_ic a:before{ font-family:"iconfont";content: '\e62e';}
.imui_flickr_area li.imui_flick_ia a:before{ font-family:"iconfont";content: '\e6ce';}
.imui_flickr_area li.imui_flick_im a:before{ font-family:"iconfont";content: '\e6b8';}
.imui_flickr_area li.imui_flick_ie a:before{ font-family:"iconfont";content: '\e832';}
.imui_flickr_area li.imui_flick_ir a:before{ font-family:"iconfont";content: '\e60c';}

/*--------------------TIP&DIALOG--------------------*/
/*sheet*/
.imui_sheet{ width:100%; display:block; position:fixed; left:0px; bottom:0px; z-index:1010; }
	
.imui_sheet li a{ display:block; height:45px; line-height:45px;}
.imui_sheet li a:active{ background:#f6f6f6}
.imui_sheet li:last-child{ border-top:8px solid #eee;}

.showsheet{ -webkit-animation: bs .4s forwards; animation: bs .4s forwards; }
.hidesheet{ -webkit-animation: bh .4s forwards; animation: bh .4s forwards;}

/*toparea*/
.imui_toparea{ position:fixed; width:100%; left:0px; top:50px; z-index:1010}

.imui_toparea.open{ -webkit-animation: ts .4s forwards; animation: ts .4s forwards; }
.imui_toparea.close{ -webkit-animation: b .4s forwards; animation: b .4s forwards;}
			
			
/*opa*/
#dark{ width:100%; height:100%; left:0px; top:50px; z-index:1000; position:fixed; background:#000; opacity:0.6;}
#light{ left:0px; top:0px; z-index:1000; width:100%; position:fixed; background:#000;opacity:0.1;}
#loading{ width:100%; height:100%; left:0px; top:0px; z-index:1000; position:fixed; background:#fff; opacity:0.8;}
#mongolia{ width:100%; height:100%; left:0px; top:0px; z-index:1000; position:fixed; background:#000; opacity:0.6;}
.loading{ width:100px;}

/*immwashar_list*/




/*--------------------shar--------------------*/
#shar_box{ z-index:9999; position:fixed;}
#shar_box img{ width:100%;}
.shar_wx{ z-index:9999; position:fixed; top:0px; right:0px;}
.shar_llq{ z-index:9999; position:fixed; bottom:0px; right:0px; width:100%;}

.covepic{ width:400px; height:400px; display:none;}
.covepic img{ width:400px;}
/**/
.immwashar_list p{ padding:10px 10px 0 10px;}

.immwashar_list span{ float:left; width:33.33%; text-align: center;margin: 10px 0;}
.immwashar_list span i { width:40px; height: 40px; display: block; margin: 0 auto;margin-bottom: 5px;}
.immwashar_list span.weibo i { background:url(weibo.png) no-repeat 0 0; background-size:cover;}
.immwashar_list span.weixin i { background: url(weixin_friend.png); background-size: cover;}
.immwashar_list span.weixin_timeline i { background: url(weixin.png); background-size: cover;}
.immwashar_list span.qq i { background: url(qq.png); background-size: cover;}
.immwashar_list span.qzone i { background: url(qqzone.png); background-size: cover;}
.immwashar_list span.more i { background: url(more.png); background-size: cover;}

/*--------------------Web App--------------------*/
.ath-viewport {
	position: fixed;
	z-index: 9999;
	width:80%;
	background:#fff;
	box-shadow: 0 1px 6px #888;
	left:10%;
	bottom:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	pointer-events: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-viewport:after {
	content: " ";
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	height: 15px;
	width: 15px;
	background:#fff;
	border-width: 2px 2px 0 0;
	border-color: #ccc;
	border-style: solid;
	position: absolute;
	bottom:-9px;
	left:-moz-calc(50% - 8px);
	left:-webkit-calc(50% - 8px);
	left:calc(50% - 8px);

}

.ath-container{ padding:20px 10px 10px 10px; text-align:center;pointer-events: auto !important; }

.ath-container:before {
	content: '';
	position: absolute;
	display: block;
	top:0px;
	right:0px;
	background-image: url(close.png);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 9999;
}

.ath-application-icon{ width:48px; height:48px;	border-radius: 1em; box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),inset 0 0.07em 0 rgba(255,255,255,0.5);}

.ath-container p{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; font-size:16px; line-height:2.0;}
.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon{
	width: 1.6em;
	height: 1.6em;
	background-image:url(ios.png);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(ios6.png);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(android.png);
	background-size: 100% auto;
}

/*--------------------Show Page--------------------*/
.winarea{ width:90%; position:fixed; left:5%;  background:#fff;z-index:1010;	top:-moz-calc(50% - 100px); top:-webkit-calc(50% - 100px); top:calc(50% - 100px);-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.winarea form{ padding:5px;}
.winarea .imui_blocks { margin-top:0px;}
.winarea .imui_block:before,.winarea .imui_blocks:before{ border-top:0px;}
.winarea .imui_block{ padding:10px;}

.winarea #tabarea,.winarea #hidenarea{ display:none}
.winarea .imui_btn{ width:80px;}
	

.showpagearea{ width:100%; height:100%; position:fixed; right:0; top:0px; background:#eee; z-index:1010;}
.showpagearea .imui_header{ z-index:1020;}

.showpagearea .body_main{
	padding:0;
	overflow-y:scroll;
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	height:-moz-calc(100% - 50px);
	height:-webkit-calc(100% - 50px);
	height:calc(100% - 50px);
	
}

.showpage_in{
	-webkit-animation: cut-in .4s forwards; 
	animation: cut-in .4s forwards;	
}
.showpage_out{
	-webkit-animation: cut-out .4s forwards; 
	animation: cut-out .4s forwards;	
}

.showpage_show{
	-webkit-animation: a .4s forwards; 
	animation: a .4s forwards;	
}

.showpagearea .imui_icon_back:before{
  content: '\e6d0';
}

/**/
#noheader .bodyarea .imui_header{ display:none}
#noheader .bodyarea .body_main{
	padding:0 0 50px 0;
	height:-moz-calc(100% - 50px);
	height:-webkit-calc(100% - 50px);
	height:calc(100% - 50px);
}

#noheader .bodyarea .body_0{
	padding:0;
	height:100%;
}

#noheader .imui_sidebg,#noheader #dark{ top:0px;}

/*--------------------point--------------------*/

.desk_ico{
	position:fixed;
	z-index:99;
	display:block;
	width:40px;
	height:40px;
	background:#fff;

	background:rgba(255,255,255,0.75);
	filter:alpha(opacity=75);
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color:#666;
	border:1px solid rgba(0,0,0,0.1);
	text-align:center;
	line-height:40px;
	font-size:18px;
}


.write{
	right:10px;
	bottom:110px;
	border:0px;
}
.write:before{
	font-family:"iconfont";
	content:"\e63b";
	color:#fff;
}
.newpm{
	right:10px;
	bottom:110px;
	border:0px;
}
.newpm:before{
	font-family:"iconfont";
	content:"\e61b";
	color:#fff;
}

.newpm span{
	position:absolute;
	width:8px;
	height:8px;
	right:10px;
	top:12px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius: 20px;
}
	
.write + .newpm{ bottom:160px;}

.body_np .newpm,.body_0 .newpm{ bottom:110px;}
.body_np .write,.body_0 .write{ bottom:10px;}

.hh{ display:none}
#noheader .hh{ display:inline-block}