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; } }