* {
	word-wrap: break-word
}

body {
	background: #f1f2f6
}

body,
button,
input,
select,
textarea {
	font: 16px/1.8 Tahoma, 'Microsoft Yahei', Simsun;
	color: #444
}

textarea {
	resize: none
}

.pc,
.pr,
body,
dd,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

table {
	empty-cells: show;
	border-collapse: collapse
}

caption,
th {
	text-align: left;
	font-weight: 400
}

.xl li,
ul li {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em
}

cite,
em,
i {
	font-style: normal
}

a {
	color: #444;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

a img {
	border: none
}

label {
	cursor: pointer
}

.z {
	float: left
}

.y {
	float: right
}

.cl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.cl {
	zoom: 1
}

.hidefocus {
	outline: 0
}

hr {
	display: block;
	clear: both
}

.mn hr,
.sd hr {
	margin: 0 10px
}

.area hr {
	margin-left: 0 !important;
	margin-right: 0 !important
}

hr.l {
	height: 1px;
	border: none;
	background: #ddd;
	color: #ddd
}

hr.l2 {
	height: 2px
}

hr.l3 {
	height: 3px
}

hr.da {
	height: 0;
	border: none;
	border-top: 1px dashed #ddd;
	background: 0 0;
	color: transparent
}

hr.bk {
	margin-bottom: 10px !important;
	height: 0;
	border: none;
	border-top: 1px solid #fff;
	background: 0 0;
	color: transparent
}

.n .sd hr.bk {
	border-top-color: #f9f9f9
}

hr.m0 {
	margin-left: 0;
	margin-right: 0
}

.ph,
.wx {
	font-family: 'Microsoft YaHei', 'Hiragino Sans GB', STHeiti, Tahoma, SimHei, sans-serif;
	font-weight: 100
}

.ph {
	font-size: 20px
}

.mt {
	padding: 10px 0;
	font-size: 16px
}

.pipe {
	margin: 0 5px;
	color: #ccc
}

.xs0 {
	font-family: Arial;
	font-size: .83em;
	-webkit-text-size-adjust: none
}

.xs1 {
	font-size: 12px !important
}

.xs2 {
	font-size: 14px !important
}

.xs3 {
	font-size: 16px !important
}

.xg1,
.xg1 a {
	color: #999 !important
}

.xg1 .xi2 {
	color: #38454f !important
}

.xg2 {
	color: #666
}

.onerror,
.xi1 {
	color: #f26c4f
}

.xi2,
.xi2 a,
.xi3 a {
	color: #38454f
}

.xw0 {
	font-weight: 400
}

.xw1 {
	font-weight: 700
}

.bbda {
	border-bottom: 1px dashed #ddd
}

.btda {
	border-top: 1px dashed #ddd
}

.bbs {
	border-bottom: 1px solid #ddd !important
}

.bts {
	border-top: 1px dashed #ddd !important
}

.bw0 {
	border: none !important
}

.bw0_all,
.bw0_all td,
.bw0_all th {
	border: none !important
}

.bg0_c {
	background-color: transparent !important
}

.bg0_i {
	background-image: none !important
}

.bg0_all {
	background: 0 0 !important
}

.ntc_l {
	padding: 5px 10px;
	background: #fefee9
}

.ntc_l .d {
	width: 20px;
	height: 20px;
	background: url(../images/images/op.png) no-repeat 0 0;
	line-height: 9999px;
	overflow: hidden
}

.ntc_l .d:hover {
	background-position: 0 -20px
}

.avt img,
.brs,
.oshr {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.brm {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.brw {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}

.mtn {
	margin-top: 5px !important
}

.mbn {
	margin-bottom: 5px !important
}

.mtm {
	margin-top: 10px !important
}

.mbm {
	margin-bottom: 10px !important
}

.mtw {
	margin-top: 20px !important
}

.mbw {
	margin-bottom: 20px !important
}

.ptn {
	padding-top: 5px !important
}

.pbn {
	padding-bottom: 5px !important
}

.ptm {
	padding-top: 10px !important
}

.pbm {
	padding-bottom: 10px !important
}

.ptw {
	padding-top: 20px !important
}

.pbw {
	padding-bottom: 20px !important
}

.avt img {
	padding: 2px;
	width: 48px;
	height: 48px;
	background: #fff;
	border: 1px solid;
	border-color: #f6f9fa #ddd #ddd #f6f9fa
}

.avtm img {
	width: 120px;
	height: auto
}

.avts img {
	width: 24px;
	height: 24px;
	vertical-align: middle
}

.emp {
	padding: 20px 10px
}

.emp a {
	color: #38454f;
	text-decoration: underline !important
}

.vm {
	vertical-align: middle
}

.vm * {
	vertical-align: middle
}

.hm {
	text-align: center
}

.alt,
.alt td,
.alt th {
	background-color: #f6f9fa
}

.notice {
	clear: both;
	margin: 5px 0;
	padding: 3px 5px 3px 20px;
	background: url(../images/images/notice.gif) no-repeat 2px 6px
}

#ajaxwaitid {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	padding: 0 5px;
	background: #d00;
	color: #fff
}

.showmenu {
	padding-right: 16px;
	background: url(../images/images/arrwd.gif) no-repeat 100% 50%;
	cursor: pointer;
	white-space: nowrap
}

#um .showmenu {
	margin-right: -5px
}

.cur1 {
	cursor: pointer
}

.ie6 .sec .p_pop {
	white-space: expression(this.offsetWidth >=220 ? 'normal':'nowrap');
	width: expression(this.offsetWidth >=220 ? 200:'auto')
}

.rq {
	color: red
}

.ps,
.pt,
.px,
select {
	border: 1px solid;
	border-color: #848484 #e0e0e0 #e0e0e0 #848484;
	background: #fff url(../images/images/px.png) repeat-x 0 0
}

.pt,
.px {
	padding: 2px 4px;
	line-height: 17px
}

.px {
	height: 17px
}

.pxs {
	width: 30px !important
}

.fdiy .tfm .pt,
.fdiy .tfm .px {
	width: auto
}

.p_fre {
	width: auto !important
}

.er {
	border-color: #f66 #ffbdb9 #ffbdb9 #f66;
	background-color: #fdf4f4;
	background-image: url(../images/images/px_e.png)
}

.pt {
	overflow-y: auto
}

div.pt {
	height: 100px;
	line-height: 100px
}

.ps,
select {
	padding: 2px 2px 2px 1px
}

.pts {
	vertical-align: top;
	overflow: hidden
}

.cmt .pts {
	width: 60%
}

button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.pn {
	vertical-align: middle;
	overflow: hidden;
	margin-right: 3px;
	padding: 0;
	height: 23px;
	border: 1px solid #999;
	background: #e5e5e5 url(../images/images/pn.png) repeat-x 0 0;
	cursor: pointer;
	-moz-box-shadow: 0 1px 0 #e5e5e5;
	-webkit-box-shadow: 0 1px 0 #e5e5e5;
	box-shadow: 0 1px 0 #e5e5e5
}

.pn:active {
	background-position: 0 -23px
}

.ie6 .pn {
	overflow-x: visible;
	width: 0
}

.pn em,
.pn span,
.pn strong {
	padding: 0 10px;
	line-height: 21px
}

.pn em,
.pn strong {
	font-weight: 700
}

.ie7 .pn em,
.ie7 .pn span,
.ie7 .pn strong {
	padding: 0 5px;
	line-height: 18px
}

a.pn {
	height: 21px;
	line-height: 21px;
	color: #444 !important
}

a.pn:hover {
	text-decoration: none
}

.ie6 a.pn {
	width: auto
}

.ie6 a.pn em,
.ie6 a.pn span,
.ie6 a.pn strong {
	display: block
}

.ie7 a.pn em,
.ie7 a.pn span,
.ie7 a.pn strong {
	line-height: 21px
}

.pnc,
a.pnc {
	border-color: #235994;
	background-color: #06c;
	background-position: 0 -48px;
	color: #fff !important
}

.pnc:active {
	background-position: 0 -71px
}

.pnpost .pn {
	height: 26px
}

.pc,
.pr {
	vertical-align: middle;
	margin: 0 5px 1px 0;
	padding: 0
}

.ie6 .pc,
.ie6 .pr,
.ie7 .pc,
.ie7 .pr {
	margin-right: 2px
}

.lb {
	margin-right: 20px
}

.ftid {
	float: left;
	margin-right: 6px
}

.ftid select {
	float: left;
	height: 23px
}

.ftid a {
	display: block;
	overflow: hidden;
	padding: 0 17px 0 4px;
	height: 21px;
	line-height: 21px;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: 400;
	color: #444 !important;
	border: 1px solid;
	border-color: #848484 #e0e0e0 #e0e0e0 #848484;
	background: #fff url(../images/images/newarow.gif) no-repeat 100% 0
}

.ftid a:focus,
.ftid a:hover {
	background-position: 100% -23px
}

.ftid select {
	width: 100px
}

.sslt a {
	width: 54px
}

.sslt select {
	width: 60px
}

.sltm {
	padding: 5px 11px 5px 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align: left
}

.sltm li {
	padding: 2px 0;
	color: #666;
	cursor: pointer
}

.sltm li:hover {
	color: #38454f
}

.sltm li.current {
	color: #f26c4f
}

.oshr {
	float: right;
	margin-left: 5px;
	padding: 0 5px 0 22px;
	border: 1px solid;
	border-color: #ccc #a9a9a9 #a9a9a9 #ccc;
	background: #fff url(../images/images/oshr.png) no-repeat 5px 50%
}

.oshr:hover {
	text-decoration: none
}

.ofav {
	background-image: url(../images/images/fav.gif)
}

.oivt {
	background-image: url(../images/images/activitysmall.gif)
}

.tfm {
	width: 100%
}

.tfm caption,
.tfm td,
.tfm th {
	vertical-align: top;
	padding: 7px 0
}

.tfm caption h2 {
	font-size: 16px
}

.vt td,
.vt th {
	vertical-align: top
}

.tfm th {
	padding-top: 9px;
	padding-right: 5px;
	width: 130px
}

.tfm th .rq {
	float: right;
	font-size: 14px
}

.tfm .pt,
.tfm .px {
	margin-right: 3px;
	width: 330px
}

.m_c .tfm .tedt,
.tfm .c,
.tfm .tedt {
	width: 338px
}

.tfm .d {
	clear: both;
	margin: 5px 0;
	color: #999
}

.tfm .d em {
	margin-left: 5px;
	color: red
}

.tfm .d strong {
	margin-left: 5px
}

.tfm .d a {
	color: #38454f
}

.tfm .p {
	text-align: right
}

.tfm .pcl label {
	display: block;
	padding: 0 2px 5px
}

.tfm .pcl .pc {
	margin-right: 5px;
	padding: 0
}

.tfm .l td,
.tfm .l th {
	padding-top: 0;
	padding-bottom: 0
}

.bn .tfm caption,
.bn .tfm td,
.bn .tfm th {
	padding-top: 5px;
	padding-bottom: 5px
}

.pbt {
	margin-bottom: 10px
}

.ie6 .pbt .ftid a,
.ie7 .pbt .ftid a {
	margin-top: 1px
}

#custominfo.mtn {
	margin-bottom: -5px
}

.altw {
	width: 350px
}

.altw .fltc {
	margin-bottom: 0;
	padding: 8px
}

.alert_error,
.alert_info,
.alert_right {
	padding: 6px 0 6px 58px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	line-height: 160%;
	background: url(../images/images/right.gif) no-repeat 8px 8px;
	font-size: 14px
}

.alert_error {
	background-image: url(../images/images/error.gif)
}

.alert_error a {
	font-weight: 700;
	color: #38454f
}

.alert_info {
	background-image: url(../images/images/info.gif)
}

.alert_btnleft {
	margin-top: 8px
}

.alert_btn {
	margin-top: 20px;
	text-align: center
}

.alert_act {
	margin-top: 20px;
	padding-left: 58px
}

.pbnv {
	float: left;
	white-space: nowrap;
	overflow: hidden;
	width: 400px;
	padding: 7px 0
}

.pbl {
	overflow: hidden;
	margin: 9px 0;
	width: 621px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
	background: #fff
}

.pbl li {
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px;
	width: 196px;
	height: 300px;
	border-right: 1px solid #ccc
}

.pbl p {
	height: 25px;
	line-height: 25px
}

.pbl a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 4px;
	text-decoration: none;
	color: #38454f;
	border: solid #fff;
	border-width: 1px 0
}

.pbl a:hover {
	text-decoration: none;
	background-color: #f3f3f3
}

.pbl .highlightlink {
	color: #08c
}

.pbls a,
.pbls a:hover {
	background-color: #eee;
	color: #666;
	font-weight: 700
}

.pbsb {
	background: url(../images/images/arrow.gif) right -33px no-repeat
}

.wp {
	margin: 0 auto;
	width: 1220px
}

#wp .wp {
	width: auto
}

#toptb {
	min-width: 960px;
	border-bottom: 1px solid #ddd;
	background: #f6f9fa;
	line-height: 28px
}

#toptb a {
	float: left;
	padding: 0 4px;
	height: 28px
}

#toptb a.showmenu {
	padding-right: 15px
}

#toptb a.hover {
	background-color: #fff
}

#toptb .pipe {
	float: left;
	display: none
}

#hd {
	border-bottom: 0 solid #ddd
}

#hd .wp {
	padding: 10px 0 0
}

.hdc {
	min-height: 70px
}

.ie6 .hdc {
	height: 70px
}

#hd h2 {
	padding: 0 20px 8px 0;
	float: left
}

#space #hd h2 {
	margin-top: 0
}

#hd .fastlg {
	padding-top: 10px
}

#scbar {
	overflow: hidden;
	height: 42px;
	line-height: 42px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e9eff5;
	background: #e8eff5
}

.scbar_icon_td {
	width: 21px;
	background: url(../images/images/search.png) no-repeat 0 -50px
}

.scbar_txt_td,
.scbar_type_td {
	background: url(../images/images/search.png) repeat-x 0 -93px
}

#scbar_txt {
	width: 400px;
	border: 1px solid #fff;
	outline: 0
}

.scbar_narrow #scbar_txt {
	width: 260px
}

.scbar_btn_td {
	width: 38px;
	background: url(../images/images/search.png) no-repeat 8px -142px
}

#scbar_btn {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent none;
	box-shadow: none
}

#scbar_btn strong {
	line-height: 84px
}

.scbar_type_td {
	width: 61px;
	background: url(../images/images/search.png) no-repeat 0 -193px
}

#scbar_type {
	display: block;
	padding-left: 10px;
	text-align: left;
	text-decoration: none
}

#scbar_type_menu {
	margin-top: -8px
}

#scbar_hot {
	padding-left: 8px;
	height: 45px;
	overflow: hidden
}

#scbar_hot a,
#scbar_hot strong {
	float: left;
	margin-right: 8px;
	white-space: nowrap
}

#nv {
	overflow: hidden;
	height: 33px;
	background: #e9ede9
}

#nv li {
	float: left;
	padding-right: 1px;
	height: 33px;
	line-height: 33px;
	background: url(../images/images/nv_a.png) no-repeat 100% 0;
	font-weight: 700;
	font-size: 14px
}

.ie_all #nv li {
	line-height: 36px
}

.ie6 #nv li {
	line-height: 33px
}

#nv li a {
	float: left;
	padding: 0 15px;
	height: 33px
}

#nv li a {
	color: #fff
}

#nv li span {
	display: none
}

#nv li.a {
	margin-left: -1px;
	background: #32540a
}

#nv li.a a {
	color: #333
}

#nv li a:hover {
	background: url(../images/images/nv_a.png) no-repeat 50% -66px
}

#nv li.hover a,
#nv li.hover a:hover {
	background: url(../images/images/nv_a.png) no-repeat 50% -99px
}

#mu {
	position: relative;
	z-index: 1
}

.ie6 #mu,
.ie7 #mu {
	line-height: 0;
	font-size: 0
}

#mu ul {
	background: url(../images/images/mu_bg.png) no-repeat 0 100%;
	line-height: 22px;
	z-index: 2;
	font-size: 12px
}

#mu li {
	float: left;
	height: 32px
}

#mu a {
	float: left;
	display: inline;
	margin: 5px 6px;
	padding: 0 10px;
	white-space: nowrap
}

#mu a:hover {
	margin: 4px 5px;
	border: 1px solid #ddd;
	background: #f7f9fb;
	color: #38454f;
	text-decoration: none
}

.floatmu {
	position: absolute;
	left: 0;
	top: 0
}

#um {
	padding-top: 10px;
	padding-right: 60px;
	line-height: 2.3;
	zoom: 1
}

#um,
#um a {
	color: #444
}

#um p {
	text-align: right
}

#um .avt {
	display: inline;
	margin-right: -60px
}

.vwmy {
	padding-left: 16px;
	background: url(../images/images/user_online.gif) no-repeat 0 2px
}

.vwmy.qq {
	background: url(../images/images/connect_qq.gif) no-repeat scroll 0 0;
	padding-left: 20px
}

#toptb .new,
#um .new,
.sch .new,
.topnav .new {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #38454f;
	font-weight: 700
}

#myprompt.new {
	background-image: url(../images/images/notice.gif);
	background-position: 3px 50%
}

#pm_ntc.new {
	background-image: url(../images/images/new_pm.gif)
}

#task_ntc {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/feed/task.gif)
}

#um .pipe {
	margin: 0 5px 0 0
}

#extcreditmenu,
#g_upmine {
	margin-right: 2px !important;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px
}

#g_upmine {
	margin-right: 1px !important;
	border: 1px solid transparent
}

.ie6 #g_upmine {
	border: 0
}

#extcreditmenu.a,
#g_upmine.a {
	position: relative;
	z-index: 302;
	margin-right: 1px !important;
	border: 1px solid;
	border-color: #ddd;
	border-bottom: none;
	background-color: #fff
}

#extcreditmenu_menu,
#g_upmine_menu {
	margin-top: -1px;
	width: auto
}

#extcreditmenu_menu li {
	float: none;
	display: block;
	padding-left: 5px !important;
	padding-right: 1em !important
}

#g_upmine_menu li {
	float: none;
	display: block;
	padding-left: 5px !important
}

#g_upmine_menu ul.extg li {
	padding-left: 0 !important
}

#qmenu {
	float: right;
	display: inline;
	margin: 5px 8px 0;
	padding-right: 10px;
	width: 103px;
	height: 24px;
	background: url(../images/images/qmenu.png) no-repeat 0 0;
	line-height: 24px;
	text-align: center;
	color: #38454f;
	font-weight: 700;
	overflow: hidden
}

#qmenu:hover {
	text-decoration: none
}

#qmenu.a {
	position: relative;
	z-index: 302;
	background-position: 0 -27px
}

#qmenu_menu {
	margin-top: -2px;
	padding: 20px 5px 10px;
	width: 610px;
	border-color: #dce4eb
}

#qmenu_menu ul.nav li {
	float: left
}

.ie6 #qmenu_menu ul.nav li {
	clear: none !important;
	width: auto !important
}

#qmenu_menu ul.nav a {
	margin-bottom: 10px;
	padding: 47px 0 0;
	width: 60px;
	border: none;
	border-radius: 4px;
	background: url(../images/images/noicon.gif) no-repeat 50% 5px;
	text-align: center
}

#qmenu_menu ul.nav a:hover {
	background-color: #f7f9fb;
	color: #38454f;
	text-shadow: none
}

#shortcut {
	position: relative;
	display: none;
	height: 30px;
	line-height: 30px;
	background-color: #3a83f1;
	color: #fff;
	text-align: center
}

#shortcuttip {
	padding: 2px 8px;
	background: url(../images/images/search.gif) repeat-x 0 -1px;
	border-radius: 3px;
	color: #3a83f1;
	font-weight: 700
}

#shortcutcloseid {
	position: absolute;
	right: 8px;
	top: 8px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/images/close.gif) no-repeat 0 -12px;
	text-indent: -999em
}

#mn_userapp .icon_down {
	background: url(../images/images/arr_w.gif) no-repeat 50% 50%;
	display: inline-block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	margin-left: 3px
}

.ie6 #mn_userapp .icon_down {
	height: 24px;
	vertical-align: middle
}

#nv li.a .icon_down {
	background: url(../images/images/arr_w.gif) no-repeat 50% 50%;
	display: inline-block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	margin-left: 3px
}

.ie6 #nv li.a .icon_down {
	height: 24px;
	vertical-align: middle
}

#mn_userapp_menu {
	clear: left;
	min-height: 210px;
	min-width: 630px
}

.ie6 #mn_userapp_menu {
	height: 210px;
	width: 630px
}

#mn_userapp_menu ul.mrec {
	float: left;
	width: 182px;
	padding-right: 5px;
	border-right: 1px dotted #ddd
}

#mn_userapp_menu ul.uused {
	float: left;
	width: 273px
}

.ie6 #mn_userapp_menu ul.mrec,
.ie7 #mn_userapp_menu ul.mrec {
	width: 182px;
	padding: 0 5px 0 0
}

#mn_userapp_menu ul.mrec li,
#mn_userapp_menu ul.uused li {
	float: left;
	display: inline;
	padding: 3px;
	width: 85px;
	text-align: center;
	overflow: hidden
}

.ie6 #mn_userapp_menu ul.mrec li,
.ie6 #mn_userapp_menu ul.uused li {
	float: left !important;
	clear: none
}

#mn_userapp_menu ul.mrec li img,
#mn_userapp_menu ul.uused li img {
	width: 75px;
	height: 75px
}

#mn_userapp_menu ul.mrec li a,
#mn_userapp_menu ul.uused li a {
	border-bottom: 0
}

#mn_userapp_menu ul.adv {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	height: 198px;
	width: 140px;
	border-left: 1px solid #ebebeb;
	background: #f5f5f5;
	text-align: left;
	zoom: 1
}

#mn_userapp_menu ul.mrec li {
	position: relative
}

.ie6 #mn_userapp_menu ul.adv li {
	clear: none
}

#mn_userapp_menu .icon_hotapp {
	position: absolute;
	right: 8px;
	bottom: 25px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: red;
	color: #fff
}

#mn_userapp_menu .icon_myapp a {
	float: left;
	display: inline-block;
	border-bottom: 0;
	padding: 0;
	margin-bottom: 10px;
	width: 66px;
	height: 51px;
	background: url(http://www.54juju.com/demo/fishcom/static/image/common/app.png) no-repeat 0 0;
	line-height: 2000px;
	overflow: hidden;
	clear: none
}

#mn_userapp_menu .icon_appcenter a {
	float: right;
	margin-left: 7px;
	background-position: 0 -51px
}

.ie6 #mn_userapp_menu .icon_myapp a {
	margin-bottom: 0
}

.ie6 #mn_userapp_menu .icon_appcenter,
.ie6 #mn_userapp_menu .icon_myapp {
	float: left;
	width: 66px
}

#mn_userapp_menu .ad_img img {
	width: 140px;
	height: 100px
}

#mn_userapp_menu .ad_img a {
	padding: 0;
	line-height: 26px;
	border-bottom: 0
}

#mn_userapp_menu .ad_img a:hover {
	background: 0 0
}

#ct {
	min-height: 300px
}

.ie6 #ct {
	height: 300px
}

.mn {
	overflow: hidden
}

.ct1 {
	border: 1px solid #ddd;
	border-top: none
}

.ct2 .mn {
	float: left;
	width: 855px;
	margin-bottom: 1em
}

.ct2 .sd {
	float: right;
	width: 330px;
	overflow: hidden
}

.appl {
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 6px 10px;
	width: 117px
}

.ct2_a,
.ct3_a {
	border: 1px solid #ddd;
	background: #fff url(../images/img/vlineb.png) repeat-y 0 0
}

.ct2_a_r {
	border: none;
	background-image: none
}

.ct2_a h1.mt {
	display: none
}

.ct2_a .tb {
	margin-top: 3px
}

.ct2_a .mn {
	float: right;
	width: 1035px
}

.ct2_a .mn {
	display: inline;
	margin-right: 10px;
	padding-top: 10px;
	width: 1035px
}

#nv_userapp .ct2_a .mn,
.ct2_a_r .mn {
	margin-right: 0;
	width: 1035px
}

.ct3_a .mn {
	float: left;
	margin-left: 20px;
	width: 750px
}

.ct3_a .sd {
	float: right;
	width: 275px
}

#nv_home .ct3_a .sd .bm {
	margin-right: 10px;
	border: none
}

#nv_home .ct3_a .sd .bm_c {
	padding: 10px 0
}

.mw {
	width: 100%;
	float: none
}

.mnw {
	clear: both;
	border-top: 1px solid #ccc
}

.mnh {
	width: 643px;
	background: #f6f9fa;
	margin-bottom: 0
}

#ft {
	padding: 10px 0 50px;
	border-top: 1px solid #ddd;
	line-height: 1.8;
	color: #666
}

#flk {
	text-align: right
}

#flk img {
	vertical-align: middle
}

#scrolltop {
	visibility: hidden;
	position: fixed;
	bottom: 360px;
	display: block;
	margin: -30px 0 0 2px;
	width: 40px;
	background: #f4f4f4;
	border: 1px #cdcdcd solid;
	border-radius: 3px;
	border-top: 0;
	cursor: pointer
}

#scrolltop:hover {
	text-decoration: none
}

.ie6 #scrolltop {
	position: absolute;
	bottom: auto
}

#scrolltop a {
	display: block;
	width: 30px;
	height: 24px;
	padding: 3px 5px;
	line-height: 12px;
	text-align: center;
	color: #787878;
	text-decoration: none;
	background: url(../images/images/scrolltop.png) no-repeat 0 0;
	border-top: 1px #cdcdcd solid
}

a.scrolltopa:hover {
	background-position: -40px 0 !important
}

a.replyfast {
	background-position: 0 -30px !important
}

a.replyfast:hover {
	background-position: -40px -30px !important
}

a.returnboard,
a.returnlist {
	background-position: 0 -60px !important
}

a.returnboard:hover,
a.returnlist:hover {
	background-position: -40px -60px !important
}

#scrolltop a b {
	visibility: hidden;
	font-weight: 400
}

