/* 会员中心
----------------------------------------------- */
#user {
 zoom:1;
 overflow:hidden;
 min-height: 400px;
}
#user .userLeft {
 float: left;
 width: 160px;
 margin-right: 30px;
}
#user .userIn {
 margin-left: 190px;
 overflow: hidden;
}
#user .userIn .main {
 margin-top: 25px;
 padding:20px 30px;
 border: 1px solid #EEE;
}
#user .userIn .main h3 {
 color: #555;
 font-size: 26px;
 padding-bottom: 20px;
 font-weight:normal;
}
#user .userIn .main h3 .more {
 float:right;
 color:#888;
 font-size:12px;
 margin-top:9px;
 font-weight:normal;
}
/* -- passport -- */
#user .passport {
 padding:50px 0 80px 0;
}
#user .passport .register h3 {
 font-size: 22px;
 font-weight: bold;
 color: #166639;
 border-bottom: 1px dashed #CCCCCC;
 padding-bottom: 20px;
 margin-bottom:40px;
}
#user .passport .register h3 em {
 display:block;
 color: #999;
 font-size:12px;
 font-weight:normal;
}
#user .passport .register h3 a {
 color: #166639;
}
#user .passport .register .btn {
 width:200px;
}
#user .passport .login {
 margin:0 auto;
 width:320px;
}
#user .passport .login h3 {
 font-size: 22px;
 font-weight: bold;
 margin-bottom:40px;
}
#user .passport .login h3 em {
 display:block;
 color: #999;
 font-size:12px;
 font-weight:normal;
}
#user .passport .login .textInput {
 width:306px;
}
#user .passport .login .btn {
 width:100%;
}
#user .passport .login .btnRegister {
 display: block;
 width:318px;
 border: 1px solid #CCCCCC;
 color: #555555;
 padding: 6px 0;
 cursor: pointer;
 font-weight: bold;
 text-align:center;
}
/* -- userTree -- */
#user .userTree {
 margin-top: 25px;
}
#user .userTree h3 {
 background-color: #DDD;
 line-height: 100px;
 color: #555;
 font-weight: normal;
 font-size: 18px;
 text-align: center;
}
#user .userTree ul {
 padding-top: 5px;
}
#user .userTree li a {
 display:block;
 padding:8px 10px;
 color: #555;
 font-size: 14px;
}
#user .userTree li.cur {
 background-color:#166639;
}
#user .userTree li.cur a {
 color:#FFF;
}
#user .userTree .searchBox {
 margin:20px 0;
}
#user .userTree .searchBox .keyword {
 width: 136px;
}
/* -- btnAction -- */
#user .btnAction a {
 display: block;
 margin: 0 0 10px auto;
 width: 120px;
 line-height: 30px;
 border: 1px solid #DDD;
 text-align: center;
 color: #777;
}
#user .btnAction a:hover {
 border: 1px solid #999;
 background-color: #999;
 color: #FFF;
}
#user .btnAction a.pay {
 border: 1px solid #e4393c;
 color: #e4393c;
}
#user .btnAction a.pay:hover {
 background-color: #e4393c;
 color: #FFF;
}
/* -- startPage -- */
#user .startPage {
 padding: 0px;
}
#user .startPage .basicInfo {
padding-bottom:15px;
}
#user .startPage .basicInfo .basic {
 padding: 15px 0 20px 15px;
 border-bottom: 1px solid #DDD;
 position: relative;
 margin-bottom: 20px;
 overflow:hidden;
}
#user .startPage .basicInfo .basic h2 {
 font-size: 18px;
 font-weight: 400;
}
#user .startPage .basicInfo .basic p {
 color: #999;
 margin-bottom: 10px;
}
#user .startPage .basicInfo .basic a {
 color: #166639;
}
#user .startPage .basicInfo .basic .avatar_box {
 float:left;
}
#user .startPage .basicInfo .basic .avatar {
 padding: 4px;
 border: 1px solid #e0e0e0;
 border-radius: 120px;
}
#user .startPage .basicInfo .basic .rtxt {
float:left; margin-top:15px; margin-left:25px;
}
#user .startPage .basicInfo .info {
 font-size: 14px;
 zoom: 1;
 overflow: hidden;
}
#user .startPage .basicInfo .info li {
 list-style:none;
 padding: 8px 0;
 color: #999;
 width: 33%;
 float: left;
}
@media (max-width: 991px) {
/* #user {margin-top:20px;} */
}
@media (max-width: 767px) {
#user .startPage .basicInfo .info li {width:50%;}
}
@media (max-width: 512px) {
#user .startPage .basicInfo .info li {float:none; width:100%;}
}
@media (max-width: 400px) {
#user .startPage .basicInfo .basic {
 padding-left: 0px;
 padding-right:0px;
}
#user .startPage .basicInfo .basic .avatar_box {
 float:none; text-align:center;
}
#user .startPage .basicInfo .basic .rtxt {
 float:none;margin-top:40px;width:100%;display:block; overflow:hidden; margin-left:0; padding-left:0;
}
}


