4061 lines
87 KiB
CSS
4061 lines
87 KiB
CSS
html {
|
|
font-size: 62.5%;
|
|
}
|
|
|
|
body {
|
|
font-size: 14px;
|
|
position: relative;
|
|
background: #f5f5f5;
|
|
font-family: Arial;
|
|
}
|
|
.ub {
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position: relative;
|
|
}
|
|
|
|
.ub-ac {
|
|
-webkit-box-align: center;
|
|
box-align: center;
|
|
}
|
|
|
|
.ub-ae {
|
|
-webkit-box-align: end;
|
|
box-align: end;
|
|
}
|
|
|
|
.ub-pc {
|
|
-webkit-box-pack: center;
|
|
box-pack: center;
|
|
}
|
|
|
|
.ub-pe {
|
|
-webkit-box-pack: end;
|
|
box-pack: end;
|
|
}
|
|
|
|
.ub-ver {
|
|
-webkit-box-orient: vertical;
|
|
box-orient: vertical;
|
|
}
|
|
|
|
.ub-f1 {
|
|
position: relative;
|
|
-webkit-box-flex: 1;
|
|
box-flex: 1;
|
|
}
|
|
|
|
.ub-f2 {
|
|
position: relative;
|
|
-webkit-box-flex: 2;
|
|
box-flex: 2;
|
|
}
|
|
|
|
.ub-f3 {
|
|
position: relative;
|
|
-webkit-box-flex: 3;
|
|
box-flex: 3;
|
|
}
|
|
|
|
.ub-f4 {
|
|
position: relative;
|
|
-webkit-box-flex: 4;
|
|
box-flex: 4;
|
|
}
|
|
|
|
.uhide {
|
|
display: none !important;
|
|
}
|
|
|
|
.clear{ height:0;clear:both;}
|
|
.red{color:#fa5c06}
|
|
.flex-end {
|
|
display: flex;
|
|
display: -webkit-flex;
|
|
justify-content: space-between;
|
|
-webkit-justify-content: space-between;
|
|
align-items: center;
|
|
-webkit-align-items: center;
|
|
}
|
|
select {
|
|
background: url("../images/select_ico.jpg") no-repeat scroll right center transparent;
|
|
border: 1px solid #dfdfdf;
|
|
box-sizing: border-box;
|
|
}
|
|
.flex-around {
|
|
display: flex;
|
|
display: -webkit-flex;
|
|
justify-content: space-around;
|
|
-webkit-justify-content: space-around;
|
|
align-items: center;
|
|
-webkit-align-items: center;
|
|
}
|
|
input{outline:none;background-color: rgba(0, 0, 0, 0);}
|
|
input:focus{
|
|
outline:none;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
/* header */
|
|
.header,
|
|
.footer {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 6rem;
|
|
padding: 0 1rem;
|
|
color: #fff;
|
|
z-index: 101;
|
|
}
|
|
|
|
.header {
|
|
top: 0;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
font-size: 1.8rem;
|
|
line-height: 6rem;
|
|
}
|
|
|
|
.header a.icon-zuojiantou {
|
|
color: #fff;
|
|
font-size: 2.2rem;
|
|
display: inline-block;
|
|
|
|
}
|
|
.header a.home {
|
|
color: #fff;
|
|
display: inline-block;
|
|
}
|
|
.header a.home img {
|
|
display: inline-block;
|
|
margin-top:-0.3em;
|
|
margin-left:0.5em;
|
|
width: 1.2em;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.footer {
|
|
bottom: 0;
|
|
padding: 1rem 1.5rem;
|
|
background: linear-gradient(to bottom, #eee, #ccc);
|
|
border-top: 1px solid #f1f1f1;
|
|
}
|
|
|
|
.footer li img {
|
|
width: 2rem;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.footer li a {
|
|
color: #000;
|
|
}
|
|
|
|
.footer li a span {
|
|
padding-top: .5rem;
|
|
}
|
|
.footer li a span.hover {
|
|
color: #ff6d00;
|
|
}
|
|
/* page */
|
|
.page {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: 720px;
|
|
padding: 6rem 0;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
overflow-scrolling: touch;
|
|
}
|
|
|
|
.page .box {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.banner {
|
|
float:left;
|
|
margin:0;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.banner img {
|
|
border-radius: 0px;
|
|
}
|
|
/* 本例子css -------------------------------------- */
|
|
.slideBox {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
max-width: 100%; /* 设置焦点图最大宽度 */
|
|
height:20em;
|
|
}
|
|
|
|
.slideBox .hd {
|
|
position: absolute;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.slideBox .hd li {
|
|
display: inline-block;
|
|
width: 5px;
|
|
height: 5px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
background: #333;
|
|
text-indent: -9999px;
|
|
overflow: hidden;
|
|
margin: 0 6px;
|
|
}
|
|
|
|
.slideBox .hd li.on {
|
|
background: #fff;
|
|
}
|
|
|
|
.slideBox .bd {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
|
|
.slideBox .bd li {
|
|
position: relative;
|
|
text-align: center;
|
|
/*border-radius: 0.5em;*/
|
|
}
|
|
|
|
.slideBox .bd li img {
|
|
background: url(images/loading.gif) center center no-repeat;
|
|
/*border-radius: 0.5em;*/
|
|
vertical-align: top;
|
|
width: 100%; /* 图片宽度100%，达到自适应效果 */
|
|
}
|
|
|
|
.slideBox .bd li a {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
/* 去掉链接触摸高亮 */
|
|
.slideBox .bd li .tit {
|
|
display: block;
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
text-indent: 10px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: url(images/focusBg.png) repeat-x;
|
|
color: #fff;
|
|
text-align: left;
|
|
}
|
|
.chongzhi_tixian {
|
|
float: left;
|
|
width: 100%;
|
|
margin-top: -10em;
|
|
padding: 0rem;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.chongzhi_tixian ul {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.chongzhi_tixian ul li {
|
|
width: 20%;
|
|
padding: 1.5rem 0;
|
|
height: 7em;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
|
|
.chongzhi_tixian ul li img {
|
|
width: 4em;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.chongzhi_tixian ul li.b1 {
|
|
border-bottom: 1px solid #f1f1f1;
|
|
}
|
|
|
|
.chongzhi_tixian ul li.r1 {
|
|
border-right: 1px solid #f1f1f1;
|
|
}
|
|
|
|
.chongzhi_tixian li a span {
|
|
margin-top: .3rem;
|
|
display: inline-block;
|
|
color: #fff;
|
|
}
|
|
|
|
.chongzhi_tixian li a strong {
|
|
margin-top: .3rem;
|
|
display: inline-block;
|
|
}
|
|
.main {
|
|
margin: 1.2rem;
|
|
|
|
border-radius: 6px;
|
|
padding: 1.2rem;
|
|
}
|
|
|
|
.main {
|
|
margin: 1.2rem 0;
|
|
border-radius: 6px;
|
|
width:100%;
|
|
padding:0;
|
|
}
|
|
|
|
.main ul {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
|
|
.main ul li {
|
|
width: 50%;
|
|
padding: 1.3rem 0;
|
|
padding-top: 2.5rem;
|
|
height: 6.7em;
|
|
text-align: center;
|
|
color: #000;
|
|
background-color:#fff;
|
|
box-sizing:border-box;
|
|
}
|
|
.main.main0 li {
|
|
padding-top: 2.5rem;
|
|
}
|
|
|
|
|
|
.main ul li.b1 {
|
|
border-bottom: 0.8em solid #f5f5f5;
|
|
}
|
|
|
|
.main ul li.r1 {
|
|
border-right: 0.8em solid #f5f5f5;
|
|
}
|
|
.main li a {
|
|
float: left;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.main li span {
|
|
float: left;
|
|
border-left: 5px solid #e32227;
|
|
color: #000;
|
|
margin-top: 0.15em;
|
|
padding-left: 1em;
|
|
line-height:2em;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
}
|
|
.main.main0 li span {
|
|
margin-top: 0em;
|
|
line-height: 1.2em;
|
|
}
|
|
.main li span.border1 {
|
|
border-left: 5px solid #fa7a1a;
|
|
}
|
|
.main li span.border2 {
|
|
border-left: 5px solid #9408a8;
|
|
}
|
|
.main li span.border3 {
|
|
border-left: 5px solid #e5004f;
|
|
}
|
|
.main li span.border4 {
|
|
border-left: 5px solid #0da9c5;
|
|
}
|
|
.main li span.border5 {
|
|
border-left: 5px solid #5cb663;
|
|
}
|
|
.main li img {
|
|
float: right;
|
|
margin: 0;
|
|
margin-top: -0.8em;
|
|
margin-right: 1em;
|
|
width: 4em;
|
|
}
|
|
.main li span a {
|
|
color: #000;
|
|
}
|
|
.main li span.rightbtn {
|
|
float: right;
|
|
margin: 0;
|
|
margin-top: 0.1em;
|
|
margin-right: 0.5em;
|
|
padding: 0;
|
|
line-height: 2em;
|
|
width: 6em;
|
|
border-radius: 0.5em;
|
|
border: 1px solid #ff5400;
|
|
color: #fff;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
}
|
|
.main li span.rightbtn a {
|
|
color: #fff;
|
|
}
|
|
.main li span span {
|
|
float:none;
|
|
display:block;
|
|
margin:0;
|
|
border: 0;
|
|
padding:0;
|
|
|
|
}
|
|
.main li a span span.red, .main li span a span.red {
|
|
color: #ff5400;
|
|
}
|
|
|
|
.index-product, .index-product ul {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.index-product h3 {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 2.5em;
|
|
font-size: 1.2em;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
line-height: 2.5em;
|
|
text-indent: 1em;
|
|
background-color:#eee;
|
|
}
|
|
.index-product h3 span.line_flag {
|
|
float:left;
|
|
display:block;
|
|
margin-top: 0.5em;
|
|
margin-left: 0.8em;
|
|
margin-right: 0;
|
|
width: 0.3em;
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
background-color: #f0514d;
|
|
border-radius: 0.2em;
|
|
}
|
|
.index-product h3 span.title {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
.index-product ul li {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0.8em;
|
|
width: 100%;
|
|
text-align: center;
|
|
position: relative;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.index-product ul li a {
|
|
|
|
}
|
|
|
|
.index-product ul li span {
|
|
float: left;
|
|
margin: 0;
|
|
display:flex;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.index-product ul li span.imgbox {
|
|
width: 100%;
|
|
padding:0;
|
|
height: 100%;
|
|
background: url(../image/loading.gif) #fff center center no-repeat;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.index-product ul li span.imgbox img {
|
|
margin:0;
|
|
width: 100%;
|
|
height: 20em;
|
|
padding: 2px;
|
|
border: 1px solid #DFDFDF;
|
|
border-radius: 0.5em;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.index-product ul li span.title_box {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
flex-direction:row;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.index-product ul li span.title_box span {
|
|
display: flex;
|
|
color: #000;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.index-product ul li span.title_box span.title {
|
|
float: left;
|
|
width: 60%;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
overflow:hidden;
|
|
}
|
|
.index-product ul li span.title_box span.price {
|
|
float: right;
|
|
width: 40%;
|
|
text-align: right;
|
|
height: 1.5em;
|
|
color: #848484;
|
|
justify-content: flex-end;
|
|
}
|
|
.index-product ul li span.title_box span.price span {
|
|
display: inline;
|
|
color: #848484;
|
|
text-decoration: line-through;
|
|
}
|
|
.index-product ul li span.price_box {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
flex-direction: row;
|
|
box-sizing: border-box;
|
|
}
|
|
.index-product ul li span.price_box span {
|
|
display: flex;
|
|
flex: 1;
|
|
color: #848484;
|
|
box-sizing: border-box;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
}
|
|
.index-product ul li span.price_box span.syz {
|
|
justify-content: center;
|
|
}
|
|
.index-product ul li span.price_box span.zsj {
|
|
justify-content: flex-end;
|
|
color:#ff4d00;
|
|
}
|
|
.index-product ul li span.button_box {
|
|
width: 100%;
|
|
padding: 0;
|
|
flex-direction: row;
|
|
box-sizing: border-box;
|
|
}
|
|
.index-product ul li span.button_box a {
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
justify-content: center;
|
|
height: 2.5em;
|
|
padding: 0;
|
|
line-height: 2.5em;
|
|
color: #fff;
|
|
background: #664ADF;
|
|
background: linear-gradient(to right,#664ADF,#B20DB4);
|
|
border-radius: 0.5em;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.index-product ul li span.button_box a.gm {
|
|
width: 100%;
|
|
margin-left:0;
|
|
background: #FD27A5;
|
|
background: linear-gradient(to right,#FD27A5,#E70012);
|
|
}
|
|
.index-product ul li span.button_box a span {
|
|
flex-grow: 1;
|
|
justify-content: center;
|
|
}
|
|
.index-product ul li span.button_box a img {
|
|
margin-right:0.8em;
|
|
margin-top:0.4em;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
}
|
|
|
|
.coupon-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.coupon-box .coupon-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 0.8em;
|
|
padding: 0;
|
|
flex-grow: 1;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.coupon-box .coupon-item .price {
|
|
width: 5em;
|
|
height: 4em;
|
|
box-sizing: border-box;
|
|
border-radius: 0.3em 0.5em 0.5em 0.3em;
|
|
background: linear-gradient(to right,#FFC2DD,#F69DBB);
|
|
line-height: 4em;
|
|
text-align: center;
|
|
}
|
|
|
|
.coupon-box .coupon-item .title {
|
|
flex-grow: 1;
|
|
height: 4em;
|
|
line-height: 4em;
|
|
box-sizing: border-box;
|
|
border-radius: 0.5em 0 0 0.5em;
|
|
background-color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
.coupon-box .coupon-item.hover .title {
|
|
background-color: #FAFAE6;
|
|
}
|
|
|
|
.coupon-box .coupon-item .cart {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-right: 0.8em;
|
|
width: 6em;
|
|
height: 4em;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
border-radius: 0 0.3em 0.3em 0;
|
|
}
|
|
|
|
.coupon-box .coupon-item.hover .cart {
|
|
background-color: #FAFAE6;
|
|
}
|
|
|
|
.coupon-box .coupon-item .cart .addcart {
|
|
margin-top: 1em;
|
|
width: 2em;
|
|
height: 2em;
|
|
box-sizing: border-box;
|
|
border-radius: 50%;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.coupon-box .coupon-item .cart .inputcart {
|
|
margin-top: 1em;
|
|
width: 3em;
|
|
height: 2em;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.coupon-box .coupon-item .cart .inputcart .input_text {
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.coupon-box .coupon-item .cart .addcart img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.coupon-button {
|
|
margin-top: 0.5em;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.coupon-button div {
|
|
width: 100%;
|
|
height: 3em;
|
|
line-height: 3em;
|
|
color: #fff;
|
|
background: linear-gradient(to right,#44B5EF,#DC4CE3);
|
|
text-align: center;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.coupon-button.hovered div {
|
|
color: #444444;
|
|
background: #848484;
|
|
}
|
|
|
|
.coupon-button .mybtn {
|
|
width: 100%;
|
|
height: 3em;
|
|
line-height: 3em;
|
|
border-radius: 0.5em;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.mybalance-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.mybalance-box .text {
|
|
width: 100%;
|
|
}
|
|
|
|
.mybalance-item {
|
|
float: left;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
padding: 0.8em;
|
|
margin: 0.8em 0;
|
|
margin-top: 0;
|
|
line-height: 2em;
|
|
background-color: #fff;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.mybalance-item div {
|
|
float: left;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: left;
|
|
color: #939393;
|
|
font-size: 0.96em;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.mybalance-item div span {
|
|
color: #000;
|
|
}
|
|
|
|
.mybalance-item div span.Totalprice {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.mybalance-item div.Total {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
|
|
.mybalance-item div.Total div {
|
|
float: left;
|
|
display: block;
|
|
width: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #ff4d00;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mybalance-item div.Total div.right {
|
|
float: right;
|
|
}
|
|
|
|
.mybalance-item div.Total div span {
|
|
float: left;
|
|
display: block;
|
|
width: auto;
|
|
color: #000;
|
|
}
|
|
|
|
.mybalance-item div.Total0 {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
|
|
.mybalance-item div.Total0 div {
|
|
float: left;
|
|
display: block;
|
|
width: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #939393;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mybalance-item div.Total0 div.right {
|
|
float: right;
|
|
width: auto;
|
|
color: #939393;
|
|
}
|
|
|
|
.mybalance-item div.Total0 div.right span {
|
|
color: #000;
|
|
}
|
|
|
|
.mybalance-item div.Total0 div.right .mybtn {
|
|
border-radius: 0.5em;
|
|
padding: 0.4em;
|
|
color: #fff;
|
|
}
|
|
.showthjto {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
border: 1px solid #DFDFDF;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.showthjto_box {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 0 0.8em;
|
|
box-sizing: border-box;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
|
|
.showthjto h3 {
|
|
width: 100%;
|
|
height: 2.5em;
|
|
border-bottom: 1px solid #DFDFDF;
|
|
}
|
|
|
|
.showthjto h3 span {
|
|
float: left;
|
|
margin-top: 0.8em;
|
|
margin-left: 1em;
|
|
display: block;
|
|
width: 40%;
|
|
height: 2em;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.showthjto h3 span.close {
|
|
float: right;
|
|
margin-top: 0.8em;
|
|
margin-right: 0.6em;
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
font-size: 0.7em;
|
|
font-family: Arial;
|
|
background: #8e0d0a;
|
|
color: #FFFFFF;
|
|
line-height: 1.3em;
|
|
font-style: normal;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.showthjto #btntj {
|
|
margin: 0 auto;
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
width: 6em;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
text-decoration: none;
|
|
background-color: #c9931e;
|
|
color: #fff;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.showthjto #btnqx {
|
|
margin: 0 auto;
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
width: 6em;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
text-decoration: none;
|
|
background-color: #EEEEEE;
|
|
color: #000;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.pay_box {
|
|
width: 100%;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.pay_box span {
|
|
display: block;
|
|
float: left;
|
|
width: 10%;
|
|
height: 2.5em;
|
|
}
|
|
|
|
.pay_box span.pay_type {
|
|
width: auto;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.pay_box div {
|
|
float: left;
|
|
padding: 0 0.25em;
|
|
margin-right: 0.3em;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
line-height: 2em;
|
|
border: 1px solid #f1f1f1;
|
|
box-sizing: border-box;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.pay_box div.rtype {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.pay_box div.hover {
|
|
border: 1px solid #ff4d00;
|
|
}
|
|
|
|
.pay_box div img {
|
|
margin-top: 0.2em;
|
|
width: 1.4em;
|
|
height: 1.4em;
|
|
}
|
|
.othershop-product .tab {
|
|
background: rgba(255,255,255,.4);
|
|
height: 4rem;
|
|
line-height: 4rem;
|
|
}
|
|
|
|
.othershop-product .tab a {
|
|
display: block;
|
|
color: #000;
|
|
}
|
|
|
|
.othershop-product .tab a.on {
|
|
color: #fd4400;
|
|
border-bottom: 2px solid #fd4400;
|
|
}
|
|
.othershop-product, .othershop-product ul {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
}
|
|
.othershop-product ul {
|
|
margin-top: 0.8em;
|
|
}
|
|
.othershop-product h3 {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 2.5em;
|
|
font-size: 1.2em;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
line-height: 2.5em;
|
|
text-indent: 1em;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.othershop-product h3 span.line_flag {
|
|
float: left;
|
|
display: block;
|
|
margin-top: 0.5em;
|
|
margin-left: 0.8em;
|
|
margin-right: 0;
|
|
width: 0.3em;
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
background-color: #f0514d;
|
|
border-radius: 0.2em;
|
|
}
|
|
|
|
.othershop-product h3 span.title {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
|
|
.othershop-product ul li {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
position: relative;
|
|
border-bottom:1px solid #f1f1f1;
|
|
}
|
|
|
|
.othershop-product ul li a {
|
|
flex-direction:row;
|
|
display:flex;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.othershop-product ul li a span {
|
|
margin: 0;
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.othershop-product ul li a span.imgbox {
|
|
width: auto;
|
|
padding: 0.8em;
|
|
height: 100%;
|
|
background: url(../image/loading.gif) #fff center center no-repeat;
|
|
}
|
|
|
|
.othershop-product ul li a span.imgbox img {
|
|
margin: 0 auto;
|
|
width: 8em;
|
|
height: 8em;
|
|
padding: 2px;
|
|
border: 1px solid #DFDFDF;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.othershop-product ul li a span.fontbox {
|
|
flex-grow: 1;
|
|
height: 100%;
|
|
padding: 0.8em 0;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.othershop-product ul li a span.fontbox span {
|
|
float:left;
|
|
display: block;
|
|
width: 100%;
|
|
color: #848484;
|
|
text-align: left;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.othershop-product ul li a span.fontbox span.title {
|
|
margin-top: 0.8em;
|
|
width: 90%;
|
|
font-size: 1em;
|
|
color: #000;
|
|
height: 1.5em;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.othershop-product ul li a span.fontbox span.lsj span {
|
|
float: none;
|
|
display: inline;
|
|
text-decoration: line-through;
|
|
}
|
|
.othershop-product ul li a span.fontbox span.price {
|
|
font-size: 1em;
|
|
color: #ff4d00;
|
|
text-align: left;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.othershop-product ul li a span.fontbox span.button {
|
|
display: flex;
|
|
flex-direction: row;
|
|
position:absolute;
|
|
right:0.8em;
|
|
bottom:0.8em;
|
|
width: 10em;
|
|
height: 2.5em;
|
|
padding: 0;
|
|
line-height: 2.5em;
|
|
background: linear-gradient(to right,#FD27A5,#E70012);
|
|
border-radius: 0.5em;
|
|
justify-content: center;
|
|
overflow:hidden;
|
|
}
|
|
.othershop-product ul li a span.fontbox span.button span {
|
|
flex-grow: 1;
|
|
color: #fff;
|
|
justify-content: center;
|
|
text-align:center;
|
|
}
|
|
.othershop-product ul li a span.fontbox span.button img {
|
|
margin-right: 0.8em;
|
|
margin-top: 0.4em;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
}
|
|
.othershop0-product, .othershop0-product ul {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.othershop0-product ul {
|
|
|
|
}
|
|
|
|
.othershop0-product h3 {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 2.5em;
|
|
font-size: 1.2em;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
line-height: 2.5em;
|
|
text-indent: 1em;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.othershop0-product h3 span.line_flag {
|
|
float: left;
|
|
display: block;
|
|
margin-top: 0.5em;
|
|
margin-left: 0.8em;
|
|
margin-right: 0;
|
|
width: 0.3em;
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
background-color: #f0514d;
|
|
border-radius: 0.2em;
|
|
}
|
|
|
|
.othershop0-product h3 span.title {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
.othershop0-product h3 span.more {
|
|
float: right;
|
|
margin-right:0.8em;
|
|
display: block;
|
|
color: #f0514d;
|
|
font-size:0.9em;
|
|
}
|
|
.othershop0-product ul li {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0.8em;
|
|
width: 50%;
|
|
text-align: center;
|
|
position: relative;
|
|
border-right: 1px solid #f1f1f1;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.othershop0-product ul li a {
|
|
flex-direction: column;
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.othershop0-product ul li a span {
|
|
margin: 0;
|
|
width: 100%;
|
|
display:block;
|
|
text-align:left;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.othershop0-product ul li a span.imgbox {
|
|
width: auto;
|
|
padding: 0;
|
|
height: 100%;
|
|
background: url(../image/loading.gif) #fff center center no-repeat;
|
|
}
|
|
|
|
.othershop0-product ul li a span.imgbox img {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
height: 12em;
|
|
padding: 2px;
|
|
border: 1px solid #DFDFDF;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.othershop0-product ul li a span.title_box {
|
|
color: #000;
|
|
width: 100%;
|
|
height: 1.5em;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.othershop0-product ul li a span.price_box {
|
|
color: #848484;
|
|
}
|
|
.othershop0-product ul li a span.price_box0 {
|
|
color: #848484;
|
|
}
|
|
.othershop0-product ul li a span.price_box0 span {
|
|
display:inline;
|
|
text-decoration:line-through;
|
|
}
|
|
.othershop0-product ul li a span.hyprice_box {
|
|
color: #ff4d00;
|
|
}
|
|
.cartbox {
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 60px;
|
|
width: 100%;
|
|
height: 50px;
|
|
border-top: 1px solid #f5f5f5;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.cartmbox {
|
|
position: relative;
|
|
margin: 0 auto;
|
|
max-width: 720px;
|
|
}
|
|
|
|
.leftbox {
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
|
|
.leftbox input {
|
|
float: left;
|
|
display: block;
|
|
width: 100px;
|
|
height: 50px;
|
|
background-color: #fc8b05;
|
|
color: #fff;
|
|
border: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.leftbox input.favorited {
|
|
background-color: #eee;
|
|
color: #aaa;
|
|
}
|
|
|
|
.leftbox .leftbox_ShoppingCart {
|
|
float: left;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.leftbox label {
|
|
float: left;
|
|
position: relative;
|
|
margin-top: 10px;
|
|
display: block;
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url(/images/cart.png) no-repeat 0 -30px;
|
|
}
|
|
|
|
.leftbox a, .leftbox a:visited {
|
|
display: block;
|
|
color: #fff;
|
|
}
|
|
|
|
.leftbox label a, .leftbox label a:visited {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
|
|
|
|
.cartnum {
|
|
position: absolute;
|
|
left: 35px;
|
|
bottom: 25px;
|
|
width: 24px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
background-color: #f62800;
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.rightbox {
|
|
float: right;
|
|
}
|
|
|
|
.rightbox input {
|
|
float: right;
|
|
display: block;
|
|
width: 100px;
|
|
height: 50px;
|
|
background-color: #fc8b05;
|
|
color: #fff;
|
|
border: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.rightbox input.input_shopcart, .rightbox input.input_shopdh {
|
|
background-color: #8e0d0a;
|
|
}
|
|
|
|
.rightbox input.input_shopjs {
|
|
width: 80px;
|
|
}
|
|
|
|
|
|
|
|
/* 我的提现 */
|
|
.noBar {
|
|
padding: 6rem 0 0 0;
|
|
}
|
|
|
|
.cash .con-list {
|
|
display: none;
|
|
}
|
|
|
|
.cash .con-list.on {
|
|
display: block;
|
|
}
|
|
|
|
.cash .tab {
|
|
background: rgba(255,255,255,.4);
|
|
height: 4.8rem;
|
|
line-height: 4.8rem;
|
|
}
|
|
|
|
.cash .tab a {
|
|
display: block;
|
|
color: #000;
|
|
}
|
|
|
|
.cash .tab a.on {
|
|
color: #fd4400;
|
|
border-bottom: 1px solid #fd4400;
|
|
}
|
|
|
|
.cash .con-list {
|
|
margin: 1.2rem;
|
|
background: #fff;
|
|
padding-bottom:3em;
|
|
border-radius: 6px;
|
|
border: 1px solid #e5e5e5;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.cash .con-list .tab01 {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border-radius: 6px;
|
|
|
|
}
|
|
|
|
.cash .con-list .tab01 th {
|
|
line-height: 4.8rem;
|
|
background: linear-gradient(to bottom, #f1f1f1, #fff);
|
|
border-right: 1px solid #e5e5e5;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.cash .con-list .tab01 td {
|
|
text-align: center;
|
|
padding: 1rem 0;
|
|
border-right: 1px solid #e5e5e5;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
.cash .con-list .tab01 th.noborder {
|
|
border-right: 0;
|
|
}
|
|
.cash .con-list .tab01 td.noborder {
|
|
border-right: 0;
|
|
}
|
|
.cash .con-list .tab01 td span.num {
|
|
color: #ff5400;
|
|
}
|
|
|
|
.cash .con-list .tab01 td span.pp {
|
|
}
|
|
.cash .con-list .tab01 td span.time {
|
|
}
|
|
.cash .con-list .tab01 td a.btn {
|
|
margin: 0.3em auto;
|
|
padding: 0 1rem;
|
|
display: inline-block;
|
|
line-height: 2.4rem;
|
|
background: linear-gradient(to bottom,#e32227, #ff5800);
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
}
|
|
.cash .con-list .tab01 td img {
|
|
margin:0 auto;
|
|
max-width:5em;
|
|
}
|
|
.cash .con-list .tab01 td input[type="button"] {
|
|
margin:0.3em auto;
|
|
padding: 0 1rem;
|
|
display: block;
|
|
line-height: 2.4rem;
|
|
background: linear-gradient(to bottom,#e32227, #ff5800);
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.select_box_bg {
|
|
position: fixed;
|
|
z-index: 2;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0,0,0,0.2);
|
|
display: none;
|
|
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.select_box {
|
|
width: 100%;
|
|
}
|
|
|
|
.select_box_to {
|
|
position: relative;
|
|
margin: 0 auto;
|
|
max-width: 720px;
|
|
min-height: 250px;
|
|
padding: 0 10px;
|
|
background: #fff;
|
|
border-top: 1px solid #efefef;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.select_box_to .select_box_pic {
|
|
position: absolute;
|
|
z-index: 3;
|
|
left: 10px;
|
|
top: -5em;
|
|
width: 10em;
|
|
height: 10em;
|
|
border: 1px solid #efefef;
|
|
background-color:#fff;
|
|
overflow: hidden;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.select_box_to .select_box_pic img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.select_box_to .select_box_title {
|
|
float: left;
|
|
width: 12em;
|
|
height: 7em;
|
|
margin-top: 1em;
|
|
|
|
line-height: 2em;
|
|
}
|
|
|
|
.select_box_to .select_box_title .price {
|
|
width: 100%;
|
|
}
|
|
.select_box_to .select_box_title .price span{
|
|
color: #ff0000;
|
|
}
|
|
.select_box_to .select_box_title .selguige {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.select_box_to .close {
|
|
position: absolute;
|
|
z-index: 3000;
|
|
right: 0.5em;
|
|
top: 0.2em;
|
|
width: 1.6em;
|
|
height: 1.6em;
|
|
padding: 0.15em;
|
|
background-color: #fff;
|
|
border: 1px solid #f1f1f1;
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.select_box_to .close img {
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
}
|
|
|
|
.select_box_to .select_box_transfer {
|
|
float: left;
|
|
width: 100%;
|
|
margin-top: 1em;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.select_box_to .select_box_transfer div {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 3.5em;
|
|
}
|
|
.select_box_to .select_box_transfer div label {
|
|
float: left;
|
|
margin-top:0.5em;
|
|
display: block;
|
|
width: 25%;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
}
|
|
.select_box_to .select_box_transfer div span {
|
|
float: left;
|
|
width: 75%;
|
|
margin-top: 0.5em;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.select_box_to .select_box_transfer div input, .select_box_to .select_box_transfer div select {
|
|
float: left;
|
|
width: 75%;
|
|
margin-top: 0.5em;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
border: 1px solid #dfdfdf;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.select_box_to .select_box_transfer div input{
|
|
padding:0 0.5em;
|
|
}
|
|
.select_box_to .select_box_transfer div input[disabled="disabled"] {
|
|
background-color: #eee;
|
|
}
|
|
.select_box_to .select_box_transfer div select {
|
|
appearance: none;
|
|
-moz-appearance: none; /* Firefox */
|
|
-webkit-appearance: none; /* Safari 和 Chrome */
|
|
background: url("../images/select_ico.jpg") no-repeat scroll right center transparent;
|
|
}
|
|
.select_box_selguige {
|
|
position: relative;
|
|
float: left;
|
|
width: 100%;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.select_box_selguige h3 {
|
|
position: relative;
|
|
float: left;
|
|
width: 100%;
|
|
line-height: 2em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.select_box_selguige ul {
|
|
position: relative;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.select_box_selguige ul li {
|
|
display: block;
|
|
position: relative;
|
|
float: left;
|
|
font-weight: bold;
|
|
color: Red;
|
|
margin-bottom: 5px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.select_box_selguige ul li {
|
|
width: auto;
|
|
margin: 0 2px;
|
|
margin-bottom: 8px;
|
|
padding: 2px 11px;
|
|
padding-right: 15px;
|
|
cursor: pointer;
|
|
color: #000;
|
|
border: 1px solid #ccc;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.select_box_selguige ul li.selected {
|
|
border: 1px solid #FB320A;
|
|
}
|
|
|
|
.select_box_selguige ul li.selected em {
|
|
width: 24px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
position: absolute;
|
|
background: url(/images/category.png) no-repeat;
|
|
display: inline-block;
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/category.png');
|
|
background-position: -235px -180px;
|
|
top: 1px;
|
|
right: 1px;
|
|
}
|
|
|
|
.select_box_selguige ul li span {
|
|
width: 20px;
|
|
height: 20px;
|
|
color: #000;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.select_box_selguige ul li span.colortit {
|
|
width: auto;
|
|
height: 20px;
|
|
margin: 0 0;
|
|
line-height: 25px;
|
|
text-align: center;
|
|
border: 0;
|
|
}
|
|
|
|
.select_box_selnum {
|
|
position: relative;
|
|
float: left;
|
|
margin: 1em 0;
|
|
width: 100%;
|
|
border-top: 1px solid #f1f1f1;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
padding: 1em 0;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.select_box_selnum h3 {
|
|
position: relative;
|
|
float: left;
|
|
width: 30%;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.select_box_selnum ul {
|
|
position: relative;
|
|
float: left;
|
|
width: 70%;
|
|
}
|
|
|
|
.select_box_selnum ul li {
|
|
position: relative;
|
|
float: right;
|
|
width: 2em;
|
|
height: 2em;
|
|
text-align: center;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
border: 1px solid #bfbfbf;
|
|
}
|
|
|
|
.select_box_selnum ul li.num_input {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
}
|
|
|
|
.select_box_selnum ul li input {
|
|
float: left;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.select_box_selnum ul li.num_del {
|
|
background-color: #e6e6e6;
|
|
background-image: url(/images/num_del.png);
|
|
}
|
|
|
|
.select_box_selnum ul li.num_add {
|
|
background-color: #e6e6e6;
|
|
background-image: url(/images/num_add.png);
|
|
}
|
|
|
|
.select_box_selnum ul li.num_del.visited {
|
|
background-image: url(/images/num_del_visited.png);
|
|
}
|
|
|
|
.select_box_selnum ul li.num_add.visited {
|
|
background-image: url(/images/num_add_visited.png);
|
|
}
|
|
|
|
.select_box_btn {
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.select_box_btn input {
|
|
width: 100%;
|
|
height: 2.5em;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background-color: #ff0000;
|
|
border: 0;
|
|
outline: none;
|
|
}
|
|
/* 注册 */
|
|
.register {
|
|
width: 100%;
|
|
min-height: 100%;
|
|
background: url(../images/dlbjt.png?t=1) no-repeat center center;
|
|
background-size:100% 100%;
|
|
/*background: linear-gradient(145deg, #ffc732 10%, #f98c13 90%);*/
|
|
}
|
|
|
|
|
|
.register .content {
|
|
margin:0 auto;
|
|
max-width:720px;
|
|
padding-bottom: 4rem;
|
|
}
|
|
|
|
.content .logo {
|
|
padding-top: 2rem;
|
|
text-align: center;
|
|
max-width:298px;
|
|
margin: 0 auto;
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.content .list-block {
|
|
width: 94%;
|
|
background: #fff;
|
|
border-top: 1px solid #f7f7f7;
|
|
border-radius: 0.5em;
|
|
box-shadow: 5px 10px 15px 2px rgba(0,0,0,0.1);
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.list-block .tit {
|
|
height: 4rem;
|
|
line-height: 4rem;
|
|
|
|
border-bottom: 1px solid #F4F5F9;
|
|
}
|
|
|
|
.list-block .tit a.on {
|
|
border-bottom: 1px solid #ff5800;
|
|
color: #ff5800;
|
|
}
|
|
|
|
.list-item {
|
|
display: none;
|
|
}
|
|
|
|
.list-item.on {
|
|
display: block;
|
|
}
|
|
|
|
.list-block .list-item p {
|
|
margin-top: 1.5rem;
|
|
height: 4.6rem;
|
|
line-height: 4.6rem;
|
|
border: 1px solid #F4F5F9;
|
|
box-shadow: 0 0 5px #fafaf9;
|
|
border-radius: 28px;
|
|
}
|
|
|
|
.list-block .list-item p i {
|
|
padding: 0 1.2rem;
|
|
font-size: 2rem;
|
|
color: #bdbdbd;
|
|
float: left;
|
|
}
|
|
|
|
.list-block .list-item p i.icon-tuijianren {
|
|
font-size: 2.2rem;
|
|
}
|
|
|
|
.list-block .list-item p input {
|
|
font-size: 1.6rem;
|
|
width: 80%;
|
|
outline: none;
|
|
line-height: 3rem;
|
|
float: left;
|
|
margin: 0.8rem 0;
|
|
}
|
|
|
|
.list-block .list-item p input.txt02 {
|
|
width: 50%;
|
|
}
|
|
|
|
.list-block .list-item p span {
|
|
color: #ff5800;
|
|
}
|
|
|
|
.list-block .list-item p.on {
|
|
border: 1px solid #fff5e4;
|
|
box-shadow: 0 0 5px #fff5e4;
|
|
}
|
|
|
|
.list-block .list-item p.on i {
|
|
color: #fa5c06;
|
|
}
|
|
.list-block .list-item.regbox p {
|
|
border: none;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
height: 3.6rem;
|
|
line-height: 3.6rem;
|
|
}
|
|
.list-block .list-item.regbox p label {
|
|
float: left;
|
|
display: block;
|
|
width: 28%;
|
|
color: #000;
|
|
height: 3.6rem;
|
|
line-height: 4.6rem;
|
|
overflow:hidden;
|
|
}
|
|
.list-block .list-item.regbox p input {
|
|
float: left;
|
|
width: 72%;
|
|
outline: none;
|
|
line-height: 3rem;
|
|
font-size: 1em;
|
|
margin: 0.8rem 0;
|
|
padding-left: 0.5em;
|
|
border: 1px solid #F4F5F9;
|
|
box-shadow: 0 0 5px #fafaf9;
|
|
border-radius: 0.5em;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
.list-block .list-item.regbox p select {
|
|
font-size: 1.6rem;
|
|
width: 20%;
|
|
outline: none;
|
|
line-height: 3rem;
|
|
float: left;
|
|
margin: 0.8rem 0;
|
|
border: 1px solid #F4F5F9;
|
|
border-radius: 0.5em 0 0 0.5em;
|
|
background: url("../images/select_ico.jpg") no-repeat scroll right center transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.list-block .list-item.regbox p input#phone {
|
|
width: 52%;
|
|
border-radius: 0 0.5em 0.5em 0;
|
|
}
|
|
.list-block .list-item.regbox p input#msgcode {
|
|
float: left;
|
|
width: 35%;
|
|
}
|
|
.list-block .list-item.regbox p span {
|
|
float: left;
|
|
display:block;
|
|
width: 35%;
|
|
}
|
|
.content .btn {
|
|
width: 100%;
|
|
height: 4.8rem;
|
|
line-height: 4.8rem;
|
|
margin: 3rem auto 0;
|
|
padding: 1px;
|
|
border: 0px solid #5b71e7;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
overflow: hidden;
|
|
border-radius: 5px;
|
|
display: none;
|
|
}
|
|
.content .btn.yy {
|
|
margin-top: 1rem;
|
|
background: rgba(0,0,0,0.2);
|
|
border:0;
|
|
}
|
|
.content .btn.on {
|
|
display: block;
|
|
}
|
|
|
|
.content .btn a {
|
|
display: block;
|
|
height: 100%;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
}
|
|
|
|
/* 登录 */
|
|
.list-item .remember {
|
|
width: 100%;
|
|
line-height: 4.6rem;
|
|
}
|
|
|
|
.list-item .remember .jz i {
|
|
margin-right: .4rem;
|
|
font-size:1.2em;
|
|
}
|
|
|
|
.list-item .remember .jz i.icon-xuanzhong {
|
|
color: #ff5800;
|
|
}
|
|
|
|
/* 我的设置 */
|
|
.personal-data {
|
|
padding: 1.2rem;
|
|
display: none;
|
|
}
|
|
|
|
.personal-data.on {
|
|
display: block;
|
|
}
|
|
|
|
.personal-data .top {
|
|
background: #fff;
|
|
border-radius: 6px;
|
|
padding: 1.2rem;
|
|
}
|
|
|
|
.personal-data .top .left .photo {
|
|
width: 4.8rem;
|
|
margin-right: .6rem;
|
|
}
|
|
|
|
.personal-data .top .left p {
|
|
color: #bdbdbd;
|
|
line-height: 2rem;
|
|
}
|
|
|
|
.personal-data .top .left .nickname {
|
|
color: #48443e;
|
|
}
|
|
|
|
.personal-data .top .right {
|
|
border: 1px solid #bdbdbd;
|
|
color: #48433E;
|
|
padding: 0 0.5rem;
|
|
line-height: 2.4rem;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.personal-data .list {
|
|
padding-top: 1rem;
|
|
}
|
|
|
|
.personal-data .list li {
|
|
text-align: center;
|
|
color: #bdbdbd;
|
|
line-height: 2.6rem;
|
|
}
|
|
|
|
.personal-data .list li span {
|
|
display: block;
|
|
color: #f99525;
|
|
}
|
|
|
|
.personal-data .list li.line {
|
|
width: 1px;
|
|
height: 2.6rem;
|
|
background: #ffe0bd;
|
|
}
|
|
|
|
.data-list {
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
.data-list ul {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.data-list ul li {
|
|
width: 31%;
|
|
background: #fff;
|
|
border-radius: 6px;
|
|
margin-bottom: 1rem;
|
|
text-align: center;
|
|
padding: 1.5rem 0;
|
|
}
|
|
|
|
.data-list ul li img {
|
|
width: 40%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.data-list ul li strong {
|
|
display: block;
|
|
padding: .4rem 0;
|
|
color: #48443e;
|
|
|
|
}
|
|
|
|
/* 绑定支付宝 */
|
|
.personal-data.noBotn {
|
|
padding: 1.2rem 0;
|
|
|
|
}
|
|
|
|
.bind-data {
|
|
background: #fff;
|
|
border-radius: 6px;
|
|
padding: 0 1.2rem;
|
|
box-sizing:border-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bind-data li {
|
|
line-height: 4.6rem;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
width:100%;
|
|
position:relative;
|
|
float:left;
|
|
}
|
|
|
|
.bind-data li span.rel1 {
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
.bind-data li span.rel2 {
|
|
float:right;
|
|
letter-spacing: 0px;
|
|
color:#ccc;
|
|
}
|
|
|
|
.bind-data li input {
|
|
outline: none;
|
|
line-height: 2.6rem;
|
|
width:12em;
|
|
color:#000;
|
|
}
|
|
|
|
.bind-data li .qrcode {
|
|
position: relative;
|
|
}
|
|
|
|
.bind-data li span {
|
|
float: left;
|
|
width:100px;
|
|
color: #000;
|
|
}
|
|
.bind-data li span.rel2 {
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
width: auto;
|
|
}
|
|
.bind-data li .qrcode {
|
|
float: left;
|
|
padding: .5rem;
|
|
line-height: 1rem;
|
|
border: 1px dashed #bdbdbd;
|
|
margin: 1rem 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.bind-data li .qrcode img {
|
|
width: 4rem;
|
|
display: inline-block;
|
|
margin-top: .4rem;
|
|
}
|
|
|
|
.bind-data li .qrcode i {
|
|
display: block;
|
|
line-height: 2rem;
|
|
}
|
|
|
|
.bind-data li .qrcode input {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
background-color:#000;
|
|
}
|
|
.bind-data li select {
|
|
width: 100%;
|
|
height:2.5em;
|
|
margin-bottom:0.5em;
|
|
}
|
|
.personal-data .tips {
|
|
margin: 1.5rem;
|
|
background: url(../img/tip.png) no-repeat 1rem center #fff1e2;
|
|
background-size: 2.8rem;
|
|
padding: 1rem 1rem 1rem 4.5rem;
|
|
line-height: 2.2rem;
|
|
color: #f99525;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.personal-data .btn {
|
|
width: 100%;
|
|
height: 4.8rem;
|
|
line-height: 4.8rem;
|
|
margin: 4rem auto;
|
|
padding:1px;
|
|
border: 0px solid #5b71e7;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
border-radius: 5px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.personal-data .btn a {
|
|
display: block;
|
|
color: #fff;
|
|
text-align: center;
|
|
height:100%;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
}
|
|
|
|
/* 我的订单 */
|
|
.order-item {
|
|
margin: 1.2rem;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.order-item li {
|
|
border-bottom: 1px solid #f5f5f5;
|
|
overflow: hidden;
|
|
line-height: 4.8rem;
|
|
margin: 0 1rem;
|
|
}
|
|
|
|
.order-item li.title {
|
|
margin: 0;
|
|
padding-left: 1.2rem;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.order-item li.title img {
|
|
width: 1.2rem;
|
|
margin-right: .5rem;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.order-item li.title span {
|
|
font-weight: bold;
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
.order-item li .lft {
|
|
color: #79746f;
|
|
|
|
}
|
|
|
|
.order-item li .lft .k1 {
|
|
letter-spacing: 3px;
|
|
}
|
|
|
|
.order-item li .lft .k2 {
|
|
letter-spacing: 9px;
|
|
}
|
|
|
|
.order-item li .lft .k3 {
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.order-item li .lft .k4 {
|
|
letter-spacing: 7px;
|
|
}
|
|
|
|
.order-item li .rit {
|
|
|
|
}
|
|
|
|
.order-item li .rit i {
|
|
margin-left: 1.5rem;
|
|
}
|
|
|
|
.order-item li .cnt {
|
|
text-align: center;
|
|
}
|
|
|
|
.order-item li .cnt img {
|
|
width: 60%;
|
|
margin: 1.5rem auto 0;
|
|
}
|
|
|
|
.order-item li .rit a {
|
|
padding: .2rem .5rem;
|
|
border: 1px solid #09CF76;
|
|
color: #09CF76;
|
|
border-radius: 3px;
|
|
margin-left: 1rem;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.jb {
|
|
width: 88%;
|
|
height: 4.8rem;
|
|
line-height: 4.8rem;
|
|
margin: 3rem auto;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.jb a {
|
|
display: block;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
/* 团队 */
|
|
.order-item li .link p {
|
|
padding-top: 1rem;
|
|
line-height: 2.2rem;
|
|
|
|
overflow: hidden;
|
|
}
|
|
|
|
.order-item li .link p a {
|
|
float: left;
|
|
}
|
|
|
|
.order-item li .link p span {
|
|
word-wrap: break-word;
|
|
float: left;
|
|
}
|
|
|
|
.order-item li .link .copy {
|
|
width: 100%;
|
|
height: 4.8rem;
|
|
line-height: 4.8rem;
|
|
border:0;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
margin: 2rem auto;
|
|
}
|
|
|
|
.share-box {
|
|
border-radius: 0;
|
|
padding: 1.2rem;
|
|
}
|
|
|
|
.share-box p {
|
|
color: #bdbdbd;
|
|
padding-top: .5rem;
|
|
line-height: 2.2rem;
|
|
}
|
|
|
|
.share-box .share p {
|
|
color: #a1c4b5;
|
|
|
|
}
|
|
|
|
.share-box .share {
|
|
background: #e9fff5;
|
|
padding: 1rem 1.3rem;
|
|
border-top-left-radius: 22px;
|
|
}
|
|
|
|
.share-box .share h3 {
|
|
background: url(../img/share.png) no-repeat left center;
|
|
background-size: 1.8rem;
|
|
padding-left: 2.5rem;
|
|
font-size: 1.8rem;
|
|
color: #08ce78;
|
|
line-height: 3.2rem;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* 懒人服务 */
|
|
.b-box {
|
|
float:left;
|
|
width:100%;
|
|
background: #fff;
|
|
border-radius: 6px;
|
|
padding: 1rem;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.b-box .line {
|
|
border-bottom: 1px solid #f5f5f5;
|
|
padding: .5rem 0;
|
|
}
|
|
|
|
.b-box .line p {
|
|
line-height: 4.4rem;
|
|
}
|
|
|
|
.b-box .line p input {
|
|
margin-left: 1rem;
|
|
outline: none;
|
|
line-height: 2.4rem;
|
|
min-width:90%;
|
|
}
|
|
.b-box .line p input {
|
|
}
|
|
.b-box .line p input::-webkit-input-placeholder { /* WebKit browsers */
|
|
color: #aaa;
|
|
}
|
|
|
|
.b-box .line p input::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
color: #aaa;
|
|
}
|
|
|
|
.b-box .line p input:-ms-input-placeholder { /* Internet Explorer 10+ */
|
|
color: #aaa;
|
|
}
|
|
.b-box .line p .money {
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
.b-box .line p .big {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.b-box .line02 {
|
|
line-height: 3rem;
|
|
color: #bdbdbd;
|
|
}
|
|
|
|
.b-box .line02 span {
|
|
color: #fa5c06;
|
|
}
|
|
|
|
.b-box .line03 {
|
|
line-height: 3rem;
|
|
}
|
|
.b-box .line03 p {
|
|
line-height: 4.4rem;
|
|
color: #fff;
|
|
}
|
|
.b-box .line03 span {
|
|
display: block;
|
|
line-height: 3rem;
|
|
|
|
}
|
|
|
|
.personal-data .b-box .btn {
|
|
margin: 2rem auto;
|
|
}
|
|
|
|
.con-list02 {
|
|
margin: 1.2rem 0;
|
|
}
|
|
|
|
.con-list02 .tab01 {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border-radius: 6px;
|
|
background: #fff;
|
|
}
|
|
|
|
.con-list02 .tab01 th {
|
|
line-height: 4.8rem;
|
|
background: linear-gradient(to bottom, #ffffff, #f4f5f9);
|
|
}
|
|
|
|
.con-list02 .tab01 td {
|
|
text-align: center;
|
|
padding: 1rem 0;
|
|
border-bottom: 1px solid #f4f5f9;
|
|
}
|
|
|
|
.con-list02 .tab01 td span.num {
|
|
color: #ff5400;
|
|
}
|
|
|
|
/* 刷单中心 */
|
|
.order-title {
|
|
background: #fff;
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
.tit-item {
|
|
width: 25%;
|
|
}
|
|
|
|
.tit-item .icon {
|
|
background: url(../img/line01.png) no-repeat right center;
|
|
background-size: 1% 50%;
|
|
}
|
|
|
|
.tit-item .icon.noBg {
|
|
background: none;
|
|
}
|
|
|
|
.tit-item img {
|
|
width: 55%;
|
|
margin: 1rem auto;
|
|
}
|
|
|
|
.tit-item p span {
|
|
display: block;
|
|
line-height: 2.2rem;
|
|
text-align: center;
|
|
color: #969696;
|
|
}
|
|
|
|
.tit-item.on p span {
|
|
color: #fa5c06;
|
|
}
|
|
|
|
/* 我的订单 */
|
|
.cash .con-list .order-tab td a {
|
|
margin-bottom: .5rem;
|
|
background: none;
|
|
border: 1px solid #fa5c06;
|
|
color: #fa5c06;
|
|
}
|
|
|
|
.cash .con-list .order-tab td a.pay {
|
|
color: #08CE78;
|
|
border: 1px solid #08CE78;
|
|
}
|
|
|
|
.cash .con-list .order-tab td p img {
|
|
width: 50%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.layer, .notice-layer {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
background: rgba(0, 0, 0, .5);
|
|
display: none;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.layer img {
|
|
width: 80%;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.cash .con-list.tixian {
|
|
background: none;
|
|
overflow: hidden;
|
|
padding-bottom: 1.2rem;
|
|
}
|
|
|
|
.cash .con-list .tixin-item {
|
|
background: #fff;
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
padding: 1.2rem;
|
|
|
|
}
|
|
.cash .con-list .tixin-item .account{
|
|
overflow: hidden;
|
|
border-bottom: 1px solid #e9ebf2;
|
|
}
|
|
.cash .con-list .tixin-item li{
|
|
line-height: 4.6rem;
|
|
}
|
|
.tixin-item li i.icon-zhifubao{
|
|
color: #08a1f8;
|
|
font-size: 2.6rem;
|
|
vertical-align: middle;
|
|
}
|
|
.tixin-item li i.icon-yinxingqia{
|
|
color: #f99724;
|
|
font-size: 2.6rem;
|
|
vertical-align: middle;
|
|
}
|
|
.tixin-item li i img {
|
|
float: none;
|
|
display: inline;
|
|
vertical-align: middle;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
}
|
|
.tixin-item li i.current{
|
|
width: 2.2rem;
|
|
height: 2.2rem;
|
|
background: url(../images/wxz.png) no-repeat;
|
|
background-size: cover;
|
|
display: block;
|
|
}
|
|
.tixin-item li i.current.on {
|
|
background: url(../images/xz.png) no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.tixian .b-box {
|
|
margin: 1.2rem 0 0 0;
|
|
}
|
|
.tixin-item .msg{
|
|
padding: .4rem;
|
|
display: none;
|
|
}
|
|
.tixin-item .msg.on{
|
|
display: block;
|
|
}
|
|
.tixin-item .msg p{
|
|
line-height: 3.4rem;
|
|
overflow: hidden;
|
|
}
|
|
.tixin-item .msg p span{
|
|
color: #969696;
|
|
}
|
|
.tixin-item .msg p a{
|
|
color: #79746F;
|
|
}
|
|
|
|
.tixian .b-box .btn {
|
|
width: 86%;
|
|
height: 4.8rem;
|
|
line-height: 4.8rem;
|
|
margin: 2rem auto;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
border-radius: 5px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.tixian .b-box .btn a {
|
|
display: block;
|
|
color: #fff;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.tixian .b-box .ej{
|
|
width: 86%;
|
|
height: 4.4rem;
|
|
line-height: 4.4rem;
|
|
border: 1px solid #F4F5F9;
|
|
box-shadow: 0 0 5px #fafaf9;
|
|
border-radius: 28px;
|
|
margin: 2rem auto 0;
|
|
}
|
|
.tixian .b-box .ej i {
|
|
padding: 0 1.2rem;
|
|
font-size: 2rem;
|
|
color: #bdbdbd;
|
|
float: left;
|
|
}
|
|
|
|
.tixian .b-box .ej input {
|
|
font-size: 1.4rem;
|
|
width: 80%;
|
|
outline: none;
|
|
line-height: 2.6rem;
|
|
float: left;
|
|
margin: 0.8rem 0;
|
|
}
|
|
|
|
/* 通知 */
|
|
.cash .imsg-box{
|
|
background: none;
|
|
padding-bottom: 1.2rem;
|
|
}
|
|
.imsg-box .imeesage{
|
|
background: #fff;
|
|
margin-bottom: 1.2rem;
|
|
border-radius: 5px;
|
|
padding: 1.4rem 1.2rem;
|
|
}
|
|
.imeesage a{
|
|
padding: .5rem 1rem;
|
|
display: inline-block;
|
|
border: 1px solid #ff5800;
|
|
color: #ff5800;
|
|
border-radius: 5px;
|
|
}
|
|
.imeesage a.ml{
|
|
margin-left: 1rem;
|
|
}
|
|
.imeesage a.on{
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
color: #fff;
|
|
}
|
|
.imsg-box .notice li{
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
padding: 1.2rem;
|
|
margin-bottom: 1.2rem;
|
|
}
|
|
.imsg-box .notice li p{
|
|
color: #333;
|
|
line-height: 3.6rem;
|
|
font-size: 1.7rem;
|
|
}
|
|
.imsg-box .notice li span{
|
|
color: #969696;
|
|
}
|
|
.imsg-box .notice li a{
|
|
border: 1px solid #E9EBF2;
|
|
padding: .2rem 1.3rem;
|
|
border-radius: 20px;
|
|
}
|
|
.notice-layer .quan-tit {
|
|
|
|
width: 100%;
|
|
height: 4.8rem;
|
|
padding: 0 1rem 0 1rem;
|
|
line-height: 4.8rem;
|
|
text-align: center;
|
|
background: #eff8ed;
|
|
background-size: 80%;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
font-weight: bold;
|
|
color: #ff5800;
|
|
font-size: 1.8rem;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.notice-layer .quan-tit span {
|
|
display:block;
|
|
float:right;
|
|
margin-right:0.2em;
|
|
margin-top:0.5em;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
padding: 0;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
}
|
|
.notice-layer .quan-tit span img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.notice-layer .n-box {
|
|
width: 98%;
|
|
max-width:720px;
|
|
position: absolute;
|
|
top: 52%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
}
|
|
.n-box .tu{
|
|
width: 6rem;
|
|
position: absolute;
|
|
top: -3rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.n-box .n-tit {
|
|
width: 100%;
|
|
height: 8rem;
|
|
padding: 3rem 1rem 0 1rem;
|
|
line-height: 5rem;
|
|
text-align: center;
|
|
background: url(../img/bg-n.png) no-repeat center #eff8ed;
|
|
background-size: 80%;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
font-weight: bold;
|
|
color: #ff5800;
|
|
font-size: 1.8rem;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.n-box .cont{
|
|
margin: 1.2rem;
|
|
height: 40rem;
|
|
overflow-y: scroll;
|
|
}
|
|
.n-box .cont p{
|
|
|
|
line-height: 2.2rem;
|
|
margin-bottom: .8rem;
|
|
}
|
|
.n-box .btn{
|
|
padding: .5rem 0 1.8rem;
|
|
}
|
|
.n-box .btn a{
|
|
display: block;
|
|
width: 50%;
|
|
height: 4.8rem;
|
|
line-height: 4.8rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
margin: 0 auto;
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
.imsg-box .tab01box{
|
|
width:100%;
|
|
display: none;
|
|
}
|
|
.imsg-box .tab01box.on {
|
|
display: block;
|
|
}
|
|
|
|
#write-detial .n-box .n-tit{
|
|
padding: 0 1rem;
|
|
height: 6.6rem;
|
|
line-height: 6.6rem;
|
|
}
|
|
.n-box .send{
|
|
padding-top: 1.5rem;
|
|
}
|
|
.n-box .send-msg{
|
|
overflow: hidden;
|
|
padding: 1rem 1rem 0 1rem;
|
|
line-height: 3.6rem;
|
|
}
|
|
.n-box .send-msg span.lt{
|
|
letter-spacing: 5px;
|
|
}
|
|
.n-box .send-msg p input{
|
|
display: block;
|
|
outline: none;
|
|
border:1px solid #d1d1d1;
|
|
line-height: 2.2rem;
|
|
padding: .7rem 0 .7rem .8rem;
|
|
width: 70%;
|
|
|
|
border-radius: 3px;
|
|
}
|
|
.n-box .send-msg p a{
|
|
padding-left: 8rem;
|
|
display: inline-block;
|
|
line-height: 2.2rem;
|
|
}
|
|
.n-box .send-msg textarea{
|
|
border:1px solid #d1d1d1;
|
|
padding: .8rem;
|
|
width: 70%;
|
|
min-height: 8rem;
|
|
resize:none;
|
|
outline: none;
|
|
overflow: hidden;
|
|
border-radius: 3px;
|
|
margin-left: .5rem;
|
|
|
|
}
|
|
.close{
|
|
position: absolute;
|
|
top: -1rem;
|
|
right: -1rem;
|
|
z-index: 100;
|
|
width: 2.6rem;
|
|
}
|
|
.loading{
|
|
padding: 1rem;
|
|
background: rgba(0,0,0,.5);
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
z-index: 1000;
|
|
width: 20%;
|
|
border-radius: 50%;
|
|
display: none;
|
|
}
|
|
.loading img{
|
|
|
|
margin: 0 auto;
|
|
}
|
|
.page .add{
|
|
display: none;
|
|
text-align: center;
|
|
line-height: 3rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.add img{
|
|
width: 20%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
|
|
|
|
|
|
.order-item li input {
|
|
outline: none;
|
|
line-height: 2.6rem;
|
|
}
|
|
|
|
.order-item li .qrcode {
|
|
position: relative;
|
|
}
|
|
|
|
.order-item li span {
|
|
float: left;
|
|
}
|
|
|
|
.order-item li .qrcode {
|
|
float: left;
|
|
padding: .5rem;
|
|
line-height: 1rem;
|
|
border: 1px dashed #bdbdbd;
|
|
margin: 1rem 0;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.order-item li .qrcode img {
|
|
width: 4rem;
|
|
display: inline-block;
|
|
margin-top: .4rem;
|
|
}
|
|
|
|
.order-item li .qrcode i {
|
|
display: block;
|
|
line-height: 2rem;
|
|
}
|
|
|
|
.order-item li .qrcode input {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
background-color:#000;
|
|
}
|
|
|
|
|
|
.searchbox2{ margin:0 1em; margin-top:1em;height:3.5em; border-bottom:1px solid #f1f1f1;}
|
|
.searchbox2 .inpubox{ float:left; width: 42%; height:2.5em; }
|
|
.searchbox2 .inpubox #keyword{ margin:0; width: 100%; font-size:1em; height:2.5em; border:1px solid #ff5800; outline: none; text-indent: 0.3em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.searchbox2 .icobox{float:left; width: 15%;height:2.5em; font-size:1em; background: linear-gradient(to bottom, #e32227, #ff5800); color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.searchbox2 .seticobox{float:left; margin:0 0.5em; padding:0 0.5em; width:auto;height:2.5em; line-height:2.5em; text-align:center; font-size:1em;background: linear-gradient(to bottom, #e32227, #ff5800); color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.searchbox2 .seticobox.syc{margin:0; }
|
|
|
|
.temlist{float:left; margin:0; width:100%;background:#FFFFFF;line-height:1.8em;}
|
|
|
|
.temlist .fontbox1{float:left;width: 100%;margin:0; padding:0 1.2em; margin-top:1em; height: 10em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.temlist .fontbox1 div{float:left;width: 90%;}
|
|
.temlist .fontbox1 div.ico{width: 10%;height: 10em;}
|
|
.temlist .fontbox1 div.ico span{ display: block;margin-top:3em; margin-left:0em; width:2em;height: 2em;background: url(../images/hytopico.png) no-repeat 0 0; background-size: 100% 100%;}
|
|
.temlist .fontbox2{float:left;margin:0 1.2em;margin-bottom:1em;width: 90%;background:#FFFFFF url(../images/lin3.png) repeat-y 1em 1em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.temlist .fontbox2 .icobox{float:left; margin:0;margin-top:1em; width: 10%; height: 10em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.temlist .fontbox2 .icobox span{float:left; position:relative; display: block; margin-top:3.5em; margin-left:0.3em; width:1.4em; height: 1.4em;}
|
|
.temlist .fontbox2 .icobox span.inactive{ background:url(../images/off.png) no-repeat 0 0;background-size: 100% 100%;}
|
|
.temlist .fontbox2 .icobox span.inactives{background:url(../images/on.png) no-repeat 0 0;background-size: 100% 100%;}
|
|
.temlist .fontbox2 .icobox span.inactive1{background:url(../images/on1.png) no-repeat 0 0;background-size: 100% 100%;}
|
|
.temlist .fontbox2 .fontbox{float:left; margin:0; padding-top:1em; width: 90%; height: 10em;border-top:1px solid #f1f1f1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
|
|
/**
|
|
*
|
|
* nav.less
|
|
*
|
|
* 导航
|
|
*
|
|
* version 1.0.0.0(主版本号.子版本号.编译版本号.修正版本号)
|
|
*
|
|
* @author pye-mail@163.com
|
|
*
|
|
* create log 2015年6月12日10:21:19
|
|
*
|
|
* last update 无
|
|
*
|
|
* remark
|
|
*
|
|
*/
|
|
.nav {
|
|
width: 100%;
|
|
margin-top:0.3em;
|
|
background-color: #fff;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.nav:before,
|
|
|
|
.nav:after {
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.nav:after {
|
|
clear: both;
|
|
font-size: 0;
|
|
height: 0;
|
|
line-height: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.nav .nav-item {
|
|
width: 25%;
|
|
float: left;
|
|
text-align: center;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
|
|
.nav .nav-item i {
|
|
|
|
display:block;
|
|
margin:0;
|
|
margin-top:20px;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
|
|
}
|
|
.nav .nav-item i img
|
|
{
|
|
|
|
margin:0 25%;
|
|
width: 50%;
|
|
}
|
|
|
|
.nav .nav-item span {
|
|
margin-top: 0.2em;
|
|
display: block;
|
|
height: 2em;
|
|
overflow: hidden;
|
|
}
|
|
.floor-product
|
|
{
|
|
|
|
}
|
|
.floor-product-item {
|
|
|
|
float:left;
|
|
width:100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
.floor-product-item h3{
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
color:#fff;
|
|
width:100%;
|
|
padding:.6em 1em;
|
|
}
|
|
.floor-product-item h3 a,.floor-product-item h3 a:visited
|
|
{
|
|
float:right;
|
|
color:#fff;
|
|
}
|
|
.floor-product-item .product-hd {
|
|
width: 100%;
|
|
margin: 0px;
|
|
border-bottom: none;
|
|
}
|
|
.floor-product-item .product-item-cont {
|
|
|
|
width: 100%;
|
|
height: auto;
|
|
|
|
*zoom: 1;
|
|
text-align: center;
|
|
border-top: 1px solid #eee;
|
|
border-left: 1px solid #eee;
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
.floor-product-item .product-item-cont:before,
|
|
.floor-product-item .product-item-cont:after {
|
|
content: "";
|
|
display: block;
|
|
}
|
|
.floor-product-item .product-item-cont:after {
|
|
clear: both;
|
|
font-size: 0;
|
|
height: 0;
|
|
line-height: 0;
|
|
visibility: hidden;
|
|
|
|
}
|
|
.floor-product-item .product-item-cont .product-item1-img {
|
|
width: 50%;
|
|
/*height: 100%;*/
|
|
display: block;
|
|
margin-left: -1px;
|
|
|
|
float: left;
|
|
}
|
|
.floor-product-item .product-item-cont .product-item1-img img {
|
|
width: 100%;
|
|
|
|
display: block;
|
|
/*height: 100%;*/
|
|
}
|
|
.floor-product-item .product-item-cont .product-item2-img {
|
|
width: 50%;
|
|
/*height: 100%;*/
|
|
margin-left: -1px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.floor-product-item .product-item-cont .product-item2-img img {
|
|
width: 100%;
|
|
display: block;
|
|
/*height: 100%;*/
|
|
}
|
|
.floor-product-item .product-item-cont .product-item2-cont {
|
|
width: 50%;
|
|
float: left;
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|
}
|
|
.floor-product-item .product-item-cont .product-item2-cont .product-cont {
|
|
width: 50%;
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont {
|
|
float: left;
|
|
margin-right:-1px;
|
|
width: 50%;
|
|
|
|
text-align:center;
|
|
border-bottom: 1px solid #eee;
|
|
border-right: 1px solid #eee;
|
|
display: block;
|
|
overflow:hidden;
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
|
|
}
|
|
|
|
.floor-product-item .product-item-cont .product-cont span {
|
|
/*width: 100%;*/
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
margin-left: .5em;
|
|
/*float: left;*/
|
|
display: block;
|
|
font-size: 0.85em;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont .txt {
|
|
color: #000000;
|
|
margin-top: .4em;
|
|
text-overflow:ellipsis;white-space:nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont .rmb {
|
|
|
|
color: #fc9b06;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont .rmb del{
|
|
color: #9f9f9f;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont a {
|
|
display: block;
|
|
float: right;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont img {
|
|
margin-left:5%;
|
|
width: 90%; margin-top:0.8em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
|
|
}
|
|
.floor-product-item .product-item-cont > .product-cont:first-child {
|
|
border-left: none;
|
|
}
|
|
.floor-product-taocan{
|
|
float:left;
|
|
width:100%;
|
|
height:100%;
|
|
padding:0;
|
|
border: 1px solid #DFDFDF;
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
}
|
|
.floor-product-taocan h3{
|
|
float:left;
|
|
width:100%;
|
|
padding:0.5em 1em;
|
|
background-color:#810d5f;
|
|
color: #fff;
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
}
|
|
.floor-product-taocan-box{
|
|
float:left;
|
|
background-color:#fff;
|
|
width:100%;
|
|
|
|
}
|
|
.floor-product-taocan-item{
|
|
float:left;
|
|
width:50%;
|
|
height:32em;
|
|
text-align:center;
|
|
border: 1px solid #d9b4ce;
|
|
overflow:hidden;
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
}
|
|
.floor-product-taocan-item span{
|
|
float:left;
|
|
display: block;
|
|
width:100%;
|
|
padding:0.2em 1em;
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
|
|
text-align: left;
|
|
font-style:normal;
|
|
font-family:"Arial"
|
|
}
|
|
.floor-product-taocan-item span.txt{
|
|
background-color:#f1e7ee;
|
|
color: #000
|
|
}
|
|
|
|
.floor-product-taocan-item span span{
|
|
width:auto;
|
|
color:red;
|
|
}
|
|
|
|
.floor-product h3 span{ float:right;}
|
|
.aqzxslider {
|
|
width: 100%;
|
|
height: 8em;
|
|
background: #63aeff url(../images/aqzx.png?t=0) no-repeat center 1em;
|
|
background-size: 4em 4em;
|
|
position:relative;
|
|
float:left;
|
|
}
|
|
.aqzxslider span{
|
|
display:block;
|
|
position:absolute;
|
|
bottom:1em;
|
|
width:100%;
|
|
text-align:center;
|
|
color:#fff;
|
|
}
|
|
.myslider {
|
|
width: 100%;
|
|
height: 13em;
|
|
background: #63aeff url(../images/friend_scircle_Bg.png?t=0) no-repeat 0 0;
|
|
background-size: 100% 100%;
|
|
}
|
|
.myslider-box{
|
|
width:100%;height: 5em;position: absolute; margin-top:3.2em; cursor:pointer;
|
|
}
|
|
.myslider-box #mynickname {
|
|
float: left;
|
|
margin-left: 5em;
|
|
width: 18em;
|
|
background: rgb(0,0,0,0.4);
|
|
height: 6.5em;
|
|
z-index: 1;
|
|
font-size: 0.9em;
|
|
border-radius: 0 0.3em 0.3em 0;
|
|
padding-left: 4.5em;
|
|
line-height: 2em;
|
|
font-weight: bold;
|
|
margin-top: 0.6em;
|
|
color: #fff;
|
|
}
|
|
.myslider-box .myavatar_box {
|
|
width: 6em;
|
|
height: 6em;
|
|
border-radius: 50%;
|
|
border: 1px solid #001755;
|
|
overflow: hidden;
|
|
margin-left: -19em;
|
|
margin-right: 0em;
|
|
z-index: 2;
|
|
float: left;
|
|
margin-top: 0.4em;
|
|
}
|
|
.qianbao-box {
|
|
float: left;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0.5em;
|
|
padding-top: 0;
|
|
border-top: 1px solid #f5f5f5;
|
|
background: rgba(255,255,255,.2);
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.qianbao-box h3{float:left; margin:0; width:100%; line-height:2.5em; font-size: 14px; font-style:normal; color:#fff;}
|
|
.qianbao-box h3 span{float:right;color:#aaa;font-size: 16px;}
|
|
.qianbao-box ul{float:left;width:100%; margin-top: 1em; list-style-type:none;}
|
|
.qianbao-box ul li {
|
|
float: left;
|
|
margin: 0;
|
|
width: 50%;
|
|
border-right: 1px solid #f5f5f5;
|
|
cursor: pointer;
|
|
height: 3em;
|
|
font-size: 1em;
|
|
line-height: 2em;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.qianbao-box ul li a{ display:block;width:25%;}
|
|
.qianbao-box.qianbao-box0 ul li{width:25%;}
|
|
.qianbao-box ul li.noborder{border:0;}
|
|
.qianbao-box ul li span{font-size: 1em;}
|
|
.qianbao-box ul li a span{color:#000;}
|
|
.Info_List {
|
|
float: left;
|
|
margin-top: 1rem;
|
|
width: 100%;
|
|
background: #fff;
|
|
padding: 1em;
|
|
border-top: 0;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.Info_List h3{float:left; margin:0; width:100%; line-height:2.5em; font-size: 16px; font-style:normal; color:#fff;}
|
|
.Info_List h3 span{float:right;color:#aaa;font-size: 16px;}
|
|
.Info_List ul{float:left; width:100%;}
|
|
.Info_List ul li{float:left; margin:0px 0; width:100%;height:3.5em; line-height:100%; font-size:0.9em;border-bottom:1px solid #f5f5f5; cursor: pointer;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; overflow:hidden;}
|
|
.Info_List ul li a{ display:block;width:100%;height:100%;}
|
|
.Info_List ul li a label {
|
|
float: left;
|
|
display: block;
|
|
color: #000;
|
|
font-weight: normal;
|
|
margin-top: 1.5em;
|
|
margin-left: 0.8em;
|
|
width: auto;
|
|
height: 2em;
|
|
cursor: pointer;
|
|
}
|
|
.Info_List ul li a label b {
|
|
color: #ff0000;
|
|
font-weight: normal;
|
|
}
|
|
.Info_List ul li em{float:left;display:block;width:1.5em;height:1.5em; margin-top: 1em; margin-left: 1.2em;background-repeat:no-repeat; background-size:100% 100%;}
|
|
.Info_List ul li em.myico1{ background-image: url(../images/myico1.png);}
|
|
.Info_List ul li em.myico2{ background-image: url(../images/myico2.png);}
|
|
.Info_List ul li em.myico3{ background-image: url(../images/myico3.png);}
|
|
.Info_List ul li em.myico4{ background-image: url(../images/myico4.png);}
|
|
.Info_List ul li em.myico5{ background-image: url(../images/myico5.png);}
|
|
.Info_List ul li em.myico6{ background-image: url(../images/myico6.png);}
|
|
.Info_List ul li em.myico7{ background-image: url(../images/myico7.png);}
|
|
.Info_List ul li em.myico8{ background-image: url(../images/myico8.png);}
|
|
.Info_List ul li em.myico9{ background-image: url(../images/myico9.png);}
|
|
.Info_List ul li em.myico10{ background-image: url(../images/myico10.png);}
|
|
.Info_List ul li em.myhyico{ background-image: url(../images/myico11.png);}
|
|
.Info_List ul li span{float:right; margin-right:1.2em; margin-top:1.2em; width:1em; height:1em; overflow:hidden;background: url(../images/faifeito.png) no-repeat 0 0; background-size: 100% 100%;}
|
|
.Info_List ul li.abtn0 {
|
|
border-bottom: 0;
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
height: 5em;
|
|
|
|
}
|
|
.Info_List ul li.abtn0 span {
|
|
float: none;
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 99%;
|
|
height: 4.8rem;
|
|
line-height: 4.8rem;
|
|
font-size: 1em;
|
|
text-decoration: none;
|
|
background-image: none;
|
|
color: #fff;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
padding: 1px;
|
|
border: 0px solid #5b71e7;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
.Info_List ul li.abtn0 span span {
|
|
float: left;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
line-height: 4.8rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
}
|
|
.Info_List ul li.abtn0 span.hovered {
|
|
background-color: #EEEEEE;
|
|
}
|
|
|
|
.copybtn {
|
|
width:6em;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
font-size: 1em;
|
|
background-color: #fd4400;
|
|
color: #fff;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
}
|
|
.indexbox {
|
|
-moz-border-radius: 10px;
|
|
-webkit-border-radius: 10px;
|
|
border-radius: 10px;
|
|
margin: 0 atuo;
|
|
margin-bottom: 1em;
|
|
padding: 0;
|
|
border: 1px solid #cac4bd;
|
|
background: #f9f8f7;
|
|
width: 100%;
|
|
position: relative;
|
|
float: left;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.button {
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
background: #fd4400;
|
|
font-family: "museo-sans","Museo Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
font-weight: 300;
|
|
font-weight: 700;
|
|
display: block;
|
|
max-width: 200px;
|
|
margin: 0 auto;
|
|
padding: 1em 2em;
|
|
border: 1px solid #dfdfdf;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: #f7f7f7
|
|
}
|
|
|
|
.button:hover, .button:focus {
|
|
background: #f8602b;
|
|
color: #f7f7f7
|
|
}
|
|
|
|
.button:active {
|
|
background: #f8602b;
|
|
padding-top: 1.1em;
|
|
padding-bottom: 0.9em;
|
|
color: #f7f7f7
|
|
}
|
|
|
|
.button:before {
|
|
position: relative;
|
|
top: 2px;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.button.example {
|
|
margin-top: 2em
|
|
}
|
|
|
|
.button.example .ss-icon {
|
|
position: relative;
|
|
top: 3px;
|
|
margin-right: 5px;
|
|
font-size: 1.2em
|
|
}
|
|
|
|
.button.abtn {
|
|
padding: 0.3em 1em;
|
|
}
|
|
.ajaxLoader {
|
|
position: fixed;
|
|
display: none;
|
|
top: 48%;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
vertical-align: middle;
|
|
width: 6em;
|
|
height: 6em;
|
|
line-height: 2em;
|
|
font-size: 1em;
|
|
z-index: 1001;
|
|
text-align: center;
|
|
}
|
|
|
|
.ajaxLoader div {
|
|
margin: 0 auto;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #F1F1F1;
|
|
color: #000000;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.ajaxLoader img {
|
|
margin-top: 1em;
|
|
width: 1.8em;
|
|
height: 1.8em;
|
|
}
|
|
.data_table_box {
|
|
width: 100%;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
.data_table_box h2 {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
padding: 1em;
|
|
line-height: 2em;
|
|
text-align: center;
|
|
font-size: 1em;
|
|
background-color: #eee;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.data_table_box h2 .lefttitlebox {
|
|
float: left;
|
|
width: auto;
|
|
}
|
|
|
|
.data_table_box h2 .rightsearchbox {
|
|
float: right;
|
|
width: auto;
|
|
}
|
|
|
|
.data_table_box h2 input.button {
|
|
display: inline-block;
|
|
margin: 0;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
padding-top: 0;
|
|
width: auto;
|
|
}
|
|
.modal {
|
|
position: fixed;
|
|
top: 10%;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: none;
|
|
-webkit-overflow-scrolling: touch;
|
|
outline: 0;
|
|
z-index: 10000;
|
|
}
|
|
|
|
.modal .modal-dialog {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
-o-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
margin: 0 auto;
|
|
width: 90%;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content {
|
|
position: relative;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border: 1px solid #999;
|
|
border: 1px solid rgba(0,0,0,.2);
|
|
border-radius: 6px;
|
|
outline: 0;
|
|
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
|
|
box-shadow: 0 3px 9px rgba(0,0,0,.5);
|
|
background-color: #fff;
|
|
}
|
|
|
|
.close {
|
|
float: right;
|
|
font-size: 21px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
color: #000;
|
|
text-shadow: 0 1px 0 #fff;
|
|
filter: alpha(opacity=80);
|
|
opacity: .8
|
|
}
|
|
|
|
.close:focus, .close:hover {
|
|
color: #000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
filter: alpha(opacity=100);
|
|
opacity: 1
|
|
}
|
|
|
|
button.close {
|
|
-webkit-appearance: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: 0 0;
|
|
border: 0
|
|
}
|
|
|
|
.modal-header {
|
|
height:2.5em;
|
|
padding: 0px 15px;
|
|
border-bottom: 1px solid #e5e5e5
|
|
}
|
|
|
|
|
|
|
|
.modal-title {
|
|
float: left;
|
|
width: auto;
|
|
margin: 0;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
color: #000;
|
|
}
|
|
.modal-header span {
|
|
float: left;
|
|
display: block;
|
|
width: auto;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
margin-top: 2px
|
|
}
|
|
.modal-header .close {
|
|
float: right;
|
|
margin-right:1em;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
margin-top: 2px
|
|
}
|
|
.modal .modal-dialog {
|
|
width: 90%;
|
|
max-width: 700px;
|
|
margin-top: 140px;
|
|
}
|
|
|
|
.modal-footer {
|
|
padding: 1em;
|
|
height: 3.5em;
|
|
text-align: right;
|
|
border-top: 1px solid #e5e5e5
|
|
}
|
|
|
|
.modal-footer .btn + .btn {
|
|
margin-bottom: 0;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.modal-footer .btn-group .btn + .btn {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.modal-footer .btn-block + .btn-block {
|
|
margin-left: 0
|
|
}
|
|
|
|
|
|
.button.qxbutton {
|
|
float: right;
|
|
margin: 0;
|
|
margin-left: 1em;
|
|
background: #cccccc;
|
|
background: -o-linear-gradient(top,#e5e5e5,#eee);
|
|
background: -ms-linear-gradient(top,#e5e5e5,#eee);
|
|
background: -moz-linear-gradient(top,#e5e5e5,#eee);
|
|
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e5e5e5),color-stop(1,#eee));
|
|
background: -webkit-linear-gradient(#e5e5e5,#eee);
|
|
background: linear-gradient(top,#e5e5e5,#eee);
|
|
border: 1px solid #bbb;
|
|
color: #aaa;
|
|
-moz-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
-webkit-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
text-shadow: none;
|
|
padding: 0.3em 1em;
|
|
}
|
|
|
|
.button.btn-continue {
|
|
float: right;
|
|
margin: 0;
|
|
margin-bottom: 1em;
|
|
padding: 0.3em 1em;
|
|
}
|
|
.modal-body{ line-height:2.5em;}
|
|
.modal-body input[type='text'], .data_table_box input[type='text']{
|
|
border: 1px solid #dfdfdf;
|
|
width: 100%;
|
|
height: 2em;
|
|
padding: 0 0.5em;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
-webkit-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
|
|
.modal-body textarea {
|
|
border: 1px solid #dfdfdf;
|
|
width: 100%;
|
|
height: 10em;
|
|
padding: 0.5em;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
-webkit-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.addinfo_box input[type='text'] {
|
|
border: 1px solid #dfdfdf;
|
|
width: 100%;
|
|
height: 2em;
|
|
padding: 0 0.5em;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
-webkit-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.addinfo_box input[type='checkbox'] {
|
|
width: auto;
|
|
}
|
|
|
|
.addinfo_box textarea {
|
|
border: 1px solid #dfdfdf;
|
|
width: 100%;
|
|
height: 10em;
|
|
padding: 0.5em;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
-webkit-box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-shadow: 0 1px 2px #a1a1a1 inset;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.addinfo_box {
|
|
padding: 15px 0;
|
|
height: 300px;
|
|
}
|
|
|
|
.addinfo_box li {
|
|
float: left;
|
|
width: 100%;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.addinfo_box li label, .addinfo_box li p {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
|
|
.addinfo_box li label {
|
|
width: 6em;
|
|
text-align: right;
|
|
padding-top: 1em;
|
|
}
|
|
|
|
.addinfo_box li p {
|
|
width: 16em;
|
|
}
|
|
|
|
.addinfo_box li p span {
|
|
float: none;
|
|
display: inline;
|
|
}
|
|
|
|
.GQJY_font_Box {
|
|
float: left;
|
|
margin: 10px 0;
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.GQJY_font_Box span {
|
|
float: left;
|
|
display: block;
|
|
width: 60%;
|
|
height: 40px;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.GQJY_font_Box span label {
|
|
color: Red;
|
|
}
|
|
|
|
.GQJY_abtn_Box {
|
|
float: left;
|
|
margin: 0;
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.GQJY_abtn_Box input.button {
|
|
float: left;
|
|
margin: 0;
|
|
margin-bottom: 1em;
|
|
padding: 0.8em 1em;
|
|
width: 49%;
|
|
max-width: 49%;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.GQJY_abtn_Box input.button#addmc {
|
|
float: right;
|
|
background: #d64802;
|
|
background: -o-linear-gradient(top,#ff5400,#d64802);
|
|
background: -ms-linear-gradient(top,#ff5400,#d64802);
|
|
background: -moz-linear-gradient(top,#ff5400,#d64802);
|
|
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff5400),color-stop(1,#d64802));
|
|
background: -webkit-linear-gradient(#ff5400,#d64802);
|
|
background: linear-gradient(top,#ff5400,#d64802);
|
|
}
|
|
|
|
.GQJY_abtn_Box input.button#addmc:hover, .GQJY_abtn_Box input.button#addmc:focus {
|
|
background: #d64802;
|
|
background: -o-linear-gradient(top,#fd7b3b,#d64802);
|
|
background: -ms-linear-gradient(top,#fd7b3b,#d64802);
|
|
background: -moz-linear-gradient(top,#fd7b3b,#d64802);
|
|
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fd7b3b),color-stop(1,#d64802));
|
|
background: -webkit-linear-gradient(#fd7b3b,#d64802);
|
|
background: linear-gradient(top,#fd7b3b,#d64802);
|
|
}
|
|
|
|
.GQJY_alink_Box {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
.GQJY_alink_Box a {
|
|
margin: 0;
|
|
margin-bottom: 1em;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
padding: 0.3em 1em;
|
|
background-color: #626361;
|
|
color: #fff;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.GQJY_alink_Box a:hover, .GQJY_alink_Box a:focus {
|
|
background-color: #aaa;
|
|
}
|
|
|
|
.btna_box {
|
|
margin: 20px auto;
|
|
height: 40px;
|
|
width: 402px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.btna_box a {
|
|
display: block;
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100px;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
height: 39px;
|
|
border-right: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.btna_box a.hover {
|
|
color: #ff3333;
|
|
border-bottom: 1px solid #ff3333;
|
|
}
|
|
|
|
.btna_box a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btna_box2 {
|
|
float: left;
|
|
margin: 0px;
|
|
padding: 0;
|
|
height: 40px;
|
|
width: 100%;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.btna_box2 a {
|
|
display: block;
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 50%;
|
|
border-left: 1px solid #dfdfdf;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
height: 39px;
|
|
text-align: center;
|
|
color: #000;
|
|
font-weight: bold;
|
|
margin-bottom: 1px;
|
|
filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f7f7f7,endcolorstr=#eeeeee,gradientType=0);
|
|
-ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f7f7f7,endcolorstr=#eeeeee,gradientType=0); /*IE8*/
|
|
background: #eeeeee; /* 一些不支持背景渐变的浏览器 */
|
|
background: -moz-linear-gradient(top, #f7f7f7,#eeeeee);
|
|
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#eeeeee));
|
|
text-decoration: none;
|
|
background: -o-linear-gradient(top, #f7f7f7, #eeeeee);
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.btna_box2 a:hover, .btna_box2 a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.btna_box2 a#jybtn0 {
|
|
border-left: 0;
|
|
}
|
|
|
|
.btna_box2 a.hover {
|
|
color: #666;
|
|
border-bottom: 0;
|
|
filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f7f7f7,endcolorstr=#ffffff,gradientType=0);
|
|
-ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f7f7f7,endcolorstr=#ffffff,gradientType=0); /*IE8*/
|
|
background: #ffffff; /* 一些不支持背景渐变的浏览器 */
|
|
background: -moz-linear-gradient(top, #f7f7f7,#ffffff);
|
|
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#ffffff));
|
|
background: -o-linear-gradient(top, #f7f7f7, #ffffff);
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.btna_box2 a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.trades-showbox {
|
|
float: left;
|
|
width: 100%;
|
|
height:200px;
|
|
padding:0px;
|
|
padding-right:1em;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
overflow:hidden;
|
|
}
|
|
.trades-showbox h3 {
|
|
float: left;
|
|
width: 100%;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
text-align: left;
|
|
text-indent: 1em;
|
|
color: #000;
|
|
font-size: 1em;
|
|
}
|
|
.trades-showbox h3 span{
|
|
float:right;
|
|
margin-right:0em;
|
|
color:#000;
|
|
font-weight:normal;
|
|
}
|
|
.trades-showbox h3 span font {
|
|
color: #ff5400;
|
|
}
|
|
.trades-showboxto {
|
|
float: left;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.Virtualcurrency-btnbox {
|
|
float: left;
|
|
margin-top: 0px;
|
|
width: 100%;
|
|
background-color:#fff;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul li {
|
|
float: left;
|
|
margin: 0px 0;
|
|
width: 100%;
|
|
height: 3em;
|
|
line-height: 100%;
|
|
font-size: 0.9em;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
color: #9f9f9f;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul li span {
|
|
float: left;
|
|
display: block;
|
|
margin-top: 1em;
|
|
margin-left: 0.8em;
|
|
color: #000;
|
|
width: auto;
|
|
height: 2em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul li span.ico {
|
|
width: 1em;
|
|
height: 1em;
|
|
cursor: pointer;
|
|
background-color: #00C1F9;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul li span.ico#ico1 {
|
|
background-color: #FF0000;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul li span.ico#ico2 {
|
|
background-color: #0A920A;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul li span.ico#ico3 {
|
|
background-color: #782001;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul li span.ico#ico4 {
|
|
background-color: #007DB8;
|
|
}
|
|
|
|
.Virtualcurrency-btnbox ul li span.jg {
|
|
float: right;
|
|
margin-right: 1.4em;
|
|
color: #fbbe04;
|
|
}
|
|
@media screen and (max-width:800px) {
|
|
.n-box .cont {
|
|
height: 33rem;
|
|
}
|
|
|
|
.register {
|
|
background: url(../images/dlbjt2.png?t=1) no-repeat center center;
|
|
background-size:100% 100%;
|
|
}
|
|
|
|
.myslider {
|
|
height: 10em;
|
|
}
|
|
|
|
.myslider-box {
|
|
height: 5em;
|
|
margin-top: 1.7em;
|
|
}
|
|
|
|
.myslider-box #mynickname {
|
|
margin-left: 5em;
|
|
width: 18em;
|
|
height: 6.5em;
|
|
padding-left: 4.5em;
|
|
margin-top: 0.6em;
|
|
}
|
|
|
|
.myslider-box .myavatar_box {
|
|
width: 6em;
|
|
height: 6em;
|
|
margin-top: 0.4em;
|
|
}
|
|
.main.main0 li.currencyto {
|
|
padding-top: 0.2rem;
|
|
}
|
|
.main.main0 li.currencyto span {
|
|
margin-top: 0em;
|
|
line-height: 1.2em;
|
|
}
|
|
.main.main0 li.currencyto span.border1 {
|
|
margin-top: -0.8em;
|
|
}
|
|
.main.main0 li.currencyto span.rightbtn {
|
|
margin-top: 0.4em;
|
|
line-height: 2em;
|
|
}
|
|
} |