/**
 * @author zengang@
 * @date 2014-06-04
 * @info login
 */
 /*html  {
      font-size  :  10px ; 
 } 
 @media only screen and  ( min - width :  401px ) { 
      html  { 
          font-size:   9.68px  ! important ; 
      } 
}
 @media only screen and  ( min - width :  428px ) { 
      html  { 
          font-size:   13.375px  ! important ; 
      } 
}
 @media only screen and  ( min - width :  481px ) { 
      html  { 
          font-size:   15px  ! important ;  
      } 
}
 @media only screen and  ( min - width :  569px ) { 
      html  { 
          font-size:   17.5px  ! important ;  
      } 
}
 @media only screen and  ( min - width :  641px ) { 
      html  { 
          font-size:   20px  ! important ;  
      } 
}*/
html {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;/*-webkit-filter: brightness(0.5);*//*变暗*/
/*	-webkit-filter:blur(1px);*//*模糊*/
   /* -webkit-filter: grayscale(100%);//全部变灰色
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
*/
 
}
em {
	font-style: normal
}
a {
	text-decoration: none;
}
html, body, header, footer, nav, article, section, aside, time, code, div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, a, span, strong, em, small, form, label, input, textarea {
	margin: 0;
	padding: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/
}
ul, ol {
	list-style: none;
}
h1, h2, h3, input {
	font-size: 100%;
}
img {
	border: 0;
	vertical-align: middle;
}
label, input {
	vertical-align: middle;
}
a, a:hover {
	text-decoration: none;
}
body {
	position: relative;
	font: 1rem/1.5 normal 'Helvetica Neue', Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}