/* -- sns -- */
#user .snsIcon a {
 display: inline-block;
 width: 30px;
 height: 30px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;
 margin-right: 10px;
}
#user .snsLink {
 font-weight: bold;
 margin-bottom:40px;
 text-align: center;
}
#user .snsLink .head {
 font-size: 22px;
 font-weight: bold;
 margin-bottom:40px;
}
#user .snsLink .img img {
 width: 100px;
 height: 100px;
 border: 1px solid #e0e0e0;
 border-radius: 100px;
}
#user .snsLink .action {
 margin-top: 40px;
}
#user .snsList dl {
 zoom:1;
 overflow: hidden;
 padding: 15px 0;
 border-top: 1px dotted #DDD;
 line-height: 30px;
}
#user .snsList dt {
 float: left;
}
#user .snsList dt i {
 display: inline-block;
 width: 30px;
 height: 30px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;
 margin-right: 10px;
 vertical-align: middle;
}
#user .snsList dt em {
 color: #166639;
}
#user .snsList dd {
 float: right;
}
#user .snsList dd a {
 color: #0072C6;
}
/* -- orderList -- */
#user .orderList {
 border-top: 1px solid #DDD;
}
#user .orderList .item {
 border-bottom: 1px solid #DDD;
 margin-bottom: 20px;
}
#user .orderList .item .status {
 padding: 15px 0 1px 0;
 color: #b0b0b0;
 font-size: 18px;
}
#user .orderList .item .detail .info {
 border-bottom: 1px solid #EEE;
 padding: 1px 20px 15px 0;
}
#user .orderList .item .detail .info em {
 margin-right: 10px;
}
#user .orderList .item .detail .amount {
 width: 180px;
 border-bottom: 1px solid #EEE;
 padding: 1px 0 15px 20px;
 text-align: right;
}
#user .orderList .item .detail .amount b {
 font-size: 16px;
}
#user .orderList .item .detail .list .listBox dl {
 position: relative;
 height: 44px;
 margin: 15px 0;
 padding: 10px 10px 10px 80px;
 line-height: 22px;
 color: #333;
}
#user .orderList .item .detail .list .listBox dl .img {
 position: absolute;
 left: 0;
 top: 0;
}
#user .orderList .item .detail .action {
 padding: 15px 0;
 text-align: right;
 vertical-align: top;
}
/* -- order -- */
#user .order .head {
 margin-bottom: 30px;
}
#user .order .head .title {
 border-bottom: 1px solid #DDD;
 zoom:1;
 overflow: hidden;
 margin-bottom: 10px;
}
#user .order .head .title h2 {
 float: left;
 font-size: 18px;
 font-weight: 400;
 color: #333;
}
#user .order .head .title .action {
 float: right;
}
#user .order .head .subTitle {
 padding: 5px 0;
 color: #999;
 font-size: 14px;
}
#user .order .head .subTitle span {
 margin-right: 15px;
}
#user .order .itemList {
 width: 100%;
 border-top: 1px solid #EEE;
}
#user .order .itemList td {
 border-bottom: 1px solid #EEE;
 padding: 10px;
 text-align: left;
}
#user .order .info {
 margin-top: 30px;
 border-bottom: 1px solid #DDD;
 padding-bottom: 20px;
}
#user .order .info h2 {
 font-size: 18px;
 font-weight: 400;
 color: #333;
 margin-bottom: 10px;
}
#user .order .info ul {
 line-height: 200%;
 color: #999;
 font-size: 14px;
}
#user .order .info ul, #user .order .info ul li{list-style:none;list-style-type:none; display:block; margin-left:5px;}
#user .order .totalAmount {
 text-align: right;
 padding-top: 20px;
 line-height: 200%;
 font-size: 16px;
 color: #999;
}
/*- inputFile -*/
#user .inputFile {
 width: 80px;
}
#user .inputFile .imgShow {
 height: 80px;
 line-height: 80px;
 text-align: center;
 color: #555;
 background-color: #F5F5F5;
}
#user .inputFile .imgShow img {
 width: 100%;
 height: 80px;
}
#user .inputFile .imgBtn {
 width: 100%;
 background-color: #EEE;
 color: #999;
 line-height: 25px;
 cursor: pointer;
 text-align: center;
 -webkit-appearance: none;
 padding:0;
}










