.header { border-bottom:1px solid #f4f4f4;}

/**会员中心*/
.member { width:1300px; margin:30px auto; border:1px solid #e8e8e8; border-radius: 4px; box-sizing:border-box; overflow: hidden; background:#f9f9f9;}
.member h1 { height:50px; line-height:50px; font-size:24px; color:#333; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #eee;}
.nomessg { width:100%; margin:50px auto; padding-top:120px; text-align:center; background:url(../images/Warring.png) no-repeat center top;}
.nomessg p { line-height:30px; font-size:14px; color:#999;}
.member .lft { float:left; width:210px; position:relative;}
.member .lft::after { display:block; content:""; width:1px; height:100%; background:#f4f4f4; position:absolute; right:-1px; top:0;}
.member .lft .topimg { padding:15px 10px;}
.member .lft .topimg .img { float:left; width:55px; height:55px; border-radius:50%; overflow:hidden;}
.member .lft .topimg .img img { display:block; width:100%;}
.member .lft .topimg .msg { float:right; width:130px; line-height:22px; margin-top:7px;}
.member .lft .topimg .msg h3 { font-weight:bold; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member .lft .topimg .msg p { font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member .lft li { padding:10px 0; border-top:1px solid #e8e8e8;}
.member .lft li h3 { line-height:40px; font-size:16px; color:#333; padding-left:45px; position:relative;}
.member .lft li h3::after { display:block; content:""; width:6px; height:6px; border-radius:50%; background:#153993; position:absolute; left:30px; top:18px;}
.member .lft li a { display:block; line-height:35px; font-size:14px; color:#999; padding-left:45px;}
.member .lft li a:hover,
.member .lft li .on { color:#153993; background:#fff;}
.member .lft li .on { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;}
.member .lft .lout { display:block; width:100%; line-height:50px; font-size:14px; color:#fff; text-align:center; margin:0 auto; background:#153993;}
.member .lft .wechat { padding:15px 20px 15px 0; border-top:1px solid #f4f4f4;}
.member .lft .wechat p { line-height:25px; font-size:14px; color:#153993; text-align:center;}
.member .lft .wechat img { display:block; width:100px; margin:5px auto;}

.member .rgt { float:right; width:calc(100% - 271px); min-height:998px; padding:15px 30px; border-left:1px solid #e8e8e8; background:#fff;}
.member .rgt .layui-btns { float:left; width:160px; height:50px; line-height:50px; font-size:16px; color:#fff; letter-spacing: 2px; margin-right:20px; border:none; border-radius:2px; background:#153993;}
.member .rgt .layui-btn-primary { color:#333; background:#ddd;}
.member .rgt .marlft { margin-left:90px;}
.member .rgt .layui-btn-sm { display:block; float:left; height:40px; line-height:35px; font-size:14px; color:#fff; margin-left:10px; padding:0 15px; letter-spacing:4px; border:none; border-radius:2px; background:#153993;}
.member .rgt .layui-btn-sm i { font-size:22px !important; position:relative; top:3px;}
.member .rgt .layui-form-pane .layui-form-item[pane] { border:none;}
.member .rgt .layui-form-item .mgs { float:left; width:220px; height:40px; line-height:40px;}
.member .rgt .layui-form-item .mgs .layui-form-radio { margin-top:0px;}
.member .rgt .layui-form-item label { display:block; float:left; height:40px; line-height:40px; padding:0 15px; border:1px solid #e6e6e6; border-right:none; border-radius:2px 0 0 2px; box-sizing:border-box; background:#f8f8f8;}
.member .rgt .layui-form-item label i { font-style:normal; font-size:16px; color:red; margin-right:3px; position:relative; top:5px;}
.member .rgt .layui-form-item input { display:block; float:left; width:200px; height:40px; line-height:40px; padding:0 15px; margin-right:10px; border-radius:2px; border:1px solid #eee;}
.member .rgt .layui-form-item textarea { display:block; float:left; width:calc(100% - 100px); min-height:100px; line-height:22px; font-size:14px; padding:10px; resize:vertical; border:1px solid #ddd;  border-radius:4px; box-sizing:border-box;}
.member .rgt .layui-form-item .layui-textarea { float:right; width:calc(100% - 91px); padding:0; border:none; resize:vertical;}
.member .rgt .layui-form-select { float:left; width:200px; height:40px; line-height:40px; font-size:14px; color:#333; padding:0 10px; border:1px solid #e6e6e6; box-sizing:border-box; background:#fff;}
.member .rgt .layui-form-item .layui-form-select input { width:80%; height:38px; line-height:38px; margin-right:0; padding:0; border:none;}
.member .rgt .layui-form-item .imgs { float:right; width:calc(100% - 91px);}
.member .rgt .layui-form-item .imgs #ip_img { width:200px; border-radius:0 4px 4px 0;}
.member .rgt .layui-form-item .imgs .layui-upload-img { display:block; width:200px; height:120px; margin-top:10px;}
.member .rgt .layui-form-item .layui-word-aux { float:left; height:45px; line-height:45px; margin-left:10px; color:red !important;}
.member .rgt .layui-form-item .select-address { float:left; width:150px; height:45px; line-height:45px; font-size:14px; color:#333; padding:0 10px; margin-right:10px; border:1px solid #e6e6e6; background:#fff; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.member .rgt .layui-tab-title { height: 50px; line-height: 50px; color: #666; padding: 0 15px; margin-bottom: 15px; border: none; background: #f8f8f8;}
.member .rgt .layui-tab-title li::after { width: 50%; margin: auto; border-bottom-color: #153993; right: 0;}
.member .rgt .layui-tab-title .layui-this { font-weight: bold; font-size: 16px; color: #153993;}

.member .rgt .tabmy {}
.member .rgt .tabmy .layui-form-item label { width:100px; color:#333; text-align:right; padding-left:0; border:none; background:none;}
.member .rgt .tabmy .layui-upload-list { width:120px; margin:0; border-radius:4px; overflow:hidden; position:relative;}
.member .rgt .tabmy .layui-upload-list img { display:block; width:120px; height:120px;}
.member .rgt .tabmy .layui-upload-list .layui-btn { width:100%; height:30px; line-height:30px; font-size:12px; color:#fff; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0;}
.member .rgt .tabmy .qy { float:left;}
/*.member .rgt .tabmy .layui-btn { width:140px; height:30px; line-height:30px; font-size:12px; color:#fff; background:rgba(0,0,0,0.5);}*/

.member .rgt .tabmy .layui-textarea { display:block; float:left; width:calc(100% - 100px); min-height:100px; line-height:22px; font-family:Microsoft YAHEI; font-size:14px; padding:10px; resize:vertical; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;}
.member .rgt .tabmy .upfu .layui-btn { float:left; height:40px; line-height:40px; border-radius:0; background:#2abec0;}
.member .rgt .tabmy .upfu .layui-icon-ok { display:block; float:left; width:40px; height:40px; line-height:40px; color:#fff !important; padding-left:15px; background:#2abec0;}
.member .rgt .tabmy .lunw p { line-height:40px; font-size:14px; color:#153993;}
.member .rgt .tabmy .lunw p b { font-size:20px;}
.member .rgt .trims { line-height:25px; font-weight:bold; font-size:15px; color:#153993; padding:15px; margin-bottom:20px; border:1px solid #f6e6e6; background:#fdeded;}
.recause { line-height:30px; font-size:14px; color:#333; padding:20px;}

.member .rgt .tabmy .head { width:100%; margin-bottom:25px; border:1px solid #f4f4f4;}
.member .rgt .tabmy .head .imgtoux { float:left; width:160px; height:150px; text-align:center; background:#153993; position:relative;}
.member .rgt .tabmy .head .imgtoux img { display:block; width:110px; height:110px; margin:20px auto; border-radius:60px; background:#fff;}
.member .rgt .tabmy .head .msg { float:right; width:calc(100% - 200px); margin-right:20px; padding:10px 0; position:relative;}
.member .rgt .tabmy .head .msg a { display:inline-block; height:30px; line-height:30px; font-size:14px; color:#153993; padding:0 15px; margin-top:5px; cursor:pointer; border-radius:2px; border:1px solid #153993; -webkit-transition:all .5s ease; transition:all .5s ease;}
.member .rgt .tabmy .head .msg a:hover { border-radius:15px;}
.member .rgt .tabmy .head .msg h3 { line-height:40px; font-size:18px; color:#333; margin-bottom:10px; border-bottom:1px solid #f4f4f4;}
.member .rgt .tabmy .head .msg p { width:100%; line-height:40px;}
.member .rgt .tabmy .head .msg p i { display:inline-block; height:25px; line-height:25px; font-style:normal; font-size:12px; color:#666; padding:0 10px; border-radius:12.5px; background:#fff; position:absolute; left:-90px; top:20px;}
.member .rgt .tabmy .head .msg p span { font-size:14px; color:#666; margin-right:15px;}
.member .rgt .tabmy .head .msg p span b { font-weight:500; color:#333;}
.member .rgt .tabmy .head .msg p .red { color:#153993;}
.member .rgt .tabmy .head .msg p a { display:inline-block; color:#fff; margin-right:10px; border:none; background:#153993;}
.member .rgt .tabmy [lay-ignore] { display:block; float:left; width:auto; height:40px; line-height:40px; padding:0 15px; margin-right:10px; border:1px solid #eee; border-radius:2px; background:none; -webkit-appearance:auto;}

.member .rgt .layui-tab-content { padding: 10px 0;}
.member .rgt .bdlft { float: left; width: calc(100% - 220px);}
.member .rgt .bdlft .layui-form-item { float: left; width: 50%; clear: inherit;}
.member .rgt .bdlft .layui-form-item .layui-inline input { margin-right: 0;}
.member .rgt .bdlft .layui-form-item .layui-inline:last-child { margin-right: 0;}
.member .rgt .bdlft .layui-form-item input[type="radio"] { display: none;}
.member .rgt .bdlft .layui-form-item .layui-form-radio { line-height: 42px; margin-top: 0;}
.member .rgt .bdlft .layui-form-item .layui-form-radio > i:hover,.member .rgt .bdlft .layui-form-item .layui-form-radioed > i { color: #153993;}
.member .rgt .bdlft .wth100 { width: 100%;}
.member .rgt .bdlft .wth100 input { width: 545px;}
.member .rgt .bdrgt { float: right; width: 220px;}
.member .rgt .bdrgt .img { width: 195px; height: 295px; padding: 10px; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; position: relative;}
.member .rgt .bdrgt .img::before,.member .rgt .bdrgt .img::after { display: block; content: ""; margin: auto; background: rgba(21,57,147,0.6); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.member .rgt .bdrgt .img::before { width: 50px; height: 5px;}
.member .rgt .bdrgt .img::after { width: 5px; height: 50px;}
.member .rgt .bdrgt .img img { display: block; width: 195px; height: 295px; position: relative; z-index: 1;}
.member .rgt .bdrgt p { line-height: 30px; font-size: 16px; color: #999; text-align: center; margin-top: 10px;}
.member .rgt .wzsr {}
.member .rgt .wzsr .layui-form-item label { float: none; width: auto; text-align: left;}
.member .rgt .wzsr .layui-form-item textarea { float: none; width: 100%;}
.member .rgt .layui-form-text img { height: 38px; border: 1px solid #ddd; border-radius: 4px;}

.member .rgt .ships { width:100%;}
.member .rgt .ships h1 a { float:right; width:100px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; margin-top:8px; border-radius:2px; background:#153993;}
.member .rgt .ships li { float:left; width:48.9%; padding-top:15px; margin:0 20px 20px 0; border:1px solid #eee; box-sizing:border-box;}
.member .rgt .ships li:nth-child(2n) { margin-right:0;}
.member .rgt .ships li p { line-height:25px; font-size:12px; color:#666; padding:0 15px;}
.member .rgt .ships li p b { display:block; font-size:16px; margin-bottom:5px;}
.member .rgt .ships li p i { display:inline-block; font-style:normal; font-weight:500; font-size:12px; color:#153993; margin-left:10px;}
.member .rgt .ships li p span { font-size:12px; color:#999;}
.member .rgt .ships li .botm { width:100%; height:35px; line-height:35px; text-align:center; margin-top:10px; border-top:1px solid #eee;}
.member .rgt .ships li .botm a { display:inline-block; width:30%; font-size:14px; color:#01b645; cursor:pointer; border-right:1px solid #eee;}
.member .rgt .ships li .botm a:last-child { border-right:none;}
.member .rgt .ships li .botm .del { color:#dc3b40;}
.member .rgt .ships li .botm .setdef { color:#153993;}
.member .rgt .ships .on { box-shadow: 0 0 10px rgba(0,0,0,0.05);}

/*申请发票*/
.member .rgt .invoice { width:100%;}
.member .rgt .invoice .kje { float:left; width:28%;}
.member .rgt .invoice .kje p { line-height:25px; font-size:14px; color:#666;}
.member .rgt .invoice .kje h3 { line-height:50px; font-size:18px; color:#153993;}
.member .rgt .invoice .kje h3 b { font-size:28px; position:relative; top:1px;}
.member .rgt .invoice .kje .layui-btns { display:block; float:left; text-align:center; margin:15px 10px 0 0; border-radius:4px;}
.member .rgt .invoice .kje .tip { line-height:22px; font-size:12px; color:#153993; margin-top:15px;}

.member .rgt .invoice .kpx { /*float:right; width:64%; min-height:130px; padding-left:7%; border-left:1px solid #eee;*/ width:100%;}
.member .rgt .invoice .kpx h3 { line-height:25px; font-size:14px; color:#333; margin-bottom:10px;}
.member .rgt .invoice .kpx li { float:left; width:50%; line-height:25px; font-size:12px; color:#999;}
.member .rgt .invoice .kpx li span { color:#333; }
.member .rgt .invoice .kpx .wh100 { width:100%;}
.member .rgt .invoice .kpx a { display:block; float:left; width:120px; line-height:40px; font-size:14px; color:#fff; text-align:center; border-radius:4px; margin:15px 15px 0 0; background:#153993;}

.member .rgt .involst { width:100%; margin-top:20px;}
.member .tab_btn { line-height:30px; margin-bottom:5px; padding:10px 20px; background:#f9f9f9;}
.member .tab_btn span { display:inline-block; font-size:14px; color:#666; cursor:pointer; margin-right:20px; position:relative;}
.member .tab_btn span::after { display:block; content:""; width:0; height:2px; margin:auto; background:#153993; position:absolute; left:0; right:0; bottom:-10px;}
.member .tab_btn .on { font-weight:bold; font-size:16px; color:#153993;}
.member .tab_btn .on::after { width:65%;}

/*通知公告、精彩活动*/
.member .rgt .notic h1,.member .rgt .meeting h1 { margin-bottom:0;}
.member .rgt .notic { width:100%; margin-bottom:30px;}
.member .rgt .notic li { float:left; width:calc(48% - 15px); line-height:45px; padding-left:15px; margin-right:4%; border-bottom:1px solid #f4f4f4; position:relative;}
.member .rgt .notic li::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#333; position:absolute; left:0; top:20px;}
.member .rgt .notic li:nth-child(2n) { margin-right:0;}
.member .rgt .notic li a { float:left; width:80%; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member .rgt .notic li span { float:right; font-size:14px; color:#999;}
.member .rgt .notic li:hover::after { background:#153993;}
.member .rgt .notic li:hover a { color:#153993;}
.member .rgt .meeting li:hover .msg h3 { color:#153993;}

/*商城订单*/
.ordtoplst { width:100%;}
.ordtoplst li { float:left; line-height:40px; margin-right:30px; position:relative;}
.ordtoplst li::after { display:block; content:""; width:0; height:2px; margin:auto; background:#153993; position:absolute; left:0; right:0; bottom:0;}
.ordtoplst li a { display:block; font-size:14px; color:#666;}
.ordtoplst li:hover a { color:#153993;}
.ordtoplst .on a { font-weight:bold; font-size:16px; color:#153993;}
.ordtoplst .on::after { width:20px;}
.ordlst { width:100%;}
.ordlst li { margin-top:15px; border:1px solid #eee;}
.ordlst li .cell-item { line-height:40px; padding:0 15px; border-bottom:1px solid #eee; background:#fcfcfc;}
.ordlst li .cell-item p { float:left; font-size:14px; color:#333;}
.ordlst li .cell-item b { float:right; font-size:15px; color:#153993; letter-spacing:2px;}
.ordlst li .list { padding:10px 15px; border-bottom:1px solid #f4f4f4;}
.ordlst li .list .img { display:block; float:left; width:120px; height:120px; border-radius:4px; overflow:hidden;}
.ordlst li .list .msg { float:right; width:calc(100% - 140px);}
.ordlst li .list .msg .top { height:50px;}
.ordlst li .list .msg .top h3 { float:left; width:60%; line-height:25px; font-size:16px; color:#333;}
.ordlst li .list .msg .top span { float:left; line-height:50px; text-align:center;}
.ordlst li .list .msg .top .price { width:30%; font-size:12px; color:#dc3b40;}
.ordlst li .list .msg .top .price b { font-weight:500; font-size:16px;}
.ordlst li .list .msg .top .gnum { width:10%; font-size:14px;} 
.ordlst li .list .msg p { line-height:30px; font-size:14px; color:#999; margin-top:10px;}
.ordlst li .ordbottom { line-height:30px; padding:10px 15px; background:#fdfdfd;}
.ordlst li .ordbottom .shx { float:left; width:59%; border-right:1px solid #eee;}
.ordlst li .ordbottom .totl { float:right; width:40%; text-align:right;}
.ordlst li .ordbottom p { font-size:12px; color:#666;}
.ordlst li .ordbottom p span { color:#333;}
.ordlst li .ordbottom p b { font-weight:500; font-size:16px;}
.ordlst li .ordbottom p .green { color:#12d4a9;}
.ordlst li .ordbottom p .price { font-size:14px; color:#dc3b40;}
.ordlst li .ordbottom p .price b { font-weight:bold; font-size:20px;}
.ordlst li .goodtotal { padding:10px 15px; border-top:1px solid #f4f4f4;}
.ordlst li .goodtotal p { float:right; line-height:40px; font-size:14px; color:#666;}
.ordlst li .goodtotal p span { margin-left:20px;}
.ordlst li .goodtotal p span i { font-style:normal; font-weight:bold; font-size:14px; color:#dc3b40; margin:0 5px;}
.ordlst li .goodtotal p span em { font-style:normal; color:#dc3b40;}
.ordlst li .goodtotal p span em b { font-size:20px;}
.ordlst li .goodtotal .btn { float:right; width:120px; height:40px; line-height:40px; font-size:14px; color:#333; margin-left:30px; border:1px solid #999; border-radius:25px; background:none; -webkit-transition:all .5s ease; transition:all .5s ease;}
.ordlst li .goodtotal .btn:hover { color:#fff; border-color:#333; background:#333;}
.ordlst li .goodtotal .btn-c { color:#153993; border-color:#153993;}
.ordlst li .goodtotal .btn-c:hover { border-color:#153993; background:#153993;}
.ordlst li .goodtotal .btn-o { color:#dc3b40; border-color:#dc3b40;}
.ordlst li .goodtotal .btn-o:hover { border-color:#dc3b40; background:#dc3b40;}
.ordlst li .goodtotal .btn-b { color:#ffa000; border-color:#ffa000;}
.ordlst li .goodtotal .btn-b:hover { border-color:#ffa000; background:#ffa000;}
.layui-laypage a:hover { color:#153993 !important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color:#153993 !important;}

.ordshow { padding:10px; border:1px solid #eee;}
.ordshow .lft { float:left; width:}