.bt-menu {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background-color: #702DEA;
border-radius: 100%;
color: white;
position: absolute;
top: 10px;
z-index: 1;
}
.bottle-content {
height: 480px;
position: relative;
background-color: #638F65;
}
.bt-data {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.bottle-start {
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
border: 3px #D4CC82 solid;
border-radius: 15px;
background-color: #00BCD4;
color: white;
padding: 7px 1.5em;
font-size: 18px;
cursor: pointer;
}
.bt_us {
position: absolute;
width: 60px;
height: 60px;
text-align: center;
}
.bt_us_login {
padding: 2px 0.5em;
background: rgba(0,0,0,0.5);
color: white;
font-size: 10px;
}
.bt-null-login {
display: inline-block;
width: 47px;
height: 47px;
border-radius: 100%;
line-height: 47px;
color: white;
background-color: #415761;
}
.bt-table-title {
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
color: white;
font-size: 25px;
font-family: 'bt-font';
}
.bt-phone {
background: linear-gradient( 90deg,rgba(0,0,0,.1) 30%, rgba(0,0,0,0) 30%),
linear-gradient(rgba(255,255,0,.8), rgba(255,255,255,0));
background-size: 2em 2em, 100%;
background-color: yellowgreen;
padding: 15px;
border-radius: 0 0 10px 10px;
}
@font-face {
font-family: 'bt-font';
src: url(/games/bottle/css/Lobster.ttf);
}
.bt-title {
font-family: 'bt-font';
font-size: 35px;
text-align: center;
color: #375D39;
}
.bt-title2 {
font-family: 'bt-font';
font-size: 14px;
text-align: center;
color: #388B3B;
}
.bt-btn {
padding: 5px 0.7em;
display: inline-block;
margin-top: 14px;
margin-bottom: 14px;
margin-left: 2px;
margin-right: 2px;
background: linear-gradient(45deg, #21CAF3, #C5DDE8);
border-radius: 5px;
color: white;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
font-size: 13px;
}
.bt-btn-h {
background: linear-gradient(45deg, #21F385, #6BB28D);
}
.bt-list {
background: rgba(0,0,0,0.33333);
padding: 10px;
color: white;
margin: 5px;
border-radius: 7px;
margin-left: -4px;
margin-right: -4px;
}
.bt-by {
color: yellow;
font-size: 12px;
margin-top: 12px;
}
.bt-btn2 {
padding: 5px 1.5em;
display: inline-block;
background: linear-gradient(45deg, #FFED6D, #FFA24E);
border-radius: 5px;
color: white;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
margin-right: 3px;
}
.bt-btn2:hover, .bt-btn:hover {
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.2);
}
.button {
background: linear-gradient(45deg, #FFED6D, #FFA24E);
}
.form-control-100, .form-control-100-modify-select {
background: rgba(0,0,0,0.3);
color: #ECF0F1;
}
.span_bottle {
position: relative;
height: 120px;
width: 70px;
overflow: hidden;
display: inline-block;
background-color: rgba(0,0,0,0.3);
vertical-align: top;
margin-bottom: 10px;
}
.span_bottle img{
position: absolute;
max-width: 50px;
}
.span_phone {
height: 60px;
width: 60px;
overflow: hidden;
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
}
.bt-list-h {}
.bt-list-h:hover {
background-color: rgba(0,0,0,0.5);
}
.bt-error {
color: black;
background-color: #FF699A;
position: fixed;
max-width: 620px;
display: block;
bottom: 65px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
box-sizing: border-box;
padding: 7px;
border-radius: 12px;
z-index: 10;
font-size: 13px;
}
.bt-message {
color: black;
background-color: #3FEEA7;
position: fixed;
max-width: 620px;
display: block;
bottom: 65px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
box-sizing: border-box;
padding: 7px;
border-radius: 12px;
z-index: 10;
font-size: 13px;
}
.bt-message2 {
color: black;
background-color: #81C7FF;
position: fixed;
max-width: 620px;
display: block;
bottom: 65px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
box-sizing: border-box;
padding: 7px;
border-radius: 12px;
z-index: 10;
font-size: 13px;
}
.bt-button2 {
display: block;
box-sizing: border-box;
padding: 10px;
background-color: #3FEEA7;
color: white;
text-align: center;
border-radius: 10px;
}