@charset "utf-8";
/* CSS Document */
body, p, div, h1, h2, h3, h4, button, ul, li,pre,form {
    margin: 0;
    padding: 0
}
body{
    position: absolute; min-height: 100%; width: 100%;}
pre {
    background-color: transparent;
    border: none;
}

/*body{padding-top:100px;}*/
a {
    color: #01a9e0;
    text-decoration: none;
}

a:hover, a:focus {
    color: #01a9e0;
    text-decoration: none;
    outline: none;
}

html {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial, "微软雅黑", Helvetica, sans-serif;
    box-sizing: border-box;
}

.icon-R,.icon-S{font-weight: bold}
.icon-R{color: #e20212;}
.icon-S{color: #0578e0;}
li {
    list-style: none;
    line-height: 36px;
    font-size: 12px;
}

img {
    display: block;
    margin: 0;
    padding: 0;
}

sup,sub{color: #e20212; left: 8px;}

.overflow {
    overflow: hidden;
}

.contentMargin {
    margin-bottom: 50px;
}

.boldfont {
    font-weight: bold;
}

h4 {
    font-size: 20px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: none;
}

.container {
    width: 1200px;
    margin: 0 auto;
}



/*顶部导航*/
.topnavbox {
    background-color: #f0f0f0;
}

.topnav {
    font-size: 12px;
    line-height: 38px;
}

.topnav > span{
    float: left;
    color: #e20212;
}

.topmenu {
    float: right;
}

.topmenu > a, .topmenu .dropdown-toggle {
    padding-left: 10px;
    margin-left: 10px;
    color: #666;
}
.topmenu .dropdown{
    float: right;
}
.topmenu .dropdown .dropdown-toggle,.topmenu .dropdown .dropdown-toggle .caret{
    color: #e20212; cursor: pointer;
}
.topmenu .dropdown .dropdown-menu a{padding: 8px 18px;}
.topnav a:hover {
    color: #333;
}
.dropdown-menu{margin: 0; padding: 0;}
.logobox {
    width: 1200px;
}

.logobox img {
    float: left;
    height: 50px;
    /*margin: 25px 0;*/
    margin: 13px 0 25px;
}

.logobox .topSearch > img {
    background-color: #ccc;
    margin-top: 30px;
    height: 40px;
    width: 100px;
    padding: 8px 15px;
}

.logobox .topSearch .search-img{
    float: left;
    background-color: #E20212;
    margin-top: 30px;
    height: 40px;
    width: 100px;
    padding: 8px 15px;
    background-image: url(../img/search_white.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
    cursor: pointer;
}


.logobox .topSearch > input {
    height: 40px;
    width: 430px;
    line-height: 40px;
    border: 1px #E20212 solid;
    margin: 30px 0 30px 30px;
    padding-left: 10px;
    float: left;
}

.logobox .cartbox {
    float: right;
}

.cartbox img {
    margin: 0 6px 0 0;
    height: 26px;
}
.cartbox .ctbox{
    border: 1px solid #E20212;
    display: inline-block;
    padding: 5px;
    margin-top: 30px;
}

.cartbox a{
    display: inline-block;
    padding: 1px;
    font-size: 16px;
    color: #666;
    letter-spacing: .2em;
    vertical-align: middle;
}

.cartbox .pur{
    padding: 7px 5px;
    margin-left: 10px;
}
.cartbox a:hover {
    color: #333;
}

.mainnavbox {
    background-color: #e20212;
    position: relative;
}

.mainnav {
    margin: 0 auto;
    font-size: 18px;
}

.mainnav > ul > li ul {
    left: 0; z-index: 999;
}
.mainnav > ul > li a .caret {
    color: #fff;
    border-bottom: 8px solid;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -8px;
    border-top: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;/*
    display: none;*/
}

.mainnav > ul > li{
    flex: inherit;
}

.mainnav > ul > li > a {
    padding:30px 10px;
    color: #FFF;
    font-size: 18px;
    line-height: 60px;
    position: relative;
}

.mainnav > ul > li > a:hover,.mainnav > ul > li > .current_a {
    color: #FFFF00;
}

/*二级菜单*/
.navlist{border:none; border-bottom:1px solid #e20212; border-radius: 0; position: absolute; left: 0;/* box-shadow: 0px 8px 8px -7px rgba(0,0,0,0.3);*/ line-height: 0; background-color: #fff; width: 100%;}
.navlist li{flex: 1; padding: 0 8px;}
.navlist li a{line-height: 50px; font-size: 16px; position: relative; color: #333;}
.navlist li .current,.navlist li a:hover{color: #e20212;}
[v-cloak] {display: none;}
/*banner*/
.banner {
    background-color: #f0f0f0;
    margin: 0 auto;
}

.bannerimg {
    width: 1120px;
    margin: 0 auto;
    position: relative;
}

.ctrl {
    position: absolute;
    top: 93%;
    left: 50%;
    margin-left: -48px;
    overflow: hidden;
}

.ctrl span {
    float: left;
    margin: 5px 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #999;
}

.ctrl .current {
    background-color: #01a9e0;
}
.carousel-control.right,.carousel-control.left{background-image: none}
/*仪器类别*/
.product-sort{width: 20%; float: left; padding: 0 15px;}
.title {
    width: 160px;
    margin: 60px auto 30px auto;
}

.smallP {
    height: 180px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    position: relative;
}

.smallP > img {
    width: 100%;
    margin-top: 16px;
}

.productMask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0.75;
}

.productMask h4 a{
    font-size: 24px;
    line-height: 180px;
    color: #333;
}

/*热租仪器*/
.bigImg,.collectImg {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: -1px;
    position: relative;
}

.bigImg > img {
    width: 100%;
    height: 240px;
    background-color: #f0f0f0;
    padding: 42px 40px;
}
.bigImg h4.titlebox,.collectImg h4.titlebox{position: relative;}
.bigImg h4.titlebox:after,.collectImg h4.titlebox:after{border: 1px solid #666; content:attr(data-content); font-size: 12px; color: #666;line-height: 1;padding: 3px 6px;position: absolute; left: 55px; word-wrap: break-word; bottom: 0;}
.serviceTitle, .hotrent {
    line-height: 36px;
    font-size: 16px;
    width: 178px;
    margin: 10px auto;
    position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.serviceTitle a, .hotrent a {
    color: #333;
}

.serviceTitle:hover a,.serviceTitle:hover span, .serviceTitle:hover strong ,.serviceTitle:hover{
    color: #ff6901;
    cursor: pointer;
}

.sale:hover a, .sale:hover span, .sale:hover strong,.hotrent:hover {
    color: #fba332;
    cursor: pointer;
}

.hotrent:hover a, .hotrent:hover span, .hotrent:hover strong {
    color: #e20212;
    cursor: pointer;
}

/*页脚*/
.footerbox{padding-top: 280px;}
.footer {
    background-color: #1a2226;
    margin-top: 60px; position: absolute; bottom: 0; width: 100%; clear: both;
}

.friendlink, .friendlink a {
    padding: 10px;
    margin: 20px 3px 5px 3px;
    line-height: 62px;
    color: white;
    text-decoration: none;
}

.detail {
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 22px;
}

.contact {
    width: 210px;
    margin: 0 auto;
}

.tel {
    background-image: url("../img/tel.png");
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-top: 50px;
    color: #fff;
    line-height: 28px;
}

.worktime {
    text-align: center;
    font-size: 18px;
    line-height: 74px;
    color: #fff;
}
.download > button{
    width: 178px;
    line-height: 30px;
    margin: 0 auto;
    display: block;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.download{
    color:#333;
}

/*仪器交易页*/
/*筛选*/
.bigImg .hotlabel {
    color: #e20212;
    padding: 16px 7px;
    position: absolute;
    top: 1px;
    left: 10px;
    background-image: url("../img/hot.png");
    background-repeat: no-repeat;
    width: 43px;
    height: 87px;
}

.select {
    margin: 30px auto;
    border: 1px solid #ccc;
}

.select h4 {
    color: #e20212;
    line-height: 48px;
    padding-left: 16px;
}

.brand, .classification {
    padding: 6px 16px;
}

.brand .selectName, .classification .selectName {
    line-height: 44px;
}

.brand .selectItem, .classification .selectItem {
    margin-left: -20px;
}

.brand .selectItem span, .brand .selectItem .more, .classification .selectItem span, .classification .selectItem .more {
    line-height: 44px;
    padding: 10px;
    margin: 0 12px;
    color: #333;
}

.brand .selectItem span:hover, .classification .selectItem span:hover {
    color: #e20212;
}

.brand .selectItem .more, .classification .selectItem .more {
    color: #356bbc;
}

.brand .selectItem span:nth-child(1), .classification .selectItem span:nth-child(1) {
    padding-left: 0px;
    margin-left: 0;
}

.selectTitle {
    background-color: #f1f1f1;
}

.selectTitle h4, .selectTitle .selected, .selectTitle .btn {
    display: inline-block;
}

.selectTitle .btn {
    margin: 12px -40px 14px 60px;
}

.selectTitle .selected {
    margin: 10px -40px 10px 60px;
    border: 1px dashed #e20212;
}

.selectTitle .selected span {
    line-height: 26px;
    padding: 0 8px;
    color: #e20212;
}

.selectTitle .selected .glyphicon {
    font-size: 12px;
}

.selectTitle .selected .glyphicon:hover {
    cursor: pointer;
}

/*排序*/
.sort {
    line-height: 46px;
    background-color: #f1f1f1;
    padding: 0 16px;
}

.sort .sortItem, .sort .display {
    margin: 0 15px;
    float: left;
}
.content a, .sort .sortItem span, .sort .sortItem a, .page a{
     color: #333;
 }
.content a{color: #e20212;}
.content a:hover{ text-decoration: underline;}
.sort .sortItem:hover span, .sort .sortItem:hover a, .sort .currentSort span, .sort .currentSort a {
    color: #e20212;
}

.sort input {
    margin: 4px 6px;
}

input[type="checkbox"]:focus {
    outline: none;
}

.page {
    float: right;
}


/*仪器展示*/
.collect .glyphicon-star-empty,.collect .glyphicon-star{padding:0px 8px 0 0; font-size: 16px; color: #f0ad4e;}
.bigImg > .row > h4 >p,.collectImg > .row > h4 >p {
    font-size: 18px; font-weight: bold; line-height: 70px; padding-left: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.collectImg > .row > h4 >p {padding-right: 40px;}
.collect{margin-left: -18px; margin-top: 20px; background: transparent; padding: 8px; border: 1px solid #f0ad4e; }
.collect span{color: #f0ad4e; line-height: 26px;}
.collect:hover span,.collect:hover{color: #e20212; border-color: #e20212; background-color: transparent;}
.cancel-collect,.cancel-collect span,.cancel-collect:hover span,.cancel-collect:hover{background-color: #e20212; border-color: #e20212;color: white;}

.content {
    line-height: 36px;
    font-size: 14px;
    margin: -10px auto 10px auto;
    position: relative;
    padding-left: 55px;
}

.plus-minus {
    line-height: 32px;
    height: 32px;
    margin-bottom: 22px;
    padding-left: 40px;
    display: inline-flex;
}

.plus-minus .minus, .plus-minus .plus {
    line-height: 32px;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #f1f1f1;
    font-size: 18px;
    padding: 0px 16px;
    float: left
}

.plus-minus .minus {
    color: #ccc;
}

.plus-minus input {
    line-height: 30px;
    font-size: 18px;
    width: 48px;
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
}

.rent-in, .buy-in {
    line-height: 32px;
    color: #fff;
    padding: 0 18px;
    border-radius: 8px;
    border: none;
}


.content .oldPrice {
    text-decoration: line-through;
    color: #e20212;
    margin: 10px 20px 0 0;
    line-height: 56px;
}

/*翻页*/
.pagination {
    margin: 40px 0; position: relative;  left: 50%; float: left;
}
.pagination ul{position: relative; left: -50%;}

.pagination li {
    float: left;
}

.pagination li a {
    color: #333;
    padding: 12px 20px;
    font-size: 16px;
}

.pagination li a:hover {
    color: #01a9e0;
}

.pagination .pageNo a:hover, .pagination .active {
    background-color: #01a9e0;
    color: #fff;
}
.pagination .disabled>span, .pagination .disabled>span:hover, .pagination .disabled>span:focus, .pagination .disabled>a, .pagination .disabled>a:hover, .pagination .disabled>a:focus{
    color: #333;
    background-color: transparent;
    cursor: not-allowed;
}
.pagination li p {
    color: #999;
    padding: 0 30px;
    font-size: 16px;
}

.pagination li p input {
    border: #ccc 1px solid;
    width: 46px;
    text-align: center;
    line-height: 28px;
    margin: 0 8px;
}

.pagination li .go {
    font-size: 16px;
    padding: 5px 10px;
}

.pagination li .go:hover {
    color: #333;
}

/*产品详情页面*/
/*位置导航*/
.positionNav {
    font-size: 16px;
    padding: 20px 15px;
}

.positionNav a {
    font-size: 16px;
    color: #333;
    padding: 20px 10px;
}

.positionNav a:nth-child(1) {
    padding-left: 0;
}

.positionNav a:hover {
    color: #e20212;
}

.positionNav a:nth-last-child(1):hover {
    color: #333;
}

/*图文介绍*/
.detailImg {
    padding-left: 0;
    height: 390px;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 16px;
}

.detailImg img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.detailText{
    padding-left: 36px;
}
.detailText h2 {
    line-height: 50px;
    font-size: 30px;
}

.detailText p {
    line-height: 26px;
}

.detailText .skip {
    margin: 17px auto;
}

.centerImg{display: table-cell; vertical-align: middle; horiz-align: center;}

.description {
    margin-top: 40px;
}

.description span {
    font-size: 16px;
    line-height: 42px;
}

/*图文介绍*/
.detailText h4 {
    line-height: 50px;
    margin-bottom: 20px;
}

.plus-minus span {
    float: left;
}

/*包含选件*/
.section {
    margin: 40px auto 0;
}

.sectionTitle {
    border-bottom: 1px solid #e20212;
    margin-bottom: 30px;
}

.sectionTitle span {
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    padding: 0 14px;
    background-color: #e20212;
    display: inline-block;
}

.sectionContent pre {
    line-height: 30px;
    font-size: 16px;
}

/*tab标签*/
.tab {
    background-color: #f1f1f1;
    margin-top: 40px;
    margin-bottom: 30px;
}

.tabItem,.tabItem a{
    color: #333;
    line-height: 60px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px;
}

.activeTab {
    color: #e20212;
    border-bottom: 4px solid #e20212;
    line-height: 56px;
    position: relative;
}

.tabItem:hover {
    color: #e20212;
}

.tabItem .caret {
    color: #e20212;
    border-bottom: 4px solid;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -4px;
    border-top: 0;
}



.tabSearch{
    margin-top: 14px;
}

.tabSearch input {
    line-height: 32px;
    width: 78%;
    padding-left: 10px;
    background-color: transparent;
    border: #ccc 1px solid;
    float: left;
}
.orderSearch input {
    width: 82%;
}
.tabSearch img {
    height: 36px;
    padding: 10px 20px;
    margin-left: -1px;
    background-color: #FFFFFF;
    border: #ccc 1px solid;
    float: left;
}

.tabItem .caret, .tabContent {
    display: none;/**/
}
.tabItem .vueCaret {
    display: inline-block;
}
.tab ul {
    margin-bottom: 0;
}

/*表格*/
.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f1f1f1;
}

table > tbody > tr:nth-child(1) td {
    /*line-height: 48px;*/
    font-size: 16px;
    border-bottom: 1px solid #dddddd;
}

.ui-datepicker-calendar> tbody > tr:nth-child(1) td,.table-condensed > tbody > tr:nth-child(1) td {
    line-height: 20px;
    font-size: 14px;
    border-bottom: 0px;
}
table>tbody>tr>td a,.link_a{color: #01a9e0;}
table>tbody>tr>td a:hover,.link_a:hover{color: #01a9e0; text-decoration: underline;}
table>tbody>tr>td .linkBtn:hover{text-decoration: none;}

.btn-locked {
    border: 1px solid #ccc;
    color: #aaa;
-webkit-gradient(linear, top, bottom, from(#ccc), to(#f5f5f5));
    background: -webkit-linear-gradient(#ccc, #f5f5f5);
    background: linear-gradient(#ccc, #f5f5f5);
}

.btn-locked:hover, .btn-locked:focus, .btn-locked:active {
    color: #aaa;
}

.notRent {
    color: #999;
}


.btn-cancle{margin-right: 60px;}
/*匿名购买*/
.prompt{margin: 60px auto 70px auto; font-size: 16px; line-height: 30px;}
.message input{border: none; border-bottom: 1px solid #ccc; line-height: 36px; font-size: 16px; margin-bottom: 40px;}
.message .btn{margin: 30px auto 0 auto;}

/*连接按钮*/
.linkBtn, .content > .linkBtn {
    padding: 12px 16px;
    color: #01a9e0;
    border: 1px solid #01a9e0;
    background-color: transparent;
    cursor: pointer;
    white-space: nowrap;
}

.linkBtn:hover, .content > .linkBtn:hover  {
    color: #fff;
    background-color: #01a9e0;
    text-decoration: none;
}
.linkBtn-xs{padding: 5px 10px;}
.linkBtn-xs+.linkBtn-xs{margin-left: 16px;}
/*购物车*/
.boxshadow {
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 4px;    position: relative;
}

.navTitle {
    line-height: 100px;
    color: #999;
    width: 86%;
}

.sectionTitle a,.sectionTitle p {
    color: #ff6801;
    float: right;
    padding: 22px 10px 5px;
    font-size: 16px;
}
.sectionTitle p {color: #666;}
.sectionTitle a:hover {
    color: #e20212;
}

.operation {
    line-height: 46px;
    margin-top: 60px;
}

.selectAll, .operation span {
    font-size: 14px;
    font-weight: normal;
    margin-left: 40px;
}

.totalFee p, .totalFee span {
    margin-right: 30px;
    font-size: 18px;
}

.totalFee p, .totalFee .btn {
    float: right;
}

.delete:hover {
    cursor: pointer;
}

/*输入框组*/
.form-inline {
    float: left;
    margin: 20px 30px 50px 0;
}

.form-inline label,.form-group label {
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
}

.form-inline input,.form-group input {
    line-height: 1;
    height: 42px;
    border-radius: 0;
    border: 1px solid #ccc;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
}

input[type="radio"]{height: auto;}
.searchbox{padding: 16px 0; float: right;}
.searchbox .btn{margin-right: 26px;}


.page input {
    width: 14px;
    text-align: center;
    line-height: 20px;
    border: none;
    background: none;
}


.page > input:nth-child(2) {
    color: #e20212;
}
/*租赁订单详情页*/
.rentOrder_detail{background-color: #fafafa; margin-bottom: 50px; border: 1px solid #f0f0f0;}
.rentOrder_detail >.row>h1{line-height: 106px; font-size: 34px; color: #01a9e0;}
.rentOrder_detail >.row>p{line-height: 106px; font-size: 16px;}

/*订单流程图标*/
.process{border-top: 1px solid #f0f0f0; background-color: #fff;padding-left: 30px;}
.process img,.process span{float: left;}
.process img{margin: 68px 20px;}
.process span{font-size: 98px; color: #ccc; line-height: 180px;}
.process .shouhou-repair,.process .shouhou-return,.process .shouhou-test{font-size: 82px;}
.process .occured{color: #00a0e9;}
.process > div{float:left; position:relative; left:50%;}
.process > div > div{float:left; position:relative; left:-50%;}


.orderDetail{ margin: 20px auto 60px;}
.orderDetail>.row>p{font-size: 16px; line-height: 42px;}
/*添加租赁订单*/
.td-borderBottom>tbody>tr>td{font-size: 16px; border-bottom: 1px solid #ddd;}
.remark>label{line-height: 160px;}
.remark textarea{width: 100%; height: 160px; overflow-y: auto; resize: none; border:1px solid #ccc;/* margin-bottom: 60px;*/}
/*销售订单详情页*/
td.fee,td.shipping-state{position: relative;}
.selectClient>h4{line-height: 42px;}
td.fee{color: #01a9e0;}


select{border:none; border: 1px #ccc solid; height: 40px; width: 66%; padding-left:8px;}
select option{line-height: 40px;}
select{
    border-radius: 0;
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #ccc;

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../img/arrow.png") no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 20px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/*添加租赁订单*/
input[type="checkbox"], input[type="radio"] {margin: 4px 8px 0;}
.searchbox{position: relative;margin-bottom: 20px;}
.selectClient{width:100%; display: none; background-color: #fff; padding: 20px; box-shadow: 0 0 12px rgba(0,0,0,.5); position: absolute; z-index: 1000;  left: 0;}
.selectClient>.row>.form-group{margin: 10px;}
.selectClient select{width: 20%;}
.selectClient select+label{margin-right: 18px; margin-bottom: 20px;}
.checkbox{line-height: initial;}
/*返还订单确认*/
.orderDetail .form-inline{margin: 0 auto 25px;}

/*用户注册--填写资料*/
.progressImg{margin: 60px auto;}
.upload .imgbox{width: 100%; height: 185px; border: 1px solid #ccc; margin: 0 auto 30px; overflow: hidden;}
.upload a{position: relative;}
.upload input[type='file']{border: none;position: absolute;  left: 0;  top: 0;  opacity: 0;  width: 100%;  height: 100%;}
.addAdministrator h3,.addAdministrator p{line-height: 106px; margin-top: 40px}
.addAdministrator h3>a{color: #01a9e0; margin-left: 36px;}
.addAdministrator h3>a:hover{text-decoration: underline;}

/*用户注册--手机验证*/
.form-group .send{background-color: #f1f1f1; font-size: 12px; height: 42px;}

/*找回密码*/
.change,.change a{line-height: 42px;}
.validate_style h4{line-height: 62px;}
.tabOption{margin-bottom: 60px;}
#validate_phone,#validate_mail{margin-bottom: 66px;}

/*用户登录*/
.loginbox{padding: 60px 0;}
.loginContent{padding-top: 46px;}
.loginContent .form-group{margin:40px 0;}
/*账户管理--主账号信息*/
.bussiness_licence{padding:20px; border: 1px solid #ccc; overflow: hidden;}
.bussiness_licence>img{width:auto;}
.form-group input[disabled],.form-group select[disabled],.form-group textarea[disabled]{color: #999; background-color: #eee;}
/*账户管理--收货地址*/
.table > tbody > .address > td{padding:10px 30px; max-width: 330px;}
.address label{font-size: 14px; text-align: center; padding:0;}
.address select{padding-left: 0px; line-height: 40px;}
.table > tbody > .address >.address_detail{min-width: 320px;}
select.noEditable{width:inherit; padding-right: 0; text-align: center; margin-left: 20px}
.default_addr{background-color:#e0e0e0; background-image:none; outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}

/*账户管理--银行账号管理*/
.card{background-color: #f1f1f1; margin-top: 36px; padding: 26px 20px; position: relative;}
.card{margin-right: 80px;}
.card img{margin-bottom: 20px; height: 38px;}
.card p{line-height: 26px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.op_delete{position:absolute; bottom: 0; left: 0; display: none; width: 100%; opacity: .9;}
.op_delete p{color: #fff; font-size: 16px; line-height: 46px; background-color: #e20212;}
.op_add{border: 1px dashed #ccc; margin-top: 36px;}
.op_add a{font-size: 160px; color: #ddd; line-height: 188px;}
.op_add a:hover{color: #ccc;}
.op_delete .edit{font-size: 16px; color: #fff; display: inline-block; width: 100%; line-height: 46px; background-color: #e20212;}
/*账户管理--子账户管理*/
.account{background-color: #f1f1f1; padding: 26px 20px; }
.account h3,.account h4{line-height: 56px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.account h3{margin-top: 32px; font-size: 26px;}

/*用户中心*/
.userMsg img{border: #ccc 1px solid;}
.userMsg .boldfont{margin-top: 20px;}
.userMsg .login_time{font-size: 12px; line-height: 36px; margin-bottom: 20px;}
.myMsg a{color: #333;}
.myMsg a:hover{color: #01a9e0;}
.myMsg a+a{margin-left: 30px;}
.pendingItems img{width: 148px; margin:0 auto;}
.pendingItems h4{line-height: 68px; margin-bottom: 16px;}

/*售后服务*/
.imginfo{height: 180px; border: 1px solid #cccccc; position: relative; left: -100px; display: table;}
.imginfo img{max-width: 100%;max-height: 180px; margin: 0 auto;}
.imginfo .glyphicon-remove{position: absolute; right: 0; top:0; color: #ddd; padding: 16px;}
.imginfo .glyphicon-remove:hover{color: #e20212;}
.imginfo + .imginfo{margin-left: 16px;}
.imginfo:nth-last-child(2){margin-right: 16px;}
.imginfo:nth-last-child(1){left:0;margin-left: -100px;}
.addimg{border: 1px dashed #cccccc; text-align: center;}
.addimg>.add{line-height: 178px; font-size: 160px; color: #ccc; }

/*规则说明*/
.rule > img{width: 408px; margin: 60px auto 0;}
.rule_description{border: 1px solid #ccc;}
.p_center{position: relative; left: 50%; top: 0; padding: 46px 0;}
.p_center p{position: relative; left: -25%; top: 0; line-height: 26px;}

/*必填标识*/
.put-in{color: #e20212; font-size: 16px; padding: 6px;}
.put-in::after{content: '*';position: relative;}

.default-addr{
    background-image: -webkit-linear-gradient(top,#ddd 100%,#fff 0);
    background-image: -o-linear-gradient(top,#ddd 100%,#fff 0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#fff));
    background-image: linear-gradient(to bottom,#ddd 100%,#fff 0);
}

.positionNavTop{margin-top: 60px;}

.nopadding {
    padding: 0;
}
.nomargin {
    margin: 0;
}


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*日期中的删除按钮*/
.input-remove,.input-removeNe{left: -36px; padding: 6px; top: 4px; color: #aaa; display: none;}
.input-removeNe{left: -58px; }
.input-remove:hover,.input-removeNe:hover{color: #e20212;}

.form-group input.noEditable,.form-group select.noEditable{border: 0; border: none; outline: none; background: none; color: #333;}
.element_id{margin-bottom: 10px;}
/*加载提示*/
.loadingMask{width: 100%;height: 100%;background-color: rgba(0,0,0,.5); position: fixed;text-align: center;z-index: 1000; display: none;}
.loadingMask .glyphicon-refresh{position: fixed;top: 50%; left: 50%;font-size: 50px; color: #fff; animation: rotate 1.5s linear infinite;  }
.table > tbody > tr > .visibleTd{
    overflow: visible;
}
.flex{
    display: flex;
}
.mynav,.flex-bc{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.mynav{
    margin-bottom: 0;
}
/*加入购物车时的提示框*/
#alert{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    text-align: center;
    font-size: 18px;
}
.fade-enter-active, .fade-leave-active {
    transition: opacity .3s;
}
.fade-enter, .fade-leave-to {
    opacity: 0;
}
@-webkit-keyframes rotate {
    0% { transform: rotate(0deg) }
    50% { transform: rotate(180deg)}
    100% { transform: rotate(360deg)}
}
@-moz-keyframes rotate {
    0% { transform: rotate(0deg) }
    50% { transform: rotate(180deg)}
    100% { transform: rotate(360deg)}
}
@keyframes rotate {
    0% { transform: rotate(0deg) }
    50% { transform: rotate(180deg)}
    100% { transform: rotate(360deg)}
}
@media screen and (max-width:1080px){
    body,.footer{width: auto;}
}