#nv_home #ft,
#nv_userapp #ft,
.pg_announcement #ft,
.pg_modcp #ft,
.pg_portalcp #ft,
.pg_ranklist #ft {
	border-top: none
}

.bm,
.bn {
	margin-bottom: 10px
}

.bm {
	border: 1px solid #ddd;
	background: #fff
}

.bm_c {
	padding: 10px
}

.bm_h .o {
	float: right;
	width: 30px
}

.bm_h .o img {
	float: right;
	margin-top: 8px;
	cursor: pointer
}

.bm_h .i {
	padding-left: 10px
}

.bm_h .pn {
	margin-top: 4px
}

.bm_h {
	padding: 0 10px;
	height: 31px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	background: #f6f9fa;
	line-height: 31px;
	white-space: nowrap;
	overflow: hidden
}

.bmw {
	border: 1px solid #ddd
}

.bmw .bm_h {
	border-top-color: #fff;
	border-right: 1px solid #fff;
	border-bottom-color: #ddd;
	border-left: 1px solid #fff;
	background: #f7f9fb
}

.bmw .bm_h a {
	color: #38454f
}

.bml .bm_h {
	padding-top: 5px;
	border: none;
	background: 0 0
}

.bml .bm_c {
	padding-top: 0
}

.bmn {
	padding: 7px 10px;
	border-color: #ddd;
	background: #f7f9fb
}

.fl {
	border: 1px solid #ddd;
	border-top: none;
	background: #fff
}

.fl .bm {
	margin-bottom: 0;
	border: none
}

.fl .bm_h {
	border-width: 1px 0;
	border-color: #ddd;
	background: #f8f8f8 url(../images/img/titlebg.png)
}

#online .bm_c,
.fl .bm_c,
.lk .bm_c {
	padding-top: 0;
	padding-bottom: 0
}

.bm2 .bm2_b {
	float: left;
	width: 49%;
	border: 1px solid #ddd
}

.bm2 .bm2_b_y {
	float: right
}

.bw0 {
	background: 0 0
}

.bm_h {
	height: 38px;
	line-height: 38px
}

.bm_h .o img {
	margin-top: 10px
}

.bw {
	padding: 0 15px
}

#pt {
	margin: 2px 0;
	height: 29px;
	border: none;
	background: 0 0;
	line-height: 29px
}

#pt .z {
	padding-right: 10px
}

#pt .z a,
#pt .z em,
#pt .z span {
	float: left;
	height: 29px
}

#pt .z em {
	width: 20px;
	background: url(../images/images/pt_item.png) no-repeat 3px 10px;
	line-height: 200px;
	overflow: hidden
}

.nvhm {
	width: 16px;
	background: url(../images/images/search.png) no-repeat 0 0;
	line-height: 200px;
	overflow: hidden
}

.ie_all #pt .z em {
	background-position: 3px 9px
}

.ie_all .nvhm {
	background-position: 0 -1px
}

#uhd {
	padding-top: 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #f7f9fb
}

#uhd .tb a {
	border-width: 1px 0;
	border-top-color: #f7f9fb;
	border-bottom-color: #ddd
}

#uhd .tb .a a {
	border: 1px solid #ccc;
	border-bottom-color: #fff
}

.ie6 #uhd .tb .a {
	position: relative
}

#uhd .mn {
	float: right;
	margin-right: 15px;
	margin-bottom: -30px;
	line-height: 28px
}

#uhd .mn a {
	padding: 2px 0 2px 20px;
	background: no-repeat 0 50%;
	color: #666
}

#uhd .mn a:hover {
	color: #38454f
}

#uhd .mn .addflw a {
	background-image: url(../images/images/flw_ico.png)
}

#uhd .mn .addf a {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/feed/friend.gif)
}

#uhd .mn .pm2 a {
	background-image: url(../images/images/pmto.gif)
}

#uhd .h {
	padding-left: 75px
}

#uhd .avt {
	display: inline;
	float: left;
	margin-left: -65px
}

#uhd .mt {
	padding-bottom: 0
}

#uhd .flw_hd {
	float: right;
	width: 260px;
	margin-right: 10px;
	margin-bottom: -30px
}

#uhd .tns td,
#uhd .tns th {
	padding-left: 20px;
	text-align: left
}

#uhd .flw_hd .o {
	padding-left: 20px
}

.tns {
	padding: 10px 0
}

.tns table {
	width: 100%
}

.tns td,
.tns th {
	text-align: center;
	font-size: 12px
}

.sd .tns td,
.sd .tns th {
	width: 110px !important
}

.tns th {
	border-right: 1px solid #ccc
}

.tns td p,
.tns th p {
	font-size: 14px;
	margin: 0
}

.pls .tns {
	padding: 0 10px 10px
}

.pls .tns td p,
.pls .tns th p {
	font-size: 12px;
	margin: 0
}

.ih .icn {
	float: left;
	width: 60px
}

.ih dl {
	margin-left: 60px
}

.ih dt {
	font-size: 14px;
	font-weight: 700
}

.ih dd {
	padding-bottom: 1em
}

.ih dd strong {
	margin: 0 2em 0 4px;
	color: #c00
}

.tb {
	margin-top: 10px;
	padding-left: 5px;
	line-height: 30px;
	border-bottom: 1px solid #ddd
}

.tb li {
	float: left;
	margin: 0 3px -1px 0
}

.ie6 .tb .a,
.ie6 .tb .current {
	position: relative
}

.tb a {
	display: block;
	padding: 0 10px;
	border: 1px solid #ddd;
	background: #f7f9fb
}

.tb .a a,
.tb .current a {
	border-bottom-color: #fff;
	background: #fff;
	font-weight: 700
}

.tb a:hover {
	text-decoration: none
}

.tb .y {
	float: right;
	margin-right: 0
}

.tb .y a {
	border: none;
	background: 0 0
}

.tb .o {
	margin: 1px 4px 0 2px;
	border: 1px solid #235994
}

.tb .o,
.tb .o a {
	height: 23px;
	line-height: 23px;
	background: #06c url(../images/images/pn.png) repeat-x 0 -48px
}

.tb .o a {
	padding: 0 15px;
	border: none;
	font-weight: 700;
	color: #fff
}

.ie6 .tb .o a {
	float: left
}

.tb_h {
	margin: 0;
	padding: 0;
	background-color: #f7f9fb
}

.tb_h li {
	margin-right: 0
}

.tb_h a {
	border-top: none;
	border-left: none
}

.tb_h .o {
	margin-top: 2px
}

.tb_s {
	margin-top: 0;
	line-height: 26px
}

.tbmu {
	padding: 8px 10px 8px 0;
	border-bottom: 1px dashed #ddd
}

.tbmu a {
	color: #38454f
}

.tbmu .a {
	color: #444;
	font-weight: 700
}

.tbms {
	padding: 10px 10px 10px 26px;
	border: 1px dashed #ff9a9a;
	background: url(../images/images/notice.gif) no-repeat 10px 50%
}

.tbms_r {
	background-image: url(../images/images/data_valid.gif)
}

.tbx {
	margin: 10px 0
}

.tbx span {
	margin-right: 10px;
	cursor: pointer
}

.tbx .a {
	padding: 3px 5px;
	border: solid #999;
	border-width: 0 1px 1px 0;
	background: #f6f9fa url(../images/images/thead.png) repeat-x 0 -20px
}

.tbx strong {
	color: #f26c4f
}

.obn {
	border-bottom: 1px solid #ddd
}

.obn select {
	width: 100%;
	margin-bottom: 5px
}

.a_h {
	padding-top: 5px
}

.a_mu {
	border: solid #ddd;
	border-width: 0 1px 1px;
	background: #f6f9fa
}

.a_f {
	margin: 5px auto
}

.a_b {
	float: right;
	margin: 0 0 5px 5px
}

.a_t {
	margin-bottom: 10px
}

.a_t table {
	width: 100%
}

.a_t td {
	padding: 4px 15px;
	border: 1px solid #ddd
}

.a_pr {
	float: right;
	overflow: hidden
}

.a_pb,
.a_pt {
	background: url(../images/images/ad.gif) no-repeat 0 50%;
	margin-bottom: 6px;
	padding-left: 20px;
	zoom: 1
}

.a_fl,
.a_fr {
	float: right;
	position: fixed;
	top: 350px;
	z-index: 100
}

.a_fl {
	left: 0
}

.a_fr {
	right: 0;
	text-align: right
}

* html .a_fl,
* html .a_fr {
	position: absolute;
	top: expression(offsetParent.scrollTop+350)
}

.a_cb {
	top: 20px
}

* html .a_cb {
	top: expression(offsetParent.scrollTop+20)
}

.a_af {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}

.a_cn {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 300
}

* html .a_cn {
	position: absolute;
	top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight)
}

.a_cn .close {
	text-align: right
}

.a_c,
.a_f,
.a_h,
.a_mu,
.a_p,
.a_t {
	text-align: center
}

.xl li {
	margin: 2px 0
}

.xl em {
	float: right;
	padding-left: 5px
}

.xl em,
.xl em a {
	color: #999
}

.xl label,
.xl label a {
	color: #c00
}

.xl1 li {
	height: 1.5em;
	overflow: hidden
}

.xl1_elp {
	float: left;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.xl2 li {
	float: left;
	margin: 2px 0;
	padding: 0;
	width: 50%;
	height: 1.5em;
	overflow: hidden
}

.xl ol,
ol.xl {
	background: url(../images/images/sortnum.png) no-repeat 0 3px;
	line-height: 21px
}

.xl ol li,
ol.xl li {
	background: 0 0;
	padding-left: 20px
}

.xl ol li,
ol.xl li {
	height: 21px
}

.xld dt {
	padding: 8px 0 5px;
	font-weight: 700
}

.xld dd {
	margin-bottom: 8px
}

.xld .m {
	float: left;
	margin: 8px 8px 10px 0
}

.xld .atc {
	float: right;
	margin-left: 20px
}

.ie8 .xld .atc {
	max-width: 86px
}

.xld .atc img {
	padding: 2px;
	max-width: 80px;
	max-height: 80px;
	border: 1px solid #ccc;
	background: #fff
}

.ie6 .xld .atc img {
	width: expression(this.width > 80 && this.width>=this.height ? 80:true);
	height: expression(this.height > 80 && this.width<=this.height ? 80:true)
}

.attc a.d,
.c a.d,
.sinf a.d,
.xl a.d,
.xld a.d {
	float: right;
	width: 20px;
	height: 20px;
	overflow: hidden;
	line-height: 100px;
	background: url(../images/images/op.png) no-repeat 0 -2px
}

.attc a.d {
	float: left
}

.attc a.d:hover,
.c a.d:hover,
.sinf a.d:hover,
.xl a.d:hover,
.xld a.d:hover {
	background-position: 0 -22px
}

.xld a.b {
	background-position: 0 -40px
}

.xld a.b:hover {
	background-position: 0 -60px
}

.xlda dl {
	padding-left: 65px
}

.xlda .m {
	display: inline;
	margin: 8px 0 8px -65px
}

.xlda .avt img {
	display: block
}

.xlda dd img {
	max-width: 550px
}

* html .xlda dd img {
	width: expression(this.width > 550 ? 550:true)
}

.xlda dd a {
	color: #38454f
}

.xlda dd .hot {
	color: #f26c4f
}

.ml li {
	float: left;
	padding: 0 5px 5px;
	text-align: center;
	overflow: hidden
}

.ml img {
	display: block;
	margin: 0 auto
}

.ml p,
.ml span {
	display: block;
	width: 100%;
	height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.ml span,
.ml span a {
	color: #999
}

.mls li {
	padding: 0 0 5px;
	width: 66px
}

.mls .avt {
	display: block;
	margin: 0 auto;
	width: 54px
}

.mls img {
	width: 48px;
	height: 48px
}

.mls p {
	margin-top: 5px
}

.mlm li {
	padding: 0 0 5px;
	width: 150px
}

.mlm img {
	width: 120px;
	height: 120px
}

.mla li {
	width: 140px;
	height: 224px
}

.mla1 li {
	height: 150px
}

.mla .c {
	margin: 0 auto;
	width: 136px;
	height: 150px;
	background: url(../images/images/gb.gif) no-repeat 0 0;
	text-align: left
}

.mla .a {
	background-position: 0 100%
}

.mla .c a {
	display: block;
	padding: 14px 4px 3px 8px;
	width: 120px;
	height: 120px;
	overflow: hidden
}

.mla img {
	max-width: 120px;
	max-height: 120px
}

.mlp li {
	width: 140px;
	height: 140px
}

.mlp .d {
	padding: 0 0 5px;
	width: 150px;
	height: 180px
}

.mlp img {
	padding: 2px;
	max-width: 120px;
	max-height: 120px;
	border: 1px solid #ccc;
	background: #fff
}

* html .mlp img {
	width: expression(this.width > 120 && this.width>=this.height ? 120:true);
	height: expression(this.height > 120 && this.width<=this.height ? 120:true)
}

.gm,
.god,
.gol,
.gs {
	position: absolute;
	overflow: hidden;
	margin: -3px 0 0 -3px;
	width: 60px;
	height: 18px;
	background: url(../images/images/gst.gif) no-repeat 0 0;
	display: block
}

.gs {
	background-position: 0 -18px
}

.gol {
	background-position: 0 -36px
}

.god {
	margin: -5px 0 0 45px;
	background: url(../images/images/access_disallow.gif) no-repeat 0 0
}

.appl ul {
	margin: 3px 0
}

.appl li {
	display: block;
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden
}

.appl li a {
	text-decoration: none !important
}

.appl img {
	margin: 5px 5px -3px 0
}

.appl span {
	float: right;
	font-size: 12px
}

.appl span a {
	color: #999
}

.appl span a:hover {
	color: #38454f
}

.myo li {
	height: auto;
	line-height: 1.5
}

.myo img {
	margin-bottom: -1px
}

.myo a {
	color: #38454f
}

.tbn {
	margin: -6px -10px 0
}

.tbn ul {
	margin: 0
}

.tbn li {
	margin: 0 10px;
	height: 33px;
	border-bottom: 1px dashed #ccc
}

.tbn li.a {
	margin: -1px 0 0;
	padding: 0 10px 0 9px;
	border-top: 1px solid #ddd;
	border-bottom-style: solid;
	background: #fff
}

.tbn ul a {
	display: block;
	height: 33px;
	line-height: 33px
}

.tbn .mt {
	padding: 10px
}

.notice_app,
.notice_interactive,
.notice_manage,
.notice_mypost,
.notice_pm,
.notice_system {
	float: left;
	width: 18px;
	height: 14px;
	background-image: url(../images/images/ico_notice.png);
	margin: 11px 5px 5px 0
}

.notice_pm {
	background-position: 0 0
}

.notice_mypost {
	background-position: 0 -33px
}

.notice_interactive {
	background-position: 0 -68px
}

.notice_system {
	background-position: 0 -101px
}

.notice_manage {
	background-position: 0 -135px
}

.notice_app {
	background-position: 0 -169px
}

.mg_img {
	padding: 10px;
	width: 76px;
	height: 76px;
	background: url(../images/images/magic_imgbg.gif) no-repeat 0 0
}

.lk img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 88px;
	height: 31px
}

.lk p {
	color: #666
}

.lk .m li {
	clear: left;
	padding: 0 0 10px 98px
}

.lk .m img {
	display: inline;
	margin-top: 4px;
	margin-left: -98px
}

.lk .x li {
	float: left;
	margin-right: 5px;
	width: 88px;
	height: 1.5em;
	overflow: hidden
}

.lk_logo .lk_content {
	float: left
}

.tedt {
	width: 98%;
	border: 1px solid;
	border-color: #999 #ccc #ccc #999
}

.tedt .bar {
	padding: 0 10px 0 0;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #ddd;
	background: #f6f9fa
}

.fpd a {
	float: left;
	margin: 2px 5px 0 0;
	width: 20px;
	height: 20px;
	background: url(http://www.54juju.com/demo/fishcom/static/image/editor/editor.gif) no-repeat;
	text-indent: -9999px;
	line-height: 20px;
	overflow: hidden
}

.fpd a.fbld {
	background-position: 0 0
}

.fpd a.fclr {
	background-position: -60px 0
}

.fpd a.fmg {
	background-position: 0 -20px
}

.fpd a.flnk {
	background-position: -40px -20px
}

.fpd a.fqt {
	background-position: -140px -20px
}

.fpd a.fcd {
	background-position: -120px -20px
}

.fpd a.fsml {
	background-position: -20px -20px
}

.fpd a.fat {
	background-position: -140px 0
}

.tedt .area {
	padding: 4px;
	background: #fff;
	zoom: 1
}

.tedt .pt {
	width: 100%;
	margin-right: 0;
	padding: 0 !important;
	border: none;
	background: #fff none
}

.tedt .pt:focus {
	outline: 0;
	-moz-box-shadow: none
}

.m_c .tedt {
	width: 600px
}

.sllt {
	padding: 10px 5px 5px !important
}

.sllt td {
	padding: 8px;
	border: none;
	cursor: pointer
}

.sllt_p {
	text-align: right
}

.sllt_p a {
	margin-right: 5px;
	color: #069;
	text-decoration: underline
}

.sl_pv {
	margin-top: 5px;
	padding: 8px;
	background: #fafafa;
	border: 1px solid #ccc
}

.ie6 .slg,
.ie7 .slg {
	width: expression(this.parentNode.offsetWidth)
}

#diy-tg {
	float: right;
	padding: 0 !important;
	width: 56px;
	background: url(http://www.54juju.com/demo/fishcom/static/image/diy/panel-toggle.png) no-repeat 100% 4px;
	text-indent: -9999px;
	overflow: hidden
}

#diy-tg_menu {
	position: absolute;
	margin: -2px 0 0 -1px;
	padding: 6px 0;
	width: 72px;
	height: 48px;
	line-height: 24px;
	background: url(http://www.54juju.com/demo/fishcom/static/image/diy/panel-toggle-drop.png) no-repeat 0 0;
	text-align: center
}

#diy-tg_menu a {
	float: none !important
}

#toptb #diy-tg_menu {
	margin: -7px 0 0 -17px
}

#toptb a#sslct,
#toptb a.switchblind,
.switchwidth {
	margin-top: 5px;
	padding: 0 !important;
	width: 23px;
	height: 18px !important;
	background: url(../images/images/switch_style.png) no-repeat 100% 0;
	text-indent: -9999px;
	overflow: hidden
}

.switchwidth {
	background-image: url(../images/images/switch_width.png)
}

.switchwidth:hover {
	background: url(../images/images/switch_width.png) no-repeat 100% -36px
}

#sslct_menu {
	padding: 6px 10px 10px
}

.sslct_btn {
	float: left;
	margin: 4px 4px 0 0;
	width: 12px;
	height: 12px;
	border: 1px solid #ddd;
	cursor: pointer
}

.sslct_btn i {
	float: left;
	display: inline;
	margin: 1px;
	width: 10px;
	height: 10px;
	background: #2e80d1;
	overflow: hidden;
	font-style: normal
}

#toptb a.switchblind {
	width: 10px;
	background-image: none
}

.p_pof,
.p_pop,
.sllt {
	padding: 4px;
	border: 1px solid;
	min-width: 60px;
	border-color: #ddd;
	background: #fefefe;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .3)
}

.ie6 .p_pop {
	width: 100px
}

.p_pof .p_pop {
	padding: 0;
	border: none;
	box-shadow: none
}

.p_pof {
	width: 500px
}

.p_opt {
	padding: 10px
}

.p_pop li {
	display: inline
}

.p_pop a {
	display: block;
	padding: 3px 5px;
	border-bottom: 1px solid #f7f9fb;
	white-space: nowrap
}

.p_pop li:last-child a {
	border: none
}

.ie6 .p_pop li {
	zoom: 1;
	clear: both;
	width: 100%
}

.ie6 .p_pop a {
	position: relative
}

#sctype_menu .sca,
.p_pop a.a,
.p_pop a:hover {
	background-color: #f7f9fb;
	color: #38454f;
	text-decoration: none
}

.ignore_notice,
.prompt_concern,
.prompt_follower,
.prompt_follower_0,
.prompt_news,
.prompt_news_0 {
	float: left;
	width: 18px;
	height: 14px;
	margin: 3px 3px 5px 0;
	display: inline;
	background: url(../images/images/ico_notice.png) no-repeat 0 0
}

.prompt_follower_0 {
	background-position: 0 -225px
}

.prompt_news {
	background-image: url(../images/images/new_pm.gif)
}

.prompt_follower {
	background-position: 0 -191px
}

.prompt_concern {
	background-position: 0 -258px
}

.ignore_notice {
	background: url(../images/images/close.gif) no-repeat 0 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 12px;
	height: 12px;
	overflow: hidden
}

.p_pop .ignore_noticeli a,
.p_pop .ignore_noticeli a.a,
.p_pop .ignore_noticeli a:hover {
	background: 0 0;
	border-bottom: 0
}

.p_pop .notice_app,
.p_pop .notice_interactive,
.p_pop .notice_manage,
.p_pop .notice_mypost,
.p_pop .notice_system {
	margin: 3px 2px 5px 0
}

.ie6 .ignore_notice {
	display: none
}

.blk a,
.inlinelist a {
	display: inline;
	padding: 0;
	border: none
}

.blk a:hover {
	background: 0 0;
	color: #444;
	text-shadow: none;
	text-decoration: underline
}

.inlinelist {
	padding: 5px
}

.inlinelist a {
	float: left;
	width: 5em;
	height: 2em;
	overflow: hidden;
	text-align: center;
	line-height: 2em
}

.h_pop {
	min-width: 120px;
	border-top: none
}

.p_opt .txt,
.p_opt .txtarea {
	margin: 5px 0
}

.p_pof .flbc,
.p_pop .flbc {
	margin-right: 8px;
	margin-top: 4px
}

.b_c,
.b_l,
.b_r,
.m_l,
.m_r,
.t_c,
.t_l,
.t_r {
	overflow: hidden;
	background: #000;
	opacity: .2
}

.b_l,
.b_r,
.t_l,
.t_r {
	width: 8px;
	height: 8px
}

.b_c,
.t_c {
	height: 8px
}

.m_l,
.m_r {
	width: 8px
}

.t_l {
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	border-radius: 8px 0 0 0
}

.t_r {
	-moz-border-radius: 0 8px 0 0;
	-webkit-border-radius: 0 8px 0 0;
	border-radius: 0 8px 0 0
}

.b_l {
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px
}

.b_r {
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px 0
}

.m_c {
	background: #fff
}

.m_c .tb {
	margin: 0 0 10px;
	padding: 0 10px
}

.m_c .c {
	padding: 0 10px 10px
}

.m_c .o {
	padding: 8px 10px;
	height: 26px;
	text-align: right;
	border-top: 1px solid #ccc;
	background: #f6f9fa
}

.m_c .el {
	width: 420px
}

.m_c .el li {
	padding: 0;
	border: none
}

.flb {
	padding: 10px 10px 8px;
	height: 20px;
	line-height: 20px
}

.flb em {
	float: left;
	font-size: 14px;
	font-weight: 700;
	color: #38454f
}

.flb em a {
	text-decoration: none
}

.flb .needverify {
	float: left;
	margin-left: 8px;
	padding-left: 13px;
	width: 45px;
	height: 21px;
	line-height: 21px;
	background: url(../images/images/re_unsolved.gif) no-repeat 0 0;
	font-size: 12px;
	color: #999;
	font-weight: 400
}

.flb .onerror,
.flb .onright {
	padding-left: 20px;
	height: auto;
	line-height: 140%;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 400
}

.flb .onerror {
	background: url(../images/images/check_error.gif) no-repeat 0 50%
}

.flb .onright {
	background: url(../images/images/check_right.gif) no-repeat 0 50%;
	color: #666
}

.flb span {
	float: right;
	color: #999
}

.flb span a,
.flb strong {
	float: left;
	text-decoration: none;
	margin-left: 8px;
	font-weight: 400;
	color: #444
}

.flb span a:hover {
	color: #999
}

.flbc {
	float: left;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/images/cls.gif) no-repeat 0 0;
	cursor: pointer
}

.flbc:hover {
	background-position: 0 -20px
}

.floatwrap {
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 10px;
	height: 280px
}

.f_c li {
	list-style: none
}

.f_c hr.l {
	margin: 0
}

.f_c a {
	color: #38454f
}

.f_c .list {
	margin: 0 auto 10px;
	width: 570px;
	border-top: 3px solid #ddd
}

.f_c .list td,
.f_c .list th {
	padding: 5px 2px;
	height: auto;
	border-bottom: 1px dashed #ddd
}

.f_c .list .btns td,
.f_c .list .btns th {
	border-bottom: none
}

.f_c .th td,
.f_c .th th {
	padding: 10px 0
}

.f_c .list th {
	background: 0 0
}

.nfl {
	height: auto !important;
	height: 320px;
	min-height: 320px
}

.nfl .f_c {
	margin: 60px auto;
	padding: 20px;
	width: 580px;
	border: 3px solid #f6f9fa;
	background: #fff
}

.nfl .loginform {
	height: auto
}

.nfl .clause {
	width: auto;
	height: auto
}

.hasd input {
	float: left;
	width: 121px
}

.hasd input.crl {
	padding: 0;
	width: 20px;
	height: 20px;
	background: 0 0;
	border-style: solid;
	border-color: #848484 #e0e0e0 #e0e0e0 #848484;
	border-width: 1px 0 1px 1px
}

.hasd .spmediuminput {
	width: 115px
}

.dpbtn {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	width: 21px;
	height: 21px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #848484 #e0e0e0 #e0e0e0 #848484;
	background: #fff url(../images/images/newarow.gif) no-repeat 100% 0
}

.dpbtn:hover {
	background-position: 100% -23px
}

.hasd label {
	float: left
}

.tpclg h4 a.dpbtn {
	float: right;
	border-width: 1px
}

.tpclg h4 {
	font-weight: 400
}

.tpclg .pt {
	margin: 5px 0;
	width: 212px;
	overflow: hidden
}

.mark .dt,
.mark .tpclg h4 {
	width: 270px
}

.mark .tpclg .pt {
	width: 260px
}

#postbox dd.hasd input {
	width: 99px;
	margin-right: 0
}

