/*------------------------------------------
Template Name: AdminEx Dashboard
Author: ThemeBucket
-------------------------------------------*/
@import url('bootstrap.min.css');
.mtop10{margin-top:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body,button,input,select,textarea {font-family:'Microsoft YaHei',arial,SimSun,sans-serif,tahoma;}
input,select,textarea{font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0 none;}
iframe{display:block;}
.overflow{overflow:hidden}
abbr,acronym{border:none;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul{list-style:none;}
label,dt{font-weight:normal}
i{font-style:normal}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:before,q:after{content:'';}
ins,a{text-decoration:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.tr{text-align:right;}
.tl{text-align:left}
.tc{text-align:center}
body{font-size:14px;font-family:'Microsoft YaHei' Helvetica, STHeiTi, sans-serif;color:#666;line-height:150%}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle;}
.clear{clear:both;font-size:0;height:0;overflow:hidden;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:active,button:active,input:active,select:active,textarea:active{text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);outline:none;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;cursor:pointer;outline:none;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
input:focus,textarea:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-moz-focus-inner{border:none}
input,button,select,textarea{outline:none;}/*去掉谷歌默认的黄色聚焦边框*/
textarea{resize:none;}/*取消textarea的拖动改变大小的功能*/
.wap{width:96%;margin:0 auto}
.ml10{margin-left:1rem}
.em1{color:#999999!important}
.em2{color:#494d54}
.em3{color:#b58f5c}
.em4{color:#666!important;}
.em5{color:#333!important}
.ft12{font-size:12px}
.fb{font-weight:bold}
.pt1{padding:10px 0}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

/*顶部固定*/
.left-side{width:260px;position:absolute;top:0;left:0;}
.sticky-left-side{position:fixed;height:100%;z-index:100;/*background:#2d2016 url(../img/bg.jpg) top center no-repeat;*/width:260px;background: #161616}
.sticky-left-side .custom-nav{margin-top:60px;}
.left-side-collapsed .sticky-left-side{overflow-y: visible;}
.logo-icon{display:none;}
.nav-active{color:#fff;height:60px;line-height:60px;padding:0 20px;}
.notification-menu>li{display:inline-block;float:left;position:relative;color:#fff;}
.notification-menu a{color:#fff;padding:0 2rem;text-transform:uppercase}
.notification-menu li em{padding-left:1rem;}
.header-section{background:#0e0e0e;height:90px;line-height:90px;}
.header-section::after{clear:both;display:block;content:'';}
.menu-right{float:right;margin-right:15px;}
.sticky-header .logo{position:fixed;top:0;left:0;z-index:100;background:#0e0e0e;width:320px;height:90px;line-height:90px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */padding-left: 30px}
.logo a{font-size: 24px;color:#fff}
.sticky-header .header-section{position:fixed;top:0;left:320px;width: 100%;z-index:100;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */;padding-right: 45px}
.sticky-header .main-content{padding-top:90px;}
.left-side-inner{padding-top:90px;}
.wrapper{padding:25px;}
.wrapper::after{clear:both;display:block;content:'';margin-bottom: 30px;}
.sticky-header .menu-right{margin-right:270px;}
.menu_nav li{float:left;padding:0 1rem;color:#fff}
.span1{background-color:#ffffff;width:40px;height:40px;line-height:40px;border-radius:100%;display:inline-block; margin-top:10px;overflow:hidden;text-align:center}
.span1 img{text-align:center;max-width:40px;withd:100%}
.span2{display:block;padding:0 1rem;color:#fff}
.span2:hover,.span2:active,.span2:visited{color:#999}
.nav li a{color:#999}
/*导航*/
.treebox{width:260px;margin:0 auto;border-top: 1px solid #282828;}
.menu{overflow:hidden;}
.menu li{height: 50px;line-height: 50px;}
.menu li.level1 a{display:block;height:50px;line-height:50px;color:#b2b2b2;margin-left: 25px;border-bottom: 1px solid #282828;position:relative;}
.level1 i{width:8px;height:14px;background-image:url(../img/right.png);background-repeat:no-repeat;display:block; position:absolute;right:20px;top:20px; }
.level1.cur i,.level1:hover i{background-image:url(../img/right1.png);background-repeat:no-repeat;}
.menu li.level1.cur a,.menu li.level1:hover a{color: #fff;border-bottom:1px solid #56a7ff;background: #00a1e9}
.sort1{background: url(../img/ic1.png) 30px center no-repeat;padding-left: 32px;}
.sort1.cur,.sort1:hover{background: url(../img/ic1_cur.png) 30px center no-repeat #00a1e9!important;padding-left: 32px;background-size:16px}
.sort2{background: url(../img/ic2.png) 30px center no-repeat;padding-left: 32px}
.sort2.cur,.sort2:hover{background: url(../img/ic2_cur.png) 30px center no-repeat #00a1e9!important;padding-left: 32px}
.sort3{background: url(../img/ic3.png) 30px center no-repeat;padding-left: 32px}
.sort3.cur,.sort3:hover{background: url(../img/ic3_cur.png) 30px center no-repeat #00a1e9!important;padding-left: 32px}

/*.menu li ul{overflow:hidden;margin-top:10px;}
.menu li ul.level2{display:none;}
.menu li ul.level2 li a{display:block;height:40px;line-height:40px;color:rgba(255,255,255,0.5);text-indent:20px;font-size:12px;}*/

/*会员中心*/
.main-content{margin-left:260px;background:#f0f0f0;min-height:1000px;}
.mian_left_top dd{font-size:12px;line-height:26px;margin-top:10px}
.mian_left_top dt span img{margin:0 5px}
.panel_1{color:#333;font-size:18px;font-weight:bold;padding:1.5rem 2rem}
.panel_2{background:none;border-top:none;padding:2.5rem 2rem}
.table_1 tr th{background-color:#f8f8f8;height:40px;line-height:40px;font-weight:bold;text-align:center}
.table_1 tr td{text-align:center;height:40px;line-height:40px;border-bottom:1px dotted #e8e8e8;font-size:12px}
.Grade{background-color:#b58f5c;color:#fff;width:180px;height:40px;line-height:40px;text-align:center;display:block;border-radius:3px;font-size:14px;}
.more{font-weight:normal;color:#999;font-size:14px}
.more1{color:#f3422e}
.panel_3{background:none;border-top:none;}
.panel_news{width:96%;margin:0 auto}
.panel_news dl{border-bottom:1px dotted #e8e8e8;padding:20px 0 25px 0}
.panel_news dl:last-child{border-bottom:none}
.panel_news dl dt{color:#333;font-weight:bold;padding-bottom:10px}
.panel_news dl dd p{color:#999;font-size:12px;}

/*会员列表*/
.m_title{border-bottom: 1px solid #e8e8e8;width: 100%;padding-left:30px;height: 50px;line-height: 50px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;background: #fff}
.sort_list{background: #fff;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;width: 100%;padding:20px;padding-top:20px;overflow:hidden;}
.sort-items{float: left;overflow: hidden;}
.sort-items label{height: 37px;line-height: 37px;font-size: 12px;float: left;display: block;margin-right:20px}
.edit_text{width: 200px;height: 37px;line-height: 37px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;padding-left: 10px;font-size: 12px;border: 1px solid #dbdfe8;margin-right:30px;float: left;}
.dates{background:url(../img/time.png) 10px center no-repeat;text-align: center}
.select_list{width: 120px;height: 37px;line-height: 37px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;padding-left: 10px;font-size: 12px;border: 1px solid #dbdfe8;margin-right:10px;-webkit-appearance:none; -moz-appearance:none; appearance:none;background: url(../img/down.png) 90% center no-repeat;margin-top:10px;float: left;}
.search_btn{display: inline-block;height: 37px;line-height: 37px;color: #fff;background: #00a1e9;font-size: 12px;width: 80px;text-align: center;float: left;}
.search_btn:hover{color: #fff}
.content{width: 100%;padding:15px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
.white-bg{background: #fff}
.table_list tr th{background:#fafafa;text-align:center;color:#333;font-weight:bold;padding:17px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}
.table_list tr td{color:#333;text-align:center;border-bottom:1px solid #e8e8e8;font-size:12px;border-right: 1px solid #e8e8e8;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
.table_list{border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8}
.tLeft{text-align:left!important}
.menu-tab tr td{border-right: 0;color: #333;text-align:center;padding:10px;vertical-align: middle;}
.menu-tab tr:last-child td{border-bottom:0}

.unline{text-decoration:underline;}
.m_desc{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-align:left}
.table_list em{display: block;}
.pd0{padding:0!important;}
.red-color{color:#ff0000!important}
.blue-color{color:#00a1e9!important}
.pro_list{display: flex;box-sizing: border-box;padding:20px;}
.pro_list dt{width: 40px;height: 40px}
.m_pages{width: 100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;padding:15px 20px;font-size: 12px}
.pages{overflow: hidden}
.pages a{height: 25px;line-height: 25px;width: 30px;text-align: center;border: 1px solid #e8e8e8;border-right: 0;display: block;float: left}
.pages a.cur,.pages a:hover{color: #fff;background: #00a1e9}
.next-btn{margin-left:5px}
.prev-btn,.next-btn{width: 50px!important;border-right: 1px solid #e8e8e8!important;}
.prev-btn{margin-right: 5px}
.pages span a:last-child{border-right: 1px solid #e8e8e8!important;}

.lines{display: block;line-height: 37px;}
/*登录*/
.logins{width: 440px;border-radius: 5px; -moz-border-radius:5px;-webkit-border-radius:5px;margin:0 auto;padding-bottom: 40px;background: #fff;vertical-align: middle;position: absolute;top: 50%;left: 50%;margin-left: -220px;margin-top: -210px;overflow:hidden;}
.login_title{text-align: center;background: url(../img/bg.png) center center no-repeat #cba14f;height: 160px;background-size: 100% 100%;width: 440px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;overflow:hidden;}
.login_title h3{color:#fff;font-size: 30px;margin-top: 50px;line-height: 50px}
.login_title p{text-align: center;color: #c6f2ff;margin-top: 8px;font-size: 12px;opacity: .5}
.login_con{background: #fff;width: 440px}
.login_edit{width: 340px;margin:0 auto;overflow:hidden;}
.login_edit li{margin-top: 20px}
.login_edit li{padding: 12px 0;border-bottom: 1px solid #e8e8e8}
.login_edit li i{width: 40px;text-align: center;display: inline-block;}
.login_edit input{width:290px;color: #c4d1e0;border: 0}
.login_edit input::-webkit-input-placeholder{
    color:#c4d1e0;
}
.login_edit input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#c4d1e0;
}
.login_edit input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#c4d1e0;
}
.login_edit input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#c4d1e0;
}
.login_btn{display: block;color: #fff;background: #56a7ff;font-size: 16px;width: 240px;height: 40px;line-height: 40px;border-radius: 50px; -moz-border-radius:50px;-webkit-border-radius:50px;text-align: center;margin:38px auto 0 auto}
.login_btn:hover{color: #fff}
@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-right {
0% {
opacity: 0;
-moz-transform: translateX(100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-left {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}

.welcome{display:inline-block;color:#FFFFFF;vertical-align:top;line-height:90px;height:90px}
.menu_nav{display:inline-block;}
.menu-right{vertical-align:middle}
.quitBtn{color:#fff;margin-right:2rem}
.quitBtn:hover{color:#fff}
.sort4{background: url(../img/ic4.png) 30px center no-repeat;padding-left: 32px;}
.sort4.cur,.sort4:hover{background: url(../img/ic4.png) 30px center no-repeat #00a1e9!important;padding-left: 32px;}
.sort5{background: url(../img/ic5.png) 30px center no-repeat;padding-left: 32px;}
.sort5.cur,.sort5:hover{background: url(../img/ic5_cur.png) 30px center no-repeat #00a1e9!important;padding-left: 32px;}
.m_titles{border-bottom: 1px solid #e8e8e8;width: 100%;padding:17px 20px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;background: #fff;border-bottom: 1px solid #E4E8EB}
.m_titles h3{font-size:20px;color: #333;font-weight: 600}
.walletDesc{height:30px;line-height:30px;color: #999;font-size:16px}
.walletDesc span em{color:#6395F8;font-size:24px;}
.subBtn{display:inline-block;width:100px;height:30px;line-height:30px;color: #fff;text-align:center;margin-left:40px;border-radius:5px;font-size:14px}
.subBtn:hover,.subBtn:visited,.subBtn:link{color:#fff}
.red-bg{background:#E03A4F}
.blue-bg{background:#6395F8}
.copyBtn{display:inline-block;width:100px;height:30px;line-height:30px;color:#6395F8;text-align:center;margin:0 10px;border-radius:5px;font-size:14px;border:1px solid #6395F8;}
.copyBtn:hover{color:#fff;background-color:#6395F8 }
.tgBox em{color:#333}
.sortList li{float:left;width:100px;height: 40px;line-height:40px;border-right:1px solid #E4E8EB;font-size:16px;color:#333;text-align:center;background:#fff;cursor:pointer;}
.sortList li:last-child{border-right:0}
.sortList li.on{background:#F7F8F9;color:#6395F8;}
.sortList{border:1px solid #E4E8EB;border-radius:4px;display: inline-block;overflow:hidden;}

.tableList tr{position:relative;}
.tableList tr th,.tableList tr td{text-align: center;position: relative;}
.tableList tr th{color: #333;font-weight:bold;padding:20px 0;border-bottom:1px solid #E4E8EB;background: #fff}
.tableList tr td{padding:20px 0;border-bottom:1px solid #E4E8EB;color: #333;}
.tableList tr:nth-child(2n) td{background:#F7F8F9}
.mainCon{border:1px solid #E4E8EB;border-radius:4px;min-height:600px}
.pd20{padding:0 20px;}
#gray{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0px;display:none;z-index:99;}
.popup{height:auto;background-color:#fff;position:fixed;z-index:100;border:1px solid #ebeaea;left:0;top:0;display:none;border-radius:5px;overflow:hidden;}
.top_nav{position:relative;padding:16px 30px;background:#F8F8F8;}
.top_nav h3{font-size:20px;color:#333;font-weight:600}
.guanbi{position:absolute;display: block;right:16px;top:14px;}
.guanbi img{width:21px;height:21px}
.populeCon{padding:0 30px 54px 30px;}
.subs{margin-left:0;margin-top:40px;width:160px;height:40px;line-height:40px}
.m_editBox{margin-top:20px}
.m_edit_item{margin-right:20px}
.m_editBox .m_edit_item:nth-child(2n){margin-right:0;}

.up-img div {
    font-size: 12px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}
.up {
    width: 100px;
    height: 100px;
    background: rgba(245, 245, 245, 1);
    border: 1px solid rgba(232, 232, 232, 1);
    border-radius: 4px;
    text-align: center;
    margin-bottom: 10px;
}
.up input{
    position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0; width: 100%; height: 100%;
}
.up img {
    width: 44px;
    height: 44px;
    margin-top: 28px;
}

.up-img img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    margin-bottom: 10px;
}
.m_text{width:240px;height:40px;line-height:40px;border-radius:5px;border:1px solid #e8e8e8;padding-left:20px;margin-top:10px;}
.zfbText{width:500px}
.orderText{width:240px;height:40px;background:rgba(255,255,255,1);border-radius:4px;border:1px solid #E4E8EB;color:#333;padding:0 20px;margin-right:20px;}
.searchBtn{display:block;width:100px;height: 40px;line-height:40px;text-align:center;font-size: 16px;color:#fff;background:#6395F8;border-radius:5px;}
.searchBtn:hover,.searchBtn:link{color:#fff;}
.pages img {max-width: 7px;vertical-align: middle;line-height: 30px;}