body {
	font-family: "Microsoft YaHei", "SimSun", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#loginDiv {
	display: none!important
}
.navbar-header>button {
	display: none!important
}
.formDiv h2 {
	padding: 10px 0 10px;
	font-size: 20px;
	color: #545454;
	font-weight: 500
}
.title {
	padding: 10px 0 20px;
	font-size: 20px;
	color: #545454
}
.ding {
	padding: 40px 15px 20px 15px;
	text-align: center
}
.ding img {
	border-radius: 5px
}
.ding ul {
	width: 300px;
	margin: 15px auto
}
.ding ul li {
	text-align: left;
	padding: 5px
}
.switch {
	text-align: right;
	padding-right: 15px;
	line-height: 34px
}
.fade-out {
	animation-duration: 1s
}
.fade-in {
	animation-duration: .5s
}
html,body {
	height: 100%;
	padding: 0;
	background: #fff;
	color: #545454
}
.errMsg, .cue {
	color: rgba(253,66,56,.8);
	text-indent: 18px
}
.navbar {
	min-height: 60px
}
.navbar-inverse {
	background-color: #fff;
	border-color: #fff;
	color: #676767
}
@media(min-width: 994px) {
	.ourlogo {
		height: 32px;
		margin-top: 10px;
		margin-bottom: 5px
	}
}
.main-warp {
	position: absolute;
	left: 0;
	right: 0;
	overflow: auto;
	background: #fff url("image/loginback.png") no-repeat;
	background-size: cover
}
.inputs {
	border: 0;
	color: #545454;
	background: transparent
}
@media(min-width: 1025px) {
	.input-icon {
		padding: 0 18px
	}
	.inputs {
		width: 70%
	}
	.input-warp.s {
		width: 70%
	}
	.main-content {
		width: 500px;
		margin-top: 100px;
		padding: 20px 50px;
		border-radius: 4px
	}
}
@media(min-width: 768px) and (max-width: 1024px) {
	.input-icon {
		padding: 0 18px
	}
	.inputs {
		width: 70%
	}
	.input-warp.s {
		width: 70%
	}
	.main-warp {
		background-image: none
	}
	.main-content {
		width: 500px;
		margin-top: 100px;
		padding: 20px 50px;
		border-radius: 4px;
		box-shadow: 0 0 4px rgba(0,0,0,.2)
	}
	body {
		background-image: none
	}
}
@media(max-width: 767px) {
	.input-icon {
		padding: 0 8px
	}
	.main-warp {
		background-image: none
	}
	.main-content {
		width: 100%;
		margin-top: 0;
		padding: 20px 20px;
	}
	.input-warp.s {
		width: 65%
	}
	.input-warp.s .inputs {
		width: 60%
	}
}

.main-content {
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	margin-bottom: 50px
}
.input-icon {
	color: #999
}
.inputs: focus {
	outline: 0
}
.input-warp {
	border: 1px solid #e9e9e9;
	border-radius: 2px;
	padding: 7px 0
}
.input-warp.s {
	display: inline-block;
	box-sizing: border-box
}
.input-warp.focus {
	border-color: #649efd
}
p {
	margin-bottom: 20px
}
.lgbtn {
	line-height: 26px
}
a.link {
	color: #649efd
}
a.link: hover {
	color: #649efd;
	text-decoration: underline
}
.gap {
	margin-top: 20px
}
.agreement {
	font-size: 13px;
	color: #999
}