.colorbox {
	width: 130px !important
}

.colorbox input {
	float: left;
	margin: 2px;
	padding: 0;
	width: 12px;
	height: 12px;
	border: 0;
	cursor: pointer
}

.hrbox {
	width: 500px !important
}

.hrbox input {
	float: left;
	margin: 2px;
	padding: 0;
	width: 495px;
	height: 25px;
	border: 0;
	cursor: pointer;
	background: #fff
}

.postbgbox {
	width: 325px !important
}

.postbgbox input {
	float: left;
	margin: 2px;
	padding: 0;
	width: 50px;
	height: 50px;
	border: 1px solid;
	border-color: #f7f7f7 #efefef #efefef #f7f7f7;
	cursor: pointer;
	background: #fff
}

.pm {
	overflow: hidden;
	width: 400px
}

.pm .flb {
	margin-bottom: 0;
	padding: 1px 5px 4px;
	background: #ccc url(../images/images/pm.png) repeat-x 0 -101px
}

* html .pm .flb {
	padding: 4px 5px 1px
}

.pm .flb em {
	padding-left: 15px;
	background: url(../images/images/pm.png) no-repeat 0 -65px;
	text-shadow: 1px 1px 1px #fff;
	color: #444;
	font-size: 12px
}

.pm .flbc {
	background-image: url(../images/images/pm.png)
}

.pm_tac {
	padding: 5px 10px;
	background: #f6f9fa
}

.pm .c {
	padding: 0;
	background: #f6f9fa
}

.pmb {
	position: relative;
	padding: 20px 20px 0;
	width: 360px;
	height: 280px;
	overflow: auto;
	overflow-x: hidden
}

.pmb li {
	position: relative;
	margin-bottom: 10px
}

.pmt {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: -6px;
	text-indent: -999px;
	width: 7px;
	height: 7px;
	background: url(../images/images/pm.png) no-repeat -13px -40px;
	zoom: 1
}

.pmd {
	float: left;
	padding: 5px 8px;
	background: #f0f0f0 url(../images/images/pm-bg1.png) repeat-x;
	border: 1px solid;
	border-color: #e7e7e7 #bbb #999 #e7e7e7;
	word-wrap: break-word;
	-moz-box-shadow: 2px 2px 4px #ddd;
	-webkit-box-shadow: 2px 2px 4px #ddd;
	box-shadow: 2px 2px 4px #ddd;
	-moz-border-radius: 10px 10px 10px 0;
	-webkit-border-radius: 10px 10px 10px 0;
	border-radius: 10px 10px 10px 0
}

.pmd,
.pmd img {
	max-width: 292px
}

* html .pmd {
	width: expression(this.offsetWidth > 292 ? 292+'px':'auto')
}

* html .pmd img {
	width: expression(this.width > 292 ? 292:true)
}

.pmd .quote {
	overflow: hidden;
	margin: 0;
	padding-left: 16px;
	background: url(../images/images/qa.gif) no-repeat 0 0;
	color: #666
}

.pmd .quote blockquote {
	display: inline;
	margin: 0;
	padding-right: 16px;
	background: url(../images/images/qz.gif) no-repeat 100% 100%
}

.pmd .blockcode {
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: 0 0;
	color: #666
}

.pmd .blockcode code {
	font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif;
	font-size: 12px;
	line-height: 1.8em
}

* html .pmd .blockcode code {
	font-family: 'Courier New', serif
}

.pmm .pmt {
	right: -6px;
	left: auto;
	background-position: 0 -47px
}

.pmm .pmd {
	float: right;
	background: #fef5e7 url(../images/images/pm-bg2.png) repeat-x;
	border-color: #ffc68c #f9d4a7 #f3bb65 #ddc4a9;
	-moz-box-shadow: -2px 2px 4px #ddd;
	-webkit-box-shadow: -2px 2px 4px #ddd;
	box-shadow: -2px 2px 4px #ddd;
	-moz-border-radius: 10px 10px 0 10px;
	-webkit-border-radius: 10px 10px 0 10px;
	border-radius: 10px 10px 0 10px
}

.pmb h4 {
	text-align: center
}

.pmfm {
	padding: 0 15px 15px
}

.pmfm .tedt {
	width: 365px
}

.pmfm .pt {
	height: 65px
}

.pmfm .pn {
	float: right
}

.pma a {
	margin-right: 5px
}

.pmo {
	position: absolute;
	top: 8px;
	right: 10px;
	overflow: hidden;
	padding-left: 10px;
	width: 130px;
	height: 31px;
	line-height: 24px;
	background: url(../images/images/pn.png) repeat-x 0 -320px;
	text-shadow: 1px 1px 1px #fff
}

.pmo em {
	display: block;
	padding: 3px 5px 4px 0;
	background: url(../images/images/pn.png) no-repeat 100% -360px
}

.pmo a {
	overflow: hidden;
	white-space: nowrap;
	display: block;
	padding-right: 10px;
	background: url(../images/images/pm.png) no-repeat 100% -222px;
	outline: 0
}

.pmo .b {
	background-position: 100% -278px
}

.pmfl {
	position: absolute;
	top: 35px;
	right: 10px;
	z-index: 200;
	width: 138px;
	border: solid #ccc;
	border-width: 0 1px 1px;
	background: #fff
}

.pmfl .o,
.pmfl .s {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	background: #f6f9fa
}

.pmfl .o {
	border-bottom-color: #fff
}

.pmfl .s .px {
	padding-left: 20px;
	width: 101px;
	background: #fff url(../images/images/pm.png) no-repeat 0 -160px
}

.pmfl .o .ps {
	width: 100%
}

.pmfl ul {
	overflow: auto;
	overflow-x: hidden;
	width: 138px;
	height: 306px
}

.pmfl li {
	padding: 5px;
	height: 24px
}

.pmfl .avt {
	float: left;
	width: 29px;
	height: 29px
}

.pmfl .avt img {
	padding: 0;
	width: 24px;
	height: 24px;
	border: none
}

.pmfl .newpm img {
	margin: 1px 0 0 1px
}

.pmfl p {
	overflow: hidden;
	white-space: nowrap;
	width: 78px
}

.pmfl p .a {
	color: red
}

.pmfl p .ol {
	color: #444
}

.pmfl strong {
	color: #000
}

.rfm {
	margin: 0 auto;
	width: 760px;
	border-bottom: 1px dotted #ddd
}

.rfm a {
	color: #38454f
}

.rfm td,
.rfm th {
	padding: 10px 2px;
	vertical-align: top;
	line-height: 24px
}

.rfm .tipwide {
	padding-top: 0
}

.rfm th {
	padding-right: 10px;
	width: 10em;
	text-align: right
}

.rfm .px {
	width: 220px
}

.rfm .px:focus {
	border-color: #38454f;
	background: #fff
}

.rfm .p_tip {
	position: absolute;
	z-index: 2;
	display: none;
	padding-left: 10px;
	width: 390px;
	background: #fff;
	color: #666;
	font-style: normal
}

.rfm .p_chk {
	position: absolute;
	z-index: 1;
	padding-left: 10px;
	width: 390px;
	color: red;
	font-weight: 700;
	font-family: Tahoma, 'Microsoft Yahei', Simsun
}

.rfm #emailmore {
	position: absolute
}

.p_right {
	background: url(../images/images/check_right.gif) no-repeat 10px 12px;
	width: 30px
}

#returnmessage4 {
	display: none;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	background: #ffe;
	text-align: center;
	font-weight: 700
}

#returnmessage4.onerror {
	display: block
}

.rfm .l {
	margin: 0
}

.blr .c {
	padding: 0 10px 10px
}

.login_slct a {
	margin-right: -8px;
	padding-right: 16px;
	background: url(../images/images/arrwd.gif) no-repeat 100% 50%
}

.fwin .rfm,
.nfl .f_c .rfm {
	width: 500px
}

.fwin .rfm td,
.fwin .rfm th,
.nfl .f_c .rfm td,
.nfl .f_c .rfm th {
	padding: 6px 2px
}

.fwin .loginb button {
	margin-left: 11.3em
}

.nfl .f_c .loginb button {
	margin-left: 12em
}

.passlevel {
	padding-left: 70px;
	background: url(../images/images/passlevel.png) no-repeat 0 5px
}

.passlevel1 {
	background-position: 0 -35px
}

.passlevel2 {
	background-position: 0 -75px
}

.passlevel3 {
	background-position: 0 -115px
}

.blr {
	width: 580px;
	margin: 20px auto 30px
}

.m_c .blr {
	margin: 0 auto
}

.lgfm {
	font: 12px/1.5 Tahoma, 'Microsoft Yahei', Simsun;
	float: left;
	margin-bottom: 10px;
	padding: 20px 0;
	width: 280px;
	border-right: 1px solid #ccc
}

.rgs {
	margin-bottom: 10px
}

.lgfm label,
.lgfm p,
.reginfo {
	clear: both;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	line-height: 22px
}

.reginfo label {
	display: inline
}

.reg_c {
	float: left;
	width: 200px
}

.lgfm .px,
.lgfm .txt {
	padding: 2px 4px;
	height: 16px;
	border: 1px solid;
	border-color: #848484 #e0e0e0 #e0e0e0 #848484;
	background-image: none
}

.lgfm .pt,
.lgfm .px,
.lgfm .txt {
	width: 170px
}

.lgfm .ftid a,
.lgfm .ftid a:hover {
	height: 20px;
	background-position: 100% -1px;
	border-color: #848484 #e0e0e0 #e0e0e0 #848484
}

.fsb {
	clear: both;
	margin-top: 8px;
	padding: 10px
}

.fsb .z {
	padding-top: 5px
}

.m_c .fsb {
	background: #f6f9fa;
	border-top: 1px solid #ccc
}

.fsb .pns {
	margin-right: 8px
}

.fsb em,
.lgfm em {
	float: left;
	width: 60px
}

.nlf .txt {
	width: 230px
}

.brls {
	overflow: auto;
	margin-bottom: 10px;
	width: 470px;
	height: 240px
}

.sipt {
	float: none;
	margin: 0 0 10px;
	width: 234px;
	height: 20px;
	background-color: #fff;
	border: 1px solid;
	border-color: #848484 #e0e0e0 #e0e0e0 #848484;
	clear: left
}

.sipt a {
	float: left;
	width: 54px;
	border: none
}

.sipt a:focus,
.sipt a:hover {
	border: none
}

.sipt .txt {
	float: left;
	width: 154px;
	border: none;
	outline: 0;
	background: #fff
}

.sltp {
	float: none;
	margin: 10px 0;
	clear: both
}

.sltp a,
.sltp a:focus,
.sltp a:hover {
	height: 20px;
	line-height: 20px;
	border-color: #eee;
	background-color: transparent;
	background-position: 100% -1px;
	color: #069 !important
}

.sltp a:focus,
.sltp a:hover {
	background-position: 100% -24px
}

.lpsw label {
	float: left;
	padding-left: 4px;
	width: 61px;
	line-height: 150%
}

.clck,
.sipt .clck {
	background: #fff url(../images/images/clck.gif) no-repeat 98% 50%
}

.lgf {
	float: left;
	overflow: visible;
	margin: 47px 25px 10px 40px
}

.lgf h4 {
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 14px
}

.lgf a {
	color: #38454f
}

.minf {
	margin-top: 23px
}

#messagelogin {
	margin-top: 5px;
	border-top: 1px solid #ddd
}

#messagelogin .flb {
	padding-left: 0
}

#messagelogin .blr {
	margin: 0
}

#messagelogin .lgfm {
	padding-top: 0
}

#messagelogin .minf {
	margin-top: 0
}

#messagelogin .fsb {
	padding: 0
}

.fastlg {
	line-height: 24px
}

.fastlg td {
	padding: 2px 0 2px 4px
}

.fastlg_fm {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #ddd
}

#ls_fastloginfield_ctrl {
	line-height: 20px;
	border: none;
	background-color: transparent;
	background-position: 100% -1px
}

#ls_fastloginfield_ctrl:hover {
	background-position: 100% -24px
}

.psw_w {
	padding-left: 5px
}

.fastlg_l {
	padding-right: 4px !important;
	border-right: 1px solid #f7f9fb
}

.poke {
	margin-bottom: 10px
}

.poke li {
	float: left;
	margin: 0 1% 5px 0;
	width: 32%;
	height: 22px
}

.poke img {
	vertical-align: middle
}

.dt {
	border-top: 1px solid #ddd;
	width: 100%
}

.dt th {
	background: #f6f9fa
}

.dt td,
.dt th {
	padding: 7px 4px;
	border-bottom: 1px solid #ddd
}

.dt .c {
	width: 50px
}

.tdat {
	width: 100%;
	border: 1px solid #ddd
}

.tdat td,
.tdat th {
	padding: 4px 5px;
	border: 1px solid #ddd
}

.um {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #ddd;
	clear: left
}

.umh {
	margin-bottom: 10px;
	overflow: hidden
}

.umh h2,
.umh h3 {
	clear: left;
	font-size: 14px;
	float: left;
	background: #fff url(../images/images/arrow.gif) no-repeat right 6px;
	padding-right: 14px;
	cursor: pointer
}

.schfaq h3 {
	background: 0 0;
	cursor: default
}

.umh h3 a {
	color: #666
}

.umh h3 span {
	font-size: 12px;
	font-weight: 400;
	color: #666
}

.umh h2 em,
.umh h3 em {
	margin-left: 8px;
	font-size: 12px;
	color: #999;
	font-weight: 400
}

.umh_act {
	float: right
}

.umh .umh_cb {
	display: none
}

.umh .umh_ext {
	display: block
}

.umn {
	background: url(../images/images/dash.gif) repeat-x 0 10px;
	clear: left
}

.umn h3 {
	background: #fff url(../images/images/arrow.gif) no-repeat right -35px;
	font-size: 14px
}

.umn .umh_cb {
	display: block;
	background-color: #fff;
	color: #666;
	cursor: pointer
}

.umn .umh_ext {
	display: none
}

.lum h2 {
	font-size: 14px
}

.lum ul {
	padding: 1em 0 1em 2em;
	margin-bottom: 1em;
	border-bottom: 1px dashed #ddd
}

.lum ul li {
	padding: .2em 0
}

.bac {
	margin: 0;
	padding: 0;
	width: 70px;
	height: 30px;
	line-height: 30px;
	color: #444;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/images/pg_arw.png) no-repeat 0 0;
	text-align: center;
	text-indent: -7px;
	display: block
}

#postbox input,
#psd .bn .mbn input {
	margin-right: 4px
}

#postbox .mbn,
#psd .mbn {
	height: 1.6em;
	line-height: 1.6em
}

.pc_c,
.pc_inner,
.pc_l,
.pc_r {
	width: 29px;
	height: 56px;
	line-height: 56px;
	background: url(../images/images/popupcredit_bg.gif) no-repeat 0 0
}

.pc_c {
	width: 200px;
	background-position: 0 -56px;
	background-repeat: repeat-x
}

.pc_inner {
	white-space: nowrap;
	text-align: center;
	width: auto;
	background-position: 50% -112px
}

.pc_inner i {
	margin-right: 10px;
	font-size: 12px;
	font-style: normal;
	color: #fff;
	font-weight: 400
}

.pc_inner span {
	margin-right: 15px;
	color: #ffea97;
	font-size: 14px;
	font-weight: 700
}

* html .pc_inner span {
	display: inline-block
}

.pc_inner span a {
	color: #ffea97;
	text-decoration: underline
}

.pc_inner span em {
	color: #fff;
	font-size: 18px;
	font-weight: 400
}

.pc_inner span u {
	font-size: 10px;
	text-decoration: none
}

.pc_inner span em.desc {
	color: #930
}

.pc_btn img {
	opacity: .5
}

.pc_btn:hover img {
	opacity: 1
}

.pc_r {
	background-position: -30px 0
}

.popuptext .pc_c,
.popuptext .pc_inner,
.popuptext .pc_l,
.popuptext .pc_r {
	background: url(../images/images/popuptext_bg.gif) no-repeat 0 0
}

.popuptext .pc_c {
	width: 200px;
	background-position: 0 -56px;
	background-repeat: repeat-x
}

.popuptext .pc_inner {
	white-space: nowrap;
	text-align: center;
	width: auto;
	background-position: 50% -112px
}

.popuptext .pc_r {
	background-position: -30px 0
}

#fjump_menu {
	padding: 7px 0 10px 10px
}

#fjump_menu .sch {
	position: absolute;
	top: 6px;
	right: 10px
}

.jump_bdl {
	overflow: hidden
}

.jump_bdl li {
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
	margin-right: 10px;
	padding: 5px;
	width: 178px;
	height: 300px;
	border: 1px solid #ddd;
	background: #fff
}

.ie6 .jump_bdl li {
	clear: none !important;
	float: left !important;
	width: 178px !important
}

.bdl_title li {
	float: left;
	margin-right: 9px;
	padding: 0 1px;
	width: 189px;
	height: 33px;
	line-height: 23px;
	font-weight: 700
}

.bdl_title .px {
	width: 80px
}

.jump_bdl p {
	overflow: hidden;
	height: 25px;
	line-height: 25px
}

.jump_bdl .sub {
	text-indent: 1em
}

.jump_bdl .child {
	text-indent: 2em
}

.jump_bdl a {
	display: block;
	position: static !important;
	padding: 0 4px;
	text-decoration: none;
	color: #444
}

.jump_bdl .a a,
.jump_bdl .a a:hover {
	background-color: #f7f9fb
}

.mgcmn {
	width: 100px
}

.mgcmn a {
	padding-left: 25px;
	line-height: 16px !important
}

.mgcmn img {
	position: absolute;
	margin-left: -20px
}

.cmen {
	overflow: hidden;
	width: 63px
}

.cmen a {
	overflow: hidden;
	float: left;
	width: 20px;
	height: 20px
}

.focus {
	position: fixed;
	right: 10px;
	bottom: 0;
	z-index: 300;
	overflow: hidden;
	width: 270px;
	background: #fff
}

* html .focus {
	position: absolute;
	top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight)
}

.fctrl {
	margin-left: 10px;
	font-weight: 400
}

.fctrl img {
	margin-bottom: -4px
}

.fctrl em {
	display: inline-block
}

.focus .m img {
	width: 60px;
	height: 60px
}

.focus dt {
	padding-top: 0
}

.m_c .sec .secq {
	display: block;
	margin: 5px 0 10px
}

.reason_slct .reasonselect {
	height: 4.3em;
	overflow: scroll !important;
	overflow-x: auto !important
}

.reason_slct .reasonselect li {
	white-space: nowrap
}

.reason_slct .pt,
.reason_slct .px {
	width: 25.2em !important
}

.reasonarea {
	height: 5.8em
}

.reason_slct .reasonselect:hover {
	height: auto
}

.filebtn {
	position: relative;
	margin: 0 auto;
	width: 60px;
	overflow: hidden
}

.filebtn .pf {
	position: absolute;
	right: 0;
	height: 23px;
	opacity: 0
}

.upfile {
	width: 220px
}

.uploadform {
	padding: 0 10px;
	border: 1px dashed #ddd;
	background: #f6f9fa
}

.progressWrapper {
	overflow: hidden;
	width: 100%
}

.progressContainer {
	overflow: hidden;
	margin: 5px;
	padding: 4px;
	border: solid 1px #e8e8e8;
	background-color: #f7f7f7
}

.message {
	overflow: hidden;
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #fd9;
	background-color: #ffc
}

.red {
	border: solid 1px #b50000;
	background-color: #ffebeb
}

.green {
	border: solid 1px #ddf0dd;
	background-color: #ebffeb
}

.blue {
	border: solid 1px #cee2f2;
	background-color: #f0f5ff
}

.progressName {
	overflow: hidden;
	white-space: nowrap;
	width: 323px;
	height: 18px;
	text-align: left;
	font-weight: 700;
	color: #555
}

.progressBarComplete,
.progressBarError,
.progressBarInProgress {
	clear: both;
	margin-top: 2px;
	width: 0;
	height: 2px;
	background-color: #00f;
	font-size: 0
}

.progressBarComplete {
	visibility: hidden;
	width: 100%;
	background-color: green
}

.progressBarError {
	visibility: hidden;
	width: 100%;
	background-color: red
}

.progressBarStatus {
	white-space: nowrap;
	margin-top: 2px;
	width: 337px;
	text-align: left
}

a.progressCancel {
	display: block;
	float: right;
	width: 14px;
	height: 14px;
	background: url(../images/images/cancelbutton.gif) no-repeat -14px 0;
	font-size: 0
}

a.progressCancel:hover {
	background-position: 0 0
}

.swfupload {
	vertical-align: top
}

.frame,
.frame-tab {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	background: #fff
}

.title {
	padding: 0 10px;
	height: 32px;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
	overflow: hidden
}

.frame-title,
.frametitle,
.tab-title {
	background: #f6f9fa url(../images/images/title.png) repeat-x 0 100%
}

.frame-1-1-1-c,
.frame-1-1-1-l,
.frame-1-1-l,
.frame-1-2-l,
.frame-1-3-l,
.frame-2-1-l,
.frame-3-1-l {
	float: left
}

.frame-1-1-1-r,
.frame-1-1-r,
.frame-1-2-r,
.frame-1-3-r,
.frame-2-1-r,
.frame-3-1-r {
	float: right
}

.frame-1-1-l,
.frame-1-1-r {
	width: 49.9%
}

.frame-1-1-1-c,
.frame-1-1-1-l,
.frame-1-1-1-r,
.frame-1-2-l,
.frame-2-1-r {
	width: 33.3%
}

.frame-1-2-r,
.frame-2-1-l {
	width: 66.6%
}

.frame-1-3-r,
.frame-3-1-l {
	width: 74.9%
}

.frame-1-3-l,
.frame-3-1-r {
	width: 24.9%
}

.frame .mn {
	margin-bottom: 0
}

.frame .sd {
	min-height: 0
}

.frame-1-1 .col-r {
	float: right;
	width: 49.9%
}

.frame-1-1 .col-l {
	float: left;
	width: 49.9%
}

.frame .frame-1-2 .col-r,
.frame .frame-1-2 .mn,
.frame-1-2 .col-r,
.frame-1-2 .mn {
	float: right;
	width: 66.6%
}

.frame .frame-1-2 .col-l,
.frame .frame-1-2 .sd,
.frame-1-2 .col-l,
.frame-1-2 .sd {
	float: left;
	width: 33.3%
}

.frame .frame-2-1 .col-l,
.frame .frame-2-1 .mn,
.frame-2-1 .col-l,
.frame-2-1 .mn {
	float: left;
	width: 66.6%
}

.frame .frame-2-1 .col-r,
.frame .frame-2-1 .sd,
.frame-2-1 .col-r,
.frame-2-1 .sd {
	float: right;
	width: 33.3%
}

.frame .frame-1-3 .col-r,
.frame .frame-1-3 .mn,
.frame-1-3 .col-r,
.frame-1-3 .mn {
	float: right;
	width: 74.9%
}

.frame .frame-1-3 .col-l,
.frame .frame-1-3 .sd,
.frame-1-3 .col-l,
.frame-1-3 .sd {
	float: left;
	width: 24.9%
}

.frame .frame-3-1 .col-l,
.frame .frame-3-1 .mn,
.frame-3-1 .col-l,
.frame-3-1 .mn {
	float: left;
	width: 74.9%
}

.frame .frame-3-1 .col-r,
.frame .frame-3-1 .sd,
.frame-3-1 .col-r,
.frame-3-1 .sd {
	float: right;
	width: 24.9%
}

.frame-1-1-1 .col-l {
	float: left;
	width: 33.3%
}

.frame-1-1-1 .col-c {
	float: left;
	width: 33.3%
}

.frame-1-1-1 .col-r {
	float: right;
	width: 33.3%
}

.frame .frame-1-1-1 .col-c,
.frame .frame-1-1-1 .col-l,
.frame .frame-1-1-1 .col-r {
	padding: 0;
	width: 33%
}

.frame .frame-1-1 .col-l,
.frame .frame-1-1 .col-r {
	width: 49.9%
}

.block .title .titletext,
.frame .title .titletext {
	float: left
}

.frame-tab .tab-title .titletext {
	float: left;
	margin: 0 10px
}

.tab-title {
	padding: 0;
	width: 100% !important;
	border: none
}

.frame-tab .tb {
	margin-top: 0;
	padding-left: 15px;
	line-height: 32px;
	border: none
}

.frame-tab .tb li {
	margin: 0;
	margin-left: -1px;
	font-weight: 400
}

.frame-tab .tb li,
.frame-tab .tb li a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-top: none;
	background: transparent none
}

* html .frame-tab .tb li a {
	float: left
}

.frame-tab .tb .a a {
	background: #fff;
	font-weight: 700
}

.frame-tab .tb-c {
	padding: 10px 16px
}

.block {
	margin: 10px 10px 0
}

.col-l .block,
.frame-1-1-1 .col-c .block,
.frame-1-2 .sd .block,
.frame-1-3 .sd .block,
.frame-2-1 .mn .block,
.frame-3-1 .mn .block {
	margin-right: 10px
}

.col-r .block,
.frame-1-1-1 .col-c .block,
.frame-1-2 .mn .block,
.frame-1-3 .mn .block,
.frame-2-1 .sd .block,
.frame-3-1 .sd .block {
	margin-left: 10px
}

body#space .block {
	margin: 0 5px 10px
}

.temp {
	margin: 1px
}

#ct .frame {
	margin: 0;
	border: none
}

.bx {
	border: none
}

.bx .frame-1-1-1 {
	background: transparent url(../images/images/vline2.png) repeat-y 320px 0
}

.bx .frame-2-1 {
	background: transparent url(../images/images/vline.png) repeat-y 645px 0
}

.drag .block .title {
	margin-bottom: 0;
	padding-left: 0;
	font-size: 14px;
	font-weight: 700
}

#ct .sd .block {
	margin: 0
}

.block .xl1 ul li {
	padding-left: 10px;
	background: url(../images/images/dot.gif) no-repeat 0 50%
}

.ie_all .block .xl1 ul li {
	background-position: 0 6px
}

.xfs {
	border-top: none
}