@font-face {
	font-family: "wb440";
	src: url("https://h5s.sinaimg.cn/weibocn/font/wb440.eot");
	src: url("https://h5s.sinaimg.cn/weibocn/font/wb440.eot?#iefix") format("embedded-opentype"), url("https://h5s.sinaimg.cn/weibocn/font/wb440.woff") format("woff"), url("https://h5s.sinaimg.cn/weibocn/font/wb440.ttf") format("truetype"), url("https://h5s.sinaimg.cn/weibocn/font/wb440.svg?#wb440") format("svg");
	font-weight: normal;
	font-style: normal;
}
.popup {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}
.popup > .wrapper {
	position: absolute;
	top: 180px;
	left: 20px;
	padding: 16px 14px;
	width: 252px;
	background: #f8f8f8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.popup > .wrapper .title {
	margin: -7px 0 0;
	font-size: 1.125rem;
	text-align: center;
}
.popup > .wrapper > .info {
	display: block;
	margin: 42px 6px 48px;
	font-size: 15px;
	line-height: 1.3em;
	color: #5d5d5d;
}
.popup > .wrapper > .info:first-child {
	line-height: 1.5em;
	margin: 15px 6px 45px;
}
.popup > .wrapper > .action {
	overflow: hidden;
}
.popup > .wrapper > .action > .btn {
	float: left;
	margin: 0 2% 0 0;
	width: 48%;
	line-height: 36px;
	font-size: 17px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.popup > .wrapper > .action > .btn:nth-of-type(2) {
	margin: 0 0 0 2%;
}
.popup > .wrapper > .action > .btn:only-of-type {
	margin: 0;
	width: 100%;
}
.popup > .wrapper > .action > .confirm {
	border: #d8d8d8 solid 1px;
	border-color: #ff8200;
	color: #ff8200;
	background: white;
}
.popup > .wrapper > .action > .cancel {
	border: #d8d8d8 solid 1px;
	border-color: #d8d8d8 #d1d1d1 #cbcbcb;
	color: #5d5d5d;
	background: white;
}
body {
	background: #f8f8f8;
	color: #000;
	font-size: 20px;
}
a {
	color: #5184bc;
}
.hid {
	display: none !important;
}
.login-wrapper .box .input-clear, .login-wrapper .input-wrapper .input-clear {
	position: absolute;
	top: 13px;
	right: 30px;
	width: 16px;
	height: 16px;
	background: #c8c8c8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.login-wrapper .box .input-clear::before, .login-wrapper .input-wrapper .input-clear::before, .login-wrapper .box .input-clear::after, .login-wrapper .input-wrapper .input-clear::after {
	content: " ";
	position: absolute;
	top: 8px;
	left: 4px;
	width: 8px;
	height: 1px;
	background: white;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.login-wrapper .box .input-clear::after, .login-wrapper .input-wrapper .input-clear::after {
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}
/* btn */
.btn {
	display: block;
	border-style: solid;
	border-width: 1px;
	font-size: 1.2625rem;
	line-height: 43px;
	text-align: center;
	border-radius: 3px;
	margin: 0 10px 0 10px;
}
.btn.btnRed {
	border-color: #e86b0f;
	color: white;
	background: #ff8200;
	box-shadow: 0 1px 2px #cfcfcf;
	font-family: monospace;
}
.btn.btnWhite {
	border-color: #d8d8d8 #d1d1d1 #cbcbcb;
	color: #5d5d5d;
	background: white;
}
.btn.btnWhite.isDisabled {
	color: rgba(93, 93, 93, 0.3);
}
.btn.btnGreen {
	border-color: #199d18;
	color: white;
	background: #10b524;
}
.btn.isDisabled {
	color: rgba(255, 255, 255, 0.3);
}
.register {
	position: absolute;
	top: 13px;
	right: 16px;
	color: #ff8200;
	font-size: 1.4rem;
	font-family: sans-serif;
}
.text_style {
	color: #666666;
	font-size: 1.4rem;
	font-family: Verdana, Geneva, sans-serif;
}
.checkbox_style {
	font-size: 1.4rem;
	margin: 10px 0 0px 20px;
}
.close {
	overflow: hidden;
	position: absolute;
	top: 13px;
	left: 16px;
	width: 30px;
	height: 30px;
	text-indent: -300px;
}
.close::before, .close::after {
	content: " ";
	position: absolute;
	left: 0;
	top: 13px;
	width: 25px;
	height: 1px;
	background: #666666;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.close::after {
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}
.avatar-wrapper {
	overflow: hidden;
	width: 75px;
	height: 75px;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.avatar-wrapper {
	background-image: url("../images/logo.png");
}
}
.avatar-wrapper img {
	display: block;
	width: 100%;
}
@media screen and (device-aspect-ratio: 2 / 3) {
.avatar-wrapper {
	margin-top: 30px;
}
}
/* welcome */
.welcome-wrapper {
	margin: 0 11px;
	padding: 375px 0 1px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 128px;
	background-image: url("../images/index-pic.png");
	-webkit-background-size: 169px auto;
	background-size: 169px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.welcome-wrapper {
	background-image: url("../images/index-pic_2x.png");
}
}
 @media screen and (device-aspect-ratio: 2 / 3) {
.login-wrapper {
	min-height: 453px;
}
}
.login-wrapper form {
	margin: 27px 0 20px;
}
.login-wrapper form .btn {
	margin: 20px 16px 15px;
}
@media screen and (device-aspect-ratio: 2 / 3) {
.login-wrapper form {
	margin-top: 20px;
}
}
.login-wrapper .box {
	position: relative;
	border: #d7d7d7 solid 1px;
	border-left: none;
	border-right: none;
	background: white;
}
.login-wrapper .box2 {
	position: relative;
	border: #d7d7d7 solid 1px;
	border-left: none;
	border-right: none;
	background: white;
}
.login-wrapper .box input {
	display: block;
	border: none;
	padding: 12px 20px 12px 12px;
	width: 100%;
 font-size: .9275rem;
	background: white;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.login-wrapper .box2 input {
	display: block;
	border: none;
	width: 100%;
 font-size: .9275rem;
	background: white;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.login-wrapper .box input::-webkit-input-placeholder, .login-wrapper .box input::-moz-input-placeholder {
 color: #afafaf;
}
.login-wrapper .input-wrapper {
	overflow: hidden;
	margin: 0 16px;
	border-bottom: #dddddd solid 1px;
}
.login-wrapper .input-wrapper2 {
	overflow: hidden;
	border-bottom: #dddddd solid 1px;
}
.login-wrapper .input-wrapper .icon {
	float: left;
	margin: 10px 15px 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/icon_2x.png");
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}
.icon2 {
	float: left;
	margin: 10px 15px 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/icon_2x.png");
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}
.login-wrapper .editIcon {
	background-repeat: no-repeat;
	background-image: url("../images/edit.png");
	-webkit-background-size: auto 24px;
	background-size: auto 24px;
}
.editIcon {
	float: left;
	margin: 10px 15px 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/edit.png");
	-webkit-background-size: auto 24px;
	background-size: auto 24px;
}
.editIcon2 {
	float: left;
	background-repeat: no-repeat;
	background-image: url("../images/edit.png");
	-webkit-background-size: auto 24px;
	background-size: auto 24px;
}
.login-wrapper .input-wrapper .icon.forName {
	width: 19px;
	height: 20px;
	background-position: 0 -21px;
}
.login-wrapper .input-wrapper .icon.forPwd {
	width: 19px;
	height: 21px;
	background-position: 0 -41px;
}
}
.editIcon.forBack {
	width: 22px;
	height: 20px;
	background-position: 0 0;
	float: left;
	margin: 13px 0 0 20px;
}
.icon.forPhone {
	width: 20px;
	height: 20px;
	background-position: 0 0;
}
.icon2.forPhone {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 10px;
	background-position: 0 0;
}
.editIcon.forTitle {
	width: 20px;
	height: 20px;
	background-position: -52px 0;
}
.editIcon.forPosition {
	width: 20px;
	height: 20px;
	background-position: -78px 0;
}
.editIcon.forMoney {
	width: 20px;
	height: 20px;
	background-position: -104px 0;
}
.editIcon2.forMoney {
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
	margin: 0 10px 0 10px;
	background-position: -104px 0;
}
.editIcon2.forPosition {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 10px;
	background-position: -78px 0;
}
.login-wrapper .input-wrapper .input-box {
	position: relative;
	overflow: hidden;
}
.login-wrapper .input-wrapper input {
	padding-right: 35px;
}
.login-wrapper .input-wrapper .input-clear {
	right: 14px;
}
.login-wrapper .input-wrapper:last-of-type {
	border: none;
}
.login-wrapper .shield-tit {
	padding: 10px;
 font-size: .875rem;
}
.login-wrapper .vcode {
	overflow: hidden;
	padding: 10px;
}
.login-wrapper .vcode img {
	float: left;
	margin: 0 15px 0 0;
	width: 100px;
	height: 20px;
}
.login-wrapper .vcode a {
	float: left;
 font-size: .875rem;
	color: #333333;
}
.login-wrapper .error-label {
	margin: 5px 0 0 35px;
 font-size: .875rem;
	color: #e24123;
}
.login-wrapper .label {
	margin: 27px 0 0;
 font-size: .875rem;
	text-align: center;
}
.moreInfo {
	height: 2.25rem;
	text-align: center;
	line-height: 1.5rem;
 margin-bottom: -.0625rem;
}
.topBarWrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	z-index: 10;
	background-color: #fff;
	box-shadow: 0 1px 3px #cfcfcf;
	text-align: center;
}
.J-textarea {
	padding: 8px 14px 0 14px;
	width: 100%;
	height: 120px;
	font-size: 16px;
	resize: vertical;
	border: none;
	background-color: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: monospace;
}
.styled-select {
	background: transparent;
	width: 250px;
	padding: 5px;
	font-size: 16px;
	border: 0.5px solid #ccc;
	height: 43px;
	-webkit-appearance: none; /*for chrome*//*   background: url(../images/spinner.png) no-repeat right #f8f8f8;*/
}
.styled-select3 {
	background: transparent;
	font-size: 18px;
	-webkit-appearance: none; /*for chrome*//*   background: url(../images/spinner.png) no-repeat right #f8f8f8;*/
}
.styled-select2 {
	padding: 2px;
 line-height:38px height: 38px;
	-webkit-appearance: none; /*for chrome*/
	background: url(../images/spinner.png) no-repeat right #f8f8f8;
}
.msubmit {
	display: block;
	float: left;
	position: relative;
	height: 25px;
	width: 80px;
	margin: 0 10px 18px 0;
	text-decoration: none;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
}
.block {
	text-align: center;
	/* May want to do this if there is risk the container may be narrower than the element inside */
	white-space: nowrap;
}
/* The ghost, nudged to maintain perfect centering */
.block:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}
/* The element to be centered, can also be of any width and height */ 
.centered {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}
.topbar-add {
	position: absolute;
	z-index: 9;
	width: 100%;
	background: #efefef;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-wekbit-box-shadow: 0 1px 2px #cfcfcf;
	box-shadow: 0 1px 2px #cfcfcf;
}
.topbar-search {
	position: fixed;
	z-index: 9;
	width: 100%;
	background: #efefef;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-wekbit-box-shadow: 0 1px 2px #cfcfcf;
	box-shadow: 0 1px 2px #cfcfcf;
}
.topbar-pop {
	position: fixed;
	z-index: 11;
	top: 15.625rem;
	left: 6.375rem;
padding:.3125rem;
	width: 9.375rem;
	background: rgba(120,120,120,1);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-wekbit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5)
}
.topbar-pop::after {
	content: " ";
	position: absolute;
top:-.3125rem;
	left: 4.6875rem;
width:.625rem;
height:.625rem;
	background: rgba(90,90,90,.96);
	background: -webkit-gradient(linear, 100% 100%, 0 0, from(transparent), color-stop(0.5, transparent), color-stop(0.51, rgba(90,90,90,.96)), to(rgba(90,90,90,.96)));
	background: -webkit-linear-gradient(135deg, transparent 50%, rgba(90,90,90,.96) 51%, rgba(90,90,90,.96));
	background: linear-gradient(-45deg, transparent 50%, rgba(90,90,90,.96) 51%, rgba(90,90,90,.96));
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.topbar-pop.isLeftArrow::after {
	left: 2.0625rem
}
.topbar-pop .list {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: left
}
.topbar-pop .list .item {
	position: relative;
	display: block;
	padding: 0 10px;
	font-size: 1.125rem;
	line-height: 2.25rem;
	color: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px
}
.topbar-pop .list .item.active {
	background: #4c4c4c!important
}
.topbar-pop .list .item.isActive {
	color: orange;
	background: #6a6a6a
}
.topbar-pop .list .item.isNew::before {
	content: ' ';
	position: absolute;
	top: 13px;
	right: 10px;
width:.5rem;
height:.5rem;
	background: #ff5b36;
-webkit-border-radius:.25rem;
border-radius:.25rem
}
.topbar-pop .list .item .iconf {
	margin: 0 0 0 6px;
	color: #929292
}
.topbar-pop .list .item .num {
	float: right;
font-size:.75rem;
	color: rgba(255,255,255,.5)
}
.topbar-pop .list .item-split {
	position: relative;
	margin: 4px 0;
font-size:.75rem
}
.topbar-pop .list .item-split span {
	position: relative;
	z-index: 1;
	margin: 0 0 0 8px;
	padding: 0 2px;
	background: #606060
}
.topbar-pop .list .item-split::after {
	content: ' ';
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #4d4d4d
}
.J-slider * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.J-slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000
}
.J-slider .wrapper {
	float: left;
	z-index: 1;
	overflow: hidden;
	text-align: center
}
.J-slider .scroller {
	z-index: 1
}
.J-slider .scroller img {
	max-width: 100%;
	vertical-align: middle;
	opacity: 0;
 -webkit-transition: opacity .3s ease-out transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
}
.J-slider .ctrlbar {
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 99;
	width: 100%;
	line-height: 35px;
	text-align: center;
	color: #fff
}
.J-slider .ctrlbar #J-curPage, .J-slider .ctrlbar #J-pageCount {
	text-shadow: 0 1px 1px rgba(0,0,0,.35)
}
.J-slider .ctrlbar a {
	display: block;
	width: 72px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: rgba(128,128,128,.4);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
	border-radius: 2px;
	-webkit-border-radius: 2px
}
.J-slider #J-close {
	float: right;
	margin: 0 15px 0 0
}
.J-slider #J-zan {
	float: right;
	margin: 0 15px 0 0
}
.J-slider #J-zan #J-zan-count {
	font-size: 15px
}
.J-slider #J-zan .icon {
	float: left;
	margin: 3px 0 0 10px
}
.J-slider #J-zan span {
	width: 35px;
	display: block;
	height: 30px;
	text-align: center;
	float: left
}
.J-slider .J-slider {
	position: absolute;
	top: 0;
	bottom: 0
}
.J-slider .J-guide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 666;
	text-align: center;
	background-color: rgba(0,0,0,.6)
}
.J-slider .J-guide-pop {
	display: inline-block;
	vertical-align: middle;
	width: 232px;
	height: 64px;
	background-size: 232px 64px;
	background-image: url(http://u1.sinaimg.cn/upload/v5/image-zoom-guide.png)
}
.J-slider .J-guide-pop p {
	height: 115px;
	line-height: 115px;
	font-size: 15px
}
.J-slider .J-guide-pop a {
	display: block;
	margin: 0 auto 15px auto;
	height: 37px;
	line-height: 37px;
	width: 250px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d8d8d8;
	color: #5d5d5d;
	font-size: 17px
}
.J-slider .disabled {
	opacity: .5
}
body {
}
.radio {
	width: 68px;
	height: 36px;
	display: inline-block;
}
.radio_type {
	width: 200px;
}
.radio_sm-blue {
	background: #fff;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 36px;
	color: #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.radio_sm-blue.checked {
	background: #fff;
	background: url(../images/icon-right.png) no-repeat right bottom;
	border: 1px solid #0095ff;
	color: #333;
}
}
 @media screen and (device-aspect-ratio: 2 / 3) {
.login-wrapper .label {
	margin: -5px 0 0;
}
}
.login-wrapper .label a {
	color: #7c7c7c;
}
.login-wrapper .footer {
	padding: 20px 0 20px;
	width: 100%;
 font-size: .875rem;
	text-align: center;
}
@media screen and (device-aspect-ratio: 2 / 3) {
.login-wrapper .footer {
	padding: 10px 0 5px;
}
}
.login-wrapper .footer a {
	color: #5184BC;
}
.login-wrapper .footer a:first-of-type {
	position: relative;
	margin: 0 30px 0 0;
}
.login-wrapper .footer a:first-of-type::after {
	content: " ";
	position: absolute;
	top: 0;
	right: -15px;
	width: 1px;
	height: 16px;
	background: #c8c8c8;
}
.typelabel {
	margin-left: 10px;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.fishlabel-left {
	position: absolute;
	top: 0;
	left: 2%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.fishlabel-right {
	position: absolute;
	top: 0;
	right: 2%;
	height: 48px;
}
.fishdiv {
	position: relative;
	top: 0;
	left: 0;
	box-shadow: 0 1px 2px #cfcfcf;
	background: #fff;
	color: #666;
	border-radius: 5px;
	width: 98%;
	margin: 5px 1% 5px 1%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}
.fishtags {
	margin: 0;
	padding: 0;
	opacity: 0.7;
	list-style: none;
}
.fishtags li, .fishtags a {
	float: left;
	height: 24px;
	margin: 1px 0 5px 0;
	line-height: 24px;
	position: relative;
	font-size: 15px;
}
.fishtags a {
	margin-left: 15px;
	padding: 0 8px 0 10px;
	background: #4885ed;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.fishtags a:visited {
	color: #fff;
	text-decoration: none;
}
.fishtags a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
	height: 0;
	border-color: transparent #4885ed transparent transparent;
	border-style: solid;
	border-width: 12px 8px 12px 0px;
}
.fishtags a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	float: left;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;/*	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;*/
}
.fishtags-red {
	line-height: 30px;
	margin: 0;
	padding: 0;
	opacity: 0.7;
	list-style: none;
}
.fishtags-red li, .fishtags-red a {
	float: left;
	height: 24px;
	margin: 1px 0 5px 0;
	line-height: 24px;
	position: relative;
	font-size: 15px;
}
.fishtags-red a {
	margin-left: 15px;
	padding: 0 8px 0 10px;
	background: #db3236;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.fishtags-red a:visited {
	color: #fff;
	text-decoration: none;
}
.fishtags-red a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
	height: 0;
	border-color: transparent #db3236 transparent transparent;
	border-style: solid;
	border-width: 12px 8px 12px 0px;
}
.fishtags-red a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	float: left;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;/*	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;*/
}
.fishtags-orange {
	line-height: 30px;
	margin: 0;
	padding: 0;
	opacity: 0.7;
	list-style: none;
}
.fishtags-orange li, .fishtags-orange a {
	float: left;
	height: 24px;
	margin: 1px 0 5px 0;
	line-height: 24px;
	position: relative;
	font-size: 15px;
}
.fishtags-orange a {
	margin-left: 15px;
	padding: 0 8px 0 10px;
	background: #ff8200;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.fishtags-orange a:visited {
	color: #fff;
	text-decoration: none;
}
.fishtags-orange a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
	height: 0;
	border-color: transparent #ff8200 transparent transparent;
	border-style: solid;
	border-width: 12px 8px 12px 0px;
}
.fishtags-orange a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	float: left;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;/*	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;*/
}
.fishtags-gray {
	margin: 0;
	padding: 0;
	opacity: 0.7;
	list-style: none;
}
.fishtags-gray li, .fishtags-gray a {
	float: left;
	height: 24px;
	margin: 1px 0 5px 0;
	line-height: 24px;
	position: relative;
	font-size: 15px;
}
.fishtags-gray a {
	margin-left: 15px;
	padding: 0 8px 0 10px;
	background: #999;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.fishtags-gray a:visited {
	color: #fff;
	text-decoration: none;
}
.fishtags-gray a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
	height: 0;
	border-color: transparent #999 transparent transparent;
	border-style: solid;
	border-width: 12px 8px 12px 0px;
}
.fishtags-gray a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	float: left;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;/*	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;*/
}
.fishtags-purple {
	margin: 0;
	padding: 0;
	opacity: 0.7;
	list-style: none;
}
.fishtags-purple li, .fishtags-purple a {
	float: left;
	height: 24px;
	margin: 1px 0 5px 0;
	line-height: 24px;
	position: relative;
	font-size: 15px;
}
.fishtags-purple a {
	margin-left: 15px;
	padding: 0 8px 0 10px;
	background: #3cba54;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.fishtags-purple a:visited {
	color: #fff;
	text-decoration: none;
}
.fishtags-purple a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
	height: 0;
	border-color: transparent #3cba54 transparent transparent;
	border-style: solid;
	border-width: 12px 8px 12px 0px;
}
.fishtags-purple a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	float: left;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;/*	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;*/
}
.forward-arrow {
	width: 8px;
	height: 16px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	position: relative;
}
.forward-arrow:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #aaa;
	border-style: solid;
	border-width: 8px 0px 8px 8px;
}
.forward-arrow:after {
	content: "";
	position: absolute;
	top: 0;
	left: -2px;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 8px 0px 8px 8px;
}
.upward-arrow {
	width: 16px;
	height: 8px;
	margin: 0;
	padding: 0;
	line-height: 8px;
	position: relative;
}
.upward-arrow:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent #ccc transparent;
	border-style: solid;
	border-width: 0px 8px 8px 8px;
}
.upward-arrow:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 0px 8px 8px 8px;
}
.upward-arrow2 {
	width: 16px;
	height: 8px;
	margin: 0;
	padding: 0;
	line-height: 8px;
	position: relative;
}
.upward-arrow2:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 0px 8px 8px 8px;
}
.topbar-more {
	position: fixed;
	z-index: 11;
 padding:.3125rem;
	width: 100px;
	background: rgba(50,50,50,0.8);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-wekbit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5)
}
.topbar-more::after {
	content: " ";
	position: absolute;
	top: -8px;
	right: 27px;
	width: 0;
	height: 0;
	border-color: transparent transparent rgba(50,50,50,0.8) transparent;
	border-style: solid;
	border-width: 0px 8px 8px 8px;
}
.topbar-more .list {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: left
}
.topbar-more .list .item {
	position: relative;
	display: block;
	padding: 0 10px;
	font-size: 1.125rem;
	line-height: 2.25rem;
	color: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px
}
.demo_line {
	filter: alpha(opacity=100, finishopacity=0, style=3);
	width: 100%;
	background-color: #cfcfcf;
	height: 1px
}
.demo_line2 {
	filter: alpha(opacity=100, finishopacity=0, style=3);
	width: 100%;
	background-color: #efeff4;
	height: 1px
}
.demo_line3 {
	margin-top: 1px;
	background: #eee;
	width: 100%;
	height: 1px;
}
.fish_comment {
	clear: both;
	margin-bottom: 8px;
	height: auto;
	width: 100%;
	box-shadow: 0 1px 2px #cfcfcf;
	background: #fff;
}
.fish_comment .f-content {
	padding: 10px;
}
.f-content .f-user {
	margin-bottom: 5px;
	width: 100%;
	height: 35px;
}
.f-user .f-nt {
	float: left;
	height: auto;
	margin-left: 10px;
}
.f-user .f-a {
	margin-right: 20px;
	float: right;
	text-align: center;
	line-height: 30px;
	height: 30px;
	display: inline-block;
}
.f-nt .f-name {
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 17px;
	color: #09b4d9;
	font-weight: 500;
}
.f-nt .f-time {
	height: 13px;
	line-height: 13px;
	text-align: left;
	font-size: 13px;
	color: #aaa;
}
.f-content .f-p {
	margin: 0 0 5px 45px;
	line-height: 20px;
	text-align: left;
	font-size: 16px;
	color: #000;
}
.f-content .f-author {
	position: relative;
	margin: 0 0 0 45px;
	height: 50px;
	background: #efeff4;
}
.f-author a {
	position: absolute;
	top: 0;
	left: 0px;
}
.f-author a img {
	width: 40px;
	height: 40px;
	margin: 5px;
}
.f-author .div {
	height: 25px;
	line-height: 25px;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
}
.f-author .div2 {
	float: left;
	height: 25px;
	line-height: 25px;
	width: 40px;
}
.f-author .userinfo {
	float: left;
	height: 50px;
	margin-left: 50px;
}
.f-author p {
	height: 25px;
	line-height: 25px;
	text-align: left;
}
.reply-span1 {
	line-height: 25px;
	font-size: 17px;
	color: #09b4d9;
}
.reply-span2 {
	line-height: 25px;
	font-size: 17px;
	color: #444;
}
.more-reply {
	color: #20c5e0;
	line-height: 30px;
	height: 30px;
	font-size: 17px;
	width: 100%;
}
 @media (-webkit-min-device-pixel-ratio: 2), not all .line-top {
 border: none;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(50%, #dadada), color-stop(50%, transparent));
 background-image: -webkit-linear-gradient(top, #dadada 0, #dadada 50%, transparent 50%);
 background-image: linear-gradient(to bottom, #dadada 0, #dadada 50%, transparent 50%);
 -webkit-background-size: 100% 1px;
 background-size: 100% 1px;
 background-repeat: no-repeat;
 background-position: top;
}
.line-top {
	border-top: 1px solid #dadada;
}
.box-center-v {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.layout-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.layout-box .box-col {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
}
.more-detail a {
	display: block;
	position: relative;
}
.txt-s {
 font-size: .8125rem;
}
a {
	color: #598abf;
}
a, img {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
input, textarea, button, a {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
a {
	text-decoration: none;
}
a .mct-d, .mct-d {
	color: #929292;
}
.num {
	padding: 0 0 0 5px;
	font-size: 15px;
	vertical-align: top;
}
.line-gradient {
	height: 30px;
	-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(30%, #000), color-stop(70%, #000), color-stop(100%, transparent));
	-webkit-mask: -webkit-linear-gradient(top, transparent, #000 30%, #000 70%, transparent 100%);
	width: 1px;
}
 @media (-webkit-min-device-pixel-ratio: 2), not all .line-right, .line-separate::before, .card.col-1 .line-separate::before, .card.col-2 .line-separate::before, .card.col-3 .line-separate::before, .card.col-4 .line-separate::before, .card.col-5 .line-separate::before, .line-gradient {
 border: none;
 background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #dadada), color-stop(100%, #dadada));
 background-image: -webkit-linear-gradient(left, transparent 50%, #dadada 50%, #dadada 100%);
 background-image: linear-gradient(to right, transparent 50%, #dadada 50%, #dadada 100%);
 background-size: 1px 100%;
 background-repeat: no-repeat;
 background-position: right;
}
.line-right, .line-separate::before, .card.col-1 .line-separate::before, .card.col-2 .line-separate::before, .card.col-3 .line-separate::before, .card.col-4 .line-separate::before, .card.col-5 .line-separate::before, .line-gradient {
	border-right: 1px solid #dadada;
}
.mod-media {
	position: relative;
	display: block;
	text-align: center;
}
a {
	color: #598abf;
}
a, img {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
input, textarea, button, a {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
a {
	text-decoration: none;
}
.mod-media {
	position: relative;
	display: block;
	text-align: center;
}
a {
	color: #598abf;
}
.mod-media img {
	border-radius: 50%;/*border-style:solid;
	border-color: #444;
  border-width:0.3px;*/
}
.mod-media img {
	display: block;
	vertical-align: top;
}
.mod-media {
	position: relative;
	display: block;
	text-align: center;
}
a {
	color: #598abf;
}
.mod-media2 {
	position: relative;
	display: block;
	text-align: center;
}
.mod-media2 img {
	border-radius: 17%;
}
.mod-media2 img {
	display: block;
	vertical-align: top;
}
a, img {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
.my-msg {
	background: #fff;
	box-shadow: 0 1px 2px #cfcfcf;
	width: 100%;
}
.my-msg a {
	width: 100%;
	line-height: 50px;
	text-decoration: none;
}
.my-msg a:link {
	color: #444
}
.my-msg a:visited {
	color: #444
}
.my-msg .icon {
	float: left;
	font-size: 12px;
	line-height: 50px;
	height: 50px;
	margin-left: 10px;
}
.my-msg .text {
	float: left;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	margin-left: 8px;
}
.my-msg .num {
	float: left;
	color: #4885ed;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
}
.my-msg .forward {
	float: right;
	color: #aaa;
	font-size: 20px;
	line-height: 50px;
	height: 50px;
	margin-right: 20px;
}
.google-1 {/*红*/
	color: #db3236;
}
.google-2 {/*橙*/
	color: #ff8200;
}
.google-3 {/*黄*/
	color: #FFD700;
}
.google-4 {/*绿*/
	color: #3cba54;
}
.google-5 {/*蓝*/
	color: #4885ed;
}
.google-6 {/*靛*/
	color: #03A89E;
}
.google-7 {/*紫*/
	color: #9933FA;
}
.google-8 {/*灰*/
	color: #999;
}
.no-select {/*不可选中*/
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.a-blue {
	color: #09b4d9;
	font-weight: 500;
	
}
.a-black {
	color: #444;
	font-weight: 500;
	
}
.a-white {
	color: #fff;
	font-weight: 500;
}
.limit-p {
	margin-right: 85px;
	position: relative;
	overflow: hidden;
	height: 28px;
	font-size: 12px;
	line-height: 14px;
	color: #aaa;
}
/*.limit-p:after{
			
			content:"...";
			position: absolute;
			width:13px;
			right:0px;
			bottom:0px;
			background:#fff;
	}*/
.replay {
	line-height: 20px;
	height: 20px;
	font-size: 17px;
}
.replay-black {
	line-height: 20px;
	height: 20px;
	font-size: 16px;
	color: #444;
}
.replay-gray {
	
	line-height: 20px;
	height: 20px;
	font-size: 16px;
	color: #999;
}
.time-div {
	width: 100%;
	height: 25px;
}
.time-p {
     float:left;
	height: 25px;
	line-height: 35px;
	text-align: left;
	font-size: 13px;
	color: #aaa;
	
}