
#menu{  
	background: url('../images/usersideback.jpg');
	color:#000;
}
.topLeft{background: none !important;display: block;width: 50px;height:45px;float: left;position: absolute;}
.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.3) !important;
   color: rgba(0, 0, 0, 0.7) !important; 
}
.mm-menu .mm-header > a {
  color: rgba(0, 0, 0, 0.8) !important;
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ab1324;
}
.button{height: 35px;line-height: 35px;text-align: center;position: relative;width: 100%;border-radius: 3px;outline: none}
.color-red{border:none;background:#ff3b30;color:#fff;}
.button.button-big {
	height:40px
}
.color-red i.icon,.theme-red i.icon,i.icon.color-red,i.icon.theme-red {
	color:#fff
}
.list-block .item-link .item-content {
	min-height:40px
}

i.icon.icon-back {
	width:35px;
	height:45px;
	background-image:url("../svg/iconback.svg");
	opacity:.5
}
i.icon.iconback {
	font-size:30px;
	content:'';
	-webkit-text-stroke-width:.2px
}
i.iconfont {
	-webkit-text-stroke-width:.2px
}
	/* 效果导航 */
	.effectNav{ margin-top:10px;  border-top:1px solid #666; background:#999; padding-bottom:10px;  }
	.effectNav h3{ padding:0 10px; background:#ddd; background:#333; color:#fff;  }
	.effectNav ul{ font-size:0;  }
	.effectNav li{ display:inline-block; font-size:12px; padding:0 10px; margin:10px 0 0 10px;  background:#cdcdcd;  }
	.effectNav li.new{ background:#fce8cd;  }
	/* 本例子css -------------------------------------- */
	.slideBox{ position:relative; width:100%;  height:160px; overflow:hidden; margin:0px auto; }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#fff;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; width:100%;  height:160px; }
	.slideBox .bd li .pic{ width:100%;  height:160px; display:block;   }
	.slideBox .bd li .pic img{width:100%;height:auto;}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0px; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;   }

span.photosliderTitle {
	display:block;
	padding:5px;
	width:100%;
	background:rgba(0,0,0,0.5);
	font-size:15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#fff;
	position:absolute;
	bottom:0
}

.showViewCommentsBtn,a.showViewCommentsBtn {
	background:#c00;
	color:#fff;
	border:0;
	outline:0;
	border-radius:15px;
	height:auto
}
.UserMsg-nohaveread {
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:12px;
	background:#c00;
	position:relative;
	top:-1px
}
a.addUserFava i.icon-favorfill {
	color:#c00
}
#UserInfo input,#UserInfo textarea {
	border-left:1px solid #ccc
}
.checkLoginStamp {
	margin-top:-50px;
 	background-size:100% auto;
	padding-top:20px
}
#userView .checkLoginStamp {
	margin-top:0
}
.checkLoginStamp ul {
	list-style:none;
	text-align:center;
	padding:0;
	margin:0
}
.checkLoginStamp .avatar img {
	border-radius:80px;
	height:80px;
	width:80px;
	border-color:#fff;
	padding:1px
}
.checkLoginStamp .user-detail {
	font-size:13px
}
.checkLoginStamp .point {
	color:#c00
}
.checkLoginStamp .tools {
	margin-top:10px;
	background:rgba(0,0,0,0.3);
	padding:2px 0;
	height: 50px;
}
.checkLoginStamp .tools .col-33 {
	text-align:center;
	font-size:13px
}
.checkLoginStamp .tools .col-33>a {
	color:#fff
}
.checkLoginStamp .tools .col-33>a>span {
	display:block;
	font-size:12px;
	color:#ccc
}
.checkLoginStamp .tools-icon {
	padding:20px
}
.checkLoginStamp .tools-icon .row .col-50>a {
	font-size:14px
}
.checkLoginStamp .tools-icon .row .col-50>a>p {
	padding-bottom:5px;
	margin-bottom:0;
	font-size:30px
}
.usercenter{position: relative;;width: 100%;height: 100%;overflow:hidden;overflow-y: scroll;background: url('../images/usersideback.jpg')}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.row .col-33 {
  width: 33.333333333333336%;
}
.row>[class*=col-] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.login-screen-content .login-page {
	margin-top:40px
}
.login-screen-content .logo {
	width:90px;
	height:90px;
	background-size:83%;
	border-radius:90px;
	margin:0 auto;
	border:1px solid #dfdfdf
}
.login-screen-content .logo>img {
	width:90px;
	height:90px;
	border-radius:90px
}
.login-screen-content #loginname {
	text-align:center;
	font-weight:normal;
	padding:0;
	margin-top:5px
}
.login-screen-content .login-input-content {
	margin-bottom:0
}
.login-screen-content .login-input-content .list-block {
	margin-bottom:0
}
.login-screen-content .login-input-content .list-block input {
	border:1px solid #dfdfdf;
 	color:#666;
	padding:0 5px 0 40px
}
.login-screen-content .login-input-content .list-block .login-name {
	border-radius:5px 5px 0 0;
	border-bottom:0;
	background-image:url("../img/user.png");
	background-position:4px 5px
}
.login-screen-content .login-input-content .list-block .password {
	background-image:url("../img/password.png");
	background-position:7px 6px;
	border-radius:0 0 5px 5px
}
.login-screen-content .login-input-content .list-block .multi-language {
	margin:15px 0 25px 0;
	display:block;
	color:#909090
}
.login-screen-content .login-input-content .list-block .multi-language>i {
	font-size:20px
}
.login-screen-content .login-input-content .list-block .multi-language>span {
	vertical-align:middle
}
.login-screen-content .login-btn-content {
	margin-top:0
}
.login-screen-content .copyright {
	position:relative;
	height:30px;
	line-height:30px;
	left:0;
	top:-20px;
	text-align:center;
	padding:5px 0;
	width:100%;
	color:#909090
}
.login-screen-content .copyright>a {
	display:inline-block;
	color:#909090
}
.login-screen-content .login-input-content {
	margin-bottom:0
}
.login-screen-content .login-input-content .list-block {
	margin-bottom:0
}
.login-screen-content .login-input-content .list-block input {
  	background-repeat:no-repeat;
	color:#666;
	font-size:15px;
	padding:0 5px 0 45px;
	opacity:.7
}
.login-screen-content .login-input-content .list-block .login-name {
	border-bottom:0;
	background:url("../svg/iconphone.svg") no-repeat;
	background-size:45px 42px;
	background-position:1px 1px;
	border-radius:5px 5px 0 0
}
.login-screen-content .login-input-content .list-block .icon-phone {
	border-bottom:0;
	background:url("../svg/iconphone.svg") no-repeat;
	background-size:45px 42px;
	background-position:1px 1px;
	border-radius:5px 5px 0 0
}
.login-screen-content .login-input-content .list-block .icon-lock {
	border-bottom:0;
	background-image:url("../svg/iconkey.svg");
	background-size:45px 42px;
	background-position:1px 1px
}
.login-screen-content .login-input-content .list-block .last-icon-lock {
	background-image:url("../svg/iconlock.svg");
	background-size:45px 42px;
	background-position:1px 1px;
	border-radius:0 0 5px 5px
}
.login-screen-content .login-input-content .list-block .password {
	background-image:url("../svg/iconkey.svg");
	background-size:45px 42px;
	background-position:1px 1px
}
.login-screen-content .login-input-content .list-block #register-email {
	background-image:url("../svg/email.svg");
	background-size:38px 35px;
	background-position:5px 4px
}
.login-screen-content .login-input-content .list-block .icon-refcode {
	background-image:url("../svg/iconwshopuser.svg");
	background-size:40px 40px;
	background-position:1px 1px;
	border-radius:5px
}
.login-screen-content .login-input-content .list-block .withdrawal_money {
	background-image:url("../img/money.png")
}
.login-screen-content .login-input-content .list-block .get_vcode {
	border:0;
	position:absolute;
	right:-1px;
	top:1px;
	border-left:1px solid #dfdfdf;
	height:41px;
	background:0;
	color:#ff9630;
	padding:0 20px
}
.list-block .load-result {
	width:100%;
	height:30px;
	position:absolute;
	bottom:50px;
	left:0;
	background-color:#ff9630;
	color:#fff;
	z-index:1000;
	text-align:center;
	line-height:30px;
	opacity:0
}
i.icon.icon-goback {
	color:#555;
	width:60px
}
.uploadpic {
	position:relative;
	top:-2px;
	overflow:hidden;
	margin-right:4px;
	display:inline-block;
	*display:inline;
	padding:5px 10px 4px;
	font-size:14px;
	line-height:20px;
	*line-height:20px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-color:none
}
.uploadpic input {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	height:70px;
	border:solid transparent;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer
}
.Lgyswiper-photo-content {
	height:85%;
	width:100%;
	background:#000;
	vertical-align:middle
}
.Lgyswiper-photo-content .Lgyswiper-wrapper .Lgyswiper-slide {
	background:#000;
	display:table;
	text-align:center
}
.Lgyswiper-photo-content .Lgyswiper-wrapper .Lgyswiper-slide span {
	display:table-cell;
	vertical-align:middle
}
.Lgyswiper-photo-content .Lgyswiper-wrapper .Lgyswiper-slide span img {
	width:100%
}
.Lgyswiper-photo-pagination {
	z-index:999;
	bottom:120px;
	position:absolute
}
.page[data-page="createContentPage"] .photoBottomDes {
	background:#000;
	color:#fff;
	height:120px;
	overflow:hidden;
	font-size:13px
}
.page[data-page="createContentPage"] .photoBottomDes:before {
	content:none
}
.page[data-page="createContentPage"] .photoBottomDes h6 {
	padding:5px 10px;
	font-size:14px
}
.page[data-page="createContentPage"] .photoBottomDes .des {
	height:50px;
	overflow:hidden;
	overflow-y:scroll;
	padding:0 10px
}
.photo-toolbar-inner {
	height:30px;
	background:#000;
	width:100%;
	text-align:right;
	padding:6px 0;
	box-shadow:1px 1px 3px #ccc;
	background:rgba(0,0,0,0.2)
}
.photo-toolbar-inner a {
	margin-right:10px;
	color:#fff
}
.photo-toolbar-inner a i.iconfont {
	font-size:20px
}
.tabBox {
	margin:10px auto
}
.tabBox .hd {
	height:35px;
	line-height:35px;
	font-size:16px;
	overflow:hidden;
	border-top:1px solid #ccc
}
.tabBox .hd h3 {
	float:left;
	font-size:15px
}
.tabBox .hd h3 span {
	color:#ccc;
	font-family:Georgia;
	margin-left:10px
}
.tabBox .hd ul li a {
	color:#555
}
.tabBox .hd ul li {
	float:left;
	padding:0 10px;
	vertical-align:top
}
.tabBox .hd ul li.on a {
	color:#b63b34;
	display:block;
	height:33px;
	line-height:33px;
	border-bottom:1px solid #b63b34
}
.tabBox .bd .con {
	padding:0 10px;
	font-size:13px
}
.tabBox .bd .con ul:before {
	content:none
}
.buyTitle {
	font-weight:normal;
	padding: 5px 0;
	font-size:20px;
	font-family:'microsoft yahei';
	margin-bottom:10px
}
.buyDetail .list-block {
	margin:0;
	margin-bottom:5px
}
.buyDetail .list-block ul:before,.buyDetail .list-block ul:after {
	content:none
}
.buyDetail .list-block ul li {
	padding-bottom:5px;
	font-size:14px
}
.buycarNum {
	margin-top:-1px
}
.ddtime {
	font-size:12px;
	color:#999
}
.tableborder {
	width:100%
}
.isdefault1 {
	background:rgba(95,120,133,0.1)
}
.list-block ul.hotkeyboard {
	padding:8px 5px
}
.hotkeyboard li {
	display:inline
}
.hotkeyboard li a {
	display:inline-block;
	background:#c00;
	border-radius:30px;
	margin:5px;
	padding:1px 8px;
	color:#fff;
	font-size:14px
}
.SearchHistoryUi {
	display:none
}
.searchTotalTitle {
	padding:0 8px;
	font-size:13px
}
.user-center-tools>div {
	text-align:center
}
.user-center-tools .item-link {
	text-align:center;
	display:block;
	color:#555;
	font-size:13px;
	margin:8px 0
}
.user-center-tools .item-link i.iconfont {
	width:40px;
	height:40px;
	border-radius:40px;
	line-height:40px;
	font-size:25px;
	color:#555;
	display:block;
	margin:0 auto;
	border:1px solid #555;
	margin-bottom:4px
}
.SysSetting,.f7f7f7{background:#f7f7f7}
.SysSettingPage i.iconfont {
	font-size:25px
}
.SysSettingPage .item-input {
	line-height:40px
}
.MenuList i.iconfont {
	font-size:25px
}
.MenuList .item-input {
	line-height:40px
}
.about-page .content-block {
	color:#666
}
.about-page .my-product {
	text-align:center;
	margin-top:-20px
}
.about-page .my-product .name {
	font-size:20px
}
.about-page .contact-list {
	margin:0 auto;
	width:210px
}
.about-page .contact-list>p {
	margin:5px 0
}
.about-page .about-copyright {
	position:absolute;
	left:0;
	text-align:center;
	bottom:0;
	font-size:10px;
	color:#9c9c9c;
	width:100%;
	padding:0
}
.about-page .logo {
	text-align:center
}
.info_userpic_mini {
	height:25px;
	height:25px;
	border-radius:25px
}
.create-time {
	color:#999;
	font-size:13px;
	display:block;
	padding:5px 0 10px 0
}
.lgy_no_data {
	padding:10px;
	text-align:center;
	line-height:30px;
	margin-top:80px;
	position:relative;
	background:0;
	z-index:77
}
.lgy_no_data p {
	width:100px;
	height:100px;
	border-radius:100px;
	background:#ccc;
	color:#fff;
	margin:0 auto;
	line-height:100px;
	margin-bottom:10px
}
.lgy_no_data p i.iconfont {
	font-size:60px
}
.lgy_no_data {
	font-size:14px
}
/**********
¸ßË¹Ä£ºýÂË¾µ
**********/
.blur{
    filter: url(img/img/filter.svg#blur);
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}
.usercover{position:absolute;top:-10px;height:200px;width:100%;}
#feedbackMessageText{display:block;width:96%;height:160px;border:none;background:#f7f7f7;padding:10px 2%;text-indent:15px;resize:none}
#send-feedback{margin:15px;border:1px solid #ccc;color:#6d6d72;background:none !important;}
.pull-to-refresh-layer .pull-to-refresh-arrow{opacity:0.4}
.logo_bg{background:url('../img/logo_bg.png') no-repeat center center;}
.brower_bg{background:url('../img/brower_loading.gif') no-repeat center center;}

/**************
background:url(style/img/logo_bg.png) no-repeat center center
×ÖÌåÉèÖÃ
**************/
.font-sm .article-content{font-size:12px !important;}
.font-md .article-content{font-size:13px !important;}
.font-lg .article-content{font-size:15px !important;}
.font-lgx .article-content{font-size:16px !important;}
.font-lgxxx .article-content{font-size:18px !important;}
.font-lgxxxx .article-content{font-size:20px !important;}
.font-lgxxxxx .article-content{font-size:25px !important;}
.font-lgxxxxxx .article-content{font-size:30px !important;}

/************
Ò¹¼äÄ£Ê½
************/
.NightMode{background:rgba(0,0,0,.9);}
.NightMode .blur{
 background:none !important;
}
.NightMode .views .navbar {
	background:#222;
	color:#ccc;
	font-family:'microsoft yahei'
}
.NightMode i.icon {color:#ccc !important;}
.NightMode .list-block ul li,
.NightMode .list-block ul,
.NightMode .click-reply-share{
	background-color: #555;
}
.NightMode .list-block ul:after{
	background-color: #666;
}
.NightMode .list-block ul:before{
	background-color: #666;
}
.NightMode .list-block ul li:after{
	background-color: #666;
}
.NightMode .list-block ul li:before{
	background-color: #666;
}
.NightMode .list-block .item-inner:after{
	background-color: #777;
}
.NightMode .toolbar:before,.NightMode .navbar:after{
	background-color: #3f3f3f;
}
.NightMode .scrollloading{
	background:#888;border:none;color:#000
}
html:not(.watch-active-state) .NightMode .item-link:active, 
html:not(.watch-active-state) .NightMode label.label-checkbox:active,
html:not(.watch-active-state) .NightMode label.label-radio:active, 
.NightMode .item-link.active-state, 
.NightMode label.label-checkbox.active-state,
.NightMode label.label-radio.active-state {
	background-color: #444;
}
.NightMode .Lgyswiper-nav,
.NightMode .hotkeyboard li a
{
	background:#333;color:#eee
}
.NightMode .pannel-right-classname,
.NightMode .checkLoginStamp .point,
.NightMode .navbar a.link{
	color:#ccc;
}
.NightMode .Lgyswiper-content .Lgyswiper-wrapper .Lgyswiper-slide{box-shadow:none;}
.NightMode .Lgyswiper-wrapper-right,.NightMode  .Lgyswiper-wrapper-left{background:#333;padding-left:0}
.NightMode .Lgyswiper-nav .active-nav,
.NightMode .showViewCommentsBtn,
.NightMode a.showViewCommentsBtn{
	background:#555;color:#aaa
}
.NightMode .checkLoginStamp,
.NightMode .toolbar,
.NightMode .page,
.NightMode .login-screen-content,
.NightMode .page,
.NightMode .contacts-content,
.NightMode .panel,
.NightMode .panel,
.NightMode .SysSetting,
.NightMode .f7f7f7,
.NightMode .list-group-title,
.NightMode .list-block .no_after_before,
.NightMode .active-state{
	background: #333;
	color: #ccc;
}
.NightMode .statusbar-overlay {
	background:#222;
 }
.NightMode .user-center-tools .item-link i.iconfont,.NightMode .user-center-tools .item-link{
	color:#efefef;
}
.NightMode .user-center-tools .item-link i.iconfont{
	border:1px solid #efefef
}
.NightMode i.icon.icon-back{
	background-image: url("../svg/iconback-white.svg");
	background-size:35px 30px;
 }

.NightMode #feedbackMessageText{background:#666;color:#ccc}
.NightMode #send-feedback{color:#ccc}
.NightMode .ecomment{background:#666;border-color:#777;box-shadow:1px 1px 3px #444}
 
 