.xfs .frame-title,
.xfs .frametitle,
.xfs .tab-title {
	border: none;
	background: transparent url(../images/images/mu.png) repeat-x 0 0
}

.xfs .frame-title,
.xfs .frame-title a,
.xfs .frametitle,
.xfs .frametitle a,
.xfs .tab-title,
.xfs .tab-title a {
	color: #fff !important
}

.xfs .tb li a {
	height: 32px;
	border: none !important
}

.xfs .tb .a a {
	background: transparent url(../images/images/mu.png) no-repeat 50% -165px
}

.xfs_1 {
	border-color: #2267b5
}

.xfs_1 .frame-title,
.xfs_1 .frametitle,
.xfs_1 .tab-title {
	background-color: #2267b5;
	background-position: 0 0
}

.xfs_1 .tb .a a {
	background-position: 50% -66px
}

.xfs_2 {
	border-color: #a90000
}

.xfs_2 .frame-title,
.xfs_2 .frametitle,
.xfs_2 .tab-title {
	background-color: #a90000;
	background-position: 0 -99px
}

.xfs_2 .tb .a a {
	background-position: 50% -165px
}

.xfs_3 {
	border-color: #006c6c
}

.xfs_3 .frame-title,
.xfs_3 .frametitle,
.xfs_3 .tab-title {
	background-color: #006c6c;
	background-position: 0 -198px
}

.xfs_3 .tb .a a {
	background-position: 50% -264px
}

.xfs_4 {
	border-color: #ec5a00
}

.xfs_4 .frame-title,
.xfs_4 .frametitle,
.xfs_4 .tab-title {
	background-color: #ec5a00;
	background-position: 0 -297px
}

.xfs_4 .tb .a a {
	background-position: 50% -363px
}

.xfs_5 {
	border-color: #6f099e
}

.xfs_5 .frame-title,
.xfs_5 .frametitle,
.xfs_5 .tab-title {
	background-color: #6f099e;
	background-position: 0 -396px
}

.xfs_5 .tb .a a {
	background-position: 50% -462px
}

.xfs_nbd {
	border: none
}

.xfs_nbd .block {
	margin-top: 0;
	margin-bottom: 10px
}

.xfs_nbd .col-l .block,
.xfs_nbd .frame-1-1-1-l .block,
.xfs_nbd .frame-1-1-l .block,
.xfs_nbd .frame-1-2-l .block,
.xfs_nbd .frame-1-3-l .block,
.xfs_nbd .frame-2-1-l .block,
.xfs_nbd .frame-3-1-l .block {
	margin-left: 0
}

.xfs_nbd .col-r .block,
.xfs_nbd .frame-1-1-1-r .block,
.xfs_nbd .frame-1-1-r .block,
.xfs_nbd .frame-1-2-r .block,
.xfs_nbd .frame-1-3-r .block,
.xfs_nbd .frame-2-1-r .block,
.xfs_nbd .frame-3-1-r .block,
.xfs_nbd .sd .block {
	margin-right: 0
}

.xbs {
	background: no-repeat 0 100%
}

.xbs .title {
	padding-left: 0;
	padding-right: 10px;
	background: no-repeat 100% 0
}

.xbs .titletext {
	float: left;
	padding-left: 10px;
	background: no-repeat 0 0
}

.xbs .dxb_bc {
	padding-bottom: 6px;
	background: transparent no-repeat 100% 100%
}

.xbs .module,
.xbs .portal_block_summary {
	padding: 10px 10px 4px;
	border-style: solid;
	border-width: 0 1px
}

.xbs_1 {
	border: 1px solid #ccc
}

.xbs_1 .title {
	padding: 0 10px;
	height: 31px;
	border-bottom: 1px solid #ccc;
	background: url(../images/images/thead.png) repeat-x 0 0;
	line-height: 31px
}

.xbs_1 .title,
.xbs_1 .title a {
	color: #666 !important
}

.xbs_1 .dxb_bc {
	padding: 9px 10px
}

.xbs_2 {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_2_ft.png)
}

.xbs_2 .title,
.xbs_2 .titletext {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_2_hd.png)
}

.xbs_2 .title,
.xbs_2 .title a {
	color: #f60 !important
}

.xbs_2 .dxb_bc {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_2_ft_r.png)
}

.xbs_2 .module,
.xbs_2 .portal_block_summary {
	border-color: #e0e0e0
}

.xbs_3 {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_3_ft.png)
}

.xbs_3 .title,
.xbs_3 .titletext {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_3_hd.png)
}

.xbs_3 .title,
.xbs_3 .title a {
	color: #fff !important
}

.xbs_3 .dxb_bc {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_3_ft_r.png)
}

.xbs_3 .module,
.xbs_3 .portal_block_summary {
	border-color: #b2b2b2;
	background-color: #f1f1f1
}

.xbs_4 {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_4_ft.png)
}

.xbs_4 .title,
.xbs_4 .titletext {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_4_hd.png)
}

.xbs_4 .title,
.xbs_4 .title a {
	color: #fff !important
}

.xbs_4 .dxb_bc {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_4_ft_r.png)
}

.xbs_4 .module,
.xbs_4 .portal_block_summary {
	border-color: #b2b2b2
}

.xbs_5 {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_5_ft.png)
}

.xbs_5 .title {
	padding: 0 10px;
	height: 30px;
	border: 1px solid;
	border-color: #f08c3b #f08c3b #ddd;
	background: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_5_hd.png) repeat-x 0 0;
	line-height: 30px
}

.xbs_5 .title,
.xbs_5 .title a {
	color: #bc4a2d !important
}

.xbs_5 .dxb_bc {
	padding-bottom: 10px;
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_5_ft_r.png)
}

.xbs_5 .module,
.xbs_5 .portal_block_summary {
	padding: 10px 10px 0;
	border-color: #f08c3b
}

.xbs_6 {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_6_ft.png)
}

.xbs_6 .title,
.xbs_6 .titletext {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_6_hd.png);
	line-height: 24px
}

.xbs_6 .titletext {
	height: 32px
}

.xbs_6 .title,
.xbs_6 .title a {
	color: #fff !important
}

.xbs_6 .dxb_bc {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_6_ft_r.png)
}

.xbs_6 .module,
.xbs_6 .portal_block_summary {
	border-color: #4b85a0
}

.xbs_7 {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_7_ft.png)
}

.xbs_7 .title,
.xbs_7 .titletext {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_7_hd.png)
}

.xbs_7 .title,
.xbs_7 .title a {
	color: #444 !important
}

.xbs_7 .dxb_bc {
	background-image: url(http://www.54juju.com/demo/fishcom/static/image/diy/bs_7_ft_r.png)
}

.xbs_7 .module,
.xbs_7 .portal_block_summary {
	border-color: #e5e5e5
}

.fcs {
	font-size: 12px
}

.fcs dd,
.fcs dt {
	margin: 0;
	padding: 0
}

.fcs dt {
	font-size: 18px;
	font-weight: 100
}

.fcs dd,
.fcs dd a {
	color: #666
}

.slideblock {
	position: relative
}

.slideshow {
	clear: both
}

.slideshow li {
	position: relative;
	overflow: hidden
}

.slideshow span.title {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	text-indent: 10px
}

.slidebar li,
.slideshow span.title {
	background: rgba(0, 0, 0, .3);
	color: #fff;
	overflow: hidden
}

.slidebar li {
	float: left;
	margin-right: 1px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 10px;
	cursor: pointer
}

.slidebar li.on {
	background: rgba(255, 255, 255, .5);
	color: #000;
	font-weight: 700
}

.cl_frame_bm {
	margin: 0 !important;
	border: 0 !important
}

.cl_block_bm {
	margin: 0 !important;
	border: 0 !important
}

.cl_block_bm .dxb_bc {
	margin: 0 !important
}

.b_poll dt {
	padding-left: 20px;
	background: url(../images/images/pollsmall.gif) no-repeat 0 9px
}

.b_poll dd li {
	padding: 0 0 4px 20px
}

.b_poll dd li .pc {
	float: left;
	margin: 4px 0 0 -20px
}

.b_debate dt {
	padding-left: 20px;
	background: url(../images/images/debatesmall.gif) no-repeat 0 10px
}

.b_debate .chart {
	position: relative;
	margin: 8px auto;
	padding: 0;
	width: 279px;
	height: 78px;
	background: url(../images/images/p_debate_chart.png) no-repeat 0 0
}

.b_debate .chart strong {
	position: absolute;
	top: 25px;
	width: 80px;
	font-size: 14px;
	text-align: center
}

.b_debate .chart .debater2 {
	right: 0
}

.b_debate .chart1,
.b_debate .chart2 {
	position: absolute;
	left: 80px;
	bottom: 0;
	width: 40px;
	background: url(../images/images/p_debate_chart.png) no-repeat 0 -78px
}

.b_debate .chart2 {
	left: 159px;
	background-position: 100% -78px
}

.b_debate p {
	height: 1.5em;
	overflow: hidden
}

.b_hstab td {
	padding: 5px 0;
	border-bottom: 1px solid #ddd
}

.tip {
	position: absolute;
	padding: 10px;
	width: 260px;
	border: 1px solid #b1b1b1;
	background: #fefee9
}

.tip_1,
.tip_2 {
	margin-top: 8px
}

.tip_3,
.tip_4 {
	margin-top: -8px
}

.tip_horn {
	position: absolute;
	width: 11px;
	height: 6px;
	overflow: hidden
}

.tip_1 .tip_horn {
	left: 5px;
	top: -6px;
	background: url(../images/images/tip_top.png)
}

.tip_2 .tip_horn {
	right: 5px;
	top: -6px;
	background: url(../images/images/tip_top.png)
}

.tip_3 .tip_horn {
	right: 5px;
	bottom: -6px;
	background: url(../images/images/tip_bottom.png)
}

.tip_4 .tip_horn {
	left: 5px;
	bottom: -6px;
	background: url(../images/images/tip_bottom.png)
}

.tip_js .tip_horn {
	right: 61px;
	bottom: -6px;
	background: url(../images/images/tip_bottom.png)
}

.aimg_tip {
	margin-top: 0
}

em.hot {
	position: absolute;
	left: -2px;
	top: -2px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/images/hot.png) no-repeat 0 0
}

.gsh {
	text-align: center
}

.gsh h1 {
	margin: 1em 0 .5em -60px;
	font-size: 16px;
	font-weight: 100
}

.gsh .px {
	width: 272px
}

.gsh .pns .px {
	margin-right: 3px;
	width: 190px
}

.card {
	padding: 0;
	width: 295px !important;
	border-color: #ddd;
	background: #fdfeff
}

.card .p_opt {
	padding: 0
}

.card .avt {
	position: absolute;
	display: inline;
	margin-left: -70px;
	width: 70px
}

.card_info,
.card_mn {
	padding: 10px 10px 10px 80px
}

.card_mn {
	min-height: 56px
}

.ie6 .card_mn {
	height: 56px
}

.card_info {
	border: dashed #ddd;
	border-width: 1px 0
}

.card_msg {
	width: 95%;
	height: 4em
}

.card a {
	padding: 0;
	display: inline !important;
	white-space: normal;
	border-bottom: none
}

.card a:hover {
	background-color: transparent !important;
	color: #444;
	text-shadow: none
}

.card .o {
	clear: both;
	padding: 5px 10px
}

.card .o a {
	float: left;
	margin: 3px 5px 3px 0;
	padding: 2px 0;
	width: 5em;
	border: 1px solid #ddd;
	background: #f7f9fb url(../images/images/card_btn.png) repeat-x 0 100%;
	line-height: 14px;
	text-align: center
}

.ie_all .card .o a {
	padding: 3px 0 0
}

.card .f,
.card .mgc {
	padding: 0 10px 5px
}

.card .f li {
	display: block
}

.card_gender_0 {
	background: #efefef url(../images/images/nosexbg.png) no-repeat bottom right
}

.card_gender_1 {
	background: #bbebf9 url(../images/images/gentlemanbg.png) no-repeat bottom right
}

.card_gender_2 {
	background: #fce0df url(../images/images/ladybg.png) no-repeat bottom right
}

.ss em {
	display: block;
	float: left;
	margin-right: 2px;
	padding-left: 7px;
	width: 16px;
	line-height: 23px;
	background: #eee;
	cursor: pointer
}

.ss em.a {
	background: #0076DB;
	color: #fff
}

.dopt a {
	float: left;
	margin-right: 3px;
	width: 21px !important;
	height: 21px;
	line-height: 21px;
	text-align: center
}

.dopt_b,
.dopt_i,
.dopt_l {
	border: 1px solid #f1f5fa;
	outline: 0
}

.dopt .cnt {
	border: 1px solid #999;
	background-color: #fff
}

.colorwd {
	margin-left: 3px;
	width: 23px !important;
	background-color: #666;
	background-image: url(../images/images/pn_color.png) !important;
	background-repeat: no-repeat;
	background-position: 0 0
}

.colorwd:active {
	background-position: 0 0
}

.ie6 .colorwd,
.ie7 .colorwd {
	background-position: -1px -1px
}

.ie6 a.colorwd,
.ie7 a.colorwd {
	background-position: 0 0
}

.colorpx {
	margin: 0 -3px 0 3px;
	border-right: none
}

.block-name,
.slidebox {
	display: none
}

.imgzoom_title {
	padding: 10px 0 0;
	color: #666
}

.imgzoom_exif {
	position: absolute;
	left: 10px;
	bottom: 24px;
	padding: 0 6px;
	height: 18px;
	background: rgba(0, 0, 0, .6);
	text-align: left;
	line-height: 1.5;
	color: #fff;
	overflow: hidden
}

.imgzoom_exif_hover {
	height: auto
}

.ie_all .imgzoom_exif,
.imgzoom_exif_hover {
	background: #000
}

.ie6 .imgzoom_exif {
	bottom: 39px
}

.patch {
	width: 300px
}

.patch .bm {
	border-color: #f26c4f;
	background: #fff
}

.patch .allfixed {
	border-color: #6c3
}

.patch .bm_h {
	border: solid #fff;
	border-width: 1px 1px 0;
	background: #f26c4f
}

.patch .allfixed .bm_h {
	background: #6c3
}

.patch .bm_h .y,
.patch h2 {
	color: #fff
}

.patch table {
	table-layout: fixed
}

.patch td,
.patch th {
	padding: 2px;
	border-bottom: 1px dotted #cdcdcd
}

.patchdate {
	width: 70px
}

.patchstat {
	width: 55px
}

.unfixed {
	color: #f26c4f
}

.plugin {
	width: 270px
}

.plugin .bm_h {
	border-color: #ddd;
	color: #444;
	background: #f6f9fa
}

.waterfall {
	position: relative;
	margin-top: 15px
}

.waterfall li {
	margin: 0 10px 10px 0;
	padding: 0 0 3px;
	text-align: left;
	border-width: 1px 0 0;
	border-top: 1px solid #eaeaea;
	background: url(../images/images/bg_waterfall.png) no-repeat 100% 100%
}

.waterfall .c,
.waterfall h3 {
	padding: 10px;
	border: solid #eaeaea;
	border-width: 0 1px;
	background-color: #f8f8f8
}

.waterfall .c {
	overflow: hidden;
	padding-bottom: 0;
	max-height: 800px
}

.waterfall .c .nopic {
	display: block;
	background: #fff url(../images/images/nophototiny.png) no-repeat 50% 50%;
	cursor: pointer
}

.waterfall .auth {
	padding: 0 10px 10px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: transparent #eaeaea #b9b9b9;
	background: #f8f8f8
}

.waterfall .auth img {
	display: inline-block;
	margin: 0 1px
}

.pgbtn {
	margin: 5px 0 10px
}

.pgbtn a {
	display: block;
	height: 40px;
	line-height: 40px;
	letter-spacing: 5px;
	text-align: center;
	border: 1px solid #dcdcdc;
	font-size: 14px;
	outline: 0;
	border-radius: 5px;
	box-shadow: 0 1px 0 #f5f5f5
}

.pgbtn a:hover {
	border-color: #bababa;
	text-decoration: none
}

.pgbtn a:active {
	background: #eee;
	border-color: #d0d0d0;
	box-shadow: none
}

#scrolltop {
	background: 0 0;
	border: none;
	margin: 0 10px 10px;
	width: 50px;
	border-top: 1px solid #b9ef68;
	border-radius: 0
}

#scrolltop a {
	width: 48px;
	height: 48px;
	display: block;
	border: 1px solid #b9ef68;
	margin-top: 0;
	border-top: none;
	padding: 0;
	background: #e9f2da url(../images/img/scrolltop.png) no-repeat
}

#scrolltop a.replyfast {
	background-position: 0 -49px !important
}

#scrolltop a.returnboard,
#scrolltop a.returnlist {
	background-position: 0 -98px !important
}

#scrolltop a:hover {
	background: #deeec7 url(../images/img/scrolltop.png) no-repeat !important;
	border-color: #b9ef68
}

#scrolltop a.replyfast:hover {
	background-color: #deeec7 !important;
	background-position: -58px -49px !important
}

#scrolltop a.scrolltopa:hover {
	background-color: #deeec7 !important;
	background-position: -58px 0 !important
}

#scrolltop a.returnboard:hover,
#scrolltop a.returnlist:hover {
	background-color: #deeec7 !important;
	background-position: -58px -98px !important
}

.today_remind_pic {
	height: 65px;
	margin-bottom: 12px;
	position: relative;
	padding-left: 90px;
	overflow: hidden
}

.today_remind_pic img {
	position: absolute;
	left: 0;
	width: 80px;
	height: 65px
}

.today_remind_pic h3 {
	font-weight: 400;
	padding-top: 3px;
	margin-bottom: 5px;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #0091e2;
	width: 198px;
	overflow: hidden
}

.today_remind_pic p {
	font-size: 12px;
	color: #818181;
	line-height: 18px;
	height: 36px;
	overflow: hidden
}

.today_remind {
	height: 220px;
	padding: 10px
}

.today_remind .bd {
	height: 170px;
	overflow: hidden
}

.today_remind .weather {
	border-bottom: 1px dotted #ddd;
	padding-left: 55px;
	margin-bottom: 5px;
	display: block
}

.today_remind .weather .if_weather {
	vertical-align: middle
}

.today_remind .weather {
	border-bottom: 1px dotted #ddd;
	margin-top: -5px;
	padding: 5px 0;
	padding-left: 55px;
	padding-bottom: 8px
}

.today_remind .bd {
	height: 140px;
	overflow: hidden
}

.today_remind .weather {
	border-bottom: 1px dotted #ddd;
	display: block;
	margin-top: -5px
}

.today_remind .weather .if_weather {
	vertical-align: middle
}

.today_remind .weather {
	height: 84px;
	margin-bottom: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: -5px
}

.today_remind {
	overflow: hidden
}

.today_remind .city_bd {
	border-top: 1px dotted #ddd;
	padding-top: 5px
}

.service-show {
	background: #384047;
	color: #eee;
	margin-top: 40px;
	overflow: hidden;
	padding-bottom: 60px;
	padding-top: 60px;
	text-align: center
}

.service-show i {
	background: #ddd url(../images/service-ico.png) no-repeat left center;
	background-size: auto 100px;
	border-radius: 50%;
	color: #384047;
	display: inline-block;
	font-size: 42px;
	font-weight: 400;
	height: 100px;
	line-height: 100px;
	width: 100px
}

.service-show .ema {
	background-position: 0 0
}

.service-show .emb {
	background-position: -200px 0
}

.service-show .emc {
	background-position: -400px 0
}

.service-show .emd {
	background-position: -600px 0
}

.ie8 .service-show .ema {
	background-position: -10px -10px
}

.ie8 .service-show .emb {
	background-position: -250px -10px
}

.ie8 .service-show .emc {
	background-position: -490px -10px
}

.ie8 .service-show .emd {
	background-position: -730px -10px
}

.service-show h2 {
	font-size: 26px;
	font-weight: 200;
	margin-bottom: 20px
}

.service-show h3 {
	color: #eee;
	font-size: 18px;
	font-weight: 200;
	margin: 20px 0 10px
}

.service-show li {
	float: left;
	text-align: center;
	width: 25%;
	overflow: hidden
}

.service-show .li-item {
	padding: 20px 20px 0
}

.service-show p {
	color: #999;
	font-size: 12px;
	line-height: 22px;
	margin: 0
}

.footer {
	background: #333;
	border: none;
	clear: both;
	color: #999;
	font-size: 13px;
	margin-top: 0;
	padding: 36px 0;
	position: relative;
	text-align: center
}

.footer a {
	color: #999;
	line-height: 20px
}

.footer a:hover {
	color: #ddd
}

.footer-links,
.footer-navs {
	margin-bottom: 16px
}

.footer-links li,
.footer-navs li {
	display: inline-block
}

.footer-links a,
.footer-navs a {
	display: inline-block;
	margin: 0 10px
}

.mf-rewards {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
	display: none;
	left: 50%;
	margin: -200px 0 0 -275px;
	overflow: hidden;
	padding: 40px 20px 50px;
	position: fixed;
	text-align: center;
	top: 50%;
	width: 550px;
	z-index: 9999
}

.mf-rewards h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 15px 30px;
	text-align: center
}

.mf-rewards-close {
	color: #999;
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
	padding: 15px;
	position: absolute;
	right: 0;
	top: 0
}

.mf-rewards-close:hover {
	color: #666
}

.mf-rewards-item {
	display: inline-block;
	margin: 0 20px;
	width: 200px
}

.mf-rewards-item h4 {
	font-size: 15px;
	margin: 0 20px 10px
}

.mf-rewards-item img {
	background: #eee;
	border-radius: 2px;
	height: 200px;
	padding: 5px;
	width: 200px
}

.mf-rewards-mask {
	background: rgba(0, 0, 0, .5);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999
}

body {
	background: #fff;
	color: #55595c;
	font: 16px/1.8 "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif
}

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

