/*增加下面代码防止面左右Ud*/
html,body{overflow-x:hidden;}
/*增加上面代码防止面左右Ud*/
li {
list-style: none;
}
a:link {
color:#000000;
}
.leftScroll{padding-bottom: 1vh;}
#.banner img {
width: 100%;
}
.banner img{
width: 100%;
}
.banner iframe{
max-width: 100%;
}
.show_allnum {
background: #fff;
width: 100%;
height: 51px;
line-height: 51px;
color: #253238;
font-size: 14px;
text-align: center;
}
.user_head span.new_head {
width: 40px;
height: 40px;
padding: 0;
background: none;
}
.user_head span {
width: 55px;
height: 55px;
margin: 0 5px;
display: inline-block;
background: #d83264;
border-radius: 40px;
padding: 5px;
}
.user_head li {
float: left;
width: 14%;
text-align: center;
margin-bottom: 10px;
}
.user_head span.new_head img {
width: 40px;
height: 40px;
border-radius: 50%;
}
#service {
height: 56px;
color: #000;
font-size: 18px;
}
#rush {
height: 56px;
color: #fff;
font-size: 18px;
}
#service {
background-color: #546fb4;
display: inline-block;
margin-bottom: 0;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}
#rush {
background-color: #546fb4;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}
.content double_11 {
width: 100%;
height: 40px;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
background: #000;
background-size: 100% 100%;
text-align: center;
}
.user_head {
height: 130px;
padding-top: 20px;
padding-bottom: 19px;
margin-left:5px;
}
.last_head {
line-height: 42px;
font-weight: 900;
font-size: 30px;
}
.cd-popup-trigger {
width: 100%;
background-color: #fff;
}
.end {
width: 100%;
height: 52px;
color: #263238;
letter-spacing: 0.02rem;
line-height: 52px;
text-align: center;
font-weight: 900;
font-size: 18px;
background-color: #fff;
letter-spacing: 0.04rem;
}
.join {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 52px;
background: rgba(38, 50, 56, 0.8);
z-index: 998;
}
.hong {
color: #fff;
line-height: 52px;
margin-left: 3%;
}
.time {
width: 90%;
height: 147px;
margin: 0 auto;
padding-top: 20px;
text-align: center;
}
#day img {
width: 100%;
padding-left: 10%;
}
.col-xs-6 {
padding: 0;
}
#countdown {
display: flex;
flex-direction: row;
margin: auto;
position: absolute;
line-height: 52px;
}
.col-xs-3 {
padding-right: 12px;
padding-left: 12px;
}
.djstext {
color: #000;
font-weight: 900;
font-size: 15px;
width: 33px;
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
a {
color: rgba(255, 255, 255, 0.6);
outline: none;
text-decoration: none;
-webkit-transition: 0.2s;
transition: 0.2s;
}
a:hover,
a:focus {
color: #74777b;
text-decoration: none;
}
.htmleaf-container {
margin: 0 auto;
}
.htmleaf-content {
width: 600px;
margin: 50px auto;
}
.center {
text-align: center;
}
.progressbar {
width: 100%;
margin-top: 5px;
margin-bottom: 35px;
position: relative;
background-color: #EEEEEE;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
}
.proggress {
height: 8px;
width: 10px;
background-color: #3498db;
}
.percentCount {
float: right;
margin-top: 10px;
clear: both;
font-weight: bold;
}
.grounp_back {
margin-bottom: 2%;
}
.grounp_back {
padding: 15px 0;
}
.jindu {
padding: 0 17% 10px 17%;
position: relative;
z-index: 1;
}
.jndubg {
border-radius: 5px;
height: 16px;
border: 1px solid #ec6941;
}
.show {
height: 14px;
background-size: 32px;
background-repeat: repeat-x;
border-radius: 2px;
background-color: #ec6941;
}
.content:after {
content: '\20';
display: block;
height: 0;
clear: both;
}
.jindu_text {
margin-top: 2px;
width: 100%
}
.show_readrank li {
float: left;
width: 100%;
height: 38px;
line-height: 38px;
border-bottom: 1px solid #f4f4f4;
padding: 7px 0px;
margin-bottom: 1vh;
}
.show_readrank li em {
float: left;
height: 88px;
line-height: 45px;
width: 20%;
text-indent: 5px;
}
.show_readrank li em img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-top:-1vh;
}
.show_readrank li span {
float: left;
width: 25%;
height: 38px;
line-height: 38px;
text-align: center;
color: #848484;
}
.readrank_button {
text-align: center;
margin-top: 10px;
padding-bottom: 10px;
}
.readrank_button a {
background: #ff0054;
font-size: 22px;
border-radius: 18px;
padding: 5px 16px;
color: #fff;
}
#joinlist li{
height:55px;
}
#joinlist1 li{
height:55px;
}
.list-name{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#audio_btn {
position: fixed;
right: 6px;
top: 1px;
z-index: 10400000;
width: 50px;
height: 50px;
}
.off {
background-image: url(/images/singlepage/nav-7.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center center;
}
.rotate {
position: absolute;
left: 10px;
top: 10px;
width: 30px;
height: 30px;
background-size: 100% 100%;
background-image: url(/images/singlepage/nav-7.png);
-webkit-animation: rotating 1.2s linear infinite;
-moz-animation: rotating 1.2s linear infinite;
-o-animation: rotating 1.2s linear infinite;
animation: rotating 1.2s linear infinite;
}
.rotate {
position: absolute;
left: 10px;
top: 10px;
width: 30px;
height: 30px;
background-size: 100% 100%;
background-image: url(/images/singlepage/nav-7.png);
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-moz-keyframes rotating{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
.off {
background-image: url(/images/singlepage/nav-7.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center center;
}
/*{待?/
.lodding-body{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
background: rgba(0,0,0,0.5);
}
.lodding-body img{
width : 100%;
}
/*分n?/
.share-bac{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9992;
display: none;
background: rgba(0,0,0,.8);
}
.share-pic{
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9992;
display: none;
height: 100%;
}
#share-title{
position: absolute;
bottom: 12%;
color: white;
width: 100%;
text-align: center;
}
.share-Img{
width: 70vw;
/* height: 134vw; */
overflow: hidden;
margin-left: 16.9%;
margin-top: 4%;
z-index: 9998;
position: absolute;
margin-left: 15.5vw;
margin-top: 11vw;
}
#shareImg{
width: 100%;
}
.share-top{
width: 100%;
height: 7vw;
position: absolute;
background: #fff;
z-index: 9999;
opacity: .9;
}
.share{
position: absolute;
z-index: 99999;
}
#share-close{
position: absolute;
z-index: 1001;
left: 84%;
top: 1%;
width: 28px;
height: 28px;
}
.share-bottom{
/* bottom: 0; */
align-items: center;
justify-content: center;
width: 100%;
height: 20vw;
background: #fff;
position: absolute;
bottom: 0px;
display: flex;
flex-direction: column;
margin-bottom: 0vw;
z-index: 9999;
}
.share-circle{
/* position: absolute; */
width: 21px;
height: 31px;
border-radius: 23%;
background: #fff;
margin-top: -1vw;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.share-title{
color: #666666;
/* position: absolute; */
text-align: center;
margin-bottom: 4vw;
line-height: 6vw;
font-size: 3vw;
}
.row{
margin:0
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.pay{
margin-left:5%;
line-height: 0.5px;
}
.icon_button {
position: fixed;
bottom: 10%;
right: 0;
z-index: 9999999;
}
.icon_buttons {
position: fixed;
left:2%;
bottom: 50%;
z-index: 9999999;
}
.icon{
/*margin-bottom: 7px;*/
}
.icon img{
width:40px;
}
.icon_buttons > a {
display: block;
position: relative;
width: 40px;
height: 24px;
line-height: 24px;
margin-bottom: 10px;
text-align: center;
background: rgba(0,0,0,.6);
color: #fff;
border-radius: 0 12px 12px 0;
font-size: 12px;
}
.icon_buttons > a:hover {
color:#fff;
}
.icon_close {
display: none;
position: absolute;
right: 7px;
top: 4px;
transform: rotate(45deg) scale(.8);
}
.cd-popup-container1 {
position: relative;
width: 80%;
height: 420px;
max-width: 400px;
margin: 23vh auto;
background: #fff;
border-radius: 16px;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
color: #000;
}
.dingdan{
padding-top: 36px;
font-size: 15px;
font-weight: 900;
}
.tousu{
padding-top: 0px;
font-size: 11px;
padding-bottom:0px;
text-align: left;
margin-left: 20px;
color:#b0b0b0;
}
.tousu1{
color:#b0b0b0;
padding-top: 0px;
font-size: 11px;
padding-bottom: 2px;
text-align: left;
margin-left: 20px;
margin-right: 10px;
}
.tex{
width:90%;
margin-left:5%;
border:1px solid #EBEBEB;
min-height:183px;
background-color:#FFF;
overflow-y:auto;
text-align: left;
font-size:0.9em;
}
.tijiao{
margin-left:3%;
width:40%;
height: 40px;
line-height: 37px;
font-size: 17px;
background-color: #e8372d;
border-radius:10px;
color:#fff;
border:1px solid #e8372d;
margin-top:20px;
}
.img-replace{
margin-right: -35%;
width: 100%;
height: 0vh;
line-height: 40px;
font-size: 39px;
margin-top: 3vh;
}
.img-replace img{
margin-top: 3vh;
width:6vh;
}
.quxiao{
margin-right:3%;
width:40%;
height: 40px;
line-height: 40px;
font-size: 17px;
background-color: #fff;
border:1px solid #e8372d;
border-radius:10px;
color:#e8372d;
margin-top:20px;
}
.cd-popup-container2{
position: relative;
width: 84%;
/*height: 65vh;*/
max-width: 400px;
margin: 12rem auto;
background: #fff;
border-radius: 16px;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
color: #000;
}
.boda{
padding-top: 10px;
font-size: 16px;
padding-bottom: 12px;
}
.erweima{
width: 63vw;
}
.message-zz{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
z-index: 10500000000;
display: none;
}
.message-body{
position: absolute;
top: 25%;
width: 70%;
left: 15%;
background: white;
height: 18%;
border-radius: 6px;
}
.message-content{
width: 100%;
height: 60%;
text-align: center;
line-height: 12vh;
font-size: 16px;
font-weight: bold;
}
.message-btn{
width: 100%;
text-align: center;
border-top: 1px solid #ddd;
line-height: 7vh;;
color: red;
height: 49%;
}
.gilt_img{
width: 35vw;
height: 20vh;
margin-top: 2.5vh;
}
.gilt_price{
color: #eb5d55;
#font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
margin-top: 2.2vh;
}
.gilt_lingshou{
letter-spacing: 1px;
font-weight: 500;
font-size: 12px;
}
.lines{
border: 1px dotted #f2f2f2;
margin-top: 2vh;
}
.gilt_tuijian{
text-align: right;
color: #555;
font-size: 3.5vw;
margin-top: 3vh;
}
.gilt_dingdan{
text-align: right;
color: #555;
font-size: 3.5vw;
}
.zhaoss{
width: 100%;
height: 12vh;
/*background-color: #5a493f;
opacity: 0.7;*/
text-align: center;
}
.zhao_btn{
text-align: center;
margin-top: 5.2vh;
background-color: #e8372d;
border: 1px solid #e8372d;
color: #ffffff;
height: 7vh;
border-radius: 36px;
width: 300px;
}
.gift_title{
position: absolute;
margin-top: 11vh;
color: #fff;
z-index: 88;
background-color: rgba(0,0,0,0.6);
width: 35vw;
height: 4vh;
line-height: 4vh;
text-align: center;
}
.gift_titles{
position: absolute;
margin-top: 11vh;
color: #fff;
z-index: 88;
background-color: rgba(0,0,0,0.6);
width: 35vw;
height: 4vh;
line-height: 4vh;
text-align: center;
}
.base_tcdiv_mobile2 {
position: fixed;
display: none;
display: block;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 97;
width: 100%;
height: 100%;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background: none repeat scroll 0% 0% rgb(0, 0, 0);
}
.small_touxiang img {
border-radius: 50%;
width: 7vw;
margin-left: 4vw;
margin-top: 1.5vh;
margin-right: -8vw;
}
.tuan_top{
height: 19vh;
width: 96%;
margin: 0 auto;
background-color: #fafbfd;
border-radius: 8px;
margin-top: 4vh;
}
.top_le{
background-color: #fafafa;
height: 7vh;
}
.top_le{
text-align: center;
line-height: 7vh;
font-weight: 900;
font-size: 3.9vw;
border-radius: 8px;
}
.top_le img{
width: 80%;
}
.retime {
background-color: #fafbfd;
width: 100%;
height: 7vh;
}
.xdjs {
display: flex;
flex-direction: row;
margin: 0 auto;
padding-top: 1vh;
margin-left: 1vw;
}
.djsbg {
font-size: 4.8vw;
color: #fff;
font-weight: 500;
background-color: #dd5563;
border-radius: 5px;
}
.times {
width: 8vw;
height: 5vh;
line-height: 5vh;
text-align: center;
}
.tuan_top {
padding-top: 1vh;
}
/*遮罩?/
#bg {
background: #000;
display: none;
filter: alpha(opacity=50);
opacity: 0.5;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
position: fixed;
_position: absolute;
_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
_top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
}
#show {
display: none;
position: absolute;
top: 47%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 77%;
height: auto;
background-color: white;
z-index: 1002;
overflow: auto;
height: 41vh;
display: none;
position: fixed!important;
}
.closes img{
width: 8%;
position: fixed;
bottom: 24%;
z-index: 1000;
left: 47%;
}
#bgs {
background: #000;
display: none;
filter: alpha(opacity=50);
opacity: 0.5;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
position: fixed;
_position: absolute;
_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
_top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
}
#shows {
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 84%;
padding: 8px;
background-color: white;
z-index: 1002;
overflow: auto;
height: auto;
border-radius: 10px;
display: none;
position: fixed !important;
}
.tixian_titles {
color: #89898d;
font-size: 16px;
text-align: center;
margin-top: 7%;
padding-bottom: 7%;
}
.form-control {
border-radius: 0px;
height: 40px;
color: #c9c9c9;
cursor: pointer;
-webkit-appearance: none;
border: 1px solid #f4f4f4;
}
.shop_detail{
position: absolute;
width: 96%;
margin-left: 2%;
height: 18vh;
}
.shop_bg{
width: 96%;
margin-left: 2%;
}
.shop_tou{
width: 68px;
height: 68px;
border-radius: 50%;
border: 2px solid #fff;
margin-top: 3.3vh;
}
.hezuo{
margin-top:2vh;
}
.shop_name{
margin-left: 5vw;
margin-top: 4vh;
font-size: 4vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.shop_addre{
margin-left: 5vw;
margin-top: 1vh;
font-size: 3.5vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chakan1{
width: 24%;
height: 4vh;
margin-left: 44vw;
border: 1px solid rgba(255,255,255,0.8);
background-color: rgba(255,255,255,0.8);
border-radius: 20px;
color: #000;
margin-top:1vh;
}
.chakan2{
width: 24%;
height: 4vh;
margin-left: 44vw;
border: 1px solid rgba(255,255,255,0.8);
background-color: rgba(255,255,255,0.8);
border-radius: 20px;
color: #000;
margin-top:1vh;
}
::-webkit-scrollbar {
width: 12px !important;
height: 12px !important;
}
::-webkit-scrollbar-track:vertical {
}
::-webkit-scrollbar-thumb:vertical {
background-color: rgba(136, 141, 152, 0.5) !important;
border-radius: 10px !important;
background-clip: content-box !important;
border: 2px solid transparent !important;
}
::-webkit-scrollbar-track:horizontal {
}
::-webkit-scrollbar-thumb:horizontal {
background-color: rgba(136, 141, 152, 0.5) !important;
border-radius: 10px !important;
background-clip: content-box !important;
border: 2px solid transparent !important;
}
::-webkit-resizer {
display: none !important;
}
.lefs {
display: flex;
}
.lefs > a {
display: block;
}
.lefts {
position: relative;
width: 100%;
overflow: hidden;
}
.lefts {
position: relative;
top: 0;
left: 0;
}
.lefs {
padding-left: .6rem;
margin-bottom: 2vh;
}
.showes {
position: absolute;
width: 100vw;
height: 32vh;
background: rgba(0,0,0,0.5);
}
.suos {
position: absolute;
width: 7vw;
z-index: 60;
margin-left: 39vw;
margin-top: 16vh;
}
.xinxis {
position: absolute;
background: #000;
opacity: 1;
width: 100vw;
margin-top: 32vh;
height: 8vh;
}
.fri {
color: #fff;
margin-left: 1vw;
padding-top: 0.5vh;
}
.gift_titless {
position: absolute;
margin-top: 16vh;
color: #fff;
z-index: 88;
background-color: rgba(0,0,0,0.6);
width: 100%;
height: 5vh;
line-height: 5vh;
text-align: center;
font-size: 4vw;
}
.gift_names {
position: absolute;
width: 15vw;
height: 4vh;
line-height: 4vh;
background-color: #000;
text-align: center;
color: #fff;
z-index: 1;
}
.diansuos {
position: absolute;
margin-top: 16vh;
margin-left: 33vw;
width: 22vw;
text-align: center;
height: 4vh;
line-height: 3.5vh;
border: 1px solid #fff;
background-color: #fff;
border-radius: 5px;
font-size: 4vw;
}
.banner p {
margin: 0;
}
.mui-poppicker {
z-index: 1060 !important;
}
.footer a {
color: #ccc;
}
* {
padding: 0;
margin: 0;
list-style-type: none;
text-decoration: none;
box-sizing: border-box;
}
.m {
width: 100%;
margin-left: auto;
margin-right: auto;
height: auto;
}
.leftScroll_picBox_img {
width: 73vw;
height: 42vh;
display: block;
}
.leftScroll_container {
display: flex;
}
.leftScroll_picBox > a {
display: block;
}
.leftScroll {
position: relative;
width: 100%;
overflow: hidden;
}
.leftScroll_container {
position: relative;
top: 0;
left: 0;
}
.transition {
transition: all 200ms;
}
.leftScroll_picBox {
padding-left: .6rem;
margin-bottom: 2vh;
}
.showe {
position: absolute;
width: 73vw;
height: 34vh;
background: rgba(0,0,0,0.5);
}
.suo {
position: absolute;
width: 7vw;
z-index: 60;
margin-left: 32vw;
margin-top: 16vh;
}
.xinxi {
position: absolute;
background: #000;
opacity: 1;
width: 73vw;
margin-top: 34vh;
height: 8vh;
}
.fri {
color: #fff;
margin-left: 1vw;
padding-top: 0.5vh;
}
.gift_titles {
position: absolute;
margin-top: 17vh;
color: #fff;
z-index: 88;
background-color: rgba(0,0,0,0.6);
width: 73vw;
height: 4vh;
line-height: 4vh;
text-align: center;
font-size: 4vw;
}
.diansuo {
position: absolute;
margin-top: 16vh;
margin-left: 26vw;
width: 22vw;
text-align: center;
height: 4vh;
line-height: 3.5vh;
border: 1px solid #fff;
background-color: #fff;
border-radius: 5px;
font-size: 4vw;
}
.join_personnel {
width: 100%;
background: rgb(249, 249, 249);
color: #fff;
height: 38vh;
overflow: hidden;
margin-top: 8px;
}
.topRec_List ul {
width: 100%;
}
.join_personnel ul {
-webkit-padding-start: 0px;
margin-bottom: 0px;
}
.topRec_List li {
color: #fff;
float: left;
width: 100%;
border-radius: 50%;
text-align: center;
}
.list {
float: left;
width: 18%;
margin: 0.9vw 3vw;
text-align: center;
}
.lists {
font-size: 2.7vw;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #666;
}
.join_personnel li img {
width: 87%;
border-radius: 50%;
padding-bottom: 0.5vh;
vertical-align: middle;
}
.tt {
font-size: 12px;
color: #cccccc;
}
.white-se {
width: 100%;
height: 16px;
background-color: #fff;
z-index: 22;
border-radius: 8px;
}
.coupon-zz {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
z-index: 1050;
display: none;
}
.coupon-body {
position: absolute;
top: 25%;
width: 70%;
left: 15%;
background: white;
height: 18%;
border-radius: 6px;
}
.coupon-content {
width: 100%;
height: 60%;
text-align: center;
line-height: 12vh;
font-size: 16px;
font-weight: bold;
}
.coupon-btn {
width: 100%;
text-align: center;
border-top: 1px solid #ddd;
line-height: 7vh;
;
color: red;
height: 49%;
}
.biti_all {
width: 100%;
text-align: center;
font-size: 5vw;
margin-top: 5vh;
}
.act_all {
margin: 0 auto;
text-align: center;
background-color: #fff;
border-radius: 8px;
font-size: 3vw;
margin: 5px 2px 2vh 2px;
}
.act_alls {
width: 96%;
margin: 0 auto;
background-color: #fff;
border-radius: 8px;
font-size: 3vw;
height: 42vh;
margin-top: 2vh;
}
.act_allss {
width: 96%;
margin: 0 auto;
background-color: #fff;
border-radius: 8px;
font-size: 3vw;
height: 42vh;
margin-top: 2vh;
padding-top: 1vh;
}
.act_allsss {
width: 96%;
margin: 0 auto;
margin-top: 2vh;
padding-top: 1vh;
}
.look {
margin-top: 2vh;
padding-top: 2vh;
}
.fuwen_con {
}
.locatios {
width: 96%;
margin: 2vh auto;
background-color: #fff;
height: 46vh;
border-radius: 9px;
padding-top: 2vh;
}
#mapsa {
width: 96%;
height: 80%;
margin: 0 auto;
}
.daohang {
width: 96%;
margin-left: 2%;
height: 6.6vh;
line-height: 6.6vh;
margin-top: 1vh;
border-radius: 8px;
color: #fff;
font-size: 4vw;
}
.btn-default {
width: 94%;
margin-left: 3%;
background-color: #e8372d;
color: #fff;
border-radius: 7px;
border: 1px solid #e8372d;
margin-bottom: 5%;
}
/*留言Ҏ*/
.liuyan-panel {
background-color: #424d60 !important;
z-index: 99999999;
padding: 30px;
line-height: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
font-size: 11px;
}
.liuyan-panel .liuyan-top {
position: absolute;
left: 20px;
top: 30px;
right: 20px;
z-index: 10;
background-color: #f6f6f6;
box-sizing: content-box;
}
.liuyan-panel .liuyan-top .head {
font-size: 14px;
color: #37474f;
text-align: center;
padding: 14px 0;
position: relative;
}
.liuyan-panel .liuyan-top .head .eqf-no {
opacity: .8;
font-size: 12px;
position: absolute;
top: 16px;
right: 30px;
display: inline-block;
transform: scale(.8);
cursor: pointer;
}
.liuyan-panel .liuyan-form {
text-align: center;
border: 1px solid transparent;
position: relative;
padding: 0 15px;
}
.liuyan-panel .liuyan-form .textParent {
height: 60px;
background-color: #fff;
position: relative;
}
.liuyan-panel .liuyan-form .content-text {
width: 100%;
overflow-y: scroll;
height: 45px;
border-radius: 4px;
padding: 5px;
color: #76838f;
border:none;
}
.liuyan-panel .liuyan-form .content-tip {
color: #000;
opacity: .3;
position: absolute;
bottom: 0;
right: 14px;
}
.liuyan-panel .liuyan-form .record-btn {
height: 30px;
width: 100%;
margin-top: 14px;
border-radius: 3px;
line-height: 30px;
color: #fff;
display: inline-block;
background-color: #44cb83;
cursor: pointer;
}
.liuyan-panel .spline-con {
height: 18px;
padding: 0 15px;
margin-top: 16px;
position: relative;
}
.liuyan-panel .spline-con span:first-child {
position: absolute;
top: -5px;
left: 50%;
padding: 0 8px;
transform: translateX(-50%);
background-color: #f6f6f6;
}
.liuyan-panel .spline-con .spline {
height: 1px;
display: block;
background-color: rgba(51,51,51,.1);
}
.liuyan-panel .liuyan-con {
overflow: auto;
bottom: 30px;
left: 20px;
right: 20px;
-webkit-overflow-scrolling: touch;
box-sizing: content-box;
text-align: center;
margin-top: 164px;
min-height: 261px;
position: absolute;
top: 46px;
background-color: #f6f6f6;
}
.liuyan-panel .liuyan-con .con-list {
text-align: left;
}
.liuyan-panel .liuyan-con .con-list .record {
border-bottom: 1px solid rgba(51,51,51,.1);
color: #333;
padding: 17px 0;
min-height: 90px;
width: 240px;
margin: 0 auto;
}
.liuyan-panel .liuyan-con .con-list .record .headpic {
line-height: 32px;
color: #fff;
text-align: center;
font-size: 24px;
background: -webkit-linear-gradient(top,#2fcdfc,#08a1ef);
width: 36px;
height: 36px;
float: left;
}
.liuyan-panel .liuyan-con .con-list .record .name {
max-width: 120px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-left: 45px;
font-size: 12px;
}
.liuyan-panel .liuyan-con .con-list .record .mes {
font-size: 14px;
line-height: 20px;
margin-left: 45px;
word-break: break-all;
margin-top: 6px;
}
.liuyan-panel .liuyan-con .con-list .record .datetime {
margin-left: 45px;
opacity: .5;
margin-top: 4px;
font-size: 12px;
}
.liuyan-panel .liuyan-con .con-list .more-mes {
height: 40px;
text-align: center;
line-height: 40px;
color: rgba(0,0,0,.6);
}
һ˯ſС˵