/**
 * Copyright lanru.cn
 */
.f-fs2{font-size:14px;}
.f-wh1{width: 100px;}
*{
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}
input, textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
}
/***** 输入框（无边框悬停状态） *****/
.uew-select .uew-select-value{height:32px;padding:0 5px; margin-top:0px; margin-bottom:12px;line-height:32px;font-family:Tahoma,'微软雅黑','宋体';*font-family:'微软雅黑','宋体';color:#000;resize:none;border-width:1px;border-style:solid;border-color:#a7b5bc #ced9df #ced9df #a7b5bc;}
.uew-border-flag,.uew-border-flag,textarea.uew-border-flag,.uew-select .uew-select-value.uew-border-flag{border-width:1px;border-style:solid;border-color:#bababa #e9e9e9 #e9e9e9 #bababa;}
/***** 下拉框 *****/
.uew-select{position:relative;}
.uew-select .uew-select-value{z-index:1;position:relative;padding-right:20px;background:#fff;font-size:12px; text-indent:5px;background:url(images/inputbg.gif) repeat-x;_background:none;_border:none;}
.uew-select-value em{font-style:normal;}
.uew-select .uew-icon{position:absolute;right:5px;top:10px;}
.uew-select select{z-index:2;position:absolute;top:3px;_top:6px;cursor:pointer; height:28px;}
/***** 去除聚焦虚线框 *****/
a:focus,input[type=checkbox]:focus,input[type=radio]:focus,button:focus,select{outline:none;}
select{opacity:0;filter:alpha(opacity=0);}
option{overflow:auto;padding: 8px 5px;}

/*----------------------------------*
 * 	组件公用图标库         				*
 *----------------------------------*/
.uew-icon,.ue-state-default .uew-icon{display:inline-block;width:16px;height:16px;background-image:url(images/uew_icon.png);}
.ue-state-hover .uew-icon{background-image:url(images/uew_icon_hover.png);}
.uew-icon-triangle-1-s{background-position:-80px 0;}

.vocation,.usercity{float:left;}
.cityleft{float:left; padding-right:10px;_padding-right:15px;}
.cityright{float:left;}

body{
    background-image: url("images/bg44.png");
}
cite,i,em{font-style: normal}
ul,dl{list-style: none;}
a{color: #000}
a:hover{
    text-decoration: none;
}
h1, .h1, h2, .h2, h3, .h3,dl,ul{margin: 0;padding: 0;}

.main{
    background: #fff;
    width: 100%;
}

#header{
    background-color: #333;
    height: 48px;
    line-height: 48px;
    position: relative;
    z-index: 99;
    margin-bottom: 10px;
}
#header .header_l{
    position: absolute;
    left: 0;
    right: 0;
    width: 48px;
    height: 48px;
}
#header .header_r{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}
#header .header_l a{
    display: block;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    padding: 0 4px;
    cursor: pointer;
}
.ico_10{
    background-image: url("images/ico_10.png");
    background-position:50% 50%;
    background-size:20px 20px;
    background-repeat: no-repeat;
}
#header h1{
    color: #fff;
    line-height: 48px;
    text-align: center;
    font-size:14px;
}
.navbar-toggle .icon-bar{
    background-color: #fff;
}
td.red, a.red{
    color: red;
}
#footer{
    line-height: 22px;
    margin-top: 8px;
}

.login .hd span{
    display: inline-block;
}
.login .hd ul{
    display: inline-block;
    float: right;
    height: 40px;
    line-height: 40px;
}
.login .hd ul li{
    float: left;
    height: 40px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}
.login .hd ul li.on{
    border-bottom: 2px solid #ee6a6a;
    color: #ee6a6a;
}
.login .bd{
    margin-top: 10px;
}