.fa {
	font-family: iconfont !important;
	font-style: normal;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

.mfwp,
.price-bin-box,
.xcwl_article,
.xcwl_wp {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

a {
	color: #576366;
	text-decoration: none
}

.thumb {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

a:focus,
a:hover {
	color: #343b3d;
	text-decoration: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

fieldset {
	border: 0;
	margin: 0;
	min-width: 0;
	padding: 0
}

figure {
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

hr {
	border: 0;
	border-top: 1px solid #eee;
	box-sizing: content-box;
	height: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

ol,
ul {
	list-style: none
}

dl,
ol,
ul {
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

.btn-block {
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: 5px
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default:disabled.focus,
.btn-default:disabled:focus {
	background: #fff;
	border-color: #ddd
}

.btn-default.disabled:hover,
.btn-default:disabled:hover {
	background: #fff;
	border-color: #ddd
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
	background: #f2f2f2;
	border-color: #d0d0d0;
	color: #999
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
	background: #e6e6e6;
	border-color: #c4c4c4;
	color: #999
}

.btn-default.focus,
.btn-default:focus {
	background: #f2f2f2;
	border-color: #d0d0d0;
	color: #999
}

.btn-default a:hover,
.btn-default:hover {
	background: #288bc7;
	border-color: #288bc7;
	color: #fff
}

.btn-mo-demo-qrcode {
	position: relative
}

.btn-mo-demo-qrcode img {
	max-width: 100%
}

.btn-mo-demo-qrcode:hover .mo-demo-qrcode {
	bottom: 100%;
	opacity: 1;
	transition: all .28s ease-in-out;
	visibility: visible;
	-webkit-transition: all .28s ease-in-out
}

.button,
.mf-btn,
.xcwl-action-list .post-edit-link {
	border: none;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	padding: 4px 10px;
	text-align: center;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out
}

.btn-primary,
.button-primary,
.mf-primary,
.xcwl-action-list .post-edit-link {
	background: #3298d6;
	border-color: #3298d6;
	color: #fff
}

.btn-primary:hover,
.button-primary:hover,
.mf-primary:hover,
.xcwl-action-list .post-edit-link:hover {
	background: #288bc7;
	border-color: #288bc7;
	color: #fff
}

.author,
.category,
.search,
.single-download,
.single-post {
	background: #f4f6f5
}

.clear {
	clear: both
}

.clearfix:after,
.mfwp:after {
	clear: both
}

.clearfix:after,
.clearfix:before,
.mfwp:after,
.mfwp:before {
	content: "";
	display: table;
	line-height: 0
}

.mfwp {
	margin: 0 auto;
	max-width: 1250px;
	padding-left: 15px;
	padding-right: 15px
}

.excerpts-wrapper {
	margin-top: 20px
}

.single-format-gallery .article-content,
.single-format-image .article-content,
.single-format-video .article-content {
	margin: 24px 0
}

.single-format-gallery,
.single-format-image,
.single-format-video {
	background: #fff
}

.single-format-video .content-box {
	padding: 0
}

.content-box {
	margin-bottom: 15px;
	padding: 20px
}

.content-box-mr {
	margin-bottom: 20px;
	margin-right: 380px;
	min-height: 500px;
	position: relative
}

.content-box-mr.nomr {
	margin-right: 0
}

.content-box-wp {
	float: left;
	width: 100%
}

.content-wrap {
	float: left;
	margin-bottom: 15px;
	width: 100%
}

.focusbox {
	background: #384047;
	color: #eee;
	padding: 30px 0;
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.focusbox .mfwp {
	text-align: center
}

.focusbox .focusbox-text {
	color: #999
}

.focusbox .focusbox-title {
	color: #eee;
	font-size: 24px;
	font-weight: 400;
	margin: 0;
	margin-bottom: 5px
}

.xcwl_catwp {
	margin-top: 20px
}

.pagemenus {
	background: #fff;
	border-radius: 3px;
	overflow: hidden
}

.pagemenus a {
	border-top: 1px solid #f2f2f4;
	display: block;
	padding: 15px 30px
}

.pagemenus a:hover {
	background: #f9f9f9
}

.pagemenus li.active a {
	background: #384047;
	border-top-color: #384047;
	color: #eee
}

.pagination {
	font-size: 14px;
	padding: 15px 15px 30px;
	text-align: center
}

.pagination ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.pagination ul li {
	display: inline-block;
	margin: 0 3px
}

.pagination ul li a {
	background: #f0f0f0;
	color: #999;
	opacity: 1;
	text-decoration: none
}

.pagination ul li a,
.pagination ul li span {
	border-radius: 2px;
	display: inline-block;
	padding: 7px 15px
}

.pagination ul li a:focus,
.pagination ul li a:hover {
	opacity: .8
}

.pagination ul li span {
	color: #aaa;
	cursor: default
}

.pagination ul li.active span {
	background: #3298d6;
	color: #fff
}

.pagination-loading {
	padding: 15px 0;
	text-align: center
}

.pagination-loading img {
	max-width: 70px
}

.view-more-button-div {
	margin-top: 20px;
	width: 100%;
	text-align: center
}

.view-more-button-div a {
	border: 1px solid #eee;
	border-radius: 2px;
	color: #666;
	display: block;
	padding: 8px 10px
}

.view-more-button-div a:hover {
	background: #3298d6;
	border-color: #3298d6;
	color: #fff
}

.xcwl_slide_box {
	display: none
}

.xcwl_slider img {
	max-width: 100%
}

.in_banner {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-moz-opacity: 0;
	opacity: 0;
	margin-top: -1px
}

.in_banner .slide_pic {
	width: 1920px;
	height: 612px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	left: 50%;
	margin-left: -960px
}

.in_banner .slide_pic li {
	float: left;
	width: 100%;
	height: 612px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: none
}

.in_banner .slide_btn {
	width: 100%;
	position: absolute;
	bottom: 20px;
	bottom: -20px;
	left: 0;
	margin-left: 0;
	z-index: 9;
	text-align: right;
	font-size: 0;
	padding-bottom: 0;
	text-align: center
}

.in_banner .slide_btn ul {
	height: 10px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px
}

.in_banner .slide_btn ul:before {
	width: 98%;
	height: 8px;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #333;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px
}

.in_banner .slide_btn li {
	width: 60px;
	height: 10px;
	display: inline-block;
	cursor: pointer;
	background-color: none;
	position: relative
}

.in_banner .slide_btn li.active {
	background-color: #0076db
}

.in_banner .slide_left {
	position: absolute;
	left: 50%;
	margin-left: -580px;
	top: 50%;
	margin-top: -50px;
	z-index: 2;
	left: 0
}

.in_banner .slide_right {
	position: absolute;
	right: 50%;
	margin-right: -580px;
	top: 50%;
	margin-top: -50px;
	z-index: 2;
	right: 0
}

.in_banner .a_box {
	width: 100%;
	display: block;
	height: 612px;
	position: absolute;
	z-index: 99
}

.bannerBg {
	width: 300%;
	margin-left: -100%;
	display: block;
	text-align: center
}

.bannerCon1 {
	width: 980px;
	height: 494px;
	margin-left: -490px;
	position: absolute;
	top: 59px;
	left: 50%
}

.ban1-left {
	width: 390px;
	height: 494px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 13px
}

.ban1-left span {
	position: absolute
}

.ban1-leftImg1 {
	width: 289px;
	margin: 29px auto 0 auto;
	position: relative
}

.ban1-leftImg1Con {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: all;
	transition-property: all
}

.ban1-leftImg2 {
	margin-top: 3px;
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-property: all;
	transition-property: all
}

.ban1-left .year {
	opacity: 0
}

.ban1-left .year1 {
	bottom: 104px;
	left: 78px
}

.ban1-left .year2 {
	bottom: 203px;
	left: 48px
}

.ban1-left .year3 {
	top: 192px;
	left: 1px
}

.ban1-left .year4 {
	top: 102px;
	left: 13px
}

.ban1-left .year5 {
	top: 25px;
	left: 80px
}

.ban1-left .year6 {
	top: 4px;
	right: 124px
}

.ban1-left .year7 {
	top: 119px;
	right: 2px
}

.ban1-left .year8 {
	bottom: 263px;
	right: 6px
}

.ban1-left .year9 {
	bottom: 207px;
	right: 41px
}

.ban1-left .year10 {
	bottom: 126px;
	right: 65px
}

.ban1-leftImg1 span {
	opacity: 0
}

.ban1-Icon1 {
	top: 0;
	left: 141px
}

.ban1-Icon2 {
	top: 14px;
	left: 201px
}

.ban1-Icon3 {
	top: 45px;
	left: 27px
}

.ban1-Icon4 {
	top: 37px;
	left: 63px
}

.ban1-Icon5 {
	top: 58px;
	left: 116px
}

.ban1-Icon6 {
	top: 51px;
	left: 173px
}

.ban1-Icon7 {
	top: 48px;
	left: 233px
}

.ban1-Icon8 {
	top: 84px;
	left: 35px
}

.ban1-Icon9 {
	top: 103px;
	left: 1px
}

.ban1-Icon10 {
	top: 107px;
	left: 45px
}

.ban1-Icon11 {
	top: 119px;
	left: 116px
}

.ban1-Icon12 {
	top: 128px;
	left: 205px
}

.ban1-Icon13 {
	top: 111px;
	left: 267px
}

.ban1-Icon14 {
	top: 174px;
	left: 34px
}

.ban1-Icon15 {
	top: 182px;
	left: 192px
}

.ban1-Icon16 {
	top: 160px;
	left: 262px
}

.ban1-Icon17 {
	top: 219px;
	left: 111px
}

.ban1-Icon18 {
	left: 59px;
	bottom: 62px
}

.ban1-Icon19 {
	left: 202px;
	bottom: 66px
}

.ban1-Icon20 {
	left: 158px;
	bottom: 33px
}

.ban1-Icon21 {
	left: 85px;
	bottom: 10px
}

.bannerCon1.on .year {
	opacity: 1;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon1.on .year1 {
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s
}

.bannerCon1.on .year2 {
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.bannerCon1.on .year3 {
	-webkit-transition-delay: 2.1s;
	transition-delay: 2.1s
}

.bannerCon1.on .year4 {
	-webkit-transition-delay: 2.2s;
	transition-delay: 2.2s
}

.bannerCon1.on .year5 {
	-webkit-transition-delay: 2.3s;
	transition-delay: 2.3s
}

.bannerCon1.on .year6 {
	-webkit-transition-delay: 2.4s;
	transition-delay: 2.4s
}

.bannerCon1.on .year7 {
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s
}

.bannerCon1.on .year8 {
	-webkit-transition-delay: 2.6s;
	transition-delay: 2.6s
}

.bannerCon1.on .year9 {
	-webkit-transition-delay: 2.7s;
	transition-delay: 2.7s
}

.bannerCon1.on .year10 {
	-webkit-transition-delay: 2.8s;
	transition-delay: 2.8s
}

.bannerCon1.on .ban1-leftImg1Con {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1.4s;
	-webkit-transition-duration: 1s;
	transition-duration: 1.4s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon1.on .ban1-leftImg2 {
	opacity: 1
}

.bannerCon1.on .ban1-leftImg1 span {
	opacity: 1;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-animation-name: bounceIn;
	-webkit-animation-duration: 1s;
	animation-name: bounceIn;
	animation-duration: 1s
}

.bannerCon1.on .ban1-Icon1 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.bannerCon1.on .ban1-Icon2 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.bannerCon1.on .ban1-Icon3 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.bannerCon1.on .ban1-Icon4 {
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s
}

.bannerCon1.on .ban1-Icon5 {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.bannerCon1.on .ban1-Icon6 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.bannerCon1.on .ban1-Icon7 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.bannerCon1.on .ban1-Icon8 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.bannerCon1.on .ban1-Icon9 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.bannerCon1.on .ban1-Icon10 {
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

.bannerCon1.on .ban1-Icon11 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.bannerCon1.on .ban1-Icon12 {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.bannerCon1.on .ban1-Icon13 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.bannerCon1.on .ban1-Icon14 {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.bannerCon1.on .ban1-Icon15 {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.bannerCon1.on .ban1-Icon16 {
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s
}

.bannerCon1.on .ban1-Icon17 {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.bannerCon1.on .ban1-Icon18 {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s
}

.bannerCon1.on .ban1-Icon19 {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s
}

.bannerCon1.on .ban1-Icon20 {
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.bannerCon1.on .ban1-Icon21 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.ban1-right {
	width: 516px;
	height: 289px;
	position: absolute;
	top: 89px;
	right: 0
}

.ban1-rightWord {
	opacity: 0;
	-webkit-transition-delay: 0;
	transition-delay: 0;
	-webkit-transform: translate(250px, 0);
	transform: translate(250px, 0);
	-webkit-transition-duration: 1.4s;
	transition-duration: 1.4s;
	-webkit-transition-property: all;
	transition-property: all
}

.ban1-rightWord2 {
	margin-top: 12px
}

.ban1-rightWord3 {
	margin-top: 22px
}

.ban1-rightWord4 {
	margin-top: 20px;
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px)
}

.bannerCon1.on .ban1-rightWord {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.bannerCon1.on .ban1-rightWord1 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.bannerCon1.on .ban1-rightWord2 {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.bannerCon1.on .ban1-rightWord3 {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.bannerCon1.on .ban1-rightWord4 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.bannerCon2 {
	width: 980px;
	height: 446px;
	margin-left: -490px;
	position: absolute;
	top: 100px;
	left: 50%
}

.ban2-left {
	width: 319px;
	height: 446px;
	position: absolute;
	top: 0;
	left: 42px;
	opacity: 0;
	-webkit-transform: translate(-30%, 30%);
	transform: translate(-30%, 30%)
}

.ban2-right {
	width: 564px;
	height: 158px;
	text-align: center;
	position: absolute;
	top: 113px;
	right: 16px
}

.ban2-rightWord1 {
	font-size: 0
}

.ban2-rightWord1 span {
	margin: 0 13px;
	display: inline-block;
	opacity: 0
}

.ban2-rightWord2 {
	margin-top: 30px;
	opacity: 0;
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px)
}

.ban2-rightWord3 {
	width: 310px;
	height: 36px;
	margin-top: 29px;
	display: inline-block;
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px)
}

.ban2-rightWord4 {
	width: 0;
	height: 17px;
	position: absolute;
	top: 9px;
	left: 12px;
	overflow: hidden
}

.bannerCon2.on .ban2-left {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-duration: 1.5s;
	transition-duration: 1.5s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon2.on .ban2-rightWord1 span {
	opacity: 1;
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.bannerCon2.on .ban2-rightWord1img2 {
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}

.bannerCon2.on .ban2-rightWord1img3 {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.bannerCon2.on .ban2-rightWord1img4 {
	-webkit-transition-delay: .45s;
	transition-delay: .45s;
	-webkit-animation-delay: .45s;
	animation-delay: .45s
}

.bannerCon2.on .ban2-rightWord2 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-duration: 1.3s;
	transition-duration: 1.3s
}

.bannerCon2.on .ban2-rightWord3 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-duration: 1.3s;
	transition-duration: 1.3s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.bannerCon2.on .ban2-rightWord4 {
	width: 239px;
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s
}

.bannerCon2.on2 .ban2-left {
	-webkit-animation: rocket .8s forwards;
	animation: rocket .8s forwards
}

.bannerCon2.on2 .ban2-rightWord1 span {
	-webkit-animation: zoomOutUp .8s forwards;
	animation: zoomOutUp .8s forwards
}

.bannerCon2.on2 .ban2-rightWord2 {
	-webkit-animation: lightSpeedOut 1s forwards;
	animation: lightSpeedOut 1s forwards
}

.bannerCon2.on2 .ban2-rightWord3 {
	-webkit-animation: lightSpeedOut 1s forwards;
	animation: lightSpeedOut 1s forwards
}

.banner3Bg {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}

.bannerCon3 {
	width: 1000px;
	height: 524px;
	margin-left: -500px;
	position: absolute;
	top: 60px;
	left: 50%;
	z-index: 1
}

.ban3-leftImg {
	width: 259px;
	padding: 0 98px 0 88px;
	position: relative
}

.ban3-leftphone {
	position: relative;
	z-index: 2;
	opacity: 0;
	-webkit-transform: translate(0, -30%);
	transform: translate(0, -30%)
}

.ban3-leftIconling {
	width: 321px;
	position: absolute;
	top: 102px;
	left: 61px;
	z-index: 1
}

.ban3-leftphoneCon {
	width: 218px;
	height: 372px;
	position: absolute;
	top: 77px;
	left: 22px;
	overflow: hidden
}

.ban3-leftphoneImg {
	opacity: 0
}

.ban3-Icon {
	position: absolute;
	z-index: 3;
	opacity: 0
}

.ban3-Icon1 {
	width: 48px;
	top: 80px;
	left: 0
}

.ban3-Icon2 {
	width: 50px;
	top: 227px;
	left: 0
}

.ban3-Icon3 {
	width: 44px;
	top: 378px;
	left: 4px
}

.ban3-Icon4 {
	width: 55px;
	top: 78px;
	right: 0
}

.ban3-Icon5 {
	width: 53px;
	top: 225px;
	right: 2px
}

.ban3-Icon6 {
	width: 44px;
	top: 376px;
	right: 8px
}

.ban3-rightWord {
	width: 456px;
	height: 279px;
	text-align: center;
	position: absolute;
	top: 112px;
	right: 20px;
	z-index: 3
}

.ban3-rightWord1 {
	opacity: 0
}

.ban3-rightWord2 {
	margin-top: 6px;
	opacity: 0
}

.ban3-rightWord3 {
	margin-top: 10px;
	opacity: 0
}

.ban3-rightWord4 {
	margin-top: 12px;
	opacity: 0
}

.ban3-rightWord5 {
	margin-top: 36px;
	opacity: 0
}

.bannerCon3.on .ban3-leftphone {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon3.on .ban3-leftphoneImg {
	-webkit-animation: bounceIn1 .6s linear .7s forwards;
	animation: bounceIn1 .6s linear .7s forwards
}

.bannerCon3.on .ban3-Icon {
	-webkit-animation: bounceIn 1.5s linear 1s forwards;
	animation: bounceIn 1.5s linear 1s forwards
}

.bannerCon3.on .ban3-rightWord1 {
	-webkit-animation: rotateInUpRight .5s linear .5s forwards;
	animation: rotateInUpRight .5s linear .5s forwards
}

.bannerCon3.on .ban3-rightWord2 {
	-webkit-animation: rotateInUpLeft .5s linear .65s forwards;
	animation: rotateInUpLeft .5s linear .65s forwards
}

.bannerCon3.on .ban3-rightWord3 {
	-webkit-animation: rotateInUpRight .5s linear .8s forwards;
	animation: rotateInUpRight .5s linear .8s forwards
}

.bannerCon3.on .ban3-rightWord4 {
	-webkit-animation: rotateInUpLeft .5s linear .95s forwards;
	animation: rotateInUpLeft .5s linear .95s forwards
}

.bannerCon3.on .ban3-rightWord5 {
	-webkit-animation: zoomInUp 1s linear 1s forwards;
	animation: zoomInUp 1s linear 1s forwards
}

.bannerCon3.on2 .ban3-leftImg {
	opacity: 0;
	-webkit-transform: translate(-300px, 0);
	transform: translate(-300px, 0);
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon3.on2 .ban3-rightWord {
	opacity: 0;
	-webkit-transform: translate(300px, 0);
	transform: translate(300px, 0);
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon4 {
	width: 1000px;
	height: 512px;
	margin-left: -500px;
	position: absolute;
	top: 75px;
	left: 50%
}

.ban4-leftWord {
	width: 250px;
	padding-left: 146px;
	position: absolute;
	top: 64px;
	left: 0
}

.ban4-leftWord2 {
	opacity: 0
}

.ban4-leftfour span {
	position: absolute;
	display: block;
	opacity: 0
}

.ban4-leftfour1 {
	width: 129px;
	height: 0;
	overflow: hidden;
	top: 0;
	left: 0;
	-webkit-transition-property: height;
	transition-property: height
}

.ban4-leftfour2 {
	width: 0;
	height: 208px;
	overflow: hidden;
	top: 0;
	left: 0;
	-webkit-transition-property: width;
	transition-property: width
}

.ban4-leftfour3 {
	width: 129px;
	height: 0;
	overflow: hidden;
	top: 0;
	left: 0;
	-webkit-transition-property: height;
	transition-property: height
}

.ban4-leftfour {
	width: 129px;
	position: absolute;
	top: 0;
	left: 4px
}

.ban4-rightImg {
	width: 875px;
	height: 512px;
	position: absolute;
	top: 0;
	right: -79px
}

.ban4-ightImg1 {
	position: relative;
	z-index: 3
}

.ban4-rightImg1 {
	width: 875px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	opacity: 0;
	-webkit-transform: translate(0, 80px);
	transform: translate(0, 80px)
}

.ban4-rightImg2 {
	width: 427px;
	position: absolute;
	bottom: 25px;
	right: 66px;
	z-index: 4;
	opacity: 0;
	-webkit-transform: translate(0, 80px);
	transform: translate(0, 80px)
}

.ban4-rightImg3 {
	width: 140px;
	position: absolute;
	bottom: 37px;
	left: 72px;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translate(0, 80px);
	transform: translate(0, 80px)
}

.ban4-rightImg4 {
	width: 790px;
	position: absolute;
	top: 74px;
	left: 42px;
	z-index: 2;
	opacity: 0
}

.bannerCon4.on .ban4-rightImg1 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon4.on .ban4-rightImg2 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon4.on .ban4-rightImg3 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon4.on .ban4-rightImg4 {
	opacity: 1;
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon4.on .ban4-leftWord2 {
	opacity: 1;
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon4.on .ban4-leftfour1 {
	opacity: 1;
	height: 208px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.bannerCon4.on .ban4-leftfour2 {
	opacity: 1;
	width: 129px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 2.05s;
	transition-delay: 2.05s
}

.bannerCon4.on .ban4-leftfour3 {
	opacity: 1;
	height: 208px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 2.4s;
	transition-delay: 2.4s
}

.bannerCon4.on2 .ban4-leftWord {
	opacity: 0;
	-webkit-transform: translate(0, -300px);
	transform: translate(0, -300px);
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: all;
	transition-property: all
}

.bannerCon4.on2 .ban4-rightImg {
	opacity: 0;
	-webkit-transform: translate(0, 300px);
	transform: translate(0, 300px);
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: all;
	transition-property: all
}

@-webkit-keyframes bounceIn {

	20%,
	40%,
	60%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2)
	}

	20% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}

	40% {
		-webkit-transform: scale3d(.7, .7, .7);
		transform: scale3d(.7, .7, .7)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {

	20%,
	40%,
	60%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2)
	}

	20% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}

	40% {
		-webkit-transform: scale3d(.7, .7, .7);
		transform: scale3d(.7, .7, .7)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@-webkit-keyframes rocket {
	30% {
		opacity: 1;
		-webkit-transform: translate(-15%, 15%);
		transform: translate(-15%, 15%)
	}

	to {
		opacity: 0;
		-webkit-transform: translate(40%, -40%);
		transform: translate(40%, -40%)
	}
}

@keyframes rocket {
	30% {
		opacity: 1;
		-webkit-transform: translate(-15%, 15%);
		transform: translate(-15%, 15%)
	}

	to {
		opacity: 0;
		-webkit-transform: translate(40%, -40%);
		transform: translate(40%, -40%)
	}
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes bounceIn1 {

	70%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2)
	}

	70% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn1 {

	70%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2)
	}

	70% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes ban3Icon {
	0% {
		opacity: 0
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1) translate(0, 0);
		transform: scale3d(1, 1, 1) translate(0, 0)
	}
}

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -20deg);
		transform: rotate3d(0, 0, 1, -20deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -20deg);
		transform: rotate3d(0, 0, 1, -20deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 20deg);
		transform: rotate3d(0, 0, 1, 20deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 20deg);
		transform: rotate3d(0, 0, 1, 20deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

	100% {
		opacity: 1
	}
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

	100% {
		opacity: 1
	}
}

.divstyle {
	display: block !important
}

.case-li {
	cursor: pointer
}

.xcwl_case-list {
	display: none
}

.header {
	background: #fff;
	border-bottom: 1px solid #eee;
	height: 80px;
	position: fixed;
	z-index: 99;
	width: 100%
}

.logo {
	color: #000;
	float: left;
	font: 30px/79px "microsoft yahei";
	margin: 0 70px 0 0;
	overflow: hidden
}

.logo a {
	display: block
}

.logo span {
	display: none
}

.logo img {
	max-height: 80px;
	display: inline-block
}

.sitenav {
	float: left;
	font-size: 18px;
	line-height: 40px;
	max-width: 800px;
	height: 81px;
	overflow: hidden
}

.sitenav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.xcwl_menunavs .p_pop {
	background: #fff;
	border: 1px solid #999;
	border-radius: 2px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	font-size: 14px;
	line-height: 32px;
	list-style: none;
	width: 140px;
	margin-left: -35px;
	padding: 6px 0;
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.xcwl_menunavs .p_pop li {
	float: none;
	margin-right: 0
}

.xcwl_menunavs .p_pop li a {
	border-bottom: none;
	display: block;
	padding: 0 15px;
	white-space: normal;
	height: 32px;
	overflow: hidden;
	outline: 0
}

.xcwl_menunavs .p_pop li a:hover {
	background: #eee;
	color: #555
}

.xcwl_menunavs .p_pop::after {
	border-bottom: 5px solid #fff;
	margin-top: 1px
}

.xcwl_menunavs .p_pop::before {
	border-bottom: 5px solid #555
}

.xcwl_menunavs .p_pop::after,
.xcwl_menunavs .p_pop::before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
	left: 35%;
	margin-left: -3px;
	position: absolute;
	top: -5px
}

.sitenav ul .sub-menu {
	background: #fff;
	border: 1px solid #999;
	border-radius: 2px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	font-size: 14px;
	line-height: 32px;
	list-style: none;
	opacity: 0;
	padding: 6px 0;
	position: absolute;
	text-align: center;
	visibility: hidden;
	width: 140px;
	margin-left: -35px;
}

.sitenav ul .sub-menu li {
	float: none;
	margin-right: 0
}

.sitenav ul .sub-menu li a {
	border-bottom: none;
	display: block;
	padding: 0 15px
}

.sitenav ul .sub-menu li a:hover {
	background: #0076DB;
	color: #fff
}

.sitenav ul .sub-menu::after {
	border-bottom: 5px solid #fff;
	margin-top: 1px
}

.sitenav ul .sub-menu::before {
	border-bottom: 5px solid #555
}

.sitenav ul .sub-menu::after,
.sitenav ul .sub-menu::before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
	left: 50%;
	margin-left: -3px;
	position: absolute;
	top: -5px
}

.sitenav ul li.current-menu-item>a,
.sitenav ul li.current-menu-parent>a {
	border-bottom-color: #ff6651;
	color: #ff6651
}

.sitenav ul li:hover>.sub-menu {
	margin-top: -1px;
	opacity: 1;
	visibility: visible
}

.sitenav ul li a:hover,
.sitenav ul li.hover>a,
.sitenav ul li:hover>a {
	color: #fff
}

.sitenav ul ul .sub-menu {
	left: 100%;
	margin-left: 0;
	top: -6px
}

.sitenav ul ul .sub-menu::after {
	margin-left: -2px
}

.sitenav ul ul .sub-menu::after,
.sitenav ul ul .sub-menu::before {
	left: -5px;
	margin-top: 23px;
	transform: rotate(-90deg)
}

.sitenav ul>li {
	float: left;
	padding: 0 20px !important
}

.sitenav ul>li span {
	display: none
}

.sitenav ul>li:hover,
.sitenav ul>li.hover {
	z-index: 2;
	background: #0076DB;
}

.sitenav ul>li>a {
	border-bottom: 2px solid transparent;
	color: #555;
	display: block;
	padding: 20px 0 18px
}

.sitenav>ul>li.menu-item-has-children:hover>a::before {
	border-top-color: #ff6651
}

.sitenav>ul>li.menu-item-has-children>a {
	position: relative
}

.sitenav>ul>li.menu-item-has-children>a::after {
	border-top: 5px solid #fff;
	margin-top: -1px
}

.sitenav>ul>li.menu-item-has-children>a::before {
	border-top: 5px solid #555
}

.sitenav>ul>li.menu-item-has-children>a::after,
.sitenav>ul>li.menu-item-has-children>a::before {
	right: 0;
	top: 50%
}

.sub-menu {
	z-index: 99;
}




.search .site-search {
	border-bottom: 1px solid #eaeaea
}

.search-active .site-search {
	display: block
}

.site-search-form {
	overflow: hidden;
	margin: 20px 0;
	height: 42px;
	line-height: 42px;
	padding-right: 100px;
	font-size: 14px;
	position: relative
}

#scbar .site-search-form .mf-input {
	background: #fff;
	border: solid 1px #eee;
	border-radius: 2px 0 0 2px;
	border-right: none;
	color: #999;
	font-size: 16px;
	outline: 0;
	padding: 0 100px 0 5px
}

#scbar_txt.search-input {
	height: 40px;
	width: 100%;
	outline: 0;
	border: none;
	padding: 0
}

.xcwl_scbar_type {
	position: absolute;
	top: 0;
	right: 110px;
	text-align: center
}

.search-btn {
	border: none;
	border-radius: 0 2px 2px 0;
	font-size: 16px;
	padding: 0 12px;
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 42px
}

.search-btn:focus,
.search-btn:hover {
	color: #fff;
	opacity: .85
}

.search-on .site-navbar li.navto-search a {
	color: #45b6f7
}

.search-btn .fa,
.xcwl-search .fa {
	font-size: 26px
}

.xcwl-search .search-off {
	display: none
}

.shopping-cart,
.xcwl-search {
	float: right;
	line-height: 77px
}

.site-search {
	background: #f9f9f9;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 80px;
	width: 100%;
	z-index: 5
}

#scbar {
	height: auto;
	background: 0 0;
	line-height: normal
}

#scbar_txt {
	width: 80%;
	float: left
}

#scbar_btn {
	background: #3298d6
}

#scbar_type_menu.mf_scbar_type_menu {
	margin-top: -78px
}

.xcwl-info {
	color: #999;
	float: right;
	font-size: 16px;
	line-height: 30px;
	margin-left: 25px;
	margin-top: 25px;
	padding-right: 18px;
	position: relative
}

.xcwl-info .avatar img {
	border-radius: 50%;
	float: left;
	height: 30px;
	margin-right: 10px;
	width: 30px
}

.xcwl-info .sub-menu {
	margin-top: -20px;
	opacity: 0;
	padding-top: 20px;
	position: absolute;
	right: 0;
	top: 100%;
	transition: all .3s ease-in-out;
	visibility: hidden;
	width: 120px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.xcwl-info .sub-menu ul {
	background: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
	font-size: 14px;
	padding: 5px 0;
	position: relative;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
}

.xcwl-info .sub-menu ul::before {
	border-bottom: 5px solid rgba(0, 0, 0, .1)
}

.xcwl-info::after {
	border-top: 5px solid #fff;
	margin-top: -1px
}

.xcwl-down-focus ol {
	list-style: decimal-leading-zero;
	margin-bottom: 1.75rem;
	margin-left: 50px
}

.xcwl-info .sub-menu a {
	display: block;
	line-height: 14px;
	padding: 12px 15px;
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.xcwl-info .sub-menu a:hover {
	background-color: #f2f2f4
}

.xcwl-info .sub-menu .usernav_hook a:hover {
	background-color: none
}

.xcwl-info .sub-menu ul::after {
	border-bottom: 5px solid #fff;
	margin-top: 1px
}

.xcwl-info .sub-menu ul::after,
.xcwl-info .sub-menu ul::before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
	left: 50%;
	margin-left: -3px;
	position: absolute;
	top: -5px
}

.xcwl-info::before {
	border-top: 5px solid #55595c
}

.xcwl-info:hover .sub-menu {
	margin-top: 0;
	opacity: 1;
	visibility: visible
}

.xcwl-info::after,
.xcwl-info::before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
	position: absolute;
	right: 0;
	top: 42%
}

.usernav_hook .pipe {
	display: none
}

#notice_tip_count,
#reply_tip_count {
	color: red
}

.xcwl-login {
	float: right;
	margin-top: 25px
}

.xcwl-login .btn {
	padding: 4px 12px
}

.xcwl-login .user-login {
	background: #3298d6;
	border-color: #3298d6;
	color: #fff
}

.xcwl_case {
	background: #f4f6f5;
	background: #fff;
	padding-bottom: 30px
}

.xcwl_case .view-more-button-div {
	display: none
}

.xcwl_case .xcwl_mbfl_box {
	padding-top: 0
}

.xcwl_case-list {
	margin: 30px -10px;
	overflow: hidden
}

.xcwl_case_option {
	text-align: center
}

.xcwl_case_option li:hover,
.xcwl_case_option li:hover a {
	background: #3298d6;
	color: #fff
}

.xcwl_case_option span {
	background: #3298d6;
	color: #fff;
	width: 100px
}

.xcwl_case_option li,
.xcwl_case_option span {
	display: inline-block;
	margin: 5px
}

.xcwl_case_option li a,
.xcwl_case_option span {
	background: #f0f0f0;
	border-radius: 3px;
	padding: 10px 20px
}

.xcwl_case_option li,
.xcwl_case_option li a,
.xcwl_case_option span {
	color: #333;
	font-size: 14px;
	font-weight: 400
}

.xcwl_case_option ul {
	display: inline-block
}

.about {
	background: url(../images/about_bg.jpg) no-repeat center top #163e59;
	background-attachment: fixed;
	width: 100%;
	padding: 80px 0;
	background-size: cover;
	text-align: center;
	color: #fff;
	overflow: hidden
}

.about a {
	background: #24b727;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	margin: 8px;
	transition: all .3s ease-in-out;
	width: 150px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.about a:hover {
	background: #11a914
}

.about h1 {
	font-size: 24px;
	line-height: 38px;
	text-align: center
}

.about p {
	color: #e2e2e2;
	font-size: 14px;
	line-height: 28px;
	text-align: left;
	max-width: 940px;
	padding: 40px 20px;
	margin: 0 auto
}

.pg_index .focusbox {
	background: #fff;
	color: #576366
}

.pg_index .focusbox .focusbox-text {
	color: #b3b3b3
}

.pg_index .focusbox .focusbox-title {
	color: #333
}

.index-news-wp {
	margin: 0 -20px;
	overflow: hidden
}

.index-news-wp .xcwl_article {
	border: none;
	float: left;
	margin: 0;
	padding: 15px 20px;
	width: 50%;
	overflow: hidden
}

.index-news-wp .xcwl_article .meta .post-like {
	display: none
}

.index-news-wp .xcwl_article .note {
	max-height: 40px;
	overflow: hidden
}

#shareimage {
	display: none
}

.affix {
	position: fixed
}

.alert-warning {
	background: #fcf8e3;
	border-color: #faf2cc;
	color: #8a6d3b
}

.alert-warning .alert-link {
	color: #66512c
}

.alert-warning hr {
	border-top-color: #f7ecb5
}

.all_ewmBox {
	background: #000;
	background: rgba(0, 0, 0, .9);
	bottom: 0;
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999
}

.all_ewmCon {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 50%;
	width: 200px;
	background: #fff
}

.article_box,
.content-box,
.widget-box {
	background: #fff
}

.archive-meta {
	border-top: 1px solid #eaeaea;
	font-size: 16px;
	padding-top: 15px
}

.article-actions {
	margin: 30px 0
}

.article-actions .action-like .fa,
.article-actions .action-rewards .fa {
	margin-right: 3px
}

.article-actions .action-like i {
	margin-right: 5px;
	top: -1px
}

.article-actions .action-like i,
.article-actions .action-rewards i {
	font-size: 14px;
	margin-right: 3px;
	position: relative
}

.article-actions .action-like,
.article-actions .action-rewards,
.article-actions .collect-btn {
	background: #f1b60e;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	margin: 5px;
	min-width: 80px;
	opacity: .8;
	padding: 0 15px;
	text-align: center
}

.article-actions .action-like:hover,
.article-actions .action-rewards:hover {
	opacity: 1
}

.article-actions .collect-btn {
	background: #0aa284
}

.article-actions .action-like {
	background: #ff6651
}

.article-actions .reward {
	text-align: center
}

.article-actions .reward-notice {
	font-size: 14px;
	line-height: 14px;
	margin: 15px auto;
	text-align: center
}

.article-actions .shares {
	text-align: center
}

.article-actions .shares span {
	color: #999;
	display: inline-block;
	vertical-align: top
}

.article-actions .shares a {
	height: 30px;
	line-height: 30px;
	margin-right: 10px
}

.xcwl_rticle {
	background: #f0f0f0;
	padding: 0 10px
}

.article-author .author-about {
	background: #ffc800;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	margin-top: 10px;
	padding: 4px 10px
}

.article-author .author-about a {
	color: #fff
}

.article-author .author-avatar img {
	float: left;
	height: 60px;
	margin-right: 15px;
	width: 60px
}

.article-author .author-box {
	clear: both;
	overflow: hidden
}

.article-author .author-description {
	line-height: 20px
}

.article-content {
	font-size: 15px;
	line-height: 1.75;
	margin-bottom: 20px;
	overflow: hidden;
	word-wrap: break-word
}

.article-content img {
	display: block;
	height: auto;
	max-width: 100%
}

.article-content p {
	margin-bottom: 10px;
	word-wrap: break-word
}

.article-header {
	padding-bottom: 7.5px
}

.article-meta {
	color: #999;
	margin-bottom: 15px
}

.article-meta span {
	margin-right: 5px
}

.article-meta .fa {
	margin-right: 3px
}

.article-meta a {
	color: #999
}

.single-intro {
	background: #fafafa;
	color: #999;
	font-size: 14px;
	margin-bottom: 30px;
	margin-left: -20px;
	margin-right: -20px;
	padding: 15px 30px
}

.single-intro p {
	line-height: 22px;
	max-height: 44px;
	overflow: hidden
}

.article-copyright {
	margin-bottom: 20px
}

.article-nav {
	clear: both;
	color: #999;
	font-size: 14px;
	margin-bottom: 20px;
	overflow: hidden
}

.article-nav .article-nav-next {
	float: left;
	width: 50%
}

.article-nav .article-nav-prev {
	float: right;
	text-align: right;
	width: 50%
}

.article-nav a {
	font-size: 14px
}

.article-tags {
	margin-bottom: 30px
}

.article-tags .fa {
	color: #999;
	float: left;
	font-size: 16px;
	line-height: 28px;
	margin-right: 10px
}

.article-tags a {
	background: #f2f2f2;
	border-radius: 2px;
	color: #999;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	margin-right: 5px;
	padding: 0 10px
}

.article-tags a:hover {
	background: #ff6651;
	color: #fff
}

.article-title {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 10px
}

.article-wechatitem {
	border: 1px solid #eee;
	border-radius: 2px;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, .02);
	display: inline-block;
	overflow: hidden;
	padding: 15px 15px 15px 110px;
	position: relative;
	text-align: left;
	width: 320px
}

.article-wechatitem img {
	float: left;
	height: 80px;
	margin-left: -95px;
	width: 80px
}

.article-wechatitem-desc {
	color: #bbb;
	font-size: 12px;
	height: 32px;
	overflow: hidden
}

.article-wechatitem-tit {
	font-weight: 700;
	height: 19px;
	margin-bottom: 5px;
	overflow: hidden
}

.article-wechatitem-users {
	bottom: 15px;
	color: #7bd172;
	font-size: 12px;
	position: absolute
}

.article-wechats {
	text-align: center
}

.comt-box {
	clear: both;
	margin-bottom: 15px;
	overflow: hidden
}

.comt-box .comt-area {
	background: #eceeef;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	display: block;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 15px;
	max-width: 100%;
	min-height: 100px;
	padding: 5px 10px 0;
	resize: vertical;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.comt-box .comt-error {
	color: #ff5e52
}

.comt-box .comt-jump {
	color: #7ad071;
	font-size: 16px;
	height: 38px;
	line-height: 38px
}

.comt-box .comt-submit {
	float: right
}

.comt-comterinfo {
	padding-top: 15px
}

.comt-comterinfo input {
	border: none;
	padding: 0 5px 0 70px
}

.comt-comterinfo li {
	border: 1px solid #e6e6e6;
	display: inline-block;
	line-height: 30px;
	margin-bottom: 15px;
	margin-right: 15px;
	position: relative
}

.comt-comterinfo li span {
	background: #f5f5f5;
	border-right: 1px solid #e6e6e6;
	position: absolute;
	text-align: center;
	width: 60px
}

.comt-comterinfo ul {
	color: #999;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left
}

.comt-count {
	color: #999;
	float: right;
	margin-bottom: 5px
}

.comt-submit {
	background: #3298d6;
	border: none;
	border-radius: 2px;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	outline: 0;
	padding: 0;
	width: 100px;
	cursor: pointer
}

.comt-submit .user-login {
	color: #fff;
	font-size: 16px;
	font-weight: 400
}

.postcomments {
	margin-bottom: 10px
}

.commentlist {
	list-style: none;
	margin: 0;
	padding: 0
}

.commentlist>.comment .comment {
	border-bottom: none;
	border-radius: 2px;
	margin-bottom: -10px;
	margin-left: -53px;
	margin-top: 15px;
	padding-left: 65px;
	padding-right: 5px
}

.commentlist>.comment .comment .text {
	font-size: 12px
}

.commentlist>.comment>.children>.comment {
	background: #f2f2f2;
	margin-bottom: 0;
	margin-left: 0
}

.comments-pagination {
	font-size: 14px;
	margin-top: 20px;
	text-align: center
}

.comments-pagination .current {
	background: #3298d6;
	color: #fff
}

.comments-pagination a {
	background: #eee;
	color: #666;
	opacity: 1;
	text-decoration: none
}

.comments-pagination a,
.comments-pagination span {
	border-radius: 2px;
	display: inline-block;
	margin: 0 2px;
	padding: 7px 15px
}

.comments-pagination a:focus,
.comments-pagination a:hover {
	opacity: .8
}

.comments-pagination span {
	color: #aaa;
	cursor: default
}

.comments-respond {
	margin-bottom: 15px;
	position: relative
}

.comment {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding: 15px 0 15px 52px;
	position: relative
}

.comment #cancel-comment-reply-link {
	display: block
}

.comment .comment-reply-link {
	color: #bbb;
	display: none;
	font-size: 12px;
	margin-left: 30px
}

.comment .comment-reply-link:hover {
	color: #666
}

.comment .comments-respond {
	margin-top: 30px
}

.comment .comt-approved {
	background: #666;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	margin-right: 10px;
	padding: 2px 3px 1px
}

.comment .comt-author {
	margin-right: 10px
}

.comment .comt-avatar {
	float: left;
	height: 40px;
	margin-left: -52px;
	position: relative;
	width: 40px
}

.comment .comt-avatar img {
	border-radius: 20px;
	display: block;
	height: 40px;
	width: 40px
}

.comment .comt-f {
	color: #bbb;
	font-size: 16px;
	position: absolute;
	right: 0;
	top: 15px
}

.comment .comt-main {
	color: #666;
	font-size: 14px;
	position: relative;
	word-wrap: break-word
}

.comment .comt-main span {
	color: #888
}

.comment .comt-meta {
	color: #bbb;
	font-size: 12px;
	margin-top: 7px
}

.comment .comt-meta a {
	color: #bbb;
	margin-right: 10px
}

.comment .depth-1 {
	border-bottom: #eee 1px solid
}

.comment .url {
	color: #999
}

.comment .url:hover {
	color: #666;
	text-decoration: underline
}

.comment .wp-smiley {
	margin-bottom: 2px
}

.comment pre {
	border-radius: 1px;
	margin: 3px 0 5px;
	padding: 7px 10px
}

.comment:hover .comment-reply-link {
	display: inline-block
}

.excerpts {
	margin-bottom: 15px;
	min-height: 600px
}

.excerpts-none {
	color: #999;
	font-size: 18px;
	font-weight: 400;
	padding: 200px 0;
	text-align: center
}

.f404 {
	padding: 100px 15px;
	text-align: center
}

.f404 h2 {
	font-size: 36px;
	font-weight: 400
}

.f404 h3 {
	font-size: 18px;
	font-weight: 400
}

.fish-down-content {
	margin-bottom: 0
}

.fish-down-content .edd-add-to-cart {
	display: inline-block
}

.fish-down-content .edd_download_purchase_form {
	padding-top: 20px
}

.fish-recommend-title {
	border-top: 1px solid #eee;
	color: #999;
	font-size: 20px;
	font-weight: 400;
	height: 30px;
	margin: 0;
	margin-top: 30px;
	position: relative;
	-webkit-font-smoothing: antialiased
}

.fish-recommend-title span {
	background: #fff;
	display: block;
	height: 30px;
	left: 50%;
	line-height: 30px;
	margin-left: -100px;
	position: absolute;
	text-align: center;
	top: -15px;
	width: 200px
}

.glide {
	position: relative;
	width: 100%;
	height: 100%
}

.glide__wrapper {
	overflow: hidden
}

.glide__track {
	position: relative;
	width: 100%;
	height: 100%;
	list-style: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-ms-touch-action: pan-Y;
	touch-action: pan-Y;
	overflow: hidden
}

.glide__track.dragging {
	cursor: -webkit-grabbing;
	cursor: grabbing;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide__slide {
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}

.glide__slide a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.glide__arrows {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide__arrow {
	cursor: pointer
}

.glide__bullets {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide--slider .glide__slide {
	float: left;
	clear: none
}

.glide--carousel.glide--vertical .glide__track {
	overflow: visible
}

.glide--carousel .glide__slide {
	float: left;
	clear: none
}

.glide--slideshow .glide__wrapper {
	height: 100%
}

.glide--slideshow .glide__slide {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0)
}

.glide--slideshow .glide__slide.active {
	z-index: 1
}

.glide__arrows {
	position: absolute
}

.glide--horizontal .glide__arrows {
	top: 50%;
	width: 92%;
	margin-left: 4%
}

.glide--vertical .glide__arrows {
	left: 50%;
	height: 88%;
	margin-top: 6%
}

.glide__arrow {
	position: absolute;
	z-index: 2;
	color: #fff;
	text-transform: uppercase;
	font: 11px Arial, sans-serif;
	padding: 9px 12px;
	background-color: transparent;
	opacity: 1;
	-webkit-transition: opacity 150ms ease, border .3s ease-in-out;
	transition: opacity 150ms ease, border .3s ease-in-out
}

.glide__arrow .fa {
	font-size: 32px
}

.glide__arrow:hover {
	color: #fff
}

.glide__arrow.disabled {
	opacity: .33
}

.glide__arrow:focus {
	outline: 0
}

.glide__arrow:hover {
	border-color: #fff
}

.glide--horizontal .glide__arrow {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.glide--horizontal .glide__arrow.prev {
	left: 0
}

.glide--horizontal .glide__arrow.next {
	right: 0
}

.glide--vertical .glide__arrow {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.glide--vertical .glide__arrow.prev {
	top: 0
}

.glide--vertical .glide__arrow.next {
	bottom: 0
}

.glide__bullets {
	position: absolute;
	z-index: 2;
	list-style: none
}

.glide--horizontal .glide__bullets {
	bottom: 8%;
	left: 0;
	width: 100%;
	height: 12px;
	text-align: center
}

.glide--vertical .glide__bullets {
	top: 50%;
	right: 8%;
	width: 12px;
	height: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.glide__bullets>* {
	display: inline-block;
	background-color: rgba(255, 255, 255, .5);
	width: 12px;
	height: 12px;
	padding: 0;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.glide--horizontal .glide__bullets>* {
	margin: 0 5px
}

.glide--vertical .glide__bullets>* {
	vertical-align: middle
}

.glide__bullets>.active {
	background-color: #fff
}

.glide__bullets>:focus {
	outline: 0
}

.glide__bullets>:focus,
.glide__bullets>:hover {
	border: 2px solid #fff;
	background-color: rgba(255, 255, 255, .5)
}

.gallerybox {
	background: #0c0c0c;
	background-color: rgba(0, 0, 0, .9);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999999
}

.gallerybox .gallerybox-close {
	color: #ddd;
	cursor: pointer;
	padding: 30px;
	position: fixed;
	right: 0;
	top: 0
}

.gallerybox .gallerybox-close .fa {
	font-size: 20px;
	line-height: 1
}

.gallerybox .gallerybox-close:hover {
	color: #fff
}

.gallerybox .gallerybox-item {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	margin: 0 auto;
	width: 100%
}

.gallerybox .gallerybox-item img {
	max-height: 100%;
	width: auto
}

.gallerybox .gallerybox-itemdesc {
	background: rgba(0, 0, 0, .4);
	border-radius: 100px;
	bottom: 12%;
	color: #ddd;
	font-size: 14px;
	left: 30%;
	padding: 15px 30px;
	position: absolute;
	text-align: center;
	width: 40%
}

.gallerybox .glide__slide {
	position: relative
}

.menbernav-on,
.mf-login,
.sitenav-on {
	display: none
}

.narrow-wide-2c #footer-first,
.wide-narrow-2c #footer-second {
	width: 32%
}

.narrow-wide-2c #footer-second,
.wide-narrow-2c #footer-first {
	width: 64%
}

.orderstyle {
	padding-bottom: 80px
}

.orderstyle .edd_purchase_receipt_files a {
	color: #3298d6
}

.orderstyle p {
	margin-bottom: 15px
}

.edd-table {
	margin-bottom: 30px
}

.orderstyle table th {
	background: #f6f9fa;
	text-align: left
}

.orderstyle table td,
.orderstyle table th {
	padding: 6px 10px
}

.orderstyle table,
.orderstyle table td,
.orderstyle table th {
	border: 1px solid #eee
}

.orderstyle table td strong,
.orderstyle table th,
.orderstyle table th strong {
	font-size: 16px;
	font-weight: 400
}

.orderstyle table#edd_purchase_receipt_products .edd_purchase_receipt_product_name {
	font-weight: 400
}

.page-head {
	background: #fff;
	border: 1px solid #eaeaea;
	border-bottom: 0;
	overflow: hidden;
	padding: 20px
}

.page-page {
	background: #f2f2f4
}

.page-title {
	float: left;
	font-size: 22px;
	font-weight: 600;
	margin-right: 10px;
	padding-bottom: 10px
}

.post-like {
	color: #bbb;
	float: right;
	line-height: 1;
	position: relative
}

.post-like .fa {
	font-size: 14px;
	margin-right: 2px;
	vertical-align: 1px
}

.post-like.actived {
	color: #ff6651
}

.prettyprint,
pre.prettyprint {
	background: #272822;
	border: none;
	overflow: hidden;
	padding: 10px 15px
}

.prettyprint.linenums,
pre.prettyprint.linenums {
	box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741;
	-moz-box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741;
	-webkit-box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741
}

.case_title {
	background: url(../images/casetitle_bg.jpg) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	width: 100%;
	text-align: center;
	padding: 10px 0 20px;
	height: auto;
}

.case_title h2 {
	font-size: 32px;
	color: #56A7F9;
	line-height: 56px;
	font-weight: normal
}

.case_title p {
	background: url(../images/xcwl_spanbg.jpg) 0 center repeat-x;
	line-height: 30px;
}

.case_title span {
	padding: 0 15px;
	font-size: 14px;
	color: #8d8d8d;
	background: #eaeced;
}

/*分页页码*/

ul.xcwlPager {
	float: right;
	font-size: 14px;
	margin: 10px;
}

ul.xcwlPager li {
	display: inline;
}

ul.xcwlPager li a {
	display: inline;
	background-color: #dbdbdb;
	padding: 5px 15px;
	margin: 2px 1px;
	border-radius: 3px;
}

ul.xcwlPager li a:hover {
	background-color: #1A95FF;
	color: #fff;
}

ul.xcwlPager li.hover {
	display: inline;
	background-color: #0076DB;
	font-weight: bold;
	color: #fff;
	padding: 5px 15px;
	margin: 2px 1px;
	border-radius: 3px;
}

/*分类*/

.left-nav-title {
	color: #666;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
	margin-right: 20px;
}

.left-nav-body ul {
	margin-top: 15px;
	margin-right: 20px;
}

.left-nav-body ul li a {
	display: block;
	padding: 8px 15px;
	background-color: #dbdbdb;
	border-radius: 3px;
	margin-bottom: 5px;
}

.left-nav-body ul li a.hover {
	background-color: #0076DB;
	color: #fff;
	font-weight: bold;
}

.left-nav-body ul li a:hover {
	background-color: #1A95FF;
	color: #fff;
}

.page_cat {
	padding: 15px;
	text-align: center;
}

.page_cat a {
	width: 96px;
	height: 36px;
	display: inline-block;
	margin-right: 10px;
	line-height: 36px;
	text-align: center;
	background-color: #dbdbdb;
	border-radius: 3px;
}

.page_cat a:hover,
.page_cat .hov {
	background-color: #0076db;
	color: #fff;
}

.page_cat .hov {
	font-weight: bolder;
}

.case_listimg {
	background-color: #f4f4f4;
}

.case_listimg .caseli {
	float: left;
	width: 23.5%;
	height: auto;
	overflow: hidden;
	margin: 3px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #fff;
}

.case_listimg .caseli a {
	display: block;
}

.case_listimg .caseli h2 {
	font-size: 14px;
	color: #222;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
	overflow: hidden
}

.case_listimg .caseli p {
	color: #999999;
	line-height: 20px;
	height: 20px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.case_listimg .caseli .imghide {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.case_listimg .caseli img {
	width: 100%;
	height: auto;
}

.case_listimg .caseli .tn {
	height: 125px
}

.caseli .imghide {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	/*width: 190px;*/
	/*height: 125px;*/
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.caseli .imghide .imginfo::before,
.caseli .imghide .imginfo::after {
	pointer-events: none;
}

.caseli .imghide .imginfo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.imghide img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.imghide:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imghide .imginfo::before {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.imghide .imginfo::before,
.imghide .imginfo {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.imghide .imginfo {
	text-align: center;
	display: inline-block;
	line-height: 175px;
	color: #fff;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.ie7 .imghide .imginfo,
.ie8 .imghide .imginfo {
	display: none
}

.imghide .imginfo:hover {
	color: #FFF
}

.imghide:hover .imginfo::before,
.imghide:hover .imginfo {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.shares .share-popover {
	bottom: 100%;
	height: 90px;
	left: 0;
	margin-bottom: 20px;
	opacity: 0;
	padding-bottom: 6px;
	position: absolute;
	transition: all .3s ease-in-out;
	visibility: hidden;
	width: 90px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.shares .share-popover .share-popover-inner {
	background: #fff;
	border: 1px solid #999;
	border-radius: 2px;
	bottom: 6px;
	display: block;
	height: 90px;
	padding: 4px;
	position: relative
}

.shares .share-popover .share-popover-inner::after {
	border-top: 5px solid #fff;
	margin-bottom: 1px
}

.shares .share-popover .share-popover-inner::before {
	border-top: 5px solid #555
}

.shares .share-popover .share-popover-inner::after,
.shares .share-popover .share-popover-inner::before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -5px;
	content: "";
	left: 9px;
	position: absolute
}

.shares a {
	cursor: pointer;
	display: inline-block;
	margin-right: 10px;
	opacity: .8;
	position: relative
}

.shares a .fa {
	font-size: 30px
}

.shares a.share-douban .fa {
	color: #67ce9b
}

.shares a.share-huaban .fa {
	color: #dc5e5e
}

.shares a.share-qzone .fa {
	color: #fbc440
}

.shares a.share-renren .fa {
	color: #95b4ec
}

.shares a.share-sqq .fa {
	color: #1296db
}

.shares a.share-tqq .fa {
	color: #5fb2d7
}

.shares a.share-tsina .fa {
	color: #ff8d8d
}

.shares a.share-weixin .fa {
	color: #7bd172
}

.shares a:before {
	height: 32px;
	width: 10px
}

.shares a:hover {
	opacity: 1
}

.shares a:hover .share-popover {
	margin-bottom: 0;
	opacity: 1;
	visibility: visible
}

.shares a:hover:before {
	right: -70%;
	transition: right .5s;
	-moz-transition: right .5s;
	-webkit-transition: right .5s
}

.shares i {
	color: #fff;
	font-size: 20px;
	font-weight: 400
}

.shopping-cart {
	padding-left: 15px
}

.shopping-cart .edd-cart-quantity {
	margin-left: 5px
}

.shopping-cart .fa {
	font-size: 20px
}

.shopping-cart a {
	background: #f0f0f0;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 6px 12px
}

.xcwl-copyright {
	background: #fffcef;
	border: 1px solid #f5eab8;
	border-radius: 2px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	padding: 20px
}

.xcwl-receipt h3 {
	font-size: 18px;
	margin: 30px 0
}

.xcwl-related h3 {
	border-bottom: 1px solid #eaeaea;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 15px;
	padding-bottom: 10px
}

.xcwl-related li {
	line-height: 30px;
	list-style: disc
}

.xcwl-related ul {
	color: #999;
	margin-left: 18px
}

.xcwl-related ul:after {
	clear: both;
	content: "";
	display: block
}

.xcwl_article {
	border-top: 1px solid #eee;
	margin: 0 20px;
	overflow: hidden;
	padding: 20px 0
}

.index-news-wp .xcwl_article .fish_focus,
.xcwl_article .fish_focus {
	float: left;
	margin-right: 15px;
	width: 28%;
	height: 0;
	padding-bottom: 15.75%;
	display: inline-block;
	overflow: hidden
}

.index-news-wp .xcwl_article .fish_focus {
	width: 32%;
	padding-bottom: 18%
}

.xcwl_article .meta {
	color: #999;
	font-size: 12px
}

.xcwl_article .meta .fa {
	margin-right: 4px
}

.xcwl_article .meta a {
	color: #999
}

.xcwl_article .meta a:hover {
	color: #45b6f7
}

.xcwl_article .meta span {
	margin-right: 10px
}

.xcwl_article .note {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	max-height: 60px;
	overflow: hidden;
	word-wrap: break-word
}

.xcwl_article .thumb {
	width: 100%
}

.xcwl_article .thumb[src*="nophoto.gif"] {
	max-height: 124px
}

.xcwl_article .xcwl_title {
	margin-bottom: 3px
}

.xcwl_article h2 {
	display: inline;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 0
}

.xcwl_article h2 a {
	color: #444
}

.xcwl_article h2 a span {
	color: #ff5e52
}

.xcwl_article h2 a:hover {
	color: #45b6f7
}

.xcwl_article h2 a:hover span {
	color: #45b6f7
}

.xcwl_article .post-comm,
.xcwl_article .post-view,
.xcwl_article time {
	margin-right: 20px
}

.index-news-wp .xcwl_article:first-child,
.xcwl_article:first-child {
	border: none
}

.theme-navbar {
	background: #384047;
	border-bottom: 1px solid #eee;
	height: 50px;
	line-height: 50px;
	color: #eee;
	overflow: hidden
}

.theme-navbar h1 {
	float: left;
	font-size: 18px
}

.theme-navbar ul {
	float: right
}

.theme-navbar ul li {
	float: left;
	margin-left: 30px
}

.theme-navbar ul li.active a {
	color: #3298d6
}

.theme-navbar.affix {
	background: #fff);
	background-color: hsla(0, 0, 100%, .95);
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999
}

.theme-navbar,
.theme-navbar a {
	color: #ccc
}

.xcwl_mbfl {
	height: 40px;
	overflow: hidden;
	text-align: center
}

.xcwl_mbfl li {
	background: #f0f0f0;
	border-radius: 2px;
	color: #999;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	margin-right: 10px;
	min-width: 100px;
	padding: 0 15px;
	text-align: center
}

.xcwl_mbfl li,
.xcwl_mbfl li a {
	color: #999;
	display: inline-block;
	font-size: 14px
}

.xcwl_mbfl li.all a {
	padding: 0 15px
}

.xcwl_mbfl li.all a,
.xcwl_mbfl li:hover,
.xcwl_mbfl li:hover a {
	color: #fff
}

.xcwl_mbfl li.all,
.xcwl_mbfl li:hover {
	background: #3298d6
}

.xcwl_mbfl li.current-cat,
.xcwl_mbfl li.current-cat a {
	background: #3298d6;
	color: #fff
}

.xcwl_mbfl span {
	color: #2a333c;
	float: left;
	padding: 6px 0
}

.xcwl_mbfl ul {
	height: 60px;
	overflow: auto;
	white-space: nowrap;
	width: 100%
}

.xcwl_mbfl_box {
	padding-top: 50px
}

.price-bin {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
	box-shadow: none;
	display: inline-block;
	vertical-align: top;
	word-wrap: break-word;
	width: 100%
}

.price-bin .thumbnail {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background: #fafafa;
	display: block;
	overflow: hidden
}

.price-bin .thumb {
	width: 100%
}

.price-bin .thumb[src*="nophoto.gif"] {
	max-height: 163px
}

.price-bin .xcwl_post_box {
	overflow: hidden;
	padding: 0 10px 10px;
	padding-bottom: 10px
}

.price-bin .xcwl_post_box .edd_download_price-bin p {
	font-size: 14px;
	height: 66px;
	line-height: 22px;
	margin-bottom: 12px;
	overflow: hidden
}

.price-bin .xcwl_post_info {
	margin: 10px 0
}

.price-bin .xcwl_post_info a {
	margin-right: 5px
}

.price-bin .xcwl_post_info,
.price-bin .xcwl_post_info a {
	color: #888;
	font-size: 85%
}

.price-bin footer {
	color: #bbb;
	font-size: 12px
}

.price-bin h2 {
	font-size: 16px;
	font-weight: 400;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.price-bin h2 a {
	color: #444
}

.price-bin time {
	display: inline-block;
	margin-right: 10px
}

.price-bin time.hot {
	color: #ff6651;
	font-weight: 700
}

.price-bin-box {
	display: inline-block;
	float: left;
	padding: 10px;
	word-wrap: break-word
}

.price-bin-c2 {
	width: 50%
}

.price-bin-c2 h2 {
	font-size: 18px;
	height: auto
}

.price-bin-c2 .post-view,
.price-bin-c2 time {
	margin-right: 20px
}

.price-bin-c3 {
	width: 33.33333%
}

.price-bin-c3 h2 {
	font-size: 16px
}

.price-bin-c3 .post-view,
.price-bin-c3 time {
	margin-right: 15px
}

.price-bin-c4 {
	width: 25%
}

.price-bin-c5 {
	width: 20%
}

.fish_focus:hover .thumb,
.price-bin:hover .thumb {
	transform: scale(1.03);
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03)
}

.product-details {
	color: #9c9c9c;
	padding: 10px 0
}

.product-details h2 {
	color: #333;
	text-align: left
}

.product-price {
	text-align: left
}

.product-price a {
	color: #bbb;
	font-size: 12px
}

.details-bottom {
	display: none
}

.xcwl_edd_cart .edd-cart .edd-cart-meta.edd_total {
	border: 1px solid #f5eab8;
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 5px 10px
}

.xcwl_edd_cart .edd-cart .edd-remove-from-cart {
	color: #ff4f00
}

.xcwl_edd_cart .edd-cart li {
	font-size: 14px;
	margin-bottom: 20px
}

.xcwl_edd_cart .edd-cart li.cart_item a {
	color: #fff
}

.xcwl_edd_cart .edd-cart li.cart_item.empty {
	margin-bottom: 0
}

.xcwl_edd_cart .edd-cart li.edd_checkout {
	background: #ff4f00;
	border-radius: 3px;
	display: none;
	padding: 5px 15px;
	text-align: center;
	width: 80px
}

.xcwl_edd_cart .edd-cart-item {
	font-size: 12px
}

.xcwl-receipt #edd_purchase_receipt td,
.xcwl-receipt #edd_purchase_receipt_products td {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	padding: 5px 10px
}

.xcwl-order #edd_user_history td,
.xcwl-order #edd_user_history th {
	font-weight: 400;
	padding: 6px 10px
}

.xcwl-order #edd_user_history thead th {
	background: #f6f9fa
}

.xcwl-order .edd_license_key a {
	color: #3c763d
}

.xcwl-order .edd_purchase_details a {
	color: #3298d6
}

.xcwl-price-list {
	color: #666;
	overflow: hidden
}

.xcwl-price-list .edd-submit {
	color: #fff;
	padding: 5px 12px;
	width: 100%
}

.xcwl-price-list h6 {
	color: #999;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 10px
}

.xcwl-price-list li {
	margin-bottom: 5px;
	padding-left: 28px
}

.xcwl-price-list li .fa {
	float: left;
	line-height: 22px;
	margin-left: -28px
}

.xcwl-price-list ul {
	margin-left: 28px
}

.xcwl-down-focus {
	padding: 32px 0;
	text-align: center
}

.xcwl-down-focus .theme-image img {
	height: auto;
	max-width: 100%
}

.xcwl-action-list {
	padding-top: 30px
}

.post-edit-link,
.xcwl-action-list .btn {
	margin: 5px
}

.xcwl-action-list .btn-mo-demo-qrcode .fa {
	top: 0
}

.xcwl-action-list .fa {
	display: block;
	float: left;
	font-size: 16px;
	height: 16px;
	top: 2px;
	width: 25px
}

.mo-demo-qrcode {
	bottom: 140%;
	left: 0;
	opacity: 0;
	padding-bottom: 5px;
	position: absolute;
	right: 0;
	visibility: hidden
}

.mo-demo-qrcode-inner {
	background: #fff;
	border: 1px solid #ddd;
	display: block;
	padding: 5px
}

.dzfish-cart .empty-cart-title {
	text-align: center;
	padding: 20px 0;
	font-size: 20px;
	color: #888
}

.downlist .xcwl-details-list li {
	padding-left: 80px;
	margin-bottom: 10px;
	color: #666
}

.downlist .xcwl-details-list .xcwl-detail-name {
	width: 80px;
	margin-left: -80px;
	float: left;
	font-weight: 700
}

.downlist .xcwl-details-list.hotul li {
	margin-bottom: 0;
	padding-left: 50px
}

.downlist .xcwl-details-list.hotul .xcwl-detail-name {
	width: 50px;
	margin-left: -50px
}

.xcwl_widget_r {
	float: left;
	margin-left: -360px;
	position: relative;
	width: 360px
}

.xcwl_widget_r img {
	height: auto;
	max-width: 100%
}

.widget-box {
	clear: both;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 20px
}

.widget-hd {
	margin-bottom: 20px
}

.xcwl_tabhd li {
	float: left;
	line-height: 18px;
	overflow: hidden;
	position: relative
}

.widget-hd h3,
.xcwl_tabhd li a {
	color: #666;
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
	margin-right: 20px;
	text-align: center
}

.widget-hd h3.comments-title span {
	font-size: 12px;
	vertical-align: middle;
	line-height: 43px;
	display: inline-block;
	margin-left: 3px;
	color: #888
}

.xcwl_tabhd li.active a {
	border-bottom: 2px solid #e74c3c
}

.widget-hd,
.xcwl_tabhd {
	border-bottom: 1px solid #eaeaea;
	height: 43px;
	margin-top: -10px
}

.tab-pane {
	display: none
}

.tab-pane.active {
	display: block
}

.tab_postlist .xcwl_article {
	margin: 0
}

.tab_postlist .xcwl_article .note {
	display: none;
	line-height: 20px
}

.tab_postlist .xcwl_article h2,
.widget-postlist li a {
	font-size: 14px;
	line-height: 22px
}

.widget-postlist li {
	margin-bottom: 10px
}

.tab_postlist .xcwl_article .post-comm,
.tab_postlist .xcwl_article .post-view,
.tab_postlist .xcwl_article time {
	margin-right: 10px
}

.xcwl-qqkf {
	overflow: hidden
}

.xcwl-qqkf .qq-btn {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #999;
	display: block;
	font-size: 14px;
	line-height: 30px;
	text-align: center
}

.xcwl-qqkf .qq-btn .fa {
	margin-right: 3px
}

.xcwl-qqkf .qq-btn:hover {
	background: #f2f2f2
}

.xcwl-qqkf li {
	width: 100%
}

#tab-comments .avatar {
	border-radius: 50%;
	float: left;
	height: 40px;
	margin: 3px 10px 0 0;
	width: 40px
}

#tab-comments a {
	color: #999;
	display: block;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	padding: 20px 0;
	position: relative
}

#tab-comments li {
	border-top: 1px solid #eee;
	clear: both;
	display: block;
	overflow: hidden
}

#tab-comments li:first-child {
	border-top: none
}

#tab-comments strong {
	color: #45b6f7;
	margin-right: 10px
}

.float_qq {
	bottom: 10px;
	position: fixed;
	right: 15px;
	z-index: 1
}

.float_qq a {
	background: #666;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	opacity: .5;
	overflow: hidden;
	padding-left: 50px;
	text-overflow: ellipsis;
	transition: .5s;
	white-space: nowrap;
	-moz-border-radius: 2px;
	-moz-opacity: .5;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-webkit-border-radius: 2px;
	-webkit-transition: .5s
}

.float_qq a span {
	display: inline-block;
	padding-right: 14px
}

.float_qq a:hover {
	background: #0076db;
	opacity: 1;
	-moz-opacity: 1
}

.float_qq i {
	display: inline-block;
	font-size: 25px;
	height: 50px;
	left: 0;
	line-height: 50px;
	position: absolute;
	text-align: center;
	width: 50px
}

.float_qq li {
	height: 50px;
	margin-bottom: 10px;
	position: relative
}

.float_qq li div {
	height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 50px
}

.xcwl_body #online .bm_c,
.xcwl_body .fl .bm_c,
.xcwl_body .lk .bm_c {
	padding-bottom: 5px;
	padding-top: 5px
}

.xcwl_body .bm_c {
	padding: 15px
}

.fl_icn img,
.fl_icn_g img {
	border-radius: 4px
}

#category_grid h4 {
	border-bottom: 1px solid #ddd;
	color: #475764
}

.bm_h .y,
.bm_h .y a,
.bmw .bm_h .y a {
	color: #999
}

#online .bm_h h3 a {
	color: #444
}

#online .xs1,
#online .xs1 strong {
	font-weight: 100;
	color: #999
}

.bmw .bm_h a {
	color: #666;
	font-size: 16px;
	font-weight: 400
}

.bmw .bm_h .y a {
	font-size: 14px
}

#chart {
	font-size: 12px
}

.motable {
	display: none
}

.fl_g dt a,
.fl_tb td h2 a {
	font-size: 16px;
	color: #444;
	font-weight: 400
}

.fish_des,
.xcwl_postthreads a,
.xcwl_threads {
	color: #999;
	font-size: 12px;
	line-height: 18px;
	max-height: 36px;
	overflow: hidden
}

.xcwl_threads em {
	margin-right: 10px
}

.xcwl_molist {
	display: none
}

.xcwl_molist .xcwl_common {
	padding: 15px 0
}

.xcwl_subject {
	color: #444;
	font-size: 14px
}

.xcwl_list_meta span {
	margin-right: 5px
}

.xcwl_body .xcwl_list_meta,
.xcwl_body .xcwl_list_meta em {
	color: #999;
	font-size: 12px
}

.xcwl_molist td,
.xcwl_molist th {
	border-color: #eee
}

.xcwl_list_hd {
	height: 90px;
	overflow: hidden;
	position: relative;
	background: #f6f9fa
}

.xcwl_list_hd .hd_box {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 60px;
	margin: 15px 0;
	overflow: hidden
}

.xcwl_list_hd h2 {
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400
}

.xcwl_list_hd p {
	display: block;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.xcwl_list_hd p.f_rules {
	margin-top: 4px
}

.xcwl_list_hd .f_ico {
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 0 15px 0 15px;
	border-radius: 2px;
	overflow: hidden
}

.xcwl_list_hd .f_ico img {
	width: 60px;
	height: 60px;
	font-size: 0;
	border-radius: 3px
}

.xcwl_list_hd .f_btn {
	position: absolute;
	top: 12px;
	right: 0;
	width: 60px;
	font-size: 14px;
	padding: 10px 15px 15px;
	z-index: 1
}

.xcwl_list_hd .f_btn a {
	display: block;
	width: 60px;
	height: 28px;
	line-height: 28px;
	background: #99db5e;
	color: #fff;
	text-align: center;
	border-radius: 2px
}

.xcwl_tf {
	margin-bottom: 15px;
	border-bottom: 1px solid #eee
}

.xcwl_tf a {
	width: 20%;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	float: left
}

#nv_group .xcwl_tf a {
	width: 25%
}

.xcwl_tf a.cur {
	color: #3298d6;
	border-bottom: 1px solid #3298d6
}

#thread_types_meun {
	padding: 0 15px 15px;
	border-bottom: 1px solid #eee
}

.xcwl_ttp li {
	float: left
}

.xcwl_ttp li a {
	display: block;
	font-size: 14px;
	height: 28x;
	line-height: 28px;
	margin: 6px;
	padding: 0 8px;
	border-radius: 2px;
	background: #f8f8f8;
	color: #999;
	min-width: 40px;
	text-align: center;
	overflow: hidden
}

.xcwl_ttp li a .num {
	display: none
}

.xcwl_ttp li.cur a {
	background: #3298d6;
	color: #fff
}

.mb-add,
.mo-adds {
	display: none
}

.mo-uhd {
	display: none
}

.mo-mythread {
	display: none
}

.mo-dsbox {
	margin-left: 15px
}

@media screen and (max-width:959px) {
	#fishvideo .player {
		height: 450px
	}
}

@media screen and (max-width:767px) {
	#fishvideo .player {
		height: 400px
	}
}

@media screen and (max-width:639px) {
	#fishvideo .player {
		height: 350px
	}
}

@media screen and (max-width:479px) {
	#fishvideo .player {
		height: 250px
	}
}

@media screen and (max-width:1150px) {
	.xcwl_catwp {
		background-color: #f4f4f4;
	}

	.case_listimg .caseli {
		width: 31%;
	}
}

@media screen and (max-width:767px) {
	.case_listimg .caseli {
		width: 47%;
	}
}

@media screen and (max-width:580px) {
	.case_listimg .caseli {
		width: 46%;
	}
}

@media screen and (max-width:446px) {
	.case_listimg .caseli {
		width: 45%;
	}
}

@media screen and (max-width:367px) {
	.case_listimg .caseli {
		width: 100%;
	}
}

@media (max-width:1250px) {
	.boardnav {
		display: none
	}

	.xcwl_molist {
		display: block
	}

	.wp {
		width: 100%
	}

	.xcwl_wp {
		padding: 0 15px
	}

	#chart,
	#forumleftside,
	#online,
	.fl_by,
	.fl_i,
	.lk,
	.xcwl_postthreads,
	.xcwl_threads em.forum_posts {
		display: none
	}

	#nv_forum .fl {
		border: none
	}
}

@media (max-width:1220px) {

	.mb-add,
	.mo-adds {
		display: block
	}

	.mb-hide,
	.mf-hides,
	.vwthd div.mf-hides {
		display: none
	}

	#fastsmiliesdiv {
		display: none
	}

	.rfm {
		margin: 0 auto;
		width: auto
	}

	.rfm th {
		padding-right: 10px;
		width: 90px;
		text-align: right
	}

	.rfm .px {
		width: 100px
	}

	.fwin .rfm,
	.nfl .f_c .rfm {
		width: auto
	}

	.add-mo-login {
		padding: 0 15px
	}

	.add-mo-login .rfm {
		border: none
	}

	.add-mo-login table {
		width: 100%
	}

	.add-mo-login .px,
	.mf-loginhash {
		line-height: 30px;
		height: 30px;
		border-radius: 2px;
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}

	.add-mo-login .pnc {
		height: 32px;
		width: 100%
	}

	.mf-loginhash {
		width: 100%
	}

	.fwin .rfm .mf-mo-td,
	.rfm .mf-mo-td {
		padding: 0
	}

	.m_c .add-mo-login .c {
		padding: 0
	}

	.mf-loginfield {
		border: none;
		background: 0 0;
		padding: 0
	}
}

@media (max-width:1200px) {
	.article-title {
		font-size: 20px
	}

	.logo {
		margin-right: 30px
	}

	.sitenav ul li {
		margin-right: 30px
	}

	.searchform .sinput {
		width: 120px
	}

	.accounts {
		margin-left: 5px
	}

	.xcwl_slide_box {
		display: block
	}

	.in_banner {
		display: none
	}

	.mf-grouplist {
		padding: 15px 0 15px 30px;
		border-bottom: 1px solid #eee;
		position: relative
	}

	.mf-grouplist .icn {
		position: absolute;
		left: 0;
		top: 18px
	}

	.mf-grouplist .xcwl_list_meta em {
		margin-right: 4px
	}

	.mo-bml .bm_h h2 {
		font-size: 16px
	}

	.more {
		line-height: 30px;
		border: 1px solid #eee;
		border-radius: 3px;
		text-align: center;
		margin: 15px 0
	}

	.more a {
		color: #999;
		font-size: 12px
	}

	.xcwl_list_hd p.f_rules {
		margin-top: 4px
	}

	.hasfsl {
		margin-right: 0
	}

	#f_pst .bm_c {
		padding: 10px
	}

	.tedt,
	.tl td,
	.tl th {
		border-color: #eee
	}

	.tl .mf-th {
		padding: 15px 0
	}

	.mo-mfwp {
		padding: 0 15px
	}

	.mo-quickpost {
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		border: none;
		border-bottom: 1px solid #eee
	}

	.mf-grmember {
		border: none
	}

	.mf-br {
		height: 30px;
		line-height: 30px;
		color: #999
	}

	.tedt .bar div.y {
		display: none
	}

	.tfm .tedt {
		width: auto
	}

	#nv_group .ct2 {
		margin: 0
	}

	#nv_group .ct2 .sd {
		display: none
	}

	#nv_group .ct2 .mn {
		width: 100%
	}

	.mf_group .mo-group_description {
		width: 100% !important
	}

	.mf-manageuser {
		margin-bottom: 5px
	}
}

