.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 { width:1300px; margin:30px auto; overflow: hidden;}
.member h1 { height:40px; line-height:40px; font-weight: 500; font-size:22px; color:#333; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #e8e8e8;}
.member .topimg { padding:20px 0; margin-bottom: 20px; border-radius: 4px; overflow: hidden; background: #16a863;}
.member .topimg .img { float:left; width:80px; height:80px; margin-left: 40px; border-radius:50%; overflow:hidden; background: #fff;}
.member .topimg .img img { display:block; max-width:80px; height:80px; margin: 0 auto;}
.member .topimg .msg { float:right; width:calc(100% - 150px); padding: 5px 0;}
.member .topimg .msg li { float: left; width: calc(100% / 5 - 40px); text-align: center; padding: 0 20px; position: relative;}
.member .topimg .msg li::after { display: block; content: ""; width: 1px; height: 100%; margin: auto; background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); position: absolute; left: 0; top: 0; bottom: 0;}
.member .topimg .msg li:first-child { text-align: left;}
.member .topimg .msg li:first-child::after { display: none;}
.member .topimg .msg li h3 { height: 40px; line-height: 40px; font-weight:bold; font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member .topimg .msg li h3 a { display: inline-block; height: 25px; line-height: 23px; font-weight: 500; font-size: 12px; color: #fff; padding: 0 10px; margin-left: 5px; border-radius: 15px 15px 15px 0; overflow: hidden; background: rgba(0,0,0,0.6);}
.member .topimg .msg li p { line-height: 25px; font-size:14px; color:rgba(255,255,255,0.65); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.member .topimg li .lout { display:block; width:60%; line-height:45px; font-size:14px; color:#fff; text-align:center; margin:12px auto; border-radius: 4px; overflow: hidden; background:rgba(0,0,0,0.2); -webkit-transition:all .5s ease; transition:all .5s ease;}
.member .topimg li .lout:hover { background: #ff9d1e;}

.member .lft { float:left; width:230px; background:#fff; position:relative;}
.member .lft .topimg { padding: 15px; margin-bottom: 10px;}
.member .lft .topimg .img { width:60px; height:60px; margin-left: 0;}
.member .lft .topimg .img img { width:60px; height:60px;}
.member .lft .topimg .msg { width:calc(100% - 70px); color: #fff; padding: 0;}
.member .lft .topimg .msg h3 { height: 35px; line-height: 35px; font-weight:bold; font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member .lft .topimg .msg p { line-height: 22px; font-size:12px; color:rgba(255,255,255,0.65); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member .lft .list { padding: 15px; border:1px solid #e8e8e8; border-radius: 4px; overflow: hidden;}
.member .lft .list li { padding-bottom:10px; margin-bottom: 10px; border-bottom:1px solid #eee;}
.member .lft .list li:last-child { border: none;}
.member .lft .list li h3 { line-height:40px; font-weight: bold; font-size:16px; color:#333; padding-left:15px; position:relative;}
.member .lft .list li h3::after { display:block; content:""; width:5px; height:5px; background:#16a863; position:absolute; left:0; top:19px;}
.member .lft .list li a { display:block; line-height:35px; font-size:14px; color:#666; padding-left:15px;}
.member .lft .list li a:hover,
.member .lft .list li .on { color:#16a863; background:#fff;}
.member .lft .list li .on { font-weight: bold; }
.member .lft .list .lout { display:block; width:100%; line-height:45px; font-size:16px; color:#fff; text-align:center; margin:0 auto; border-radius: 4px; overflow: hidden; background:#16a863; -webkit-transition:all .5s ease; transition:all .5s ease;}
.member .lft .list .lout:hover { background: #ff9d1e;}
.member .lft .wechat { padding:15px 20px 15px 0; border-top:1px solid #f4f4f4;}
.member .lft .wechat p { line-height:25px; font-size:14px; color:#16a863; text-align:center;}
.member .lft .wechat img { display:block; width:100px; margin:5px auto;}

.member .rgt { float:right; width:calc(100% - 295px);/* min-height:500px;*/ padding:10px 20px 15px 20px; border:1px solid #e8e8e8; border-radius: 4px; overflow: hidden; background:#fff;}
.member .rgt .layui-btns { float:left; width:160px; height:45px; line-height:45px; font-size:16px; color:#fff; margin-right:20px; border:none; border-radius:2px; background:#16a863;}
.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:#16a863;}
.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 #e8e8e8;}
.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 #e8e8e8; 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-item .imsg { display: block; float: left; width: 200px; min-height: 125px;}
.member .rgt .layui-form-item .xzai { display: block; float: left; height: 40px; line-height: 40px; font-size: 12px; color: #fff; margin-left: 15px; padding: 0 15px; border-radius: 4px; overflow: hidden; background: red;}
.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 #e8e8e8; 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 .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 { height: 50px; line-height: 50px;}
.member .rgt .layui-tab-title li::after { width: 50%; height: 50px; margin: auto; border: none; border-bottom: 2px solid #16a863; right: 0;}
.member .rgt .layui-tab-title .layui-this { font-weight: bold; font-size: 16px; color: #16a863; background: none;}

.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:#16a863;}
.member .rgt .tabmy .lunw p b { font-size:20px;}
.member .rgt .trims { line-height:25px; font-weight:bold; font-size:15px; color:#16a863; 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 { margin-bottom:25px; padding: 30px 20px; border:1px solid #f4f4f4; border-radius: 4px; background: #fbfbfb;}
.member .rgt .tabmy .head .imgtoux { float:left; width:90px; height:90px; border: 5px solid rgba(22,168,99,0.1); border-radius:50%; overflow: hidden; background: #fff;}
.member .rgt .tabmy .head .imgtoux img { display:block; max-width:90px; height:90px; margin: 0 auto;}
.member .rgt .tabmy .head .msg { float:right; width:calc(100% - 120px);}
.member .rgt .tabmy .head .msg .nams { float: left; width: 35%; padding-top:8px;}
.member .rgt .tabmy .head .msg .nams h3 { line-height:50px; font-size:24px; color:#333;}
.member .rgt .tabmy .head .msg .nams i { display: block; line-height: 25px; font-size: 16px; color: #666; font-style: normal;}
.member .rgt .tabmy .head .msg .anius { float: right; width: 50%; text-align: center; margin-top: 30px; position: relative;}
.member .rgt .tabmy .head .msg .anius .tops { float: right; max-width: 100%;}
.member .rgt .tabmy .head .msg .anius .tops a { display:block; float: right; width: 100px; height:45px; line-height:45px; font-size:15px; color:#fff; cursor:pointer; border-radius:4px; background: #ff9d1e; -webkit-transition:all .5s ease; transition:all .5s ease;}
.member .rgt .tabmy .head .msg .anius .tops p { float: right; margin-left: 15px;}
.member .rgt .tabmy .head .msg .anius .tops p i { display:block; height:45px; line-height:45px; font-style:normal; font-size:15px; color:#fff; border-radius:4px; overflow: hidden; background:#333;}
.member .rgt .tabmy .head .msg .anius .tops p a { float: none; width: auto; padding: 0 15px; background: #16a863;}
.member .rgt .tabmy .head .msg .img { float: right; width: 100px; margin-left: 20px; position: relative;}
.member .rgt .tabmy .head .msg .img img { display: block; width: 94px; height: 94px; padding: 3px; border: 1px solid #eee; overflow: hidden; background: #fff;}
.member .rgt .tabmy .head .msg .img p { width: 320px; line-height: 25px; font-size: 12px; color: #787878; text-align: right; padding: 0 10px; border: 1px solid #d8ede3; border-radius: 2px; background: #eaf7f1; position: absolute; right: -5px; top: -40px;}
.member .rgt .tabmy .head .msg .img p::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #d8ede3 transparent transparent transparent; position: absolute; right: 10px; bottom: -9px;}

.member .rgt .tabmy .head .msg .anius .botms { height: 30px; position: absolute; right: 0; top: 45px;}
.member .rgt .tabmy .head .msg .anius .botms p { line-height: 30px; font-size: 12px; color: #999;}
.member .rgt .tabmy .head .msg .anius .botms p span b { font-weight:500; color:#333;}
.member .rgt .tabmy .head .msg .anius .botms p .red { color:#e00; margin-left: 10px;}
.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 .myForm { position: relative;}
.member .rgt .myForm .layui-form-item { margin-bottom: 10px; clear: inherit;}
.member .rgt .myForm .layui-form-item label { width: 160px; font-size: 12px; padding-right: 10px;}
.member .rgt .myForm .layui-form-item .layui-inline input { margin-right: 0;}
.member .rgt .myForm .layui-form-item .layui-inline:last-child { margin-right: 0;}
.member .rgt .myForm .layui-form-item input[type="radio"] { display: none;}
.member .rgt .myForm .layui-form-item .layui-form-radio { line-height: 42px; margin-top: 0;}
.member .rgt .myForm .layui-form-item .layui-form-radio > i:hover,.member .rgt .bdlft .layui-form-item .layui-form-radioed > i { color: #16a863;}
.member .rgt .layui-form-item .layui-word-aux { float:left; font-size: 12px; color:red !important; margin-left:5px; filter:alpha(opacity=75); opacity:0.75;}

.member .rgt .myForm .wth100 { width: 100%;}
.member .rgt .myForm .wth100 input { width: 545px;}
.member .rgt .myForm .wth100 textarea { width: calc(100% - 160px);}
.member .rgt .myForm .wth100 .layui-word-aux { margin-left:160px;}

.member .rgt .bdrgt { width: 180px; position: absolute; right: 0; top: 0; z-index: 999;}
.member .rgt .bdrgt .img { width: 165px; height: 250px; padding: 5px; 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: 40px; height: 3px;}
.member .rgt .bdrgt .img::after { width: 3px; height: 40px;}
.member .rgt .bdrgt .img img { display: block; width: 165px; height: 250px; position: relative; z-index: 1;}
.member .rgt .bdrgt p { line-height: 25px; font-size: 12px; color: #999; text-align: center; margin-top: 5px;}

.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:3px; border-radius:2px; background:#16a863;}
.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:#16a863; 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:#00a3f6; 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:#16a863;}
.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:#16a863;}
.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:#16a863; 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; cursor: pointer; text-align:center; border-radius:2px; margin:15px 15px 0 0; background:#16a863; -webkit-transition:all .5s ease; transition:all .5s ease;}
.member .rgt .invoice .kpx a:hover { background: #ff9d1e;}

.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:16px; color:#999; cursor:pointer; margin-right:40px; position:relative;}
.member .tab_btn span::after { display:block; content:""; width:0; height:2px; margin:auto; background:#16a863; position:absolute; left:0; right:0; bottom:-10px;}
.member .tab_btn .on { font-weight:bold; color:#16a863;}
.member .tab_btn .on::after { width:65%;}

/*会议报名*/
.member .rgt .meeting li { width:320px; margin:0 22px 0 0;}
.member .rgt .meeting li:nth-child(3n) { margin-right:0;}
.member .rgt .meeting li:nth-child(4n) { margin-right:22px;}
.member .rgt .meeting li .img { width:320px; height:175px;}
.member .rgt .meeting li .img img { min-height:175px;}
.member .rgt .meeting li:hover .msg h3 { color:#16a863;}

/*商城订单*/
.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:#16a863; position:absolute; left:0; right:0; bottom:0;}
.ordtoplst li a { display:block; font-size:14px; color:#666;}
.ordtoplst li:hover a { color:#16a863;}
.ordtoplst .on a { font-weight:bold; font-size:16px; color:#16a863;}
.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:#16a863; 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:#16a863; border-color:#16a863;}
.ordlst li .goodtotal .btn-c:hover { border-color:#16a863; background:#16a863;}
.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:#16a863 !important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color:#16a863 !important;}

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

/*学习历史*/
.member .rgt .history { width: 100%;}
.member .rgt .history li { float: left; width: calc(50% - 45px); line-height: 40px; margin-right: 60px; padding-left: 15px; border-bottom: 1px dashed #ccc; position: relative;}
.member .rgt .history li::after { display: block; content: ""; width: 4px; height: 4px; background: #999; position: absolute; left: 0; top: 20px;}
.member .rgt .history li:nth-child(2n) { margin-right: 0;}
.member .rgt .history li a { float: left; width: 75%; font-size: 15px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.member .rgt .history li span { display: block; float: right; font-size: 12px; color: #999;}
.member .rgt .history li:hover a { color: #16a863;}

/*电子会员卡*/
.certifstu { width: 100%;}
.certifstu .clft { width: 720px; height: 380px; padding: 50px 40px; margin: 0 auto 20px auto; background: url(../images/zs03.jpg) no-repeat top left / 100%;}
.certifstu .clft .jn { display: block; height: 40px; line-height: 40px; font-size: 16px; color: #333; text-align: right;}
.certifstu .clft .jn b { color: #3f9953;}
.certifstu .clft .img { float: left; width: 156px; height: 235px; margin: 35px 0 0 5px; overflow: hidden; background: #fafafa;}
.certifstu .clft .img img { display: block; width: 156px; height: 235px;}
.certifstu .clft .msg { float: right; width: 420px; margin-top: 50px;}
.certifstu .clft .msg p { line-height: 40px; font-size: 18px; color: #fff;}
.certifstu .clft .msg p span { filter:alpha(opacity=60); opacity:0.6;}
.certifstu .clft .botm { height: 35px; line-height: 35px; margin-top: 45px;}
.certifstu .clft .botm span { font-style: normal; font-weight: bold; font-size: 18px; color: #3f9953;}
.certifstu .clft .botm span b { font-weight: 500; color: #333;}

.certifstu .crgt { width: 760px; height: 440px; padding: 20px; margin: 0 auto; background: #ecf7ef;}
.certifstu .crgt .nr { height: 388px; padding: 25px 20px; border: 1px solid rgba(255,255,255,0.8);}
.certifstu .crgt .nr .msg { float: left; width: 420px;}
.certifstu .crgt .nr .msg h2 { line-height: 30px; font-weight: bold; font-size: 20px; color: #3f9953; margin-bottom: 15px;}
.certifstu .crgt .nr .msg p { line-height: 30px; font-size: 14px; color: #666;}
.certifstu .crgt .nr .msg li { float: left; width: calc(50% - 20px); line-height: 30px; font-size: 14px; color: #3f9953; padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-size: 15px;}
.certifstu .crgt .nr .msg li span { color: #333;}
.certifstu .crgt .nr .msg .cr01 { background-image: url(../images/cr01.png);}
.certifstu .crgt .nr .msg .cr02 { background-image: url(../images/cr02.png);}
.certifstu .crgt .nr .msg .cr03 { width: 100%; background-image: url(../images/cr03.png);}
.certifstu .crgt .nr .msg .cr04 { width: 100%; background-image: url(../images/cr04.png);}
.certifstu .crgt .nr .img { float: right; width: 128px; margin: 0px 0 0 15px;}
.certifstu .crgt .nr .img img { display: block; width: 120px; height: 120px; margin: 0 auto; overflow: hidden;}
.certifstu .crgt .nr .img p { line-height: 30px; font-size: 12px; color: #333; text-align: center; margin-bottom: 10px;}