.user_top{
    background-color: #ffbf6b;
    position: relative;
    height: 90px;
    overflow: hidden;
}
.user_top dt {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 35px;
    float: left;
    height: 70px;
    margin: 13px 13px 0;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 70px;
}
.user_top dt img {
    border-radius: 35px;
    height: 65px;
    width: 65px;
}
.user_top dd{
    color: #fff;
    line-height: 30px;
}
.user_top dd p{margin: 0;}

.user_top .quan1 {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border-radius: 32px;
    box-shadow: 0 0 10px rgba(250, 0, 0, 0.2);
    height: 64px;
    position: absolute;
    right: 16px;
    top: 8px;
    width: 64px;
}
.user_top .quan2 {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border-radius: 32px;
    box-shadow: 0 0 10px rgba(250, 0, 0, 0.15);
    height: 48px;
    position: absolute;
    right: 48px;
    top: 40px;
    width: 48px;
}
.user_top .quan3 {
    background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
    border-radius: 32px;
    box-shadow: 0 0 10px rgba(250, 0, 0, 0.1);
    height: 32px;
    position: absolute;
    right: 80px;
    top: 72px;
    width: 32px;
}

.blank3 {
    clear: both;
    height: 16px;
    line-height: 16px;
    visibility: hidden;
}

.radius10 {
    border-radius: 10px;
}

.list_box {
    background: #fff none repeat scroll 0 0;
    font-size: 13px;
    overflow-wrap: break-word;
    word-break: break-all;
}

.list_box a {
    border-bottom: 1px solid #f3f3f3;
    display: block;
    line-height: 23px;
    padding: 12px 8px;
}

