html, body {
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    
    font-size: 14px;-webkit-font-smoothing: subpixel-antialiased;
    line-height: 130%;
    color: #333333; }
body
{
background-color:#f0f0f0;
	
	}
	.oaitem{
   padding:0px;
   border-bottom: solid 1px #EDEDED;
   
}
.oaitemnm{
   padding:10px 10px 10px 15px;
   border-bottom: solid 1px  #EDEDED;
   text-align:left;
   font-size:13px;
   color:#808080;
   width:130px;
   line-height:22px;  white-space:nowrap;
}
.oawrap{
   padding:10px 15px 10px 0px;
   border-bottom: solid 1px #EDEDED;
}
.time-box {

   margin:0 auto;

   background:silver;
   padding:4px;
   width:130px;
   
 

   border-radius:6px;

   text-align:center;

   color:white;

}


.message-box {

   position:relative;

   line-height:22px;

   background:white;
   padding:8px;
 
word-wrap: break-word;  
word-break: normal;
   border:1px solid grey;

   border-radius:4px;

   text-align:left;

   color:black;

}

.triangle-border {

   position:absolute;
   top:8px;
 
left:-20px;
   overflow:hidden;

   width:0;

   height:0;

   border-width:10px;

   border-style:solid solid solid solid ;

}
.tb-border {

   left:-20px;
top:8px;
   border-color:transparent grey transparent transparent;

}
.tb-background {

   left:-19px;

   border-color: transparent white transparent transparent;

}

.message-box-me {

   position:relative;

   line-height:22px;

   background:#A2E65B;
   padding:8px;
 

   border:1px solid #87B457;

   border-radius:4px;

   text-align:right;
word-wrap: break-word;  
word-break: normal;
   color:black;

}

.triangle-border-me {

   position:absolute;
   top:8px;
 
right:-20px;
   overflow:hidden;

   width:0;

   height:0;

   border-width:10px;

   border-style:solid solid solid solid ;

}
.tb-border-me {

   right:-20px;
top:8px;
   border-color:transparent  transparent transparent #87B457;

}
.tb-background-me {

   right:-19px;

   border-color: transparent  transparent transparent #A2E65B;

}
td.messager { padding-top:8px;padding-right:16px;white-space:nowrap; text-align:left;vertical-align:top}
td.messager-me { padding-top:8px;padding-left:16px;white-space:nowrap; text-align:right;vertical-align:top}

td.PageHeader{
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-bottom-color: #9CB8CC;
    padding: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
}
.panel_content {
    font-size: 15px; 
    }
td.PageRow{
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
    line-height:22px;
}
td.PageRowW{
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    line-height:22px;
}
td.PageRow3W{
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    BACKGROUND-COLOR:#F5F5F5;
}

td.PageRowR{
	text-align: right;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
    line-height:22px;
    COLOR:#969696;
}
td.PageRowN{
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
    line-height:22px;
}

td.PageRow2{
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
    BACKGROUND-COLOR:#F5F5F5;
    COLOR:#969696;
}
td.PageRow3{
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
    BACKGROUND-COLOR:#F5F5F5;
}
td.WrapItem{
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: break-all; 
    word-wrap:break-word;
    
}
td.PageRow3N{
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
    BACKGROUND-COLOR:#F5F5F5;
}
td.tools{padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;}
td.items{padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;}    
.t_right {
    position: absolute;
    right: 0px;
    top: 0;
    width: 20px;
    height: 30px;
    color: #33cc66;
    text-align: right;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }

body{margin:0px;}
img {border:0;}
.list_card {
    -webkit-padding-start: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 15px;
    font-size: 15px; 
    display:block;}

.list_card li {
    list-style-type: none;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px; display:block;}
.btn {
    display: inline-block;
    padding: 0 12px;
    margin: 5px 0px;
    font-size: 16px;
    font-weight: normal;
    line-height: 38px;
    height: 38px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    color: white;
    background-color: #33cc66;
    border: 0px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
    text-decoration : none; 
    }

.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

.btn:hover,
.btn:focus {
    text-decoration: none;
    color: white;
    background-color: #5cb85c; }

.btn:active,
.btn.active {
    color: white;
    background-color: #5cb85c;
    background-image: none;
    outline: 0; }
 .btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0; }
.float-left {
    float: left; }

.float-center {
    float: center; }

.float-right {
    float: right; }
.btn.white_btn {
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #33cc66; }

.btn.white_btn.select {
    background: #33cc66;
    color: #fff;
    border-color: #33cc66; }

.btn.cancel-btn {
    background: #D8D8D9;
    color: #333; }

.btn.cancel-btn:active {
    background-color: #eee; }
.btn.blue-btn {
    background: #0099CC;
    }

.btn.blue-btn:active {
    background-color: #0099CC; }    
    
.btn.red-btn {
    background: red;
    }

.btn.red-btn:active {
    background-color: red; }
    
.tow-Btn {
    height: 38px;
    clear: both; }

.tow-Btn .btn {
    width: 49%; }
.three-Btn {
    height: 38px;
    clear: both; }

.three-Btn .btn {
    width: 32%; }    

.bottom {
    position: fixed;
    bottom: 0px;
    right: 10px;
    left: 10px;
    width: auto; }
 .panel_group_content .tel_Btn {
    position: absolute;
    background: url(/SaleMobile/images/telphone.png) no-repeat center center #34cc67;
    width: 80px;
    height: 30px;
    display: inline-block;
    background-size: 15px;
    border-radius: 5px; }
    
.telPhone span {
    display: inline-block;
    position: relative;
    padding-left: 20px;}

.telPhone span i {
    background: url(/SaleMobile/images/telphone.png) no-repeat;
    display: inline-block;
    background-size: 15px;
    width: 15px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 10px; }
.panel_group_content .sms_Btn {
    position: absolute;
    background: url(/SaleMobile/images/smsphone.png) no-repeat center center #34cc67;
    width: 80px;
    height: 30px;
    display: inline-block;
    background-size: 15px;
    border-radius: 5px; }
    
.smsPhone span {
    display: inline-block;
    position: relative;
    padding-left: 20px;}

.smsPhone span i {
    background: url(/SaleMobile/images/smsphone.png) no-repeat;
    display: inline-block;
    background-size: 15px;
    width: 15px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 10px; }    
.fixedBottom {
    display: block; }

.fixedBottom > ul {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #F1F1F1;
    z-index: 1001; }

.fixedBottom > ul > li {
    padding: 5px 15px; }
    article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block; }

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline; }

audio:not([controls]) {
    display: none;
    height: 0; }





abbr[title] {
    border-bottom: 1px dotted; }

b, strong {
    font-weight: bold; }

dfn {
    font-style: italic; }

h1 {
    font-size: 2em;
    margin: .67em 0; }

mark {
    background: #ff0;
    color: #000; }

small {
    font-size: 80%; }

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

img {
    border: 0; }

svg:not(:root) {
    overflow: hidden; }

figure {
    margin: 1em 40px; }

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }

pre {
    overflow: auto; }

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em; }

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0; }

button {
    overflow: visible; }

button, select {
    text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; }

button[disabled], html input[disabled] {
    cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0; }

input {
    line-height: normal; }



input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em; }

legend {
    border: 0;
    padding: 0; }

textarea {
    overflow: auto; }

optgroup {
    font-weight: bold; }


td, th {
    padding: 0; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    clear: both; }
input, button, select, textarea {
    resize: none;
    text-transform: none;
    text-indent: 0px;
    background: transparent none;
    outline: 0 !important; }

.container {
    margin: 10px 15px; }

.center {
    margin-right: auto;
    margin-left: auto;
    text-align: center; }



.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled.active,
.btn[disabled].active {
    background-color: #5cb85c; }
form {
    display: block;
    margin: 0em;
     }

.captchaBtn {
    position: absolute;
    right: 0;
    top: 2px;
    padding: 5px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: #fff; }




#mask .buttonBox {
    padding: 0 12px;
    margin: 10px 0; }

#mask .buttonBox .btn {
    height: 38px;
    line-height: 38px;
    padding: 0;
    margin: 0; }


.panel {
    background-color: White;
    font-size: 14px; }
A.button:link {COLOR:#34cc67;font-size: 16px; TEXT-DECORATION:none;}
A.button:visited {COLOR:#34cc67;font-size: 16px; TEXT-DECORATION:none;}
A.button:active {COLOR:#34cc67;font-size: 16px; TEXT-DECORATION:none;}
A.button:hover {COLOR:#34cc67;font-size: 16px; TEXT-DECORATION: underline;}



.fixedBottom {
    display: block;position: fixed;

        background: #fff;
		bottom:0;  }
		.fixedBottom > ul {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #F1F1F1;
    z-index: 1001; }

.fixedBottom > ul > li {
    padding: 5px 15px; }

.fixedBottom2 {
    display: block; 
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #E6E6E6;
    z-index: 1001;
    
    }
    .fixedBottom2 > ul {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #F1F1F1;
    z-index: 1001; }

.fixedBottom2 > ul > li {
    padding: 5px 15px; }
    
.fixedTop {
    display: block; 
    position: fixed;
    width: 100%;
    top: 0;
    background: #E6E6E6;
    z-index: 1001;
    
    }
    .containerF
    {
     height:35px;
        display: block;
    }
    .containerF2
    {
      height:60px;
        display: block;

    }
    .containerF3
    {
      height:45px;
        display: block;

    }

.form-control input,
.form-control input:disabled,
.form-control textarea
 {
    border: 0px;
    color: #393939;
    width: 100%;
    padding: 5px;BACKGROUND-COLOR:#F5F5F5; }
.new-form-group .form-control input,
.new-form-group .form-control input:disabled{
    height:20px;
    padding: 10px 5px 8px;
}

.new-form-group #dkllToggle input:disabled{
    padding:12px 5px 6px;
}

.new-form-group .needUnitSpan input{
    padding: 13px 5px 5px;
}


.form-group .form-control.captcha {
    padding-right: 0px; }

.form-control.captcha input {
    width: 95%; }

.form-control.captcha input.captcha {
    width: 90px;
    border: 1px solid #efefef; }

.form-group span.error {
    position: absolute;
    left: 130px; }

.captchaBtn {
    position: absolute;
    right: 0;
    top: 2px;
    padding: 5px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: #fff; }

.form-control.needUnitSpan {
    margin-right: 10px; }

.form-control.needUnitSpan span {
    position: absolute;
    right: -10px;
    top: 3px;
    text-align: left; }

.new-form-group .form-control.needUnitSpan span{
    top:13px;
}

.form-control .telSpan {
    position: absolute;
    right: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    display: inline-block;
    z-index: 20; }

form .form-group .form-control.clearBoth {
    position: relative;
    left: 0; }

form .form-group .form-control .multi-input li {
    float: left;
    line-height: 30px;
    text-align: center; }

form .form-group .form-control .multi-input li input {
    text-align: center;
    width: 52px;
    display: inline-block; }

form .form-group .form-control .multi-input li input.min_input {
    width: 20px; }

form .form-group .form-control .multi-input li span {
    color: #a5a5a5;
    margin: 0 10px; }

.new-form-group .form-group .form-control .multi-input li span{
    margin:0;
    vertical-align:1px;
}


.form-control ul.multSelect,
.form-control ul.singleSelect,
.form-control .MultiLayerSelect {
    display: none; }

ul.multSelect, ul.singleSelect {
    height: 240px;
    overflow: hidden;
    position: absolute;
    width: 100%; }

ul.PPmultSelect, ul.PPsingleSelect {
    margin-top: -3px;}

ul.ppTap{
    overflow:hidden;border:1px solid #33cc66;border-radius:5px;border-right:0;
}

ul.multSelect li,
ul.singleSelect li {
    font-size: 16px;
    padding: 0 12px 0 40px;
    height: 43px;
    line-height: 43px;
    cursor: pointer;
    color: #333333;
    border-bottom: 1px solid #f0f0f0;
    background: url("/SaleMobile/images/select_empty@2x.png") no-repeat 11px center;
    background-size: 20px; }

ul.singleSelect li {
    background: none;
    padding-left: 12px; }

ul.multSelect li:active,
ul.singleSelect li:active,
li.panel_group_content:active,
.panel_group_content li:active {
    background-color: #dddddd; }

.new-form-group .form-group .form-control ul.multi-input .item{
    color:#333;
    background:#f0f0f0;
    padding-right:5px;
    margin-top:4px;
}

.new-form-group .form-group .form-control ul.multi-input p{
    line-height:18px;
    padding:0 0 0 4px;
    display:inline-block;
}

.new-form-group .form-group .form-control ul.multi-input .item input{
    color:#3c6;
    width:40px;
    text-align: right;
}

.new-form-group .form-group .form-control ul.multi-input .item input.tr{
    text-align:right;
    width:29px;
}

.new-form-group .form-group .form-control ul.multi-input input.white{
    background:#fff;
    color:#3c6;
    width:35px;
    padding-left:0;
    text-align:right;
}

ul.multi-input li i{
    color:#3c6;
    font-style:normal;
}

ul.PPmultSelect li,
ul.PPsingleSelect li {
    border-style: solid;
    border-color: #b7b7b7;
    border-width: 1px 1px 1px 1px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    color: #333333;
    padding: 4px 8px;
    min-width: 8%;
    float: left;
    margin: 4px 8px 4px 0; }

ul.NewPPsingleSelect li{
    border:0;
}

ul.PPsingleSelect.equal li {
    width: 42px;
    padding: 4px; }

ul.PPsingleSelect.equal li{
    /*width: -webkit-calc( 100% / 3 - 1px );*/
    /*width: calc( 100% / 3 - 1px );*/
    padding:10px 0;
}

ul.ppTap li{
    margin:0;
    border-radius:0;
    -webkit-border-radius:0;
    border:0;
    border-right:1px solid #33cc66;
}

ul.PPsingleSelect li:last-child{
    border-right:0;
}

ul.multSelect li.select,
ul.singleSelect li.select {
    color: #33cc66;
    position: relative;
    background-image: url("/SaleMobile/images/select_full@2x.png"); }

ul.singleSelect li.select {
    background: #33CC66;
    color: #fff; }

ul.PPmultSelect li.select,
ul.PPsingleSelect li.select {
    color: #3c6; 
	border:1px solid #3c6;
	}
ul.ppTap li.select {
    color: #3c6;
    border:0;
}

ul.NewPPsingleSelect li.select {
    color: #3c6;
    border:0;
}

ul.ppTap li.select {
    background:#3c6;
    border-color: #33cc66;
    color: #fff; }

.form-control .select-value {
    color: #a5a5a5;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 25px 5px 5px; }

.new-form-group .form-control .select-value{
    color:#a5a5a5;
    padding: 14px 25px 5px 5px;
}


.new-form-group .form-control input,
.new-form-group .form-control input:disabled{
    height:20px;
    padding: 10px 5px 8px;
}

.new-form-group #dkllToggle input:disabled{
    padding:12px 5px 6px;
}

.new-form-group .needUnitSpan input{
    padding: 13px 5px 5px;
}



.form-group .form-control.captcha {
    padding-right: 0px; }

.form-control.captcha input {
    width: 95%; }

.form-control.captcha input.captcha {
    width: 90px;
    border: 1px solid #efefef; }
    
    
    .search_control {
    background: #EFEFF4;
    height: 30px;
    position: relative;
    padding: 7px 48px 7px 12px; }

.search_control .query_input_box {
    padding-left: 24px;
    height: 30px;
    border-radius: 5px;
    background: url(/SaleMobile/Images/search.png) left no-repeat white;
    background-size: 30px;
    z-index: 9; }

.search_control .clear_input_btn {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/SaleMobile/Images/icon_wrong@2x.png) no-repeat;
    background-size: 18px;
    right: 54px;
    top: 13px;
    z-index: 10; }

.search_control .query_input_box input {
    width: 100%;
    height: 22px;
    line-height:14px;
    border: 0;
    margin-top: 6px;
    font-size: 14px; }

.search_control .query_right {
    position: absolute;
    right: 14px;
    top: 11px; }
    
.adv_sea_btn {
    width: 25px;
    height: 25px;
    margin-right:6px;
    display: inline-block;
    background: url(/SaleMobile/Images/adv_search.png) center no-repeat;
    background-size: 25px; }

.add_newMember {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(/SaleMobile/Images/addNewMember.png) center no-repeat;
    background-size: 25px; }    
    
.subway {
    width: 100%;
    height: 42px;
    position: relative; }

.subway_point {
    width: 98%;
    z-index: 1000;
    position: absolute;
    left: 3px;
    font-size: 13px;
    color: #8d8d8d; }

.subway_point ul {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin-top: 10px; }

.subway_point ul li {
    float: left;
    width: 22%;
    padding: 0px; }

.subway_point ul li:last-child {
    width: 30px; }

.subway_point ul li.green {
    color: #33cc66; }

.subway_point ul li.grey {
    color: #000000; }

.subway_point_out {
    margin-left: 5px;
    height: 10px;
    width: 10px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    border: 2px solid #CFCFCF; }

.subway_point_out.yes {
    background: #CFCFCF; }
.subway_point_out.s0 {
    background: #373737; }
.subway_point_out.s1 {
    background: #80FF80; }
.subway_point_out.s2 {
    background: #5151FF; }
.subway_point_out.s3 {
    background: #FFFF80; }
.subway_point_out.s4 {
    background: #FF8000; }                

.subway_point_out.no {
    background: #FFFFFF; }

.subway_point_out span {
    margin-left: 5px;
    background: #FFFF00;
    height: 15px;
    width: 15px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px; }

.subway_point ul li div p {
    margin-top: 0px;
    margin-bottom: 0px; }

.subway_line {
    width: 98%;
    position: absolute;
    top: 16px;
    left: 0px;
    margin-left: 10px;
    line-height: 25px; }

.subway_line ul {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding: 0px; }

.subway_line ul li {
    float: left;
    width: 22%;
    padding: 0px; }

.subway_line_grey {
    margin-left: 0px;
    background: #CFCFCF;
    height: 3px;
    width: 100%; }

.subway_line_green {
    margin-left: 0px;
    background: #33cc66;
    height: 3px;
    width: 100%; }
.singlePageTitle {
    margin: 0 15px;
    border-bottom: 1px solid #ddd;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    background: url(/salemobile/images/yhxx_08.png) right 14px no-repeat;
    background-size: 16px; }

.bldlistselect table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }

.bldlistselect table tr td {
    background: #f5f5f5;
    color: #8d8d8d;
    height: 30px;
    text-align: center; }

.bldlistselect table tr td.left {
    background: url("/salemobile/images/arrow-left-grey.png") no-repeat right whitesmoke;
    background-position: 10px 8px;
    background-size: 15px;
    width: 60px; }

.bldlistselect table tr td.right {
    background: url("/salemobile/images/arrow-right-grey.png") no-repeat right whitesmoke;
    background-position: 35px 8px;
    background-size: 15px;
    width: 60px; }    
    
.house_box .house_title {
    height: 30px;
    line-height: 30px;
    background: #F4F4F4;
    padding: 0 12px;
    font-size: 14px; }

.house_box table.house_list {
    width: 100%;
    border: 0; }

.house_box table.house_list td {
    background: #33cc66;
    height: 50px;
    text-align: center;
    width: 33%;
    border-top: 15px;
    border-left: 12px;
    border-right: 12px;
    border-bottom: 15px;
    border-color: #fff;
    border-style: solid;
    color: #fff; }

.house_box table.house_list td.select {
    background: #F4F4F4;
    color: #333333; }
    
    
.Area_box .Area_title {
    height: 30px;
    line-height: 30px;
    background: #F4F4F4;
    padding: 0 12px;
    font-size: 14px; }

.Area_box table.Area_list {
    width: 100%;
    border: 0; }

.Area_box table.Area_list td {
    background: #33cc66;
    height: 44px;
    text-align: center;
    width: 100%;
    border-top: 15px;
    border-left: 12px;
    border-right: 12px;
    border-bottom: 15px;
    border-color: #fff;
    border-style: solid;
    color: #fff; }

.Area_box table.Area_list td.select {
    background: #F4F4F4;
    color: #333333; }        
    
    #find_index_body {
background-color:#f0f0f0;
}
.find_index_box {
    
    
    width:100%;
    
}
.find_index_box a.noborderbottom {
border-bottom:none;
}
.find_index_box ul, .find_index_box a {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    padding: 0 15px 0 55px;
    position: relative;
    border-bottom: 1px solid #ddd;
    display: block;
    clear: both;
    color: #333333; }
.find_index_box .find_group {
    margin-top:12px;
    margin-left:12px;
    margin-right:12px;
    background-color:#fff;
}
.find_index_box ul, .find_index_box a, .find_index_box a:hover, .find_index_box a:visited {
    text-decoration: none;
    color: #333333; }

.find_index_box i {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 15px;
    top: 10px;
    display: inline-block;
    background: url(/SaleMobile/images/find_index_01.png) no-repeat;
    background-size: 25px; }

.find_index_box i.myCard {
    background-image: url(/SaleMobile/images/find_index_01.png); }
.find_index_box i.clientvisit {
    background-image: url(/SaleMobile/images/find_index_01.png); }
.find_index_box i.projectCard {
    background-image: url(/SaleMobile/images/find_index_02.png); }
.find_index_box i.changesaler {
    background-image: url(/SaleMobile/images/icon_Customers_s.png); }    
.find_index_box i.iconrenchou {
    background-image: url(/SaleMobile/images/select_full@2x.png); }      
.find_index_box i.houseKeep {
    background-image: url(/SaleMobile/images/icon_Achieve_s.png); }
.find_index_box i.housingInfor {
    background-image: url(/SaleMobile/images/find_index_03.png); }
.find_index_box i.housingInforBig {
    background-image: url(/SaleMobile/images/buildSee.png); }    
.find_index_box i.sns {
    background-image: url(/SaleMobile/images/find_03.png); }
.find_index_box i.calculator {
    background-image: url(/SaleMobile/images/find_index_04.png); }
.find_index_box i.daikuan {
    background-image: url(/SaleMobile/images/daikuan.png); }  
.find_index_box i.modpwd {
    background-image: url(/SaleMobile/images/key-icon.png); }

.find_index_box i.miniSNS {
    background-image: url(/SaleMobile/images/find_index_05.png); }

.find_index_box i.exit {
    background-image: url(/SaleMobile/images/find_index_06.png); }

.find_index_box .exit_box {
    margin-top: 20px;
    border-bottom: 0; }
    
.roomtemplt {
    padding: 6px 15px; }

.roomtemplt ul {
    position: relative;
    height: 20px;
    line-height: 20px;
    padding: 6px 0 6px 32px; 

}

.roomtemplt ul li {
    float: left; }

.roomtemplt ul span span {
    margin: 0 10px; }

.roomtemplt ul i {
    position: absolute;
    width: 19px;
    height: 19px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    background: #fff;
    left: 0; }

.roomtemplt ul.sold_yes i {
    background: #FF8000;
    border-color: #FF8000; }
    
    .roomtemplt ul.sold_keep i {
    background: red;
    border-color: red; }
    
    .roomtemplt ul.sold_no i {
    background: #00A251;
    border-color: #00A251; }
    

.roomtemplt ul.sold_yn i {
    background: #ffc602;
    border-color: #ffc602; }

.roomtemplt ul.sold_yes span span {
    color: #f35755; }

.roomtemplt table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }

.roomtemplt table tr {
    height: 60px; }

.roomtemplt table tr td:first-child {
    text-align: left;
    width: 90px; }

.roomtemplt table tr td span {
    font-size: 15px;
    color: #9a9a9a;
    line-height: 40px;
    height: 40px;
    float: left;
    width: 70px;
    border: 1px solid #eeeeee;
    text-align: center; }

.roomtemplt table tr td span.ys {
    color: #ffffff;
    background: #f45656; }

.roomlisttable {
    padding: 0 15px 0px 15px; }

.roomtable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #eeeeee;
}

.roomtable tr {
    border-bottom: 1px solid #f0f0f0; }

.roomtable tr td.floor {
    text-align: center;
    width: 50px;
    height: 40px;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    background: #3db57a;
    color: #ffffff; }

.roomtable tr th {
    background: #c3f1d7;
    text-align: center;
    color: #333333;
    font-weight: normal;
    height: 30px; }

.roomtable tr th.floor {
    background: #3db57a;
    color: #ffffff;
    font-weight: normal;
    text-align: center; }

    .roomtable ul {
        width:100%;
        overflow:hidden;
    }

.room_floor li {
    font-size: 15px;
    color: #9a9a9a;
    line-height: 40px;
    float: left;
    width:25%;
    /*margin-bottom: -1px;
    margin-right:-1px;*/
    box-sizing:border-box;
    border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
    text-align: center; }
	.room_floor li.nobottom{
		border-bottom:none;
		}
.room_floor li.noright {
        border-right:none;
}
.room_floor li.ys {
    color: #ffffff;
    background: #FF8000;
}
.room_floor li.blank {
    color: #ffffff;
    background: white;
}

.room_floor li.ws {
    color: #ffffff;
    background: #00A251;
}

.room_floor li.bl {
    color: #ffffff;
    background: red;
}

    .gridline{background-color:#999999}
.gridheader {font-weight: bold;font-size: 13px; LETTER-SPACING: 0px;
	padding-right: 7px;
	padding-bottom: 3px;padding-top: 5px;
	padding-left: 7px;
	text-align: center;
	border:"solid 1 black";
	BACKGROUND-COLOR: #E8E8E8;
}
.gridfoot {FONT-SIZE: 13px; LETTER-SPACING: 0px;

	BACKGROUND-COLOR: #FFCC66;border:"solid 1 black";
}
.notedit{border:"solid 1 black";FONT-SIZE: 13px;cursor:default;background-color:#FFFFFF}
.noteditAL{border:"solid 1 black";FONT-SIZE: 13px;cursor:default;background-color:#E3E3E3}
.canedit{FONT-SIZE: 13px;cursor:text;background-color:#E3E3E3;width:110px;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#E3E3E3)}
.edited{FONT-SIZE: 13px;cursor:text;background-color:#CCCCCC;width:110px;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E3E3E3, EndColorStr=#CCCCCC)}

.gswx_mt{BACKGROUND-COLOR: white;border-radius: 5px;padding:  12px;
    margin: 15px;font-weight:bold; overflow:visible;}
    .gswx_title{color:#5cb85c;font-size:18px}
    .gswx_value{color:#5cb85c;font-weight:bold;}
    .gswx_item{color:#969696;}
    .gswx_td1{text-align: left;
	vertical-align:middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-color: #DCDCDC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
    line-height:22px;
    height:40px;
    }
    
    .gswx_btn{
    margin: 15px;}
    .towx-Btn {
    height: 40px;
    clear: both; }

.towx-Btn .btn {
    width: 40%; }
    
    .gswx_area{BACKGROUND-COLOR: white;border-radius: 5px;padding:  0px;
    margin: 15px;font-weight:bold;}
    .gswx_areatitle{padding:  5px;color:#333333;padding:  15px 8px 15px 8px;font-size:18px}
    
    .bg100
    {
        padding:  0px;border-radius: 5px 5px 0px 0px;
      
        }
        .areaimg
        {
            width:100%;padding:  0px;
            height:auto; 
            border-radius: 5px 5px 0px 0px;
            }
.load{BACKGROUND-COLOR: #E8E4D5; padding: 15;width:100%;text-align:center; border:solid 1 #D3A916;color:#D3A916; }

.dateselect {
    display:none;
position:absolute;
top:44px;
left:0px;
height:400px;
width:100%;
background-color:#fff;
z-index:10000;
}
.dateselect li {
height:44px;
line-height:44px;
font-size:15px;
font-weight:bolder;
color:#333;
padding-left:12px;
border-bottom:1px solid #d8d8d8;
}
.dateselect li img {
display:none;
height:20px;
width:20px;
}
.dateselect li:active {
  color:#fff;
  background-color:#33cc66;  
}
.dateselect li.selected img {
display:block;
height:20px;
width:20px;
}
#mask {
    display:none;
background-color: #222;
position: fixed;
z-index: 9999;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.3;
height:100% !important;
width:100%;
}
.headinfo {
height:44px;
line-height:44px;
border-bottom:1px solid #d8d8d8;
text-align:center;
width:100%;
}
.headinfo span {
font-size:15px;
color:#333;
font-weight:bolder;
}
  .head {
    width:100%;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal
}
/*tab样式*/
.toptool {
	width:100%;
	padding:15px 12px 15px 12px;
	height:35px;
	top:0px;
	display: block;
	position: fixed;
	top: 0;
    background-color:white;
	z-index: 1001;
}


.easytab {

-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
height: 34px;
width:100%
}

.easytab li {
float: left;
display: inline-block;
width:45%;
height:30px;
vertical-align: middle;
text-align: center;
font-size: 16px;
cursor: pointer; 
font-weight:bolder;
border:1px solid #33cc66;
color:#333;
}

.easytab li.select {
background: #33cc66;
color: white;
height:30px;
}
.easytab li div {
height:30px;
line-height:30px; 
}
.easytab li.select div {
color: white;
  height:30px;
}

A.lnk:link {COLOR:blue;font-size: 16px; TEXT-DECORATION:none;}
A.lnk:visited {COLOR:blue;font-size: 16px; TEXT-DECORATION:none;}
A.lnk:active {COLOR:blue;font-size: 16px; TEXT-DECORATION:none;}
A.lnk:hover {COLOR:blue;font-size: 16px; TEXT-DECORATION: underline;}
	.divpop{
	position:absolute;
	z-index:9999;
	padding: 3px;
    background-color: white;
    border-radius: 2px;
    border: 1px solid #DCE1E6;
    width:auto;
    height:auto;
	}
	.member_container {
	display: table;
	table-layout: fixed;
	width: 100%;
	height:100%
	}
	.member_colLeft {
    display: table-cell;
    vertical-align: top;
	background-color: white;
	border-right: 1px solid #DCE1E6;
    border-radius: 4px 0 0 4px;
	width: 260px;
	padding: 10px;
	}

	.member_colRight {
    display: table-cell;
	padding: 10px;
    vertical-align: top;
	background-color: white;
}
	.bluebtn
	{ margin: 0px 5px 0px 0px;
	background: #0099CC;
	    -webkit-appearance: button;
	cursor: pointer;
	display: inline-block;
    padding: 0px 10px 0px 10px;
   border-radius:3px;
	font-size: 14px;
    font-weight: normal;
	line-height: 30px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
    color: white;
   border: 0px;
   -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	text-decoration: none;
	}

	.redbtn
	{ margin: 0px 5px 0px 0px;
	background: red;
	    -webkit-appearance: button;
	    border-radius:3px;
	cursor: pointer;
	display: inline-block;
    padding: 0px 10px 0px 10px;
	font-size: 14px;
    font-weight: normal;
	line-height: 30px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
    color: white;
   border: 0px;border-radius:2px;
   -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	text-decoration: none;
	}
.borderbtn
	{  margin: 0px 5px 0px 0px;
	background: transparent;
	    -webkit-appearance: button;border-radius:0px;
	cursor: pointer;
	display: inline-block;
    padding: 0px 10px 0px 10px;
border-radius:3px;
	font-size: 14px;
    font-weight: normal;
	line-height: 30px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
    color: black;
   border: solid 1px black;
   -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	text-decoration: none;
	}
	.greenbtn
	{  margin: 0px 5px 0px 0px;
	background: #33cc66;
	    -webkit-appearance: button;
	cursor: pointer;
	display: inline-block;
    padding: 0px 10px 0px 10px;
border-radius:3px;
	font-size: 14px;
    font-weight: normal;
	line-height: 30px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
    color: white;
   border: 0px;
   -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	text-decoration: none;
	}
	.graybtn
	{      margin: 0px 5px 0px 0px;
	background: #D8D8D9;;
	    -webkit-appearance: button;
	cursor: pointer;
	display: inline-block;
    padding: 0px 10px 0px 10px;
border-radius:3px;
	font-size: 14px;
    font-weight: normal;
	line-height: 30px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
    color: white;
   border: 0px;
   -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	text-decoration: none;
	}
	.gheader{font-weight: bold;
    font-size: 13px;
    LETTER-SPACING: 0px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-top: 5px;
    padding-left: 7px;
    text-align: center;
	border: "none 0 black";
	BACKGROUND-COLOR: #E8E8E8;}
	.dtr{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-color: #DCDCDC;
	over-flow:hidden;
	white-space: nowrap;

	}
	.dRow{
	text-align: left;
	vertical-align: middle;
	
    float:left;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
    padding-top:8px;
    height:35px;
}

.dRowR{
	text-align: left;
	vertical-align: middle;
    float:right;
    padding-left: 3px;
    padding-right: 3px;
    overflow: visible;
    word-break: keep-all;
    white-space:nowrap;
     padding-top:5px;
 height:35px;
}
	
    .icondo{cursor:pointer;background-image :url(../images/3dot.png);background-repeat:no-repeat;background-position:0 8px;width:12px}
	.imgsec{float:left;margin-top:1px}
	.titlesec{clear:both;padding-top:12px;padding-bottom:12px;font-weight: bold;font-size: 16px;vertical-align:middle;color:#8B8A88}