.main-warp {
    background: url("image/loginback.png");
    position:fixed;
    top: 0;
    left: 0;    
    width:100%;
    height:100%;
    z-index:0;
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
     -o-background-size: cover;
    background-position: center 0;
}
.btn.blue, .btn.blue:ACTIVE {
    background-color: #278D4C;
    color: #fff;
    border: 1px solid #278D4C;
}
.btn.blue:HOVER {
    background-color: #166639;
    border: 1px solid #166639;
}
.gap{margin-top:20px}.biggap{margin-top:40px}
.gap .split-space{color:#649efd;margin:0 10px}
.third-party-title{border-bottom:1px solid #dedede}.third-party-title h5{margin-bottom:-5px}.third-party-title span{background-color:white;padding:0 10px 0 10px;color:#545454}

.third-auth{text-align:center;position:relative;padding:10px 0}.third-auth a{color:#666;margin:15px 20px 0 30px;width:40px;height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;border-radius:4px;zoom:1;background:#fff url(http://www.dmaku.com/demo/moban/2018062057985310/images/authn.png) no-repeat center center}.third-auth a.qq{background-position:0 0}.third-auth a.wx{background-position:center}.third-auth a.dt{background-position:right}
input:focus, button:focus{outline:none;}

.main-content{position:relative;}
.formDiv .gohome {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    background-color: #ECEBEA;
    color: #3D332A;
    width: 50px;
    height: 50px;
    border-bottom-left-radius: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.formDiv .gohome a{color: #3D332A; font-size:28px;margin-top:-10px;}
.formDiv .gohome a i{margin-right:-5px;}
.switch{margin-bottom:15px;}
.input-icon.big.fa{font-size:22px; margin-left:5px;margin-right:5px;}
.input-icon.med{font-size:16px;}
.third-auth .snsIcon a {
 display: inline-block;
 width: 30px;
 height: 30px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;
 margin-right: 10px;
}
.yc{display:none}
.form-item{position:relative;}
.form-item img{position:absolute; top:5px; right:5px; cursor:pointer;}
.form-item input.ycyzm{text-transform:uppercase;}












.my-account-area {
  padding: 0px;
}
@media only screen and (max-width: 1199px) {
  .my-account-area {
    padding: 0px 0 0px;
  }
}

.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .myaccount-tab-menu {
    margin-bottom: 40px;
  }
}
.myaccount-tab-menu.nav-tabs ul{list-style:none;}
.myaccount-tab-menu.nav-tabs .nav-link {
  background-color: transparent;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-radius: 0;
  color: #000;
  
  font-size: 15px;
  font-weight: 600;
  display: block;
  padding: 15px 15px;
  text-align: left;
  text-transform: capitalize;
  width:100%;
}

.myaccount-tab-menu.nav-tabs .nav-link:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.myaccount-tab-menu.nav-tabs .nav-link.active {
  background-color: #166639;
}
.myaccount-tab-menu.nav-tabs .nav-link:hover, .myaccount-tab-menu.nav-tabs .nav-link.active {
  background-color: #166639;
  border-color: #166639;
  color: #fff;
}
.myaccount-tab-menu.nav-tabs .nav-link.active a{color:#fff;}
.myaccount-tab-menu.nav-tabs .nav-link:hover a{color:#fff;}
.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px 30px 15px;
}
@media only screen and (max-width: 1199px) {
  .myaccount-content {
    padding: 25px 25px 10px;
  }
}
.myaccount-content form {
  margin-top: -20px;
}
.myaccount-content h3 {
  
  font-weight: 600;
  font-size: 18px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  .myaccount-content h3 {
    font-size: 18px;
  }
}

.myaccount-content .welcome a {
  
}
.myaccount-content .welcome a:hover {
  color: #166639;
}
.myaccount-content .welcome strong {
  
  font-weight: 600;
  color: #166639;
}
.myaccount-content p {
  
  line-height: 28px;
  margin-bottom: 6px;
}
@media only screen and (max-width: 991px) {
  .myaccount-content p {
    font-size: 15px;
  }
}
.myaccount-content fieldset {
  margin-top: 20px;
}
.myaccount-content fieldset legend {
  
  font-size: 15px;
  margin-bottom: 20px;
  font-weight:normal;
  color:#666;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
@media only screen and (max-width: 991px) {
  .myaccount-content fieldset legend {
    font-size: 15px;
  }
}
.myaccount-content .account-details-form {
  margin-top: 50px;
}
.myaccount-content .account-details-form i{color:#f00; font-style:normal;}
.myaccount-content .account-details-form p.cue{color:#f00; font-style:normal; margin-left:-15px;}
.myaccount-content .account-details-form .single-input-item {
  margin-bottom: 20px;
}
.myaccount-content .account-details-form .single-input-item label {
  
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.myaccount-content .account-details-form .single-input-item input {
  border: 1px solid #e8e8e8;
  width: 100%;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 14px;
}
.myaccount-content .account-details-form .single-input-item input.nmod {
	color:#aaa; font-size:18px;
}
.myaccount-content .account-details-form .single-input-item input[type=radio] {
  border: 1px solid #e8e8e8;
  width:25px;
  height: 16px;
  padding: 2px 0px;
  color: #1f2226;
}
.myaccount-content .account-details-form .single-input-item label.lb{display:inline;margin-right:15px;}

.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #343538;
}
.iPicker-container{ margin-bottom:10px; width:32%;}
.iPicker-container:not(:last-child){margin-right:2%;}
.iPicker-container span{color:#666;}
.myaccount-content .account-details-form .single-input-item input[type=button], .myaccount-content .account-details-form .single-input-item input[type=submit]{
  border: none;
  background-color: #166639;
  text-transform: uppercase;
  font-weight: 600;
  padding: 20px 40px;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  width:auto;
}
.myaccount-content .account-details-form .single-input-item input[type=button]:hover, .myaccount-content .account-details-form .single-input-item input[type=submit]:hover {
  background-color: #1f2226;
}

.myaccount-table {
  white-space: nowrap;
  
  font-size: 14px;
}
.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  
  font-weight: 600;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
  color: #1f2226;
}
.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}
.myaccount-table table td a,
.myaccount-table .table td a {
  
  font-size: 14px;
  color: #000;
}

.nav-tabs{width:100%;margin:0;padding:0;}