@media (max-width:1100px) {
	body {
		background: #fff;
		transition-duration: .4s;
		-webkit-transition-duration: .4s
	}

	.mfwp {
		position: relative
	}

	#wechat_float_qrcode,
	.appl {
		display: none
	}

	.ct2_a,
	.ct3_a {
		background: 0 0
	}

	.mf_faq .xcwl_wp,
	.mf_ranklist .xcwl_wp {
		padding: 15px
	}

	.ct2_a .mn {
		width: 100%;
		margin-right: 0
	}

	.ct2_a {
		padding-left: 0;
		border: none
	}

	.pg_list .xcwl_catwp,
	.search .xcwl_catwp {
		margin-top: 0
	}

	.menbernav-on,
	.sitenav-on {
		cursor: pointer;
		display: none;
		left: 0;
		line-height: 60px;
		padding: 0 15px;
		position: absolute;
		top: 0;
		transition: all .3s ease-in-out;
		z-index: 999;
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}

	.menbernav-on,
	.sitenav-on,
	.xcwl-search {
		display: block;
		line-height: 60px;
		transition-duration: .5s;
		-webkit-transition-duration: .5s
	}

	.menbernav-active {
		bottom: 0;
		left: 0;
		overflow: hidden;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateX(-80%);
		-webkit-transform: translateX(-80%)
	}

	.menbernav-active .menbernav-on {
		right: -80%
	}

	.menbernav-on {
		left: auto;
		padding-left: 5px;
		right: 0
	}

	.header {
		height: 60px
	}

	.header .fa,
	.search-btn .fa {
		font-size: 20px
	}

	.logo {
		float: none;
		height: 60px;
		line-height: 60px;
		margin: 0 60px 0;
		text-align: center
	}

	.logo img {
		margin: 0 auto;
		max-height: 60px
	}

	.widget-box {
		margin-bottom: 15px
	}

	.xcwl-search {
		position: absolute;
		right: 15px;
		top: 0
	}

	.search-active .site-search {
		top: 60px
	}

	.search-btn {
		height: 40px
	}

	.search-input {
		height: 40px;
		padding: 0 12px
	}

	#author-page .aside,
	.float_qq,
	.primary .aside,
	.search-off,
	.service-show p,
	.shopping-cart,
	.xcwl-info,
	.xcwl-login {
		display: none
	}

	.page-template-default .content,
	.single-post .content {
		padding-top: 15px
	}

	#scbar_type_menu.mf_scbar_type_menu {
		margin-top: -58px
	}

	.site-search-form {
		margin: 15px 0;
		height: 38px;
		line-height: 38px;
		padding-right: 80px;
		font-size: 14px;
		position: relative
	}

	#scbar .site-search-form .mf-input {
		padding: 0 100px 0 5px
	}

	#scbar_txt.search-input {
		height: 36px;
		width: 100%
	}

	.xcwl_scbar_type {
		right: 90px
	}

	.search-btn {
		padding: 0 12px;
		width: 80px;
		height: 38px
	}

	.sitenav {
		background: #fff;
		bottom: 0;
		float: none;
		font-size: 12px;
		margin: 0;
		padding: 68px 0 0;
		position: fixed;
		right: 100%;
		text-align: left;
		top: 0;
		width: 80%;
		z-index: 90;
		height: auto
	}

	.sitenav ul>li:hover {
		background-color: #FFFFFF;
	}

	.sitenav ul>li:hover a,
	.sitenav ul>li.hover a {
		color: #0076DB;
	}

	.sitenav ul .sub-menu li {
		float: left;
		margin-bottom: 10px;
		margin-right: 4%;
		width: 46%
	}

	.sitenav ul .sub-menu {
		border: none;
		box-shadow: none;
		display: none;
		font-size: 12px;
		left: 0;
		margin-left: 30px;
		margin-top: 0;
		opacity: 1;
		padding: 0;
		position: relative;
		text-align: left;
		visibility: visible;
		width: auto
	}

	.sitenav ul .sub-menu li a {
		background: #f6f9fa;
		color: #888;
		font-size: 12px;
		padding: 8px 15px;
		text-align: center
	}

	.sitenav ul .sub-menu li a:hover,
	.sitenav ul .sub-menu li a.hover {
		background-color: #0076DB;
		color: #fff;
	}

	.sitenav ul li {
		float: none;
		margin-right: 0
	}

	.sitenav ul li a {
		color: #576366;
		font-weight: 700;
		line-height: 1;
		padding: 12px 15px
	}

	.sitenav ul li.current-menu-item>a {
		border-bottom: none;
		color: #576366
	}

	.sitenav ul li.current-menu-parent>a {
		border-bottom: none;
		color: #ff6651
	}

	.sitenav ul li:hover>.sub-menu {
		margin-top: 0;
		opacity: 1;
		visibility: visible
	}

	.sitenav-active {
		bottom: 0;
		left: 0;
		overflow: hidden;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateX(80%);
		-webkit-transform: translateX(80%)
	}

	.menbernav-active .menbernav ul .sub-menu,
	.sitenav-active .sitenav ul .sub-menu {
		display: block
	}

	.menbernav-active .sitenav-mask,
	.sitenav-active .sitenav-mask {
		opacity: 1;
		visibility: visible
	}

	.sitenav-active .sitenav-on {
		left: -80%
	}

	.sitenav-mask {
		background: #222;
		background-color: rgba(0, 0, 0, .7);
		bottom: 0;
		display: none;
		display: block;
		left: 0;
		opacity: 0;
		position: fixed;
		right: 0;
		top: 0;
		transition: all .3s ease-in-out;
		visibility: hidden;
		z-index: 999990;
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}

	.sitenav>ul {
		bottom: 0;
		left: 0;
		overflow-y: auto;
		position: absolute;
		right: 0;
		top: 68px;
		-webkit-overflow-scrolling: touch
	}

	.sitenav>ul>li {
		display: block;
		float: none;
		margin-left: 0
	}

	.sitenav>ul>li .sub-menu {
		display: block;
		left: 0;
		margin: 0 15px;
		opacity: 1;
		overflow: hidden;
		padding-top: 0;
		position: relative;
		top: 0;
		visibility: visible;
		width: auto
	}

	.sitenav ul .sub-menu::after,
	.sitenav ul .sub-menu::before,
	.sitenav>ul>li.menu-item-has-children>a::after,
	.sitenav>ul>li.menu-item-has-children>a::before {
		display: none
	}

	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children,
	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children,
	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children {
		width: 100%
	}

	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children>a,
	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children>a,
	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children>a {
		background: 0 0;
		padding: 8px 0;
		text-align: left
	}

	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul,
	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul,
	.sitenav>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul {
		margin: 0
	}

	.sitenav>ul>li>a {
		font-weight: 700;
		padding: 8px 15px
	}

	.mf-login {
		background: #fff;
		bottom: 0;
		display: block;
		font-size: 12px;
		left: 100%;
		padding: 60px 0 0;
		position: fixed;
		top: 0;
		width: 80%;
		z-index: 90
	}

	.mf-login .mf-login-content {
		bottom: 60px;
		font-size: 14px;
		left: 0;
		overflow-y: auto;
		padding: 0 30px;
		position: absolute;
		right: 0;
		text-align: left;
		top: 130px;
		-webkit-overflow-scrolling: touch
	}

	.mf-login .mf-login-content ul {
		list-style: 0;
		margin: 0;
		padding: 0
	}

	.mf-login .mf-login-content ul a {
		border-radius: 2px;
		color: #999;
		display: block;
		line-height: 1.4;
		padding: 10px 0 10px 65px;
		-webkit-border-radius: 2px
	}

	.mf-login .mf-login-content ul a:hover {
		background: #f6f9fa;
		color: #55595c
	}

	.mf-login .mf-login-login {
		margin-top: 30%;
		text-align: center
	}

	.mf-login .mf-login-login .avatar {
		border-radius: 50%;
		display: block;
		height: 50px;
		margin: 0 auto 30px;
		width: 50px;
		-webkit-border-radius: 50%
	}

	.mf-login .mf-login-login a {
		border-radius: 2px;
		display: block;
		margin: 0 60px 15px;
		padding: 12px 15px;
		-webkit-border-radius: 2px
	}

	.mf-login .mf-login-login a.mf-login-login {
		background: #3298d6;
		color: #fff
	}

	.mf-login .mf-login-login a.mf-login-login:hover {
		background: #288bc7
	}

	.mf-login .mf-login-login a.mf-login-register {
		background: #f6f9fa
	}

	.mf-login .mf-login-login a.mf-login-register:hover {
		background: #eceeef
	}

	.mf-login footer {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		text-align: left
	}

	.mf-login footer a {
		background: #fbfbfb;
		color: #bbb;
		display: block;
		line-height: 60px;
		padding-left: 95px
	}

	.mf-login footer a:hover {
		background: #eceeef;
		color: #55595c
	}

	.mf-login header {
		padding: 0 30px 0 95px;
		text-align: left
	}

	.mf-login header .avatar img {
		border: 1px solid #f6f9fa;
		border-radius: 50%;
		float: left;
		height: 38px;
		margin-left: -65px;
		padding: 5px;
		width: 38px;
		-webkit-border-radius: 50%
	}

	.mf-login header h4 {
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		margin: 0 0 8px;
		padding-top: 10px
	}

	.mf-login header h5 {
		color: #999;
		font-size: 12px;
		line-height: 1;
		margin: 0
	}

	.xcwl_menunavs {
		display: none
	}

	.xcwl_wp {
		padding: 0;
		padding-top: 60px !important
	}

	#nv_forum .mf-hides,
	#pt,
	.mf-hides,
	.vwthd div.mf-hides {
		display: none
	}

	.mb-pad,
	.mf-pads {
		padding: 15px !important
	}

	.mf-mtb {
		margin: 15px !important
	}

	.mf-pads-nomarg {
		margin: 0 !important;
		padding: 15px !important;
		display: block !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}

	.mf-mo {
		visibility: visible
	}

	.mf-mlr {
		margin-left: 15px;
		margin-right: 15px
	}

	.mo-nobr {
		border: none
	}

	.mo-bml {
		border-color: #eee
	}

	.mo-bml .bm_c,
	.mo-bml .bm_h {
		padding: 0 15px
	}

	#p_btn a#k_collect,
	#p_btn a.followp,
	#p_btn a.sharep,
	.attach_tips,
	.cmmnt,
	.mo-dsbox,
	.pg_viewthread #fastsmiliesdiv,
	.pls,
	.pob p,
	.tipcol,
	.tshare {
		display: none
	}

	.xcwl-ts {
		font-size: 18px;
		color: #555;
		font-weight: 400;
		margin-bottom: 5px
	}

	.pg_viewthread .plc {
		padding: 0 15px
	}

	.mo-pi {
		position: relative;
		padding: 12px 30px 12px 0;
		margin-bottom: 5px
	}

	.mo-pi .xcwllc {
		position: absolute;
		right: 0
	}

	.mo-pi .xcwllc a {
		font-size: 12px;
		color: #999
	}

	.mo-view-ct .article-meta {
		margin-bottom: auto
	}

	.mo-view-ct #modmenu {
		padding: 10px
	}

	.mo-view-ct #modmenu a {
		font-size: 12px
	}

	.mo-view-ct .avatarimg img {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		margin-right: 5px;
		float: left
	}

	.pg_viewthread .t_fsz {
		min-height: 60px;
		line-height: 20px
	}

	.xcwl-border {
		background: #ddd;
		height: 1px
	}

	#p_btn {
		padding: 0
	}

	.mf-postlist,
	.plhin .po {
		border: none
	}

	.pob em {
		float: right
	}

	.plhin .hin span.y,
	.pob em a {
		color: #666
	}

	.pg_viewthread #f_pst {
		border: none;
		margin-top: 0
	}

	.pg_viewthread #f_pst .plc {
		padding: 0 15px
	}

	.pg_viewthread .hasfsl {
		margin-right: 0
	}

	.m_c .quote,
	.m_c .tedt,
	.tedt {
		width: auto
	}

	.fwinmask {
		padding: 15px
	}

	.pob {
		line-height: 28px
	}

	.po .y {
		margin-top: 2px
	}

	.mf-vwthd {
		padding-right: 15px !important;
		padding-top: 15px !important
	}

	.mf-vwthd .ts {
		font-size: 18px;
		font-weight: 400;
		color: #555;
		padding: 10px 0
	}

	.mf-ad .plc,
	.mf-ad .pls {
		background: #eee;
		height: 1px
	}

	.mf-modmenu {
		padding: 5px 15px 15px !important;
		color: #999;
		font-size: 12px
	}

	.mo-pgbtn a {
		height: 30px;
		line-height: 30px;
		background: #f8f8f8;
		color: #999;
		border-color: #eee
	}

	#newspecialtmp {
		display: inline-block
	}

	.xcwl_nav {
		background-color: #f2f2f1;
		text-align: center;
		padding: 0 15px;
		line-height: 40px
	}

	.xcwl_nav .z {
		line-height: 40px;
		height: 40px
	}

	.xcwl_nav .fa {
		font-size: 16px;
		margin: 0 2px
	}

	.xcwl_nav,
	.xcwl_nav .fa,
	.xcwl_nav a,
	.xcwl_nav em {
		color: #999;
		font-size: 14px
	}

	.xcwl_nav .fa,
	.xcwl_nav a,
	.xcwl_nav em {
		float: left;
		height: 30px;
		overflow: hidden
	}

	#moreconf a.y,
	.fpd #spanButtonPlaceholder,
	.fpd .pipe,
	.fpd a.fat,
	.fpd a.fcd,
	.fpd a.flnk,
	.fpd a.fmg,
	.fpd a.fqt,
	.swfupload,
	.tedt .bar span.y {
		display: none
	}

	#e_sml_menu,
	#fastpostsml_menu {
		left: 50% !important;
		margin-left: -152px
	}

	#fastpostsmiliesdiv_tb .tb .a a,
	.tb .current a {
		background: #fefefe
	}

	.edt #e_button,
	.edt #e_button .b2r {
		border: none
	}

	#e_autotypeset,
	#e_controls div.y,
	#e_imagen,
	#e_justifycenter,
	#e_justifyleft,
	#e_justifyright,
	#e_url,
	.b2r #e_at,
	.b2r #e_attach,
	.b2r #e_image,
	.edt .b2r a.dp,
	.simpleedt .b2r.esbs {
		display: none
	}

	.mf_post #postform {
		padding: 15px
	}

	.pg_post .ftid {
		display: block;
		margin-bottom: 10px
	}

	#adddynamicspan,
	.pg_post #e_bbar,
	.pg_post #post_extra,
	.pg_post #postform .tb,
	.pg_post .pnpost a.y {
		display: none
	}

	.pg_post .pbt .z {
		float: none;
		display: block
	}

	.pg_post #post_extra_tb label {
		margin-bottom: 10px;
		margin-right: 10px
	}

	.pg_post #postbox input {
		width: 94% !important;
		margin-right: 0;
		height: 22px;
		line-height: 22px;
		margin-bottom: 5px
	}

	.pg_post #subjectchk {
		font-size: 12px;
		color: #999;
		width: 100%;
		display: block
	}

	.pg_post #postbox input,
	.pg_post .edt,
	.pg_post .ftid a {
		border-color: #ddd
	}

	.mo-dopt {
		position: relative;
		z-index: 1
	}

	#uchome-ifrHtmlEditor {
		margin-top: -34px
	}

	.mo-dopt input {
		width: 60%
	}

	#nv_search .slst {
		width: 100%
	}

	#nv_search #ct {
		margin: 0
	}

	#nv_search #ct.w .tl,
	#nv_search .mo-tl {
		padding: 0 15px
	}

	#scform_tb a.mf-hides {
		display: none
	}

	#nv_search .sttl.mbn {
		background: #384047;
		color: #eee;
		padding: 15px;
		margin: 0 -15px;
		text-align: center;
		transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}

	#nv_search .sttl.mbn h2 {
		color: #eee;
		font-size: 16px;
		font-weight: 400;
		margin: 0
	}

	#nv_search #ft.mo-search-ft {
		margin: 0;
		padding: 15px;
		color: #999
	}

	#nv_search #ft.mo-search-ft a {
		color: #999
	}

	#nv_search #ft.mo-search-ft strong {
		font-weight: 400
	}

	.mo-scform #scform_srchtxt {
		width: 100%
	}

	#uhd .h {
		background: #384047
	}

	.pc-uhd {
		display: none
	}

	.mo-uhd {
		display: block
	}

	#uhd.mo-uhd {
		padding-top: 0;
		border: none
	}

	#uhd.mo-uhd .mfwp {
		padding: 15px 15px 15px 65px
	}

	#uhd.mo-uhd .mt {
		color: #ddd;
		font-size: 18px;
		font-weight: 400
	}

	#uhd.mo-uhd .avt img {
		border: none;
		background: 0 0;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		margin-right: 0;
		margin-top: 12px
	}

	#uhd .avt {
		margin-left: -50px
	}

	.appl,
	.pc-mythread,
	.xcwl-pc-tb {
		display: none
	}

	.mo-mythread,
	.mo-tb,
	.xcwl-mo-tb {
		display: block
	}

	.ct1 {
		border: none
	}

	.ct2_a {
		padding-left: 0;
		background: 0 0;
		border: none
	}

	.ct2_a .mn {
		width: 100%;
		margin: 0
	}

	#favorite_ul,
	.xcwl-pns {
		padding: 10px
	}

	.pgs .pg a,
	.pgs .pg label,
	.pgs .pg strong,
	.pgs .pgb a {
		float: none;
		display: inline-block;
		margin: 3px;
		padding: 0 10px;
		height: 28px;
		line-height: 28px
	}

	.pgs .pgb a {
		padding-left: 25px
	}

	.pgs .pg label .px {
		margin-top: 6px
	}

	#fastpostform {
		width: 100%
	}

	#moodfm textarea {
		width: 97%;
		border: 1px solid #ddd;
		height: 50px
	}

	.tfm .pt,
	.tfm .px {
		width: auto
	}

	.mo-xgl,
	.pc-tb {
		display: none
	}

	.mo-profilelist-box {
		padding: 15px
	}
}

