p, h1, h2, h3, h4, h5, s, b, div, input, button, textarea {
font-family: "寰蒋闆呴粦"!important;
}
.none {
display: none!important;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a, a:focus, a:active, a:hover {
outline: none;
background: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a, a:active, a:visited, a:hover {
text-decoration: none;
color: #000;
border: none;
outline: none;
}
input, textarea, button {
outline: none;
}
/*body::-webkit-scrollbar {display:none}*/
input:-webkit-autofill {
-webkit-text-fill-color: #666 !important;
-webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,0) inset !important;
transition: background-color 5000s ease-in-out 0s;
}
input[type="number"] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
.icon {
width: 16px;
height: 16px;
fill: currentColor;
overflow: hidden;
display: inline-block;
vertical-align: middle;
color: #666;
margin-right: 5px;
}
input, textarea, select, button {
outline: none;
}
body.overflow {
overflow: hidden;
}
.header-nav ul>li.active a {
color: #5eb2ae;
}
.header-nav ul>li>.user-info>img {
margin-right: 10px;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
border-radius: 20px;
background-image: url("../image/userbackground.png");
background: #eee;
}
.header-nav ul>li#user-li:hover .li-tipscon li {
height: 30px;
}
.header-nav ul>li {
margin: 0 14px;
vertical-align: top;
display: inline-block;
}
.header-nav ul>li>.li-info.no-user>.login-item-tips {
border-right: 1px solid #999;
padding-left: 10px;
}
.header-nav ul>li>.li-info.no-user>.login-item-tips:last-child {
border: none;
}
.header-nav ul>li>.li-info.no-user>.login-item-tips:first-child {
padding-right: 10px;
}
.header-nav ul>li.user-li {
overflow: hidden;
}
.header-nav ul>li>.li-info:hover {
cursor: pointer;
}
.header-nav ul>li>.li-tipscon li {
margin: 0;
display: block;
overflow: hidden;
height: 0;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-ms-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
}
.header-nav ul>li>.li-tipscon li>a {
display: block;
padding: 5px;
box-sizing: border-box;
font-size: 14px;
}
.header-nav ul>li>.li-tipscon li>a:hover {
cursor: pointer;
background: #5eb2ae;
color: #fff;
}
.header-nav ul>li>i {
display: inline-block;
height: 4px;
width: 4px;
background: #5eb2ae;
vertical-align: middle;
margin-left: 20px;
border-radius: 2px;
}
.header-nav {
text-align: center;
float: right;
line-height: 80px;
}
.header-login-be ul>li {
display: inline-block;
margin: 0 10px;
}
.header-login-be ul>li a {
color: #aaa;
}
.header-login-be ul>li a.active {
color: #333;
}
.tag_item>div>span {
float: left;
text-align: left;
font-size: .8rem;
}
.tag_item>div>span:hover {
cursor: pointer;
}
.tag_item>div>ul {
margin-left: 100px;
text-align: left;
border-left: 1px solid #eee;
min-height: 50px;
}
.tag_item>div:hover {
background: #5eb2ae;
color: #fff;
}
.tag_item>div {
width: 100%;
text-align: center;
height: 30px;
padding: 10px;
}
.tag #timeSearch, .tag #village {
border: none;
background: transparent;
display: inline-block;
}
.hidden {
visibility: hidden;
}
.header {
background-color: #fff;
width: 100%;
box-shadow: 0 0 6px #999;
position: fixed;
z-index: 1001;
top: 0;
}
.headerCon {
background: #fff;
position: absolute;
margin: 0 auto;
height: 80px;
line-height: 80px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 0 5px #ccc;
}
.comment, .myView {
display: none;
}
input:-webkit-autofill {
-webkit-text-fill-color: #333 !important;
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
transition: background-color 5000s ease-in-out 0s;
box-shadow: 0 0 0px 1000px white inset !important;
}
.logo {
vertical-align: middle;
margin-right: 10px;
}
.header-login {
padding: 15px;
background: #fff;
box-shadow: 0 0 5px #999;
border-radius: 8px;
}
.header-logoCon {
display: inline-block;
}
.header-logoCon:hover {
cursor: pointer;
}
.header-bar {
position: absolute;
top: 0;
right: 15px;
font-size: 24px;
color: #333;
}
.header-logoCon {
margin-right: 50px;
}
.modal {
display: none;
background-color: rgba(0, 0, 0, 0.82);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1001;
}
.modal.in {
display: block;
}
.modal-item.logon-container {
width: 330px;
margin: 0 auto;
margin-top: 12%;
position: relative;
}
.modal>.modal_item {
width: 600px;
height: auto;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -230px;
overflow: hidden;
}
.modal_main>.orderInfoPay {
padding: 10px;
}
.modal_main>.orderInfoPay>ul>li {
padding: 10px 0;
border-bottom: 1px solid #eee;
font-size: 1rem;
}
.modal_main>.orderInfoPay>ul>li:last-child {
border-bottom: none;
}
.modal_main>.orderInfoPay>ul>li li {
padding: 5px 0;
}
.modal_main>.orderInfoPay li>.titles {
display: inline-block;
width: 20%;
vertical-align: top;
}
.modal_main>.orderInfoPay li>.text {
display: inline-block;
width: 75%;
}
.modal>.modal_item>.modal_footer {
padding: 10px 0;
float: right;
width: 100%;
box-shadow: 0 0 5px #eee;
}
.modal>.modal_item>.modal_header {
padding: 10px;
background: #5eb2ae;
color: #fff;
}
.modal>.modal_item>.modal_header .fa {
float: right;
}
.header-login-be {
position: relative;
}
.header-login-be-item {
transition: .5s all;
z-index: 10;
background-color: #fff;
}
.header-login-be .fa-close {
position: absolute;
top: 0;
z-index: 12;
right: 0px;
color: #999;
transform: rotate(0deg);
-webkit-transition: .5s all;
-moz-transition: .5s all;
-ms-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
}
.header-login-be .fa-close:hover {
transform: rotate(180deg);
}
.none {
display: none!important;
}
.left {
float: left;
}
.right {
float: right;
}
.header-login-be-item form {
padding: 10px 15px;
margin-bottom: 15px;
}
.header-login-be-item .inputDiv {
position: relative;
height: 30px;
line-height: 30px;
margin-bottom: 15px;
}
.header-login-be-item .inputDiv.agreenCon {
line-height: 20px;
}
.header-login-be-item .agreenCon #agreen {
float: left;
margin-top: 5px;
}
.header-login-be-item .agreenCon .agreenDiv {
width: 100%;
padding-left: 20px;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
}
.header-login-be-item .agreenCon .agreenDiv a {
color: #4b9591;
}
.header-login-be-item .agreenCon .agreenDiv a:hover {
text-decoration: underline;
}
.header-login-be-item .inputDiv>i.fa {
position: absolute;
top: 8px;
left: 8px;
color: #999;
}
.header-login-be-item .error {
color: #ff2c27;
height: 20px;
line-height: 20px;
font: .8rem/1rem a;
margin-bottom: 5px;
}
.header-login-be-item .inputDiv>input {
height: 30px;
width: 100%;
padding: 5px;
padding-left: 30px;
border-radius: 5px;
border: 1px solid #ccc;
font-size: .9rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header-login-be-item .inputDiv.tag a {
font: .8rem/1.2rem a;
color: #999;
}
.header-login-be-item form>button:hover {
cursor: pointer;
}
.header-login-be-item form>button {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
padding: 0;
margin: 0 auto;
border: none;
background-color: #5eb2ae;
border-radius: 5px;
color: #fff;
font-weight: 900;
}
.header-login-be-item form>button[disabled='disabled'] {
background-color: #999;
}
.header-login-be>ul {
height: 60px;
position: relative;
z-index: 11;
background-color: #fff;
text-align: center;
}
.getCodeDiv>span {
position: absolute;
top: 0;
right: 10px;
font-size: .8rem;
color: #666;
border-left: 1px solid #ccc;
padding-left: 10px;
height: 29px;
width: 80px;
margin-top: 1px;
text-align: center;
}
.header-login-after {
position: relative;
}
.header-login-after>div.prolieTag {
position: relative;
display: inline-block;
height: 60px;
background-color: #fff;
z-index: 1;
width: 130px;
text-align: center;
}
.header-login-after>div.prolieTag>img {
width: 40px;
height: 40px;
vertical-align: middle;
margin-right: 5px;
}
.header-login-after>.prolie {
position: absolute;
top: -600px;
width: 130px;
background-color: #fff;
box-shadow: 0 0 6px #999;
padding: 5px;
text-align: center;
}
.messageTag>a {
position: relative;
}
.messageTag>b {
position: absolute;
top: 5px;
display: inline-block;
width: 20px;
height: 20px;
line-height: 22px;
background-color: #5eb2ae;
color: #fff;
border-radius: 10px;
}
.login-toggleBtn:hover {
cursor: pointer;
}
.header-login-after>.prolie>ul>li {
height: 40px;
}
.goback {
display: none;
position: fixed;
right: 10px;
bottom: 100px;
width: 50px;
z-index: 1000;
}
.goback.active {
display: inline-block;
}
.goback>.back {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 2rem;
color: #eee;
background-color: rgba(152, 152, 152, 0.8);
border-radius: 5px;
margin-bottom: 5px;
}
.pointer:hover {
cursor: pointer;
}
.right {
float: right;
}
.left {
float: left;
}
.pointer:hover {
cursor: pointer;
}
.btn {
float: right;
margin-right: 15px;
margin-top: 20px;
border: 1px solid #5eb2ae;
background: #fff;
color: #5eb2ae;
border-radius: 5px;
padding: 5px 10px;
}
.btn:hover {
cursor: pointer;
}
.footer {
background: #333;
color: #fff;
font-size: 14px;
margin-top: 15px;
}
.footer>.footerCon {
margin: 0 auto;
padding: 30px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer>.footerCon>.list>ul {
text-align: center;
}
.footer a {
color: #f5f5f5;
}
.footer>.footerCon>.list>ul>li>h3 {
font-size: 16px;
margin-bottom: 20px;
}
.footer>.footerCon>.list>ul>li>.list-ul>li {
margin: 8px 0;
}
.footer>.footerCon>.qr {
text-align: center;
line-height: 20px;
padding-top: 30px;
border-top: 1px solid #f5f5f5;
}
.footer .footerCon .lookhere .fa {
font-size: 20px;
margin: 15px;
}
.footer .footerCon .lookhere {
margin-top: 30px;
}
.loading {
margin: 20px 0;
text-align: center;
color: #999;
}
@keyframes waitRun {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(90deg);
}
30% {
transform: rotate(180deg);
}
60% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
.nav-con {
position: relative;
background: #f2f2f2;
overflow: hidden;
max-height: 500px;
}
.nav-con .nivo-controlNav {
display: none;
}
.indexCon .story-modal.in {
display: block;
}
.indexCon .story-modal {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 10000;
}
.indexCon .story-modal .story-item .fa-close:hover {
cursor: pointer;
}
.indexCon .story-modal .story-item .fa-close {
position: absolute;
right: 20px;
top: 20px;
color: #999;
font-size: 24px;
}
.indexCon .capter {
margin: 0 auto;
text-align: center;
margin-bottom: 30px!important;
border: 1px solid transparent;
}
.indexCon .capter .banner-con {
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden;
min-height: 270px;
background: #eee;
}
.indexCon .capter.story .banner-con img {
width: 100%;
}
.indexCon .capter .banner-con .videoCon {
width: 60%;
text-align: center;
display: inline-block;
height: 100%;
vertical-align: top;
}
.indexCon .capter .banner-con .videoCon .video-btn-con {
margin-top: 25%;
}
.indexCon .capter .banner-con .videoCon .video-btn-con i.fa:hover {
cursor: pointer;
}
.indexCon .capter .banner-con .videoCon .video-btn-con i.fa {
vertical-align: middle;
font-size: 48px;
color: #26b7bc;
}
.indexCon .capter .banner-con .videoCon .video-btn-con span {
vertical-align: middle;
font-size: 24px;
color: #fff;
}
.indexCon .capter .banner-con .textCon {
display: inline-block;
height: 100%;
vertical-align: top;
width: 30%;
background: rgba(255,255,255,.8);
font-weight: 900;
font: 14px/24px a;
text-indent: 1rem;
text-align: justify;
font-family: -webkit-pictograph;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.indexCon .capter .moreCon {
display: none;
}
.indexCon .capter .moreCon .more {
background: #26b7bc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size: 14px;
padding: 8px 15px;
display: inline-block;
margin-top: 30px;
}
.indexCon .capter .title {
margin-bottom: 30px;
margin-top: 20px;
}
.indexCon .capter .title h1 {
font-size: 34px;
padding-top: 10px;
font-weight: 500;
}
.indexCon .capter .title h5 {
color: #999;
margin-top: 15px;
}
.indexCon .capter .yardlist-itemCon.active {
display: block;
}
.indexCon .capter .yardlist-itemCon {
}
.indexCon .capter .capter-itemCon {
text-align: left;
}
.indexCon .capter .capter-itemCon .capter-item .taps-map {
position: absolute;
top: 10px;
background: #999;
padding: 10px;
color: #fff;
left: 0px;
font-size: 13px;
line-height: 17px;
text-align: left;
height: 56px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.indexCon .capter .capter-itemCon .capter-item .taps-map .mf11 {
display: inline-block;
position: absolute;
top: 56px;
left: 0;
border-left: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid #666;
border-top: 4px solid #666;
}
.indexCon .capter .capter-itemCon .capter-item .taps-map.active {
background: #26b7bc;
}
.indexCon .capter .capter-itemCon .capter-item .taps-map.active .mf11 {
border-right-color: #2c5955;
border-top-color: #2c5955;
}
.indexCon .capter .capter-itemCon .capter-item .taps-map::after {
content: '';
float: right;
margin-top: -44px;
margin-right: -38px;
border-right: 28px solid transparent;
border-left: 28px solid transparent;
border-bottom: 28px solid #999;
border-top: 28px solid #999;
}
.indexCon .capter .capter-itemCon .capter-item .taps-map.active::after {
border-bottom: 28px solid #26b7bc;
border-top: 28px solid #26b7bc;
}
.indexCon .capter .capter-itemCon .capter-item img {
display: inline-block;
background: #eee;
width: 100%;
vertical-align: bottom;
}
.indexCon .capter .capter-itemCon .capter-item .info {
text-align: left;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
width: 100%;
}
.indexCon .capter .capter-itemCon .capter-item .info .title-two {
height: 20px;
font-size: 14px;
overflow: hidden;
}
.indexCon .capter .capter-itemCon .capter-item .info .title-two .priceCon {
display: inline-block;
width: 30%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.indexCon .capter .capter-itemCon .capter-item .info .title-two .roomtype {
color: #26b7bc;
float: left;
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.indexCon .capter .capter-itemCon .capter-item .info .title-two .roomtype .yard {
padding: 0 4px;
border-radius: 2px;
}
.indexCon .capter .capter-itemCon .capter-item .info .title-two .roomtype i {
text-decoration: none;
}
.indexCon .capter .capter-itemCon .capter-item .info .title-two .priceCon {
width: 30%;
float: right;
text-align: right;
}
.indexCon .capter .capter-itemCon .capter-item .info .title-two .priceCon .price {
font-weight: 900;
}
.indexCon .capter .capter-itemCon .capter-item .info .bed{
line-height: 20px;
height: 60px;
font-size: 13px;
padding-top: 5px;
color: #2A2A2A;
}
.indexCon > .yardCon > .yardlist {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
overflow-x: auto;
}
.indexCon > .yardCon > .yardlist .yardlist-item:hover {
cursor: pointer;
}
.indexCon > .yardCon > .yardlist .yardlist-item {
display: inline-block;
white-space: normal;
margin-right: 10px;
padding: 10px 0;
padding-top: 0;
font-size: 14px;
border-bottom: 2px solid transparent;
}
.indexCon > .yardCon > .yardlist .yardlist-item:hover {
border-bottom: 2px solid #26b7bc;
}
.indexCon > .yardCon > .yardlist .yardlist-item.active {
border-bottom: 2px solid #26b7bc;
}
.indexCon > .yardCon > .yardlist .yardlist-item:last-child {
margin-right: 0px;
}
.searchCon {
height: 60px;
border-bottom: 1px solid #eee;
line-height: 60px;
margin: 0 10px;
}
.searchCon .search_input {
width: 240px;
position: relative;
display: inline-block;
border: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 34px;
vertical-align: middle;
overflow: hidden;
}
.searchCon .search_input i.fa {
position: absolute;
top: 8px;
left: 10px;
color: #999;
font-size: 16px;
}
.searchCon .search_input input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
border: none;
color: #999;
padding: 0 10px;
padding-left: 30px;
height: 30px;
font-size: 14px;
display: inline-block;
vertical-align: top;
}
.searchCon form > button {
background: #26b7bc;
height: 34px;
width: 80px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
border: none;
font-size: 16px;
}
.searchCon form > button:hover {
cursor: pointer;
}
.searchCon form > .filtertoggle {
display: inline-block;
color: #666;
border: 1px solid #eee;
height: 34px;
line-height: 34px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
vertical-align: middle;
padding: 0 10px;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.searchCon form > .fa.active {
color: #26b7bc;
}
.no-listcontainer-item {
text-align: center;
margin: 200px auto;
color: #666;
}
.filterCon {
font-size: 14px;
color: #666;
}
.filterCon .yardoutbox > div {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.filterCon ..yardoutbox > div:last-child {
border-bottom: none;
}
.yardoutbox {
padding: 0 20px;
border: 1px solid #e0e0e0;
margin: 10px 0;
}
.filterCon .yardoutbox > div > .title {
float: left;
margin-top: 13px;
width: 60px;
display: inline-block;
height: 24px;
line-height: 24px;
}
.filterCon .yardoutbox > div > .con {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.filterCon .yardoutbox > div > .con li:hover {
cursor: pointer;
}
.filterCon .yardoutbox > div > .con li {
display: inline-block;
white-space: normal;
margin-top: 13px;
height: 25px;
overflow: hidden;
}
.filterCon .yardoutbox > div > .con li .customs_div {
display: inline-block;
}
.filterCon .yardoutbox > div > .con li input {
height: 20px;
width: 60px;
color: #555;
padding: 0 5px;
}
.filterCon .yardoutbox > div > .con li span {
display: inline-block;
width: 30px;
text-align: center;
}
.filterCon .yardoutbox > div > .con li span#customs_btn {
margin-top: 6px;
}
.filterCon .yardoutbox > div > .con li button {
background: #fff;
border: none;
color: #26b7bc;
padding: 0 10px;
}
.filterCon .yardoutbox > div > .con li button:hover {
cursor: pointer;
}
.filterCon .yardoutbox > div > .con li a {
display: inline-block;
height: 24px;
line-height: 24px;
padding: 0 10px;
}
.filterCon .yardoutbox > div > .con li.customs-con.open .customs_item {
width: 250px;
height: auto;
}
.filterCon .yardoutbox > div > .con li.customs-con span {
white-space: nowrap;
width: 50px;
}
.filterCon .yardoutbox > div > .con li.customs-con .customs_item {
display: inline-block;
vertical-align: middle;
-webkit-transform: .5s width;
-moz-transform: .5s width;
-ms-transform: .5s width;
-o-transform: .5s width;
transform: .5s width;
width: 0;
overflow: hidden;
height: 0;
}
.filterCon .yardoutbox > div > .con li.active a {
background: #26b7bc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
}
.roomlistCon {
overflow: hidden;
}
img {
color: #666;
font-size: 14px;
}
.roomlistCon .items img {
display: block;
width: 100%;
/*background: #eee;*/
}
.roomlistCon .items .price {
position: absolute;
background: rgba(0, 0, 0, 0.67);
color: #fff;
font-weight: 900;
padding: 8px 10px;
}
.roomlistCon .items .priceCon{
color: #26b7bc;
float: left;
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.roomlistCon .items .priceCon .yard{
padding:2px 4px;
border-radius: 2px;
display:inline-block;
}
.roomlistCon .items .info {
padding: 15px;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.roomlistCon .items .info .title {
margin-bottom: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font: 14px/20px a;
height: 40px;
text-align: justify;
}
.roomlistCon .items .info .title-two {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.roomlistCon .items .info .title-two .tags {
display: inline-block;
color: #26b7bc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.roomlistCon .items .info .title-two .roomtype {
float: right;
color: #998;
width: 30%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.roomlistCon .items .bed{
line-height: 20px;
height: 60px;
font-size: 13px;
padding-top: 5px;
color: #2A2A2A;
}
.paginationCon {
height: 40px;
margin: 30px 0;
text-align: center;
}
.paginationCon li.active {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #26b7bc;
color: #fff;
}
.paginationCon li:hover {
cursor: pointer;
}
.paginationCon li {
width: 36px;
height: 36px;
display: inline-block;
padding: 10px;
color: #26b7bc;
font-weight: 900;
margin-right: 10px;
}
.paginationCon li.fa {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-weight: 900;
border: 1px solid #26b7bc;
}
.activitylistCon {
overflow: hidden;
}
.activitylistCon > .capter-item > img {
display: block;
width: 100%;
background: #eee;
}
.activitylistCon > .capter-item {
display: inline-block;
white-space: normal;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
position: relative;
margin-right: -4px;
}
.activitylistCon > .capter-item > .taps-map {
position: absolute;
top: 20px;
background: #999;
padding: 10px;
color: #fff;
left: 2px;
font-size: 13px;
line-height: 17px;
text-align: left;
height: 56px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.activitylistCon > .capter-item > .taps-map > .mf1 > p {
height: 17px;
overflow: hidden;
}
.activitylistCon > .capter-item > .taps-map .mf11 {
display: inline-block;
position: absolute;
top: 56px;
left: 0;
border-left: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid #666;
border-top: 4px solid #666;
}
.activitylistCon > .capter-item .taps-map.active {
background: #26b7bc;
}
.activitylistCon > .capter-item .taps-map.active .mf11 {
border-right-color: #2c5955;
border-top-color: #2c5955;
}
.activitylistCon > .capter-item > .taps-map::after {
content: '';
float: right;
margin-top: -44px;
margin-right: -38px;
border-right: 28px solid transparent;
border-left: 28px solid transparent;
border-bottom: 28px solid #999;
border-top: 28px solid #999;
}
.activitylistCon > .capter-item > .taps-map.active::after {
border-bottom: 28px solid #26b7bc;
border-top: 28px solid #26b7bc;
}
.activitylistCon > .capter-item > .info {
text-align: left;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
}
.activitylistCon > .capter-item > .info > .title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 15px;
font: 14px/20px a;
color: #333;
text-align: justify;
height: 40px;
}
.activitylistCon > .capter-item > .info > .title-two {
height: 20px;
font-size: 14px;
}
.activitylistCon > .capter-item > .info > .title-two .roomtype {
display: inline-block;
color: #26b7bc;
float: right;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
}
/*.activitylistCon > .capter-item > .info > .title-two .roomtype .yard::after {*/
/*content: '.';*/
/*display: inline-block;*/
/*vertical-align: middle; }*/
.activitylistCon > .capter-item > .info > .title-two .roomtype i {
text-decoration: none;
}
.activitylistCon > .capter-item > .info > .title-two .priceCon {
width: 30%;
float: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.activitylistCon > .capter-item > .info > .title-two .priceCon > .price {
font-weight: 900;
}
.nav-con-imgSlider li {
float: left;
}
.nav-con-imgSlider li > div > img {
height: 100%;
}
.nav-con-imgSlider-ul > li img {
display: inline-block;
height: 500px;
background-image: url("../../static/image/backgroundCon01.jpg");
}
.nav-con-yard {
height: 500px;
overflow: hidden;
background: #ddd;
}
.nav-con-yard > img {
width: 100%;
}
.nav-con-yard:hover {
cursor: pointer;
}
.imgModal .imgModalCon-mobile {
height: 100%;
position: relative;
}
.imgModal .imgModalCon-mobile > p.page {
color: #fff;
height: 50px;
position: absolute;
top: 0;
text-align: center;
width: 100%;
line-height: 50px;
}
.imgModal .imgModalCon-mobile > .imgList {
height: 100%;
display: flex;
align-items: center;
}
.imgModal .imgModalCon-mobile > .imgList ul {
align-items: center;
overflow: hidden;
white-space: nowrap;
}
.imgModal .imgModalCon-mobile > .imgList ul li {
display: inline-block;
margin: -2px;
}
.imgModal .imgModalCon-mobile > .imgList ul li img {
max-height: 87%;
width: 100%;
}
.imgModal .imgModalCon {
height: 100%;
}
.imgModal .imgModalCon > .spanSlider {
width: 10%;
display: inline-block;
color: #fff;
font-size: 4rem;
text-align: center;
position: relative;
height: 100%;
}
.imgModal .imgModalCon > .spanSlider > .fa {
position: absolute;
top: 50%;
margin-top: -25px;
}
.imgModal .imgModalCon > .spanSlider:hover {
cursor: pointer;
}
.imgModal .imgModalCon > .imgModalCon-main {
width: 78%;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -350px;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-img {
width: 100%;
height: 600px;
overflow: hidden;
text-align: center;
background: #2a2a2a;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-img img {
height: 100%;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-tag {
position: absolute;
bottom: 150px;
color: #f2f2f2;
left: 50%;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-imgList {
margin-top: 20px;
height: 150px;
overflow: hidden;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-imgList ul {
float: left;
margin-left: 0;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-imgList ul li {
float: left;
padding: 10px;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-imgList ul li:hover {
cursor: pointer;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-imgList img {
width: 150px;
height: 100px;
opacity: .6;
border: 2px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.imgModal .imgModalCon > .imgModalCon-main > .imgModalCon-main-imgList img.active {
opacity: 1;
box-shadow: 0 0 10px #eee;
border: 2px solid #fff;
}
.imgModal .imgModalCon > .fa-close {
position: absolute;
right: 10px;
top: 10px;
font-size: 2rem;
color: #fff;
z-index: 1;
}
.yarddetail-Con {
position: relative;
}
.yarddetail-Con > .yardDetial {
position: relative;
width: 100%;
box-sizing: border-box;
padding-right: 400px;
z-index: 1;
}
.yarddetail-Con > .yardDetial .yardDetial-nav-info {
font-weight: 900;
font-size: 1.3rem;
margin: 20px 10px;
}
.yarddetail-Con > .yardDetial > .yardDetialCon {
margin-top: 10px;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group> ul {
width: 100%;
padding-left: 150px;
display: block;
vertical-align: top;
box-sizing: border-box;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group> p {
font-size: 14px;
width: 150px;
float: left;
display: block;
margin: 5px 0;
color: #666;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group> p>.fa-angle-right {
display: inline-block;
font-weight: 900;
margin-left: 10px;
padding: 2px 8px;
display: none;
}
.yardDetialCon-item >.yardDetialCon-group> p>.fa-angle-right:hover {
cursor: pointer;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group> ul li.noDevice {
color: #aaa;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group> ul li {
display: inline-block;
width: 19%;
white-space: nowrap;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #666;
text-align: left;
min-height: 28px;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group > ul li > div i {
font-size: 14px;
display: inline-block;
margin: 5px;
vertical-align: middle;
width: 15px;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group > ul li.noDevice > div > p {
text-decoration: line-through;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item>.yardDetialCon-group > ul li > div > p {
white-space: nowrap;
font-size: 12px;
display: inline-block;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group > table .title {
padding: 5px;
width: 150px;
font-size: 14px;
color: #666;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item >.yardDetialCon-group > table .text {
padding: 5px;
font: 1rem/1.5rem a;
font-size: 14px;
color: #666;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item > table .title {
width: 150px;
font-size: 14px;
color: #666;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > .yardDetialCon-item > table .text {
padding: 5px;
font: 1rem/1.5rem a;
font-size: 14px;
color: #666;
}
.yarddetail-Con > .yardDetial > .yardDetialCon > #position {
width: 100%;
background-color: rgba(130, 157, 197, 0.38);
}
.yarddetail-Con > .yardDetial > .yardDetialCon > #position > img {
width: 100%;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item {
padding: 10px;
box-shadow: 0 0 10px #ccc;
box-sizing: border-box;
min-height: 150px;
background-color: #888;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm {
text-align: center;
overflow: hidden;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > .inputDiv {
position: relative;
margin-bottom: 10px;
background: #fff;
border-radius: 5px;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > .inputDiv > i {
color: #333;
position: absolute;
top: 5px;
right: 10px;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > .inputDiv textarea {
padding: 5px 8px;
font-size: .9rem;
border: none;
border-radius: 5px;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > .inputDiv > input {
width: 100%;
border: none;
padding: 5px 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-right: 20px;
font-size: .9rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > .inputDiv > .IF-get {
position: absolute;
top: 0;
right: 0;
width: 100px;
display: inline-block;
text-align: center;
background-color: #f2f2f2;
padding: 5px;
height: 28px;
line-height: 20px;
border-radius: 0 5px 5px 0;
font-size: .9rem;
box-sizing: border-box;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > .inputDiv .IF-get:hover {
cursor: pointer;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > .inputDiv .IF-get-tel {
display: inline-block;
width: 60%;
height: 20px;
border-right: 1px solid #999;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > i.fa {
font-size: 1.5rem;
margin-right: 15px;
color: #fff;
}
.yarddetail-Con > .yardRelation > .yardRelationCon .yardRelation-item > #orderForm > button {
background-color: #26b7bc;
color: #fff;
font-weight: 900;
padding: 10px;
width: 50%;
border: none;
}
.yarddetail-Con > .yardRelation > h3 {
margin-bottom: 10px;
}
.fa-close:hover, .fa-search:hover {
cursor: pointer;
}
.customCon > h3 {
margin: 20px 0;
font-size: 20px;
color: #666;
}
.customCon .custom-item > .title {
width: 100px;
float: left;
padding: 15px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.customCon .custom-item > .title img {
display: inline-block;
width: 50px;
height: 50px;
vertical-align: middle;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.customCon .custom-item > .con {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0;
padding-left: 100px;
border-bottom: 1px solid #eee;
padding-right: 5px;
}
.customCon .custom-item > .con > .info {
color: #999;
margin-bottom: 10px;
}
.customCon .custom-item > .con > .info > .name {
width: 100px;
overflow: hidden;
margin-right: 10px;
}
.customCon .custom-item > .con > .usershow .text {
margin-bottom: 10px;
line-height: 25px;
text-align: justify;
}
.customCon .custom-item > .con > .usershow > .imgshow li {
display: inline-block;
width: 50px;
height: 50px;
}
.customCon .custom-item > .con > .usershow > .imgshow li img {
width: 100%;
height: 100%;
}
.pageCon {
text-align: center;
overflow: hidden;
}
.pageCon li:hover {
cursor: pointer;
}
.pageCon li {
display: inline-block;
color: #333;
margin-right: 15px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pageCon li.active {
background: #26b7bc;
color: #fff;
}
.pageCon li.active a {
color: #fff;
display: inline-block;
padding: 2px 5px;
}
.customhabit {
text-align: left;
overflow: hidden;
}
.customhabit > h3 {
/*margin: 10px 0;*/
/*font-size: 16px;*/
/*margin-left: 8px;*/
/*height: 32px;*/
/*color: #666; */
font-size: 16px;
padding: 10px;
height: 32px;
line-height: 32px;
background: #fff;
color: #666;
}
.customhabit > .capter-item {
display: inline-block;
margin-right: -4px;
vertical-align: top;
white-space: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
position: relative;
}
.customhabit > .capter-item:last-child {
margin-bottom: 0px;
}
.customhabit > .capter-item > img {
display: block;
background: #eee;
width: 100%;
min-height: 180px;
vertical-align: bottom;
}
.customhabit > .capter-item > .info {
text-align: left;
background: #fff;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
}
.customhabit > .capter-item > .info > .title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 20px;
margin-bottom: 15px;
font: 14px/20px a;
color: #333;
}
.customhabit > .capter-item > .info > .title-two {
height: 20px;
font-size: 14px;
}
.customhabit > .capter-item > .info > .title-two .roomtype {
color: #26b7bc;
float: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
}
.customhabit > .capter-item > .info > .title-two .roomtype i {
text-decoration: none;
}
.customhabit > .capter-item > .info > .title-two .priceCon {
width: 110px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.customhabit > .capter-item > .info > .title-two .priceCon > .price {
color: #dd585e;
}
.orderCon.house {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
}
.orderCon.house > .orderbtn {
width: 100%;
height: 50px;
line-height: 50px;
background: #26b7bc;
color: #fff;
text-align: center;
}
.fa-spinner {
animation: waitRun 2s linear infinite;
color: #26b7bc;
font-size: 20px;
margin-right: 15px;
}
.storyFilter {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*@media screen and (min-width: 600px) {*/
/*.storyFilter li {*/
/*width: 270px;*/
/*margin: 15px; } }*/
.storyFilter li {
height: 70px;
display: inline-block;
margin-left: 0px;
-webkit-box-shadow: 0 0 5px #e2e2e2;
-moz-box-shadow: 0 0 5px #e2e2e2;
box-shadow: 0 0 5px #e2e2e2;
}
.storyFilter li span {
display: inline-block;
vertical-align: middle;
padding-left: 20px;
font-size: 15px;
}
.storyFilter li img {
display: inline-block;
width: 70px;
height: 70px;
vertical-align: middle;
}
.storyFilter > h3 {
font-size: 15px;
font-weight: 900;
margin-top: 15px;
color: #333;
}
.storylistCon {
overflow: hidden;
}
/*@media screen and (min-width: 480px) {*/
/*.storylistCon > .items > .capter-item > img {*/
/*height: 220px; } }*/
.storylistCon > .items > img {
display: block;
background: #eee;
width: 100%;
}
.storylistCon > .items > .info {
padding: 15px;
-webkit-box-shadow: 0 0 5px #eee;
-moz-box-shadow: 0 0 5px #eee;
box-shadow: 0 0 5px #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.storylistCon > .items > .info > .title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font: 14px/20px a;
height: 37px;
}
.storyCon, .activityCon {
line-height: 2rem;
margin: 40px auto;
overflow: hidden;
text-align: justify;
margin-top: 10px!important;
}
.storyCon > .title, .activityCon > .title {
margin: 20px 0;
font-size: 1.5rem;
text-align: center;
}
.storyCon .author, .activityCon .author {
display: none;
}
.storyCon img, .activityCon img {
max-width: 100%;
}
.teamContainer .banner img {
width: 100%;
}
/*pc绔垜鐨勮鍗�*/
.myorder {
margin-bottom: 10px;
}
.orderdetial.myorder {
margin-bottom: 0px;
}
.myorder-con {
margin: 0 auto;
font-size: 14px;
min-height: 680px;
}
.myorder>.title {
background: #26b7bc;
height: 40px;
line-height: 40px;
}
.myorder>.title>ul {
margin: 0 auto;
margin-top: -2px;
}
.myorder>.title li.active {
background: #fff;
}
.myorder>.title li.active>a {
color: #26b7bc;
}
.myorder>.title li {
color: #fff;
text-align: center;
float: left;
font-size: 14px;
font-weight: 900;
}
.myorder>.title li>a {
display: inline-block;
height: 40px;
padding: 0 15px;
color: #fff;
font-weight: 400;
}
.myorder>.title li:hover {
cursor: pointer;
}
.myorder .order-title {
background: rgba(70, 140, 136, 0.11);
display: flex;
}
.myorder .order-title>.items, .order-item-main-block>.items {
display: inline-block;
padding: 10px;
box-sizing: border-box;
text-align: left;
vertical-align: top;
height: 100%;
flex: 1;
line-height: 1.3rem;
color: #333;
}
.myorder .order-title>.items.product, .order-item-main-block>.items.product {
flex: 2;
text-align: left;
}
.myorder .order-item-main-block {
/*height:60px;*/
display: flex;/*border-bottom: 1px solid #eee;*/
}
.myorder .order-item-main-block>.items.product>img {
background: #eee;
height: 80px;
vertical-align: middle;
margin-right: 15px;
float: left;
}
.myorder .order-item-main-block>.items.product>.tips {
width: 100%;
padding-left: 90px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.myorder .order-item-main-block>.items.product>.tips>p.title>a {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
}
.myorder .order-item-main-block>.items.product>.tips>p.address {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
font-size: 12px;
color: #666;
}
.myorder .order-item-main-block>.items.product>.tipsCon {
width: 100%;
padding-left: 100px;
box-sizing: border-box;
}
.myorder .order-item-main-block>.items.product {
width: 100%;
}
.myorder .order-item-main-block>.items.product>.tips-info {
vertical-align: top;
}
.myorder .order-main .order-item {
margin-bottom: 10px;
border: 1px solid #eee;
border-top: none;
}
.myorder .order-main .order-item>.order-item-main {
padding: 5px 10px;
height: 100px;
}
.myorder .order-main .order-item>.order-item-title {
padding: 10px;
background: rgba(70, 140, 136, 0.11);
border-top: 2px solid #26b7bc;
}
.myorder .order-main .order-item>.order-item-footer {
text-align: right;
padding-bottom: 8px;
}
.myorder .order-main .order-item>.order-item-footer .toolbtn:hover {
cursor: pointer;
}
.myorder .order-main .order-item>.order-item-footer .toolbtn {
background: no-repeat;
border: 1px solid #26b7bc;
border-radius: 6px;
font-size: 14px;
color: #26b7bc;
margin-left: 10px;
}
.myorder .order-main .order-item>.order-item-footer>p {
padding: 8px;
color: #666;
padding-bottom: 0px;
}
.order-main .order-item>.order-item-title>.order-time {
float: right;
color: #999;
font-size: 12px;
}
.myorder .order-item-main-block>.items {
border-right: 1px solid #eee;
height: 100px;
display: inline-block;
word-break: break-all;
}
.myorder .order-item-main-block>.items:last-child {
border-right: none;
}
.myorder .order-item-main-block>.items.tool {
color: #26b7bc;
text-align: center;
}
.myorder .order-item-main-block>.items.tool .toolbtn.goPay_btn {
background: #26b7bc;
border: none;
color: #fff;
border-radius: 5px;
padding: 2px;
}
.myorder .order-item-main-block>.items.tool .toolbtn:hover {
cursor: pointer;
}
.myorder .order-item-main-block>.items.tool .toolbtn {
display: inline-block;
width: 100px;
margin-bottom: 5px;
background: transparent;
border: none;
color: #26b7bc;
}
.myorder .order-item-main-block>.items.tool .detial_btn.toolbtn:hover {
color: #26b7bc;
text-decoration: underline;
}
.myorder .order-item-main-block>.items.tool .toolbtn:hover a {
cursor: pointer;
}
.myorder .order-item-main-block>.items.tool:hover {
cursor: pointer;
}
.myorder .myorder-con>.order-type {
display: none;
}
.myorder .myorder-con>.order-type.active {
display: block;
}
/*璁㈠崟涓績*/
.sliderleft .perc-slider {
position: fixed;
top: 90px;
width: 200px;
float: left;
background: #fff;
box-shadow: 0 0 5px #ccc;
}
.personalcenter.sliderleft .perc-main {
min-height: calc(100vh - 270px);
}
.sliderleft.teamcenter .perc-main {
min-height: calc(100vh - 710px);
}
.sliderleft .perc-main {
width: 100%;
padding-left: 210px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 10px;
}
.sliderleft .perc-main>.perc-main-con {
background: #fff;/*height:100%;*/
}
.sliderleft .personal-info {
padding: 15px 10px;
}
.sliderleft .personal-info>.info-img {
width: 60px;
height: 60px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
float: left;
background: #eee;
}
.sliderleft .personal-info>.info-img>img {
width: 100%;
height: 100%;
}
.sliderleft .personal-info>.info-text {
width: 100%;
padding: 10px;
padding-left: 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sliderleft .personal-info>.info-text>p {
height: 20px;
white-space: nowrap;
}
.sliderleft .personal-info>.info-text>p.name {
margin-bottom: 12px;
}
.sliderleft .perc-slider-item {
}
.sliderleft .perc-slider-item>.title {
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 10px;
background: #eee;
font-weight: 900;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sliderleft .perc-slider-item>.title>.fa {
font-size: 20px;
margin-right: 10px;
vertical-align: middle;
color: #26b7bc;
}
.sliderleft .perc-slider-item>ul li {
width: 100%;
}
.sliderleft .perc-slider-item>ul li.active>a {
color: #26b7bc;
}
.sliderleft .perc-slider-item>ul li>a {
display: inline-block;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-left: 35px;
background: #fff;
color: black;
}
.sliderleft .perc-slider-item>ul li>a:hover {
color: #26b7bc;
}
.header-nav ul>li>.li-tipscon {
line-height: 20px;
background: #fff;
box-shadow: 0px 0px 5px #999;
margin: 0 auto;
}
.btndiv {
text-align: right;
height: 60px;
}
.btndiv>.btn {
background: #fff;
border: 1px solid #26b7bc;
padding: 3px 10px;
border-radius: 5px;
color: #26b7bc;
}
.profilecon {
padding: 5px 15px;
padding-top: 15px;
}
.menucon-group {
margin-bottom: 15px;
color: #333;
}
.menucon-group>.title {
width: 100px;
float: left;
margin-top: 5px;
font-size: 14px;
}
.menucon-group>.text {
width: 100%;
padding-left: 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menucon-group>.text>.tips {
color: #999;
font-size: 12px;
}
.menucon-group input[type="radio"]:hover {
cursor: pointer;
}
.menucon-group>.text.select select {
padding: 5px;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: 15px;
background: #fff;
width: 160px;
}
.menucon-group>.text.select select:hover {
cursor: pointer;
}
.menucon-group>.text input[type="text"], .menucon-group>.text input[type="password"], .menucon-group>.text textarea {
border: 1px solid #ccc;
padding: 5px 10px;
width: 400px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img[data-src] {
background-image: url("../image/nosrc.png")!important;
background-size: contain!important;
}
/*闅愯棌婊氬姩鏉�*/
/*webkit鍐呮牳*/
.modal>.modal_item .modal_main::-webkit-scrollbar {
width:0px;
height:0px;
}
.modal>.modal_item .modal_main::-webkit-scrollbar-button {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-webkit-scrollbar-track {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item::-webkit-scrollbar-track-piece {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-webkit-scrollbar-corner {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-webkit-scrollbar-resizer {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-webkit-scrollbar {
width:10px;
height:10px;
}
/*o鍐呮牳*/
.modal>.modal_item .modal_main .-o-scrollbar {
-moz-appearance: none !important;
background: rgba(0,255,0,0) !important;
}
.modal>.modal_item .modal_main::-o-scrollbar-button {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-o-scrollbar-track {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-o-scrollbar-track-piece {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-o-scrollbar-thumb {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-o-scrollbar-corner {
background-color:rgba(0,0,0,0);
}
.modal>.modal_item .modal_main::-o-scrollbar-resizer {
background-color:rgba(0,0,0,0);
}
/*IE10,IE11,IE12*/
.modal>.modal_item.modal_main {
-ms-scroll-chaining: chained;
-ms-overflow-style: none;
-ms-content-zooming: zoom;
-ms-scroll-rails: none;
-ms-content-zoom-limit-min: 100%;
-ms-content-zoom-limit-max: 500%;
-ms-scroll-snap-type: proximity;
-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
-ms-overflow-style: none;
overflow: auto;
}
/*寮圭獥鏃剁姝㈠簳灞俠ody婊氬姩*/
.bodyhidden {
overflow: hidden;
margin-right: 20px;
}