.list_box a i {
    background-image: -moz-linear-gradient(left center , transparent 70%, #666 70%, #666 100%), -moz-linear-gradient(center top , transparent 70%, #666 70%, #666 100%);
    display: inline-block;
    float: right;
    height: 8px;
    margin-right: 4px;
    position: relative;
    top: 8px;
    transform: rotate(-4deg);
    width: 8px;
}

.page-container{
    border-radius:10px;
    background-color: #fff;
    font-size: 13px;
    padding: 20px;
}

.line-black{
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
}

.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 6px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.webuploader-pick-hover {
    background: #00a2d4;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}
.file-item {
    float: left;
    position: relative;
    margin: 0 20px 20px 0;
    padding: 4px;
}
.file-item .error {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    background: red;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 23px;
}
.file-item .info {
    position: absolute;
    left: 4px;
    bottom: 4px;
    right: 4px;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    font-size: 12px;
    z-index: 10;
}

.main .table{
    width: 95%;
    margin: 10px auto;
}

.optioner{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}


.vocation{width:160px;display: inline-block; position:relative; z-index:10;}
.vocation cite{width:150px; height:24px;line-height:24px; display:block; color:#807a62; cursor:pointer;font-style:normal;padding-left:4px; padding-right:30px; border:1px solid #333333; background:url(../images/xjt.png) no-repeat right center;}
.vocation ul{width:150px;border:1px solid #333333; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none;}
.vocation ul li{height:24px; line-height:24px;}
.vocation ul li a{display:block; height:24px; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px;}
.vocation ul li a:hover{background-color:#CCC;}
#country{z-index: 10}
#province{z-index: 9;}
#city{z-index: 8}
#district{z-index: 7}

.pages{padding-right: 20px;}
.pages .pagination{margin: 0;}
.pages .message{display: none}
.leixinSon{display: none}
#body_1{display: block;}

.header .navbar-toggle{}

.classes{display: inline-block;}
.classes dt{margin-bottom:5px;margin-top: 8px;}
.classes .vocation{width: 36px;}
.classes .vocation cite{width: 10px;}
.classes .vocation ul{width: 36px;}

#leixin{z-index: 100}
#anum{z-index:90;}
#bnum{z-index:89;}
#cnum{z-index:88;}
#dnum{z-index:87;}
#enum{z-index:86;}
#fnum{z-index:85;}
#gnum{z-index:84;}
#hnum{z-index:83;}
#inum{z-index:82;}
#jnum{z-index:81;}
#knum{z-index:80;}
#lnum{z-index:79;}
#mnum{z-index:78;}
#nnum{z-index:77;}
#onum{z-index:76;}
#pnum{z-index:75;}

.noeffect{width:40px;border: 0;}

.loading{
    width: 80px;
    height: 20px;
}
.loading span{
    display: inline-block;
    width: 8px;
    height: 100%;
    border-radius: 4px;
    background: lightgreen;
    -webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
    0%,100%{
        height: 20px;
        background: lightgreen;
    }
    50%{
        height: 40px;
        margin: -15px 0;
        background: lightblue;
    }
}
.loading span:nth-child(2){
    -webkit-animation-delay:0.2s;
}
.loading span:nth-child(3){
    -webkit-animation-delay:0.4s;
}
.loading span:nth-child(4){
    -webkit-animation-delay:0.6s;
}
.loading span:nth-child(5){
    -webkit-animation-delay:0.8s;
}

.pagination>li.current a{
    background-color: #e1e1e1;
    color: #fff;
}
.tabs{
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}
.tabs li{
    float: left;
}
.tabs li {
    width: 25%;
    text-align: center;
}
.tabs li.on{
    border-bottom: 2px solid #ff0000;
}
.tabs li.on a{
    color: #ff0000;
}

.goods_row .goods_infos dd.now_buy a{
    width: 20%;
}
.goods_row .goods_infos dd.now_buy div{
    width: 70%;
}
.tableHeader{
    height: 30px;
    line-height: 30px;
    text-align: center;
}


a.ared{
    color: red;
    font-size: 12px;
}



table.table thead tr{
    background-color: #f2f2f2;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{
    border-right-width: 2px;
}

.text-weight{font-weight: bold}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    padding: 2px 8px;
}

.btn-sm, .btn-group-sm>.btn{
    padding: 0px 3px;
}
.bookslist{
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}
.bookslist li{
    width: 50%;
    font-size: 10px;
    float: left;;
}
table{border-collapse: collapse; border-spacing: 0;}
/** 表格 **/
.layui-table{width: 100%; margin: 10px 0; background-color: #fff;}
.layui-table tr{transition: all .3s; -webkit-transition: all .3s;}
.layui-table thead tr,
.layui-table-header,
.layui-table-fixed-l tr,
.layui-table-tool,
.layui-table-patch,
.layui-table-mend{background-color: #f2f2f2;}
.layui-table th{font-weight:600;text-align: center}

.layui-table th,
.layui-table td,
.layui-table[lay-skin="line"],
.layui-table[lay-skin="row"],
.layui-table-view,
.layui-table-header,
.layui-table-tool{border: 1px solid #e2e2e2}

.layui-table th, .layui-table td{position: relative;font-size: 12px;}
.layui-table[lay-even] tr:nth-child(even){background-color: #f8f8f8;}
.layui-table tbody tr:hover,
.layui-table-hover{background-color: #f2f2f2!important;}
.layui-table-click{background-color: #FFEEE8!important;}

.layui-table[lay-skin="line"] th, .layui-table[lay-skin="line"] td{border-width: 0; border-bottom-width: 1px;}
.layui-table[lay-skin="row"] th, .layui-table[lay-skin="row"] td{border-width: 0;border-right-width: 1px;}
.layui-table[lay-skin="nob"] th, .layui-table[lay-skin="nob"] td{border: none;}

.layui-table img{max-width:100px;}

/* 大表格 */.layui-table[lay-size="lg"] th,
         .layui-table[lay-size="lg"] td{padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;}
.layui-table-view .layui-table[lay-size="lg"] .layui-table-cell{height: 40px; line-height: 40px;}
/* 小表格 */.layui-table[lay-size="sm"] th,
         .layui-table[lay-size="sm"] td{padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-size: 12px;}
.layui-table-view .layui-table[lay-size="sm"] .layui-table-cell{height: 20px; line-height: 20px;}
a.green{color: green}
.layui-table a{font-weight: 500}