@media (max-width:1024px) {
	.accounts {
		display: none
	}

	.article_box,
	.content-box,
	.widget-box {
		border: none;
		border-radius: 2px
	}

	.price-bin-c4 {
		width: 25%
	}

	.price-bin-c5 {
		width: 20%
	}

	.page-template-default .content,
	.single-post .content {
		margin-right: 0
	}

	.page-template-default .content-wrap,
	.single-post .content-wrap {
		float: none;
		width: 100%
	}

	.page-template-default .sidebar,
	.single-post .sidebar {
		float: none;
		margin-left: 0;
		margin-top: 45px;
		width: auto
	}

	#plugin_notice {
		display: none
	}
}

@media(max-width:1000px) {

	.article_box,
	.content-box,
	.widget-box {
		box-shadow: none
	}

	.mf_list .widget-box,
	.search .widget-box {
		padding: 0
	}

	.mf_list,
	.search {
		background: #fff
	}

	.content-box-mr {
		margin-right: 0
	}

	.content-box-wp {
		float: none
	}

	.index-news-wp {
		margin: 0
	}

	.index-news-wp .xcwl_article {
		border-top: 1px solid #eee;
		float: none;
		padding: 20px 0;
		width: 100%
	}

	.widget-asst {
		display: none
	}

	.xcwl_article {
		margin: 0
	}

	.xcwl_catwp {
		margin-top: 15px
	}

	.xcwl_widget_r {
		float: none;
		margin-left: 0;
		width: 100%
	}

	.case_title,
	.page_cat {
		display: none;
	}

	.xcwl_catwp {
		padding-top: 15px;
	}
}

