* {margin: 0; padding: 0; }
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
body{font-size:16px;}
.commentli{ list-style: none;  display: inline-block; padding-left:15px; padding-right:15px; text-align:center; height:28px; line-height:28px;  border-radius:30px; color:#ffffff; background-color: #ffa467;}
.basicinfo {margin: 15px 0;}
.basicinfo .row > .col-xs-4 {padding-right: 0;}
.basicinfo .row > div {margin: 5px 0;}

.fa-i-center{text-align:center;}
.fa-index-center {height:30px; text-align:center; padding-left:5px;padding-right:5px;}
.fa-index-center span{line-height:30px;}
.fa-index-c-size{color:#46c37b; font-size:30px;}
/*tishi*/
.toast-center-center { top: 30%; right: 0; width: 100%; }
#toast-container.toast-center-center > div { mix-width: 100px; margin-left: auto; margin-right: auto; line-height:2.5em; opacity: 0.9;  text-align:center; }
.carousel-inner img { width: 10%; height: 100%; }
#toast-container > .toast-success {background-image: url() !important;}
.toast-success {background-color: #a32b30;}
#toast-container > div {padding: 8px 8px 8px 8px;width: 10em;}
.content{width:100%;}
.ima{padding-left:15px; padding-top:5px; line-height:35px;}
.imas{  padding:10px;}
.div-a{ background-image: url("bt1.jpg") !important; background-size:100%; width:100%; overflow:hidden;}
.div-c{ padding:10px; padding-left:15px;}
.div-d{ display:none;padding:10px 0; text-align:center;}
.div-x{ width:100%; overflow:hidden;}
.div-y{ float:left;width:50%;}
.div-y input{-webkit-appearance: none; height:35px; border-radius:2px; width:35px; font-size:14px; text-align:center; color:#db440b; font-weight:700;  background-color:#ffffff; border:1px  solid  #efefef;}
.div-zx{ float:right;width:14%;text-align:right; }
.div-z{ float:right;width:22%;text-align:right; }
.div-z input{ -webkit-appearance: none; height:35px; border-radius:2px; width:100%; font-size:14px;  text-align:center; color:#db440b;   font-weight:700; border:1px  solid  #efefef;}
.div-zx input{ -webkit-appearance: none; height:35px; border-radius:2px; width:100%; font-size:14px;  text-align:center; color:#db440b;   font-weight:700; border:1px  solid  #efefef;}
.div-x1{  overflow:hidden; padding:10px 15px 10px 15px; margin-top:20px; width:96%; margin-left:2%; border:1px  solid  #efefef; margin-bottom:15px; border-radius:5px;}
.div-x2{ float:left;width:13%;}
.div-x3{ float:right;width:87%;}

.div-x4s{ overflow:hidden; background-color:#efefef; }
.div-x4 { width:100%;  overflow:hidden; padding:15px; margin-top:8px; margin-bottom:8px; background-color:#ffffff; border-radius:10px; }
.div-x5 { float:left;  width:15%;  font-size:13px; font-weight:700;}
.div-x6 { float:left;  width:75%;  font-size:13px;}
.div-x7 { float:right; width:10%;  font-size:13px; text-align:right;}

.imb{ width:100%; height:45px; line-height:45px; font-size:18px; text-align:center; margin-top:35px; background-image: url("bt1.jpg") !important; background-size:100%; width:100%; overflow:hidden; color:#ffffff; }
.imbs{width:90%; margin-left:5%; height:45px; line-height:45px; font-size:18px;  color:#ffffff; text-align:center; margin-top:35px; background-color: #e10d1e;}
.timespan {margin-top:15px; margin-top:10px; display:-moz-inline-box; display:inline-block;}
.times{color:#ffffff; background-color: #272728; padding:2px; font-size:12px; border-radius:5px; width:25px; display:-moz-inline-box; display:inline-block; margin-left:5px; margin-right:5px;}
.disable {pointer-events: none;}
.footer { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 50px; background-color: #ffffff; z-index: 9999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;}
@-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
@keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }

.inputContainer{ width:96%; margin-left:2%; margin-top:10px; margin-bottom:10px;}
.inputContainers{  width:32.4%; display: inline-block;  height:45px; line-height:45px;  border:1px  solid  #efefef;  border-radius:5px;  background:  #f1f3f4;}
.inputContainers input{ height:45px; line-height:45px; width:100%; font-size:14px;  border: 0; box-sizing: border-box;  outline: none; background-color: rgba(0, 0, 0, 0); padding-left:15px;}

.selectLayer {width: 100%;height: 100vh;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.selectList {width: 100vw;height: 80vw;box-sizing: border-box;background: #fff;position: absolute;bottom: 0;left: 0;overflow: auto;padding: 4vw;padding-top: 2vw;}
.selectList .lItem {font-size: 4vw;line-height: 9vw;border-bottom: 1px solid #eee;color: #666;position: relative;}
.selectList .lItem.active {background: #fafafa;}
.selectList .lItem.active:after {content: '✔';position: absolute;width: 6vw;height: 9vw;right: -1vw;top: 0;text-align: center;color: green;}
.selectTitle {width: 100%;height: 10vw;line-height: 10vw;text-align: center;background: #f8f8f8;border-bottom: 1px solid #ddd;position: absolute;bottom: 80vw;font-size: 4.5vw;color: #333;left: 0;}
.ensure{padding-left:15px; width:100%; height:55px; line-height:55px;}
.timage{width:100%;  height:170px; padding:10px;}
.timage img{width:50%; border:1px solid #efefef; padding:5px;   border-radius:5px;  }
.form-control {width:100%; height:30px;  line-height:30px;  padding:0px 15px 0px 15px;outline-color: invert ;outline-style: none ;outline-width: 0px ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;font-size:14px;}

.renbt{ width:100%; height:45px; line-height:45px; padding:0px 10px 0px 10px; font-weight:700;}
.renbs{ width:96%; margin-left:2%;  line-height:45px;  border:1px  solid #efefef;  margin-top:5px;  border-radius:5px;  margin-bottom:10px; background: #f1f3f4;}
.renbs input    { background: #f1f3f4;}
.renbs textarea {height:88px; background: #f1f3f4; font-size:14px;}
.price{ width:100%; height:40px; line-height:40px; margin-top:0px; padding:0px 10px 0px 10px; margin-bottom:10px;  }


/* Prevent text and blocks selection */
input.labelauty + label ::selection { background-color: rgba(255, 255, 255, 0); }
input.labelauty + label ::-moz-selection { background-color: rgba(255, 255, 255, 0); }
/* Hide original checkboxes. They are ugly! */
input.labelauty { display: none !important; }
/*
 * Let's style the input
 * Feel free to work with it as you wish!
 */
input.labelauty + label {width:60px;display: table;text-align:center;font-weight:500;font-size: 13px;padding: 9px 7px 9px 7px; background-color: #f1f3f4; color: #4c4c4c;cursor: pointer;border:2px solid  #f1f3f4;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;transition: background-color 0.25s;-moz-transition: background-color 0.25s;-webkit-transition: background-color 0.25s;-o-transition: background-color 0.25s;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;  font-weight:700;}
/* Stylish text inside label */
input.labelauty + label > span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked {display: inline-block;line-height: 16px;vertical-align: bottom;}
/* When there's a label, add a little margin to the left */
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked {margin-left: 1px;}
/* When not Checked */
input.labelauty:not(:checked):not([disabled]) + label:hover {background-color: #dfdfdf;color: #4c4c4c;}
input.labelauty:not(:checked) + label > span.labelauty-checked {display: none;}
/* When Checked */
input.labelauty:checked + label {border:2px solid #db440b;background-color: #ffffff;color: #db440b;box-sizing:border-box; font-weight:700;}
input.labelauty:checked:not([disabled]) + label:hover {background-color: #ffffff;}
input.labelauty:checked + label > span.labelauty-unchecked {display: none;}
input.labelauty:checked + label > span.labelauty-checked {display: inline-block;}
input.labelauty.no-label:checked + label > span.labelauty-checked {display: block;}
/* When Disabled */
input.labelauty[disabled] + label {opacity: 0.5;}
.box {padding:0;  box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.box_content a {color:#E6E5CC;}
.box_content {clear:both; overflow:hidden; padding:0 0px 0 0px;  box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
.r_comments{position:relative; height:30px;}
.r_comments ul{list-style:none outside none; margin-left:0px;}
.r_comments ul li{padding:2px;   font-size:14px; color:#ffffff;   box-sizing:content-box; line-height:26px;}

/* The Modal (background) */
.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 1; /* Sit on top */padding-top: 15%; /* Location of the box */left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
/* Modal Content */
.modal-content { position: relative;background-color: #fefefe;margin: auto;padding: 0; border: 1px solid #888;width: 80%; mix-height:85%;   border-radius:5px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}
/* Add Animation */
@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
/* The Close Button */
.close {color: white;float: right;font-size: 18px;font-weight: bold;}
.closes {color: white;float: right;font-size: 18px;font-weight: bold;}
.close:hover,
.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-header {padding: 10px 16px; background-color: #db440b; color: white;  border-radius:4px 4px 0px 0px;}
.modal-body { padding: 10px 16px; height:90%; overflow:scroll;}
.bs{overflow-y:scroll;}
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1569923748288'); /* IE9 */
src: url('iconfont.eot?t=1569923748288#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUMAAsAAAAACiwAAATAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDXgqGbIVdATYCJAMcCxAABCAFhG0HbhvDCFGUT06S7EdC2aaP5jJKkSTFC3HbOv/Hw9d+r+fu7oMAg8rEp0Cky0ZUkSJpKmxtOz7oa/9RmzaQ1EhdqLgEziRSsciG0iaQI+RESdtz9Zfq6/zVJNwM/f+PvfozwfLas++SkcsE2hkl0MCiiyZUNNCJ6gbdRUyIvHw+gW7z0mCXqEEqcFWAzQLxkWV04FqyKz3c0Jrqln2L+AGVNn3D7wDf+c/HGeyFK0mVgW3vvVYaoeqQ+vpNJvVJXlEMKNbzwjuIjF2gEJ9b/Z9kmd8l0538zeIR0K+V1IfUx5cfP3/iPs/7+q2vj/JgMDP0w3/wSEJWqRWiZup7beKzQs0hhRGJw5eI4PAzInPEISqO5yFqTr8pH5e+ofv0YwlEN3ELgHGf+0O+3o16lcFAT2IyKFhuuUZwd5MGT/sZCZ7YtgvDHLsTFVt3Akg7dIHPnmll8c+fB6YmL3mqdmCF+NMnqk58TRp5/jxS1tGZsuNJfaV6+XOtv+0T1Rhs2a5ZOwC27JB2xuN4pdm7g2TL9zt2qTFHG9b/l2t3BsDKk6fDsO37Hfv0jnbpUB1mVe3qUgCBY74WCMydbygvq1BZGiuJVm3eUHPtWczm5/TVp9EbnoyYfd5xbtYZ6WwbKDC9B+6unaRVcW1TWavSxC5KC1aFETghU7hWRWNrtoXAFCq8S5uP3LtN7uUkeoEno6kdoFUrwLjzNjnD75bfDJJfG560CJeHcUecaGSdDRLthPvKx9RJcoADyInmjrR/lGd3/owRW04POzNs+Jax+WZcyp9qd+Tne/9uVSpXzTbk++m37KybBnFRzZ65UblezW6ZSZluUd76zlH/ycTMazc/e9VG5np+dst0yfw3SB4bKx/kSiZmnRuW14bL6/p/sVduZK33YrfBEXgfXAC0FHb+/Ck8LYvUlvXdR0LB3bzx797Jyt6YhQMHhoRg40IeXxL7goIngPUb/vz9U6bs6e6Z85vtZOeY4ZFtVZbWrfuVRUbpOQnYmcoG+v8Buozqfryf3U//Luvp+K2iKXq/kjLfARr+DLowSDk250LO2HM5VM7sTVulRmk2xXDr766fR8FkxoukX9g90Dn74icBeRHfAEj/8FCATnkb/jnV4saH/+R6TgIa6tq8yn63iqc+5+/J2i1WrKPAePmPZZAo/kDFyEklVQFHU+KRcR+BxtX3+omEbt3478LDXq5nHBvdTGiNaUgac5C1VrGFuAuVHvtQax1Atx30wT1GCGSidGHbVAPCoP2Q9PsN2aC72EJ8AZVxP6A2GDLo9iT8jtljPViiVkA6ERlJ/TiSNfCcCblEQrSOQIzdrBOKKs7TIMHGpsjsjKxqiUYcEtbYwTaayRFFE2kSeAtJGRdDZjNPWgW+ExnEjA5RtJZkZpra3ijDwFuAcJEA0REhRiS9cUgsAx7HRGcXEbXvHwFh2JnpCD3DJuIaiMCGXT4pW4asEVhaz40a9iwr24zGyCESmeyNTAQ8CxJlehEzzPNI1va1OiEGogwdM7JWJTKt6Uxj9Rn7Gy33eQl0AyduIkWOElXU0USr7z2LjKyOY7vaOuwuRjtn1bHZbmOQPv1abpnuOr4DcUaeY5xHCQbeiAgLz7EiL7AcAwA=') format('woff2'),
url('iconfont.woff?t=1569923748288') format('woff'),
url('iconfont.ttf?t=1569923748288') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1569923748288#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-jiedianjieshu:before {content: "\e6de";}
.icon-dunpai1:before {content: "\e646";}
.icon-web-icon-:before {content: "\e6e8";}
.icon-zhendong:before {content: "\eaeb";}
.icon-qrcode:before {content: "\e76e";}
.icon-monitoring:before { content: "\e88e";}
#footer{position:fixed;width:100%;bottom:0;}