﻿html, body,#apply {overflow:auto;position:relative;height:100%;width:100%;margin:0;padding:0;text-transform:none;min-width:1024px;min-height:768px;color:#444;background:#ebf0f5}
#apply {overflow: hidden}
input,button,select,textarea{outline:none}
/*base*/
.base-icon{background:url(../img/base/icon.png) no-repeat;background-size:200%;display:inline-block}
.base-icon-usr{height:19px;width:29px;background-position: 0 0px;}
/*登录*/
.login-bg{background:url('/Liber/img/login/bg.png') no-repeat;background-size:100% 100%;height:100%;width:100%;text-align:center;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  }
.login-form{margin:0 auto;width:1440px;height:900px;padding-top:16%;}
.login-form .form-icon{position: absolute;right: 20px;font-size: 22px;top: 14px;color:#fff;opacity:0;transition:opacity 0.5s}
.form-icon-active{opacity:1 !important}
.login-form .form-lable{font-size: 18px;font-weight: 600;color: #fff;position: absolute;top: 13px;left: 160px;transition:left 0.5s}
.form-lable-active{left:11px !important}
.login-form .rect-path,.login-form .rect-fill,.login-form .rect-refill{fill: none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;animation: lineMove 3s ease-out normal;}
.login-form .circle-path{animation: circleMove 1.2s ease-out normal;}
.login-form .circle-fill{visibility:visible !important;animation: circleMove 1.2s ease-out normal;}
.login-form .rect-path,.login-form .rect-refill,.login-form .circle-path{stroke:#64a795;}
.login-form .rect-fill,.login-form .rect-refill{visibility:visible !important;animation: lineMove 1s ease-out normal;}
.login-form .form-control{background: rgba(0,0,0,0.3); width: 255px; height: 45px; color: #fff;font-weight: 600;font-size: 18px;border: none;text-align: center;padding: 3px 60px;}
.login-form .form-control::-webkit-input-placeholder{color: #fff;}    /* 使用webkit内核的浏览器 */
.login-form .form-control:-moz-placeholder{color: #fff;}                  /* Firefox版本4-18 */
.login-form .form-control::-moz-placeholder{color: #fff;}                  /* Firefox版本19+ */
.login-form .form-control:-ms-input-placeholder{color: #fff;}           /* IE浏览器 */
.form-error {animation:errorTips 3s ease infinite;}
.form-tips {display: inline-block;background: #ff5f02;color: #fff;padding: 7px 15px;   }
::-ms-clear, ::-ms-reveal{display: none;}
.login-btnbox{width:170px;margin: 50px auto;}     
.login-btn,.login-bord{margin-right:-197px;position: relative;width: 170px;height: 45px;background: rgba(0,0,0,0.3);border: 1px solid #64a795;color:#fff;font-size:18px;font-weight:600;transition: background 0.5s;-ms-transition: background 0.5s;-moz-transition: background 0.5s;	/* Firefox 4 */-webkit-transition: background 0.5s;	/* Safari 和 Chrome */-o-transition: background 0.5s;}
.login-bord{background:#5a8479}
.login-bord:before,.login-bord:after{content: " ";display: block;position: absolute;width:190px;height:65px;top: -10px;left: -10px;border:3px solid #64a795;z-index:10;box-sizing: border-box;-webkit-animation: clipAni 4s infinite linear;-moz-animation: clipAni 4s infinite linear;-ms-animation:clipAni 4s infinite linear;animation: clipAni 4s infinite linear;}
.login-bord:before{-webkit-animation-delay: -2s; -moz-animation-delay: -2s;-ms-animation-delay: -2s;}
@keyframes errorTips {
    0%,100% {box-shadow:inset 1px 1px 10px 1px #9eccc0}
    50% {box-shadow:inset 1px 1px 15px 5px #9eccc0 }
}
@keyframes  clipAni{
    0%,100%{clip:rect(0px,190px,65px,188px);}
    25%{clip:rect(0px,190px,2px,0px);}
    50%{clip:rect(0px,2px,65px,0px);}
    75%{clip:rect(62px,190px,188px,0px);}                
}
@keyframes lineMove {
    0%{stroke-dasharray: 0, 1350;}
    100%{stroke-dasharray: 1350, 1350;}
}
@keyframes circleMove {
    from{opacity:0;stroke-dasharray: 0;}
    to{opacity:1;stroke-dasharray: 5;}
}
/*弹出框*/
.g-promptBox_content{position:relative;padding-left:80px;min-height:20px;width:calc(100% - 110px)}
.g-promptBox_content > i{font-size:36px;padding-right:5px;position:absolute;left:45px;top:5px}
.g-alertBox_head_title{width:100%}
.g-alertBox_bottom{ width: 100%; padding-bottom: 30px;text-align:center}
/*列表*/
.g-list-menu_tip{border-width:50px 0 50px 50px;border-style:solid;position: absolute;width: 0;height: 0;left:0;box-sizing: border-box;}
.g-list-menu_tip_info{border-color:transparent transparent transparent #7b95d0;}
.g-list-menu_tip_success{border-color:transparent transparent transparent #57ba9f;}
.g-list-menu_tip_danger{border-color:transparent transparent transparent #b65d5d;}
.g-list-menu_tip>p{position: absolute;left:-50px;top: -10px;color:#fff;text-align:center;width:45px}
.g-list-menu_tip-right{top: 0px;right: 0px;position: absolute;width: 0;height: 0;border-top: 60px solid transparent;border-left: 80px solid transparent;text-align:center}
.g-list-menu_tip-right_info{border-color:#7b95d0 transparent transparent transparent;}
.g-list-menu_tip-right_success{border-color:#57ba9f transparent transparent transparent;}
.g-list-menu_tip-right_danger{border-color:#b65d5d transparent transparent transparent;}
.g-list-menu_tip-right>p{font-size: 15px;transform: rotate(38deg);display: inline-block;width: 50px;position: absolute;right: 0;top: -45px;color: #fff;}
/*字段*/
.list-field_warn{display:inline-block;color:#a97634;background:#f7f1d9;padding:5px;border-radius:5px;}
.list-field_danger{display:inline-block;color:#cf6161;background:#f7d9d9;padding:5px;border-radius:5px;}
.list-field_info{display:inline-block;color:#3f7f97;background:#d4ecf5;padding:5px;border-radius:5px;}

.grad {width: 95%;background: -webkit-linear-gradient(left, rgba(255,255,255, 0.3),rgba(86,144,128,0.8),rgba(255,255,255,0.3));background: -o-linear-gradient(right, rgba(255,255,255, 0.3),rgba(86,144,128,0.8),rgba(255,255,255,0.3));background: -moz-linear-gradient(right,rgba(255,255,255, 0.3),rgba(86,144,128,0.8),rgba(255,255,255,0.3));background: linear-gradient(to right, rgba(255,255,255, 0.3),rgba(86,144,128,0.8),rgba(255,255,255,0.3));height: 1px;}
.arrow{content: '';position: absolute;width: 0 !important;height: 0 !important;border: 6px solid #f00283;border-color:  transparent transparent transparent #468776;}

/*默认页面样式*/
.detail_all{height: 100%;width: 100%;border: 1px solid transparent;padding:1%;box-sizing:border-box;}
.detail_content{height:100%;width:100%;border:1px solid #badbd2;background:#fff;position:relative;}
.card-content{width:calc(100% - 30px);height:calc(90% - 10px);margin-left:30px;margin-top:10px}
/*交易管理*/
.order-detail {height: calc(100% - 100px);width: calc(100% - 50px);padding: 50px;padding-right:0;padding-bottom: 0;}
.order-detail_info {margin-bottom: 30px;}
.order-detail_info_row {width: 80%;margin-bottom: 25px;padding-left: 10%;margin-bottom: 25px;}
.order-detail_info_column_all {display: inline-block;/**margin-bottom: 25px;**/width: 100%;}
.order-detail_info_column_all > p {display: inline-block;vertical-align: bottom;width: 120px;}
.order-detail_info_column {display: inline-block;width: 32%;}
.order-detail_info_column > p {display: inline-block;vertical-align: bottom;width: 120px;}
.column_input {width: calc(100% - 150px);min-width: 40%;margin-left: 5px;}
.order-button {height: 10%;width: 100%;text-align:center;}

.g-tag_danger{background: #f7d9d9;border: none;color: #e87070;border-radius: 5px;padding: 5px 15px;position: relative;}
.g-tag_danger_text{color:#e87070;}
/*提示框*/
.tip-window{position:fixed;width:100%;height:100%;left: 0;top: 0;background:rgba(0,0,0,0.5); margin: auto;z-index:1005;}
.tip-content{height: auto;width:450px;padding:10px;border:1px solid #468776;background-color:#e0f1ed;position:fixed;left:0;top:15%;right:0;margin:auto;z-index:1005;}
.tip-text{margin-top:20px;margin-bottom:37px;text-align:center;color:red;word-wrap:break-word; word-break:break-all;}
.tip-content>button{width:25%;}
.tip-content>button:nth-of-type(1){margin-left:23%;}
.tip-content>button:nth-of-type(2){margin-left:4%;}

.room_select_content{padding: 0px 30px 30px 30px;}
/*圆形按钮*/
.operate-content{position:absolute;top:-25px;right:30px;height:50px;width:auto}
.operate-button{height:50px;width:50px;border-radius:50%;cursor:pointer;color:#fff;text-align:center;line-height:52px;z-index:100;float:left;margin-right:10px}
.operate-button>i{font-size:35px}
.operate-button > span{height:10px;text-align:center;line-height:10px;width:45px}

.card-normal{width:220px;height:auto;margin-left:20px;border:10px solid #badbd2;display: inline-block;} /*卡片默认样式*/
.card-normal-info{padding-top:30px;padding-left:35px;margin-bottom:10px;width:calc(100% - 35px);} /*卡片内容默认样式*/

/*房源 销控图列表*/
.building-list-normal{position:relative;width:calc(100% - 80px);margin-left:40px;padding:40px 0;border-color:#79bba9 !important;margin-bottom:20px;background:#fff;}
.building-list-normal:hover .g-card-menu_close_list {visibility: visible;opacity: 1;}
.build-room{border-color:#badbd2;padding:20px 40px;display:inline-block;margin-right:30px;margin-bottom:20px;position:relative;background:#fff;cursor:pointer;width:auto}
.build-room:hover{transform: translateY(-5px); -webkit-transform:translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transition: all 1s;}
.build-room:hover .g-card-menu_close_build{visibility:visible;opacity:1;}
.build-room-filed{margin-bottom:5px;}
.circle-normal{position:absolute;min-height:65px;min-width:65px;text-align:center;border-radius:50%;left:-30px;top:10px;overflow:hidden}
.circle-normal>p{font-size:16px;width: 35px;height:35px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;color:#fff;}

/*弹窗样式 一行一个字段*/
.row-normal{width:90%;margin-left:5%;margin-bottom:20px;}
.row-normal-filed{display:inline-block;width:100px;color: #929598;text-align:left;margin-right:30px;vertical-align:top;}
.row-normal-info{display:inline-block;width:calc(100% - 140px);}

/*弹窗样式 一行2个字段*/
.row-db-line{width:90%;margin:0 auto;margin-bottom:30px;}
.row-db-normal{width:calc(50% - 38px);display:inline-block;}
.row-db-normal-filed{display:inline-block;width:120px;float: left;color: #929598;vertical-align: top;}
.row-db-normal-info{display:inline-block;width:calc(100% - 120px);position:relative}
.row-db-line > .row-db-normal:nth-child(1){margin-right:70px}

.selects-icon {content: "";position: absolute;width: 0!important;height: 0!important;top: 14px!important;right: 0!important;border: 6px solid #f00283;border-color: #444 transparent transparent;}
.search-input  input {border-color:#d9e1ea !important;color:#444 !important}
.search-input ::-webkit-input-placeholder {color: #a2b4c8 !important;}
.search-input ::-moz-placeholder {color: #a2b4c8 !important;}
.search-input :-ms-input-placeholder {color: #a2b4c8 !important;}   
.search-input span{color:#a2b4c8 !important;top: 6px !important;}

.g-adjust{font-weight:bold}
textarea {border: 1px solid #c0c4cc;}

.g-table__body-wrapper{
    min-height:150px !important;
}
.g-table__empty-text {
    display: block;
    background: url(’../../../../../../Content/img/report.jpg) no-repeat;
    background-size: 100% 100%;
    color: #909399;
    box-sizing: border-box;
    padding: 0px;
    width: 100px;
    height: 100px;
    line-height: 220px;
}
.g-input_textInput[readonly] {
    color: #b6b5b0;
    cursor:pointer;
}
.approve_tooltip {
    background: #fff !important;
    border: none !important;
    -webkit-box-shadow: #ccc 0px 0px 10px !important;
    -moz-box-shadow: #ccc 0px 0px 10px !important;
    box-shadow: #ccc 0px 0px 10px !important;
}
.approve_tooltip .popper__arrow{
    display:none !important;
}