@media (max-width:768px) {
	.article-meta {
		font-size: 12px
	}

	.article-meta .item {
		margin-right: 3px
	}

	.xcwl_article {
		margin: 0;
		padding: 15px 0
	}

	.index-news-wp .xcwl_article .note,
	.xcwl_article .note {
		line-height: 18px;
		max-height: 36px
	}

	.xcwl_article .post-comm {
		display: none
	}

	.xcwl_article h2 {
		height: 16px;
		line-height: 16px;
		display: block;
		overflow: hidden
	}

	.xcwl_article h2 a {
		font-size: 14px
	}

	.mf-rewards {
		margin-left: -150px;
		margin-top: -125px;
		padding: 30px 10px;
		width: 300px
	}

	.mf-rewards h3 {
		font-size: 16px;
		margin: 0 5px 15px
	}

	.mf-rewards-item {
		margin: 0 5px;
		width: 125px
	}

	.mf-rewards-item h4 {
		font-size: 12px;
		margin: 0 0 10px
	}

	.mf-rewards-item img {
		height: 125px;
		width: 125px
	}

	.pagination-loading img {
		max-width: 50px
	}

	.service-show {
		margin-top: 15px;
		padding: 30px 0
	}

	.service-show .mfwp {
		padding-left: 0;
		padding-right: 0
	}

	.service-show h3 {
		font-size: 14px;
		line-height: 1.2;
		margin: 20px 0 0
	}

	.service-show .li-item {
		padding: 15px
	}

	.focusbox {
		padding: 20px 0
	}

	.focusbox .focusbox-text {
		font-size: 12px
	}

	.about h1,
	.focusbox .focusbox-title {
		font-size: 20px
	}

	.theme-navbar h1 {
		font-size: .85rem;
		font-weight: 700
	}

	.theme-navbar li.cat {
		display: none
	}

	.xcwl_case {
		background: #fff
	}

	.xcwl_case .view-more-button-div {
		display: block
	}

	.xcwl_case .xcwl_mbfl_box {
		display: none
	}

	.xcwl_case-list {
		margin: 0 -7px
	}

	.xcwl_case_option {
		display: none
	}

	.xcwl_mbfl {
		height: 36px;
		overflow: hidden;
		text-align: center
	}

	.xcwl_mbfl li {
		background: #f0f0f0;
		border-radius: 2px;
		color: #999;
		display: inline-block;
		height: 34px;
		line-height: 34px;
		margin-right: 10px;
		min-width: 80px;
		padding: 0 15px;
		text-align: center
	}

	.xcwl_mbfl li,
	.xcwl_mbfl li a {
		color: #999;
		display: inline-block;
		font-size: 14px
	}

	.xcwl_mbfl li.all a {
		padding: 0 15px
	}

	.xcwl_mbfl li.all a,
	.xcwl_mbfl li:hover,
	.xcwl_mbfl li:hover a {
		color: #fff
	}

	.xcwl_mbfl li.all,
	.xcwl_mbfl li:hover {
		background: #3298d6
	}

	.xcwl_mbfl li.current-cat,
	.xcwl_mbfl li.current-cat a {
		background: #3298d6;
		color: #fff
	}

	.xcwl_mbfl span {
		color: #2a333c;
		float: left;
		padding: 6px 0
	}

	.xcwl_mbfl ul {
		height: 60px;
		overflow: auto;
		white-space: nowrap;
		width: 100%
	}

	.xcwl_mbfl_box {
		padding-top: 26px
	}

	.price-bin {
		box-shadow: none
	}

	.price-bin .thumbnail {
		max-height: 134px
	}

	.price-bin-box {
		padding: 7px
	}

	.price-bin-c2,
	.price-bin-c3,
	.price-bin-c4,
	.price-bin-c5 {
		width: 33.333333%
	}

	.about {
		padding: 30px 0
	}

	.about h1 {
		line-height: 26px
	}

	.about p {
		padding: 20px 15px
	}

	.content-box-mr {
		margin-bottom: 15px
	}

	.dashboard .primary,
	.dashboard .primary .xcwl-area {
		padding-left: 0
	}

	.details-bottom {
		display: none
	}

	.dzfish-cart .empty-cart-title {
		margin-bottom: 20px
	}

	.fadeIn {
		bottom: 0;
		left: 0;
		overflow: hidden;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateX(0);
		-webkit-transform: translateX(0)
	}

	.motable {
		display: block
	}

	.pc_fl_tb {
		display: none
	}

	.fl,
	.fl .bm_h {
		border-color: #eee
	}

	#nv_forum .bm_c {
		padding: 8px 15px
	}

	.bmw .bm_h a,
	.fl_g dt a,
	.fl_tb td h2 a {
		font-size: 14px;
		color: #444;
		font-weight: 400
	}

	.bmw .bm_h .y a {
		font-size: 12px
	}

	.altw {
		width: 240px
	}

	.altw .fltc {
		margin-bottom: 0;
		padding: 5px
	}

	.alert_error,
	.alert_info,
	.alert_right {
		padding: 6px 0 6px 58px;
		min-height: 40px;
		height: auto !important;
		height: 40px;
		line-height: 160%;
		font-size: 14px
	}

	.alert_error a {
		font-weight: 700
	}

	.alert_btnleft {
		margin-top: 8px
	}

	.alert_btn {
		margin-top: 20px;
		text-align: center
	}

	.alert_act {
		margin-top: 20px;
		padding-left: 58px
	}
}

@media(max-width:544px) {

	.sitenav,
	body {
		padding-top: 50px
	}

	.header {
		height: 50px;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9
	}

	.xcwl_wp {
		padding: 0;
		padding-top: 0 !important
	}

	.logo {
		height: 50px;
		font: 22px/50px "microsoft yahei"
	}

	.logo img {
		max-height: 50px
	}

	.sitenav>ul {
		top: 50px
	}

	.menbernav-on,
	.sitenav-on,
	.xcwl-search {
		line-height: 50px
	}

	.search-active .site-search {
		top: 50px;
		position: fixed
	}

	#sign {
		margin-left: -165px;
		top: 70px;
		width: 330px
	}

	#sign .part {
		padding: 20px
	}

	.sign-mfwp {
		padding: 40px 0 50px;
		width: 280px
	}

	.single-intro {
		margin: 0;
		margin-bottom: 15px;
		padding: 10px
	}

	.single-intro p {
		line-height: 20px;
		max-height: 40px;
		overflow: hidden
	}

	.article-actions .reward-notice {
		font-size: 13px
	}

	.article-meta {
		margin-bottom: 10px
	}

	.article-nav .article-nav-next {
		display: block;
		float: none;
		margin-top: 15px;
		text-align: left;
		width: auto
	}

	.article-nav .article-nav-prev {
		display: block;
		float: none;
		width: auto
	}

	.article-title {
		font-size: 18px;
		margin-bottom: 5px
	}

	.article-wechatitem {
		max-width: 320px;
		width: auto
	}

	.asst.asst-list-footer {
		margin-top: 15px
	}

	.asst.asst-list-header {
		margin-top: 0
	}

	#scbar_type_menu.mf_scbar_type_menu {
		margin-top: -48px
	}

	.site-search-form {
		margin: 15px 0;
		height: 36px;
		line-height: 36px;
		padding-right: 70px;
		font-size: 14px;
		position: relative
	}

	#scbar .site-search-form .mf-input {
		padding: 0 90px 0 5px
	}

	#scbar_txt.search-input {
		height: 34px;
		width: 100%
	}

	.xcwl_scbar_type {
		right: 80px
	}

	.search-btn {
		padding: 0 10px;
		width: 70px;
		height: 36px
	}

	.comt-comterinfo {
		text-align: left
	}

	.comt-comterinfo input {
		width: 100%
	}

	.comt-comterinfo li {
		margin-bottom: 10px;
		overflow: hidden
	}

	.comt-comterinfo ul {
		display: block
	}

	.comt-submit {
		font-size: 12px
	}

	.dzfish-cart .empty-cart-title {
		padding-top: 20px
	}

	.fish-recommend-title span {
		font-size: 16px;
		left: 50%;
		margin-left: -50px;
		width: 100px
	}

	.focusbox {
		padding: 18px 0
	}

	.about h1,
	.focusbox .focusbox-title {
		font-size: 18px
	}

	.gallerybox .glide__arrow {
		padding: 20px 10px
	}

	.gallerybox .glide__arrow .fa {
		font-size: 20px
	}

	.service-show i {
		font-size: 30px;
		height: 60px;
		line-height: 60px;
		width: 60px;
		background-size: auto 60px
	}

	.service-show .ema {
		background-position: 0 0
	}

	.service-show .emb {
		background-position: -120px 0
	}

	.service-show .emc {
		background-position: -240px 0
	}

	.service-show .emd {
		background-position: -360px 0
	}

	.service-show h3 {
		margin-top: 10px
	}

	.service-show li {
		width: 50%
	}

	.xcwl_case-list {
		margin: 0 -6px
	}

	.price-bin .post-like {
		float: right
	}

	.price-bin .thumb[src*="nophoto.gif"],
	.price-bin .thumbnail {
		max-height: 142px
	}

	.price-bin .xcwl_post_box .edd_download_price-bin p {
		height: auto
	}

	.price-bin .xcwl_post_info {
		font-size: 12px;
		line-height: 20px
	}

	.price-bin h2 {
		height: 20px;
		line-height: 20px
	}

	.price-bin h2 a {
		display: block;
		font-size: 14px;
		font-weight: 400
	}

	.price-bin-box {
		padding: 6px
	}

	.price-bin-c2,
	.price-bin-c3,
	.price-bin-c4,
	.price-bin-c5 {
		width: 50%
	}

	.product-details {
		padding: 10px 0
	}

	.item-mobile,
	.item-pc {
		display: none
	}

	.xcwl_article .meta .post-edtit {
		display: none
	}

	.nfl {
		height: auto !important;
		height: 320px;
		min-height: 320px
	}

	.nfl .f_c {
		margin: 50px auto;
		padding: 15px;
		width: 400px
	}

	.nfl .loginform {
		height: auto
	}

	.nfl .clause {
		width: auto;
		height: auto
	}

	.mo-scform {
		margin: 15px !important
	}
}

@media(max-width:460px) {
	.nfl {
		height: auto !important;
		height: 320px;
		min-height: 320px
	}

	.nfl .f_c {
		margin: 40px auto;
		padding: 10px;
		width: 260px
	}
}

@media(max-width:320px) {

	.price-bin .thumb[src*="nophoto.gif"],
	.price-bin .thumbnail {
		max-height: 78px
	}
}

@media (min-width: 1100px) {
	#nav-case.hover .sub-menu {
		top: 0;
		opacity: 1;
		visibility: visible;
		width: 1000px;
		height: 80px;
		padding: 0;
		left: 0;
		border: 0;
		box-shadow: none;
		margin: 0;
	}

	#nav-case.hover .sub-menu li {
		line-height: 80px;
		float: left;
		font-size: 18px;
	}
}