/** 初始化 **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active,a:hover{outline:0}
img{display: inline-block; border: none; vertical-align: middle;}
li{list-style:none;}
table{border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4{font-weight: 700;}
h5,h6{font-weight: 500; font-size: 100%;}
button,input,select,textarea{font-size: 100%; }
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/** 初始化全局标签 **/
body{line-height: 1.6; color: #333; color: rgba(0,0,0,.85); font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
hr{height: 0; line-height: 0; margin: 10px 0; padding: 0; border: none; border-bottom: 1px solid #eee; clear: both; overflow: hidden; background: none;}
a{color: #333; text-decoration:none;}
a:hover{color: #777;}
a cite{font-style: normal; *cursor:pointer;}

/* 重置样式 */
/** 流加载 - 加载更多 **/
.layui-flow-more{width: 100%;margin: 50px 0;text-align: center; color: #999; font-size: 14px; clear: both;}
.layui-flow-more a{ height: 44px; line-height: 44px;  }
.layui-flow-more a *{display: inline-block; vertical-align: top;}
.layui-flow-more a cite{width:180px;padding: 0 20px; border-radius: 3px; background-color: #fff;border: solid 1px #969696; color: #969696; font-style: normal;}
.layui-flow-more a cite:hover{opacity: 0.8;border: solid 1px #ff9600; color: #ff9600;}
.layui-flow-more a i{font-size: 3px; color: #F0F0F0;}

/* 弹窗按钮 */
.layui-layer-btn a {
    height: 30px;
    line-height: 30px;
    margin: 5px 5px 0;
    padding: 0 16px;
    border: 1px solid #ff9600 !important;
    background-color: #fff;
    color: #ff9600 !important;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: transparent;
    background-color: #ff9600 !important;
    color: #ffffff !important;
}
.pagination {
    margin-right: 10px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #ff9600;
    border-color: #ff9600;
    cursor: default;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #ff9600;
}

.table>thead>tr>th {
    background-color: #f5f5f5;
}
.table > thead > tr > th {
    border-bottom: 1px solid #969696;
}


/* 重置时间选择控件颜色 */
.ranges li{
    color: #ff9600;
}
.ranges li.active,
.ranges li:hover{
    background-color: #ff9600;
    border: 1px solid #ff9600;
    color: #fff;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #ff9600;
}


.is-dialog .content{
    overflow: hidden;
}
.w1200{width: 1200px!important;}
.w300{width: 300px!important;}
.w400{width: 400px!important;}
.w500{width: 500px!important;}

.jt-flex{display: flex;align-items: center;justify-content: center;}
.showPic{
    cursor: zoom-in;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
}


/* 滚动条 全局样式 */
::-webkit-scrollbar {
    width: 4px; /* 设置滚动条宽度 */
}
/* 水平滚动条样式 */
::-webkit-scrollbar-track {
    background-color: #f5f5f5; /* 设置滑道背景色 */
    height: 4px;
    width: 4px;
}
::-webkit-scrollbar-thumb {
    background-color: #CCCCCC; /* 设置滑块背景色 */
    border-radius: 2px; /* 设置滑块圆角 */
    height: 2px;
    width: 2px;
}
/* 垂直滚动条样式 */
::-webkit-scrollbar-corner {
    display: none; /* 去除交叉点 */
}
/* Firefox浏览器支持 */
@supports (-moz-appearance:none) {
    ::-moz-scrollbar {
        width: 4px; /* 设置滚动条宽度 */
    }
    ::-moz-scrollbar-track {
        background-color: #f5f5f5; /* 设置滑道背景色 */
    }
    ::-moz-scrollbar-thumb {
        background-color: #aaa; /* 设置滑块背景色 */
        border-radius: 3px; /* 设置滑块圆角 */
    }
}


/*公共头部*/
header{width:100%;height: 85px;}
.navbar-container{
    height: 85px;
    padding-left: 50px;
    padding-right: 50px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background: #D4D4D4;
    box-shadow: 0 1px 1px 0 #c3c3c3;
}

.navbar-container .logo{
    width: 134px;
    height: 48px;
    text-align: center;
}
.navbar-container .logo img{
    width: 134px;
    height: 32px;
}
.navbar-container .logo .slogan{
    font-family: "微软雅黑";
    color: #666666;
    font-size: 12px;
    padding-top: 3px;
    margin: 0;
}
.navbar-nav > li > a{
    font-size: 16px!important;
}

/* 导航条搜索 */
.search-container{display:flex;align-items:center}
.search-container a{cursor: pointer;}
.search-container .home{
    display: flex;align-items:center;justify-content: center;
    color: #464646 !important;
    font-size: 16px !important;
}
.search-container .home span{
    color: #464646 !important;
    font-size: 16px !important;
    margin-left: 3px;
}

.search-container .search-center{position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%)}
.search-container .search{display:flex;flex-direction:column}
.search-container .search .top{display:flex;margin-right:20px;margin-left:20px;min-width:600px;height:42px;border-radius:5px;background-color:#fff;align-items:center}
.search-container .search .top .line{width: 1px; height: 22px; background-color: #ddd;}
.search-container .search .bottom{position:absolute;top:75px;z-index:10;display:none;margin-left:20px;padding:30px 10px 30px 40px;width:600px;border:solid 1px #969696;background-color:#fff;box-shadow:2px 2px 10px 0px #a19696;}
.search-container .search .bottom .title{color:#ff8300;}
.search-container .search .bottom .tag-keywords{margin-top:10px;}
.search-container .search .bottom .tag-keywords .stag,
.search-container .search .bottom .tag-keywords a{
    display: block;
    float: left;
    font-size: 12px;
    text-decoration:none;
    border:solid 1px #8a8a8a;
    color: #8a8a8a;
    margin-right:6px;
    margin-bottom:15px;
    padding:3px 15px;
}
.search-container .search .bottom .tag-keywords .active,
.search-container .search .bottom .tag-keywords .stag:hover,
.search-container .search .bottom .tag-keywords .stag:active,
.search-container .search .bottom .tag-keywords .stag.hover {
    background-color: #fa970b;
    border-color: #fa970b;
    color: #ffffff;
}
.search-container .search .icon{display:flex;padding-top:13px;padding-bottom:13px;width:57px;height:100%;color:#ddd;align-items:center;justify-content:center}
.search-container .search .icon img{width: 23px;}
.search-container .search input{margin-left:5px;height:100%;border:none;flex:1;padding: 10px;}
.search-container .search input::placeholder{color:#a7a7a7;font-size:14px}
.search-container .search .search-icon{cursor:pointer;display:flex;width:70px;font-size:20px;height:100%;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#ff8000;color:#fff;align-items:center;justify-content:center}
.search-container .search input:focus{border:1px solid #fff}



/*下拉菜单*/
/*.navbar-container .navbar-brand{margin:10px 30px 1px 35px;}
.navbar-container .navTab{
    margin-right: 10px;
    color: #464646;
    font-size: 16px;
}
.navbar-container .navTab label{
    padding: 0 3px;
    font-weight: normal;
    color: #464646;
}
.navbar-container .navTab a{
    padding: 0 5px;
    color: #464646;
}
.navbar-container .navTab a:hover{color:#ff9600;}
.navbar-container .navTab a>i{margin-right: 3px;}*/


.navbar-container .dropdown-menu{
    width: 190px;
    height: 283px;
    border: solid 1px #969696;
    border-radius: 10px;
    padding-top: 0;
}
.navbar-container .dropdown-menu .user-head{
    background: #ff9600;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 10px 15px;
}
.navbar-container .dropdown-menu .user-head .account{
    color: #ffffff;
    font-size: 16px;
}

/*首页下拉菜单*/
/*.nav-jt li > a {
    font-size: 13px;
}
.nav-jt li > a h5 {
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav-jt > li > a {
    font-size: 14px;
}
.nav-jt ul.dropdown-menu {
    border: none;
    border-radius: 4px;
}
.nav-jt ul.dropdown-menu > li.active > a {
    color: #ff9600;
    background-color: #f5f5f5;
}
.nav-jt ul.dropdown-menu > li > a {
    padding: 8px 20px;
}
.nav-jt ul.dropdown-menu {
    border: none;
    border-radius: 4px;
}
.nav-jt ul.dropdown-menu > li.active > a {
    color: #ff9600;
    background-color: #f5f5f5;
}*/


.jt-icon-cart{
    background: url("../img/icon/icon-cart.png") left center no-repeat;
    padding-left: 6px!important;
    display: inline-block;
}
.jt-icon-cart:hover{
    background: url("../img/icon/icon-cart-hover.png") left center no-repeat;
}

.jt-icon-heart{
    background: url("../img/icon/icon-heart.png") left center no-repeat;
    padding-left: 6px!important;
    display: inline-block;
}
.jt-icon-heart.a-btn-hover,
.jt-icon-heart:hover{
    background: url("../img/icon/icon-heart-hover.png") left center no-repeat;
}

.jt-icon-notify{
    background: url("../img/icon/icon-notify.png") left center no-repeat;
    padding-left: 6px!important;
    display: inline-block;
}
.jt-icon-notify:hover{
    background: url("../img/icon/icon-notify-hover.png") left center no-repeat;
}

.jt-icon-share{
    background: url("../img/icon/icon-share.png") left center no-repeat;
    padding-left: 6px;
    background-size: 16px;
}
.jt-icon-share .a-btn-hover,
.jt-icon-share:hover{
    background: url("../img/icon/icon-share-hover.png") left center no-repeat;
    background-size: 16px;
}

/* 搜素相似 */
.jt-icon-searchsame{
    background: url("../img/icon/icon-searchsame.png") left center no-repeat;
}
.jt-icon-searchsame:hover{
    background: url("../img/icon/icon-searchsame-hover.png") left center no-repeat;
}
/* 加入收藏 */
.jt-icon-addcollect{
    background: url("../img/icon/icon-addcollect.png") left center no-repeat;
}
.jt-icon-addcollect.hover,
.jt-icon-addcollect:hover{
    background: url("../img/icon/icon-addcollect-hover.png") left center no-repeat;
    color: #FF9600;
}

/* 查看专辑 */
.jt-icon-seealbum{
    background: url("../img/icon/icon-seealubum.png") left center no-repeat;
}
.jt-icon-seealbum.hover,
.jt-icon-seealbum:hover{
    background: url("../img/icon/icon-seealubum-hover.png") left center no-repeat;
    color: #FF9600;
}

/* 分享图片 */
.jt-icon-sharepic{
    background: url("../img/icon/icon-sharepic.png") left center no-repeat;
}
.jt-icon-sharepic:hover{
    background: url("../img/icon/icon-sharepic-hover.png") left center no-repeat;
}

.jt-icon-addcart{
    background: url("../img/icon/icon-cart.png") left center no-repeat;
    width: 19px;
    height: 17px;
    display: block;
}
.jt-icon-edit{
    background: url("../img/icon/icon-edit.png") left center no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}
.jt-icon-del{
    background: url("../img/icon/icon-del.png") left center no-repeat;
    width: 14px;
    height: 19px;
    display: block;
}
.jt-icon-move{
    background: url("../img/icon/icon-move.png") left center no-repeat;
    width: 17px;
    height: 19px;
    display: block;
}

.icon-tips{
    background: url("../img/icon/icon-tips.png") center center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    cursor: pointer;
}


.icon-download{
    background: url("../img/icon/icon-download.png") center center no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
}
.icon-download:hover,
.btn-icon-download:hover .icon-download,
.icon-download-hover{
    background: url("../img/icon/icon-download-hover.png") center center no-repeat!important;
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
}

.btn-icon-download{
    border: solid 1px #ff9600;
    color: #ff9600;
    width: 100px;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-icon-download:hover{
    border: solid 1px #ff9600;
    background-color: #FF9600;
    color: #ffffff;
}
.btndownAll{
    width: 200px;
    height: 40px;
    border: solid 1px #ff9600;
    background-color: #FF9600;
    color: #ffffff;
}
.btndownAll:hover{
    border: solid 1px #ffb400;
    background-color: #ffb400;
}


.btn-edit-avatar{
    background-color: #ffffff;
    border: solid 1px #ff9600;
    color: #ff9600;
    font-size: 12px;
    width: 120px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}
.btn-edit-avatar:hover{
    background-color: #ff9600;
    border: solid 1px #ff9600;
    color: #ffffff;
}


.btn-edit-picture{
    width: 100px;
    height: 40px;
    line-height: 36px;
    font-size: 14px;
    border: solid 1px #82b400;
    background-color: #ffffff;
    color: #82b400;
}
.btn-edit-picture:hover{
    border: solid 1px #82b400;
    background-color: #82b400;
    color: #ffffff;
}


.btn-edit-price{
    width: 100px;
    height: 40px;
    line-height: 36px;
    font-size: 14px;
    border: solid 1px #ff9600;
    background-color: #ffffff;
    color: #ff9600;
}
.btn-edit-price:hover{
    border: solid 1px #ff9600;
    background-color: #ff9600;
    color: #ffffff;
}

.btn-info{
    color: #fff;
    background-color: #ff9600;
    border-color: #ff9600;
}
.btn-info:hover{
    color: #fff;
    background-color: #ff9600;
    border-color: #ff9600;
    font-weight: bold;
}
.btn-primary {
    color: #fff;
    background-color: #ff9600;
    border-color: #ff9600;
}
.btn-primary:hover {
    color: #fff;
    background-color: #FFB400!important;
    border-color: #ff9600!important;
}

.btn-default {
    background-color: #ffffff;
    color: #ff9600;
    border-color: #ff9600;
}
.btn-default:hover {
    background-color: #ff9600;
    color: #ffffff;
    border-color: #ff9600;
}

.btn-success {
    color: #fff;
    background-color: #ff9600;
    border-color: #ff9600;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus{
    color: #fff;
    background-color: #FFB400;
    border-color: #FFB400;
}

.btn-del-picture{
    background: url("../img/icon/icon-btndel.png") center center no-repeat;
    width: 19px;
    height: 25px;
    display: block;
}
.btn-del-picture:hover{
    background: url("../img/icon/icon-btndel-hover.png") center center no-repeat;
    width: 19px;
    height: 25px;
}


.text-success{color: #ff9600!important;}


/* 会员中心 公共查询 */
.form-commonsearch{
    background-color: #f5f5f5;
    padding: 10px;
    border: 1px solid #ddd;
}
.table-commonsearch{
    width: auto;
    margin-bottom: 0 !important;
    border-bottom: 0;
}
.table-commonsearch th{
    text-align: right!important;
    padding-right: 0!important;
}
.table-commonsearch th,.table-commonsearch td{
    vertical-align: middle !important;
    border: none !important;
}
.bootstrap-table .table {
    border-bottom: 0;
}





/*
.nav-jt > li > a{
    padding-left: 10px
}
.nav-jt > li > a:hover{
    color: #ffffff;
}*/

.nav-jt .nav-line {
    width: 1px;
    height: 16px;
    background: #464646;
    margin-top: 23px;
}
.nav-jt a{
    padding: 0 5px;
    color: #464646;
}
.nav-jt a:hover{color:#ff9600 !important;}

.nav-jt ul.dropdown-menu > li > a {
    padding: 8px 50px !important;
}
.nav-jt ul.dropdown-menu .item{
    margin-top: 10px;
    margin-left: 20px;
}
.nav-jt ul.dropdown-menu .item:hover{
    background-color: #ff9600;
    color: #ffffff !important;
}
.nav-jt ul.dropdown-menu a:hover{
    color: #ffffff !important;
}


/* 菜单图标 */
.icon-bg-profile{
    background: url("../img/icon/icon-grxx.png") 25px center no-repeat;
}
.icon-bg-profile:hover,
.icon-bg-profile.active{
    background: url("../img/icon/icon-grxx-hover.png") 25px center no-repeat;
}

.icon-bg-collect{
    background: url("../img/icon/icon-collect.png") 25px center no-repeat;
}
.icon-bg-collect:hover,
.icon-bg-collect.active{
    background: url("../img/icon/icon-collect-hover.png") 25px center no-repeat;
}

.icon-bg-cart{
    background: url("../img/icon/icon-mcart.png") 25px center no-repeat;
}
.icon-bg-cart:hover,
.icon-bg-cart.active{
    background: url("../img/icon/icon-mcart-hover.png") 25px center no-repeat;
}

.icon-bg-cart{
    background: url("../img/icon/icon-mcart.png") 25px center no-repeat;
}
.icon-bg-cart:hover,
.icon-bg-cart.active{
    background: url("../img/icon/icon-mcart-hover.png") 25px center no-repeat;
}

.icon-bg-order{
    background: url("../img/icon/icon-order.png") 25px center no-repeat;
}
.icon-bg-order:hover,
.icon-bg-order.active{
    background: url("../img/icon/icon-order-hover.png") 25px center no-repeat;
}

.icon-bg-invoice{
    background: url("../img/icon/icon-invoice.png") 22px center no-repeat;
}
.icon-bg-invoice:hover,
.icon-bg-invoice.active{
    background: url("../img/icon/icon-invoice-hover.png") 22px center no-repeat;
}

.icon-bg-use{
    background: url("../img/icon/icon-use.png") 25px center no-repeat;
}
.icon-bg-use:hover,
.icon-bg-use.active{
    background: url("../img/icon/icon-use-hover.png") 25px center no-repeat;
}

.icon-bg-upload{
    background: url("../img/icon/icon-upload.png") 25px center no-repeat;
}
.icon-bg-upload:hover,
.icon-bg-upload.active{
    background: url("../img/icon/icon-upload-hover.png") 25px center no-repeat;
}

.icon-bg-mypic{
    background: url("../img/icon/icon-mypic.png") 25px center no-repeat;
}
.icon-bg-mypic:hover,
.icon-bg-mypic.active{
    background: url("../img/icon/icon-mypic-hover.png") 25px center no-repeat;
}

.icon-bg-album{
    background: url("../img/icon/icon-album.png") 25px center no-repeat;
}
.icon-bg-album:hover,
.icon-bg-album.active{
    background: url("../img/icon/icon-album-hover.png") 25px center no-repeat;
}

.icon-bg-logout{
    background: url("../img/icon/icon-logout.png") 25px center no-repeat;
}
.icon-bg-logout:hover,
.icon-bg-logout.active{
    background: url("../img/icon/icon-logout-hover.png") 25px center no-repeat;
}



/* 头部tab简单样式 */
.jtnav-tabs{
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    min-height: 30px;
}
.jtnav-tabs > li {
    float: left;
    margin-bottom: -1px;
    position: relative;
    display: block;
}
.jtnav-tabs > li > a {
    position: relative;
    display: block;
    padding: 0 15px;
    font-size: 21px;
    line-height: 20px;
    margin-right: 2px;
    border-left: solid 1px #464646;
}
.jtnav-tabs > li:first-child a{
    border-left:0;
}

.jtnav-tabs > li.active > a,
.jtnav-tabs > li.active > a:hover,
.jtnav-tabs > li.active > a:focus {
    color: #FF9600;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
    /*border-bottom-color: transparent;*/
    cursor: default;
}

/*订单状态筛选*/
.order-tabs{
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.order-tabs > li {
    float: left;
    margin-bottom: -1px;
    position: relative;
    display: block;
}
.order-tabs > li > a {
    position: relative;
    display: block;
    padding: 0 1px 0 10px;
    font-size: 14px;
    line-height: 10px;
    margin-right: 2px;
    border-left: solid 1px #464646;
}
.order-tabs > li:first-child a{
    border-left:0;
}
.order-tabs > li.active > a,
.order-tabs > li.active > a:hover,
.order-tabs > li.active > a:focus {
    color: #FF9600;
    cursor: default;
}


/*控制台*/
.box {
    border-top: 0px solid #ff9600;
}
.box .box-info {
    border-bottom-color: #ff9600;
    border-top: none;
}
.box-header {
    border-bottom: solid 1px #ff9600;
}
.box-header .box-title {
    color: #ff9600;
    font-size: 14px;
    padding-left: 10px;
}
.box-header .box-title:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 14px;
    background-color: #ff9600;
    top: 11px;
    left: 10px;
}


/*公共页脚*/

/* 页脚 */
footer {
    background: #55646E !important;
    height: 270px !important;
    color:#C8C8C8 !important;
    margin-top:80px !important;
    padding: 20px 0 50px !important;
}
.footer{margin:20px auto;font-size: 12px;}
.footer a{color:#C8C8C8;text-decoration:none}
.footer a:hover {color: #fff;}
.footer .top{display:flex;font-size:14px;}
.footer .top a{margin:0 10px;}
.footer .top a:first-child{margin-left: 0;}
.footer .center{margin:30px 0;}
.footer .center a{margin:0 3px}