bui实现一个移动端手机端开宝箱抽奖送礼活动页面代码
代码语言：html
所属分类：布局界面
代码描述：bui实现一个移动端手机端开宝箱抽奖送礼活动页面代码
代码标签： 移动 端 手机 端开 宝箱 抽奖 送礼 活动 页面
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/zepto1.01.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bui.js"></script>
<script>
// JavaScript Document
$(function() {
var height = $(window).height();
$("body").height(height);
if ($("header").height()) {
height -= $("header").height();
}
if ($("footer").height()) {
height -= $("footer").height();
}
$("main").height(height);
});
</script>
<style type="text/css">
@charset "utf-8";
/* CSS Document */
@import "//repo.bfw.wiki/bfwrepo/css/bui.css";
@charset "utf-8";
*{margin:0;padding:0;list-style:none;font-style:normal;/* -webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;-webkit-touch-callout:none; */}
body{line-height:1.5;background-color:#f8f8f8;font-size:.3rem;color:#333;}
.fl{float:left;}
.fr{float:right;}
/* ------------------ Fonts ---------------------*/
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
/* ------------------ Margins --------------------*/
.m0{margin:0;}
.m5{margin:.1rem;}
.m10{margin:.2rem;}
.m15{margin:.3rem;}
.m20{margin:.4rem;}
.mt0{margin-top:0;}
.mt5{margin-top:.1rem;}
.mt10{margin-top:.2rem;}
.mt15{margin-top:.3rem;}
.mt20{margin-top:.4rem;}
.mr0{margin-right:0;}
.mr5{margin-right:.1rem;}
.mr10{margin-right:.2rem;}
.mr15{margin-right:.3rem;}
.mr20{margin-right:.4rem;}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:.1rem;}
.mb10{margin-bottom:.2rem;}
.mb15{margin-bottom:.3rem;}
.mb20{margin-bottom:.4rem;}
.ml0{margin-left:0;}
.ml5{margin-left:.1rem;}
.ml10{margin-left:.2rem;}
.ml15{margin-left:.3rem;}
.ml20{margin-left:.4rem;}
/* ------------------ Paddings --------------------*/
.p0{padding:0;}
.p5{padding:.1rem;}
.p10{padding:.2rem;}
.p15{padding:.3rem;}
.p20{padding:.4rem;}
.pt0{padding-top:0;}
.pt5{padding-top:.1rem;}
.pt10{padding-top:.2rem;}
.pt15{padding-top:.3rem;}
.pt20{padding-top:.4rem;}
.pr0{padding-right:0;}
.pr5{padding-right:.1rem;}
.pr10{padding-right:.2rem;}
.pr15{padding-right:.3rem;}
.pr20{padding-right:.4rem;}
.pb0{padding-bottom:0;}
.pb5{padding-bottom:.1rem;}
.pb10{padding-bottom:.2rem;}
.pb15{padding-bottom:.3rem;}
.pb20{padding-bottom:.4rem;}
.pl0{padding-left:0;}
.pl5{padding-left:.1rem;}
.pl10{padding-left:.2rem;}
.pl15{padding-left:.3rem;}
.pl20{padding-left:.4rem;}
/* ------------------ Colors --------------------*/
.color-default{color:#1b75bb;}
.color-red{color:#f00;}
.color-blue{color:#1b75bb;}
.color-green{color:#71d398;}
.color-yellow{color:#ff9d4c;}
.color-orange{color:#f4b162;}
.color-white{color:#ffffff;}
.color-teal{color:#97d3c5;}
.color-dark{color:#79859b;}
.color-pink{color:#f78db8;}
.color-lime{color:#a8db43;}
.color-magenta{color:#e65097;}
.color-purple{color:#6739e1;}
.color-brown{color:#d1b993;}
.color-gray{color:#555555;}
.color-grayspr{color:#f3f5f6;}
/* ------------------ Backgrounds --------------------*/
.bg-default{background-color:#1b75bb;color:#fff;}
.bg-white{background-color:#ffffff;}
.bg-red{color:#ffffff;background-color:#ab3045;}
.bg-blue{color:#ffffff;background-color:#1b75bb;}
.bg-green{color:#ffffff;background-color:#259b24;}
.bg-yellow{color:#ffffff;background-color:#ff9d4c;}
.bg-orange{color:#ffffff;background-color:#ef7e37;}
.bg-purple{color:#ffffff;background-color:#6739e1;}
.bg-pink{color:#ffffff;background-color:#f78db8;}
.bg-lime{color:#ffffff;background-color:#a8db43;}
.bg-magenta{color:#ffffff;background-color:#e65097;}
.bg-teal{color:#ffffff;background-color:#97d3c5;}
.bg-brown{color:#ffffff;background-color:#d1b993;}
.bg-gray{color:#000;background-color:#e4e9eb;}
.bg-dark{color:#ffffff;background-color:#79859b;}
.bg-alipay{color:#fff;background-color:#0ae;}
/* ------------------ Contextual colors --------------------*/
.text-muted{color:#999999;}
.text-primary{color:#1b75bb;}
a.text-primary:hover{color:#4aa3de;}
.text-success{color:#71d398;}
a.text-success:hover{color:#4ac77c;}
.text-info{color:#97d3c5;}
a.text-info:hover{color:#73c4b1;}
.text-warning{color:#f4b162;}
a.text-warning:hover{color:#f19932;}
.text-danger{color:#ab3045;}
a.text-danger:hover{color:#f35454;}
.text-yellow{color:#ff9d4c;}
a.text-yellow:hover{color:#ffbb33;}
.text-orange{color:#f4b162;}
a.text-orange:hover{color:#f19932;}
.text-dark{color:#79859b;}
a.text-dark:hover{color:#606c81;}
.text-brown{color:#d1b993;}
a.text-brown:hover{color:#c2a26f;}
.text-pink{color:#f78db8;}
a.text-pink:hover{color:#f45d9a;}
.text-purple{color:#6739e1;}
a.text-purple:hover{color:#794cf2;}
.text-magenta{color:#e65097;}
a.text-magenta:hover{color:#e0237c;}
.text-lime{color:#a8db43;}
a.text-lime:hover{color:#90c526;}
/* ------------------- Buttons ------------------ */
.btn{display:inline-block;margin-bottom:0;font-weight:bold;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn:focus,.btn:active:focus,.btn.active:focus{/* outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px; */outline: none;}
.btn:hover,.btn:focus{color:#768399;text-decoration:none;}
.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);}
.btn.disabled,.btn[disabled]{cursor:not-allowed;pointer-events:none;opacity:0.65;filter:alpha(opacity=65);box-shadow:none;}
.btn-default{color:#768399;background-color:#ffffff;border-color:#e7e7e2;}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{color:#768399;background-color:#ebebeb;border-color:#cbcbc1;}
.btn-default:active,.btn-default.active{background-image:none;}
.btn-default.disabled,.btn-default[disabled],.btn-default.disabled:hover,.btn-default[disabled]:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,.btn-default.disabled:active,.btn-default[disabled]:active,.btn-default.disabled.active,.btn-default[disabled].active{background-color:#ffffff;border-color:#e7e7e2;}
.btn-primary{color:#ffffff;background-color:#1b75bb;border-color:#1b75bb;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{color:#ffffff;background-color:#52a7e0;border-color:#419fdd;}
.btn-primary:active,.btn-primary.active{background-image:none;}
.btn-primary.disabled,.btn-primary[disabled],.btn-primary.disabled:hover,.btn-primary[disabled]:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,.btn-primary.disabled.active,.btn-primary[disabled].active{background-color:#1b75bb;border-color:#1b75bb;}
.btn-success{color:#ffffff;background-color:#71d398;border-color:#71d398;}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{color:#ffffff;background-color:#52c981;border-color:#42c576;}
.btn-success:active,.btn-success.active{background-image:none;}
.btn-success.disabled,.btn-success[disabled],.btn-success.disabled:hover,.btn-success[disabled]:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,.btn-success.disabled:active,.btn-success[disabled]:active,.btn-success.disabled.active,.btn-success[disabled].active{background-color:#71d398;border-color:#71d398;}
.btn-info{color:#ffffff;background-color:#97d3c5;border-color:#97d3c5;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active{color:#ffffff;background-color:#7ac7b5;border-color:#6cc1ad;}
.btn-info:active,.btn-info.active{background-image:none;}
.btn-info.disabled,.btn-info[disabled],.btn-info.disabled:hover,.btn-info[disabled]:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,.btn-info.disabled:active,.btn-info[disabled]:active,.btn-info.disabled.active,.btn-info[disabled].active{background-color:#97d3c5;border-color:#97d3c5;}
.btn-warning{color:#ffffff;background-color:#f4b162;border-color:#f4b162;}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{color:#ffffff;background-color:#f19e3c;border-color:#f09529;}
.btn-warning:active,.btn-warning.active{background-image:none;}
.btn-warning.disabled,.btn-warning[disabled],.btn-warning.disabled:hover,.btn-warning[disabled]:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,.btn-warning.disabled.active,.btn-warning[disabled].active{background-color:#f4b162;border-color:#f4b162;}
.btn-danger{color:#ffffff;background-color:#ab3045;border-color:#ab3045;}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{color:#ffffff;background-color:#f35e5e;border-color:#f24b4b;}
.btn-danger:active,.btn-danger.active{background-image:none;}
.btn-danger.disabled,.btn-danger[disabled],.btn-danger.disabled:hover,.btn-danger[disabled]:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,.btn-danger.disabled.active,.btn-danger[disabled].active{background-color:#ab3045;border-color:#ab3045;}
.btn-link{color:#1b75bb;font-weight:normal;cursor:pointer;border-radius:0;}
.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;box-shadow:none;}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent;}
.btn-link:hover,.btn-link:focus{color:#3498da;text-decoration:underline;background-color:transparent;}
.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#999999;text-decoration:none;}
.btn-block{display:block;width:100%;padding-left:0;padding-right:0;}
.btn-block + .btn-block{margin-top:5px;}
.btn-brown{color:#ffffff;background-color:#d1b993;border-color:#d1b993;}
.btn-brown:hover,.btn-brown:focus,.btn-brown:active,.btn-brown.active{color:#ffffff;background-color:#c5a676;border-color:#bf9d68;}
.btn-brown:active,.btn-brown.active{background-image:none;}
.btn-brown.disabled,.btn-brown[disabled],.btn-brown.disabled:hover,.btn-brown[disabled]:hover,.btn-brown.disabled:focus,.btn-brown[disabled]:focus,.btn-brown.disabled:active,.btn-brown[disabled]:active,.btn-brown.disabled.active,.btn-brown[disabled].active{background-color:#d1b993;border-color:#d1b993;}
.btn-brown.btn-alt{color:#d1b993;background-color:transparent;border-color:#d1b993;border-width:2px;}
.btn-brown.btn-alt:hover,.btn-brown.btn-alt:focus,.btn-brown.btn-alt:active,.btn-brown.btn-alt.active{color:#d1b993;background-color:rgba(0,0,0,0);border-color:#bf9d68;border-width:2px;}
.btn-brown.btn-alt:active,.btn-brown.btn-alt.active{background-image:none;}
.btn-brown.btn-alt.disabled,.btn-brown.btn-alt[disabled],.btn-brown.btn-alt.disabled:hover,.btn-brown.btn-alt[disabled]:hover,.btn-brown.btn-alt.disabled:focus,.btn-brown.btn-alt[disabled]:focus,.btn-brown.btn-alt.disabled:active,.btn-brown.btn-alt[disabled]:active,.btn-brown.btn-alt.disabled.active,.btn-brown.btn-alt[disabled].active{background-color:transparent;border-color:#d1b993;border-width:2px;}
.btn-brown.btn-alt:hover,.btn-brown.btn-alt:focus,.btn-brown.btn-alt:active,.btn-brown.btn-alt.active{background-color:transparent;color:#c2a26f;}
.btn-dark{color:#ffffff;background-color:#79859b;border-color:#79859b;}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active{color:#ffffff;background-color:#657187;border-color:#5c677b;}
.btn-dark:active,.btn-dark.active{background-image:none;}
.btn-dark.disabled,.btn-dark[disabled],.btn-dark.disabled:hover,.btn-dark[disabled]:hover,.btn-dark.disabled:focus,.btn-dark[disabled]:focus,.btn-dark.disabled:active,.btn-dark[disabled]:active,.btn-dark.disabled.active,.btn-dark[disabled].active{background-color:#79859b;border-color:#79859b;}
.btn-dark.btn-alt{color:#999;background-color:transparent;border-color:#999;border-width:1px;}
.btn-dark.btn-alt:hover,.btn-dark.btn-alt:focus,.btn-dark.btn-alt:active,.btn-dark.btn-alt.active{color:#79859b;background-color:rgba(0,0,0,0);border-color:#999;border-width:1px;}
.btn-dark.btn-alt:active,.btn-dark.btn-alt.active{background-image:none;}
.btn-dark.btn-alt.disabled,.btn-dark.btn-alt[disabled],.btn-dark.btn-alt.disabled:hover,.btn-dark.btn-alt[disabled]:hover,.btn-dark.btn-alt.disabled:focus,.btn-dark.btn-alt[disabled]:focus,.btn-dark.btn-alt.disabled:active,.btn-dark.btn-alt[disabled]:active,.btn-dark.btn-alt.disabled.active,.btn-dark.btn-alt[disabled].active{background-color:transparent;border-color:#79859b;border-width:2px;}
.btn-dark.btn-alt:hover,.btn-dark.btn-alt:focus,.btn-dark.btn-alt:active,.btn-dark.btn-alt.active{background-color:transparent;color:#999;}
.btn-yellow{color:#ffffff;background-color:#ff9d4c;border-color:#ff9d4c;}
.btn-yellow:hover,.btn-yellow:focus,.btn-yellow:active,.btn-yellow.active{color:#ffffff;}
.btn-yellow:active,.btn-yellow.active{background-image:none;}
.btn-yellow.disabled,.btn-yellow[disabled],.btn-yellow.disabled:hover,.btn-yellow[disabled]:hover,.btn-yellow.disabled:focus,.btn-yellow[disabled]:focus,.btn-yellow.disabled:active,.btn-yellow[disabled]:active,.btn-yellow.disabled.active,.btn-yellow[disabled].active{background-color:#ffc799;border-color:#ffc799;}
.btn-yellow.btn-alt{color:#FE7A6B;background-color:transparent;border-color:#FE7A6B;border-width:2px;}
.btn-yellow.btn-alt:hover,.btn-yellow.btn-alt:focus,.btn-yellow.btn-alt:active,.btn-yellow.btn-alt.active{color:#ff9d4c;background-color:rgba(0,0,0,0);border-color:#FE7A6B;border-width:1px;}
.btn-yellow.btn-alt:active,.btn-yellow.btn-alt.active{background-image:none;}
.btn-yellow.btn-alt.disabled,.btn-yellow.btn-alt[disabled],.btn-yellow.btn-alt.disabled:hover,.btn-yellow.btn-alt[disabled]:hover,.btn-yellow.btn-alt.disabled:focus,.btn-yellow.btn-alt[disabled]:focus,.btn-yellow.btn-alt.disabled:active,.btn-yellow.btn-alt[disabled]:active,.btn-yellow.btn-alt.disabled.active,.btn-yellow.btn-alt[disabled].active{background-color:transparent;border-color:#ffc799;border-width:2px;}
.btn-yellow.btn-alt:hover,.btn-yellow.btn-alt:focus,.btn-yellow.btn-alt:active,.btn-yellow.btn-alt.active{background-color:transparent;color:#FE7A6B;}
.btn-purple{color:#ffffff;background-color:#6739e1;border-color:#6739e1;}
.btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active{color:#ffffff;background-color:#784ceb;border-color:#784ceb;}
.btn-purple:active,.btn-purple.active{background-image:none;}
.btn-purple.disabled,.btn-purple[disabled],.btn-purple.disabled:hover,.btn-purple[disabled]:hover,.btn-purple.disabled:focus,.btn-purple[disabled]:focus,.btn-purple.disabled:active,.btn-purple[disabled]:active,.btn-purple.disabled.active,.btn-purple[disabled].active{background-color:#6739e1;border-color:#6739e1;}
.btn-purple.btn-alt{color:#6739e1;background-color:transparent;border-color:#6739e1;border-width:2px;}
.btn-purple.btn-alt:hover,.btn-purple.btn-alt:focus,.btn-purple.btn-alt:active,.btn-purple.btn-alt.active{color:#784ceb;background-color:rgba(0,0,0,0);border-color:#784ceb;border-width:2px;}
.btn-purple.btn-alt:active,.btn-purple.btn-alt.active{background-image:none;}
.btn-purple.btn-alt.disabled,.btn-purple.btn-alt[disabled],.btn-purple.btn-alt.disabled:hover,.btn-purple.btn-alt[disabled]:hover,.btn-purple.btn-alt.disabled:focus,.btn-purple.btn-alt[disabled]:focus,.btn-purple.btn-alt.disabled:active,.btn-purple.btn-alt[disabled]:active,.btn-purple.btn-alt.disabled.active,.btn-purple.btn-alt[disabled].active{background-color:transparent;border-color:#6739e1;border-width:2px;}
.btn-purple.btn-alt:hover,.btn-purple.btn-alt:focus,.btn-purple.btn-alt:active,.btn-purple.btn-alt.active{background-color:transparent;color:#784ceb;}
.btn-pink{color:#ffffff;background-color:#f78db8;border-color:#f78db8;}
.btn-pink:hover,.btn-pink:focus,.btn-pink:active,.btn-pink.active{color:#ffffff;background-color:#f467a0;border-color:#f35494;}
.btn-pink:active,.btn-pink.active{background-image:none;}
.btn-pink.disabled,.btn-pink[disabled],.btn-pink.disabled:hover,.btn-pink[disabled]:hover,.btn-pink.disabled:focus,.btn-pink[disabled]:focus,.btn-pink.disabled:active,.btn-pink[disabled]:active,.btn-pink.disabled.active,.btn-pink[disabled].active{background-color:#f78db8;border-color:#f78db8;}
.btn-pink.btn-alt{color:#f78db8;background-color:transparent;border-color:#f78db8;border-width:2px;}
.btn-pink.btn-alt:hover,.btn-pink.btn-alt:focus,.btn-pink.btn-alt:active,.btn-pink.btn-alt.active{color:#f78db8;background-color:rgba(0,0,0,0);border-color:#f35494;border-width:2px;}
.btn-pink.btn-alt:active,.btn-pink.btn-alt.active{background-image:none;}
.btn-pink.btn-alt.disabled,.btn-pink.btn-alt[disabled],.btn-pink.btn-alt.disabled:hover,.btn-pink.btn-alt[disabled]:hover,.btn-pink.btn-alt.disabled:focus,.btn-pink.btn-alt[disabled]:focus,.btn-pink.btn-alt.disabled:active,.btn-pink.btn-alt[disabled]:active,.btn-pink.btn-alt.disabled.active,.btn-pink.btn-alt[disabled].active{background-color:transparent;border-color:#f78db8;border-width:2px;}
.btn-pink.btn-alt:hover,.btn-pink.btn-alt:focus,.btn-pink.btn-alt:active,.btn-pink.btn-alt.active{background-color:transparent;color:#f45d9a;}
.btn-lime{color:#ffffff;background-color:#a8db43;border-color:#a8db43;}
.btn-lime:hover,.btn-lime:focus,.btn-lime:active,.btn-lime.active{color:#ffffff;background-color:#96ce27;border-color:#89bd24;}
.btn-lime:active,.btn-lime.active{background-image:none;}
.btn-lime.disabled,.btn-lime[disabled],.btn-lime.disabled:hover,.btn-lime[disabled]:hover,.btn-lime.disabled:focus,.btn-lime[disabled]:focus,.btn-lime.disabled:active,.btn-lime[disabled]:active,.btn-lime.disabled.active,.btn-lime[disabled].active{background-color:#a8db43;border-color:#a8db43;}
.btn-lime.btn-alt{color:#a8db43;background-color:transparent;border-color:#a8db43;border-width:2px;}
.btn-lime.btn-alt:hover,.btn-lime.btn-alt:focus,.btn-lime.btn-alt:active,.btn-lime.btn-alt.active{color:#a8db43;background-color:rgba(0,0,0,0);border-color:#89bd24;border-width:2px;}
.btn-lime.btn-alt:active,.btn-lime.btn-alt.active{background-image:none;}
.btn-lime.btn-alt.disabled,.btn-lime.btn-alt[disabled],.btn-lime.btn-alt.disabled:hover,.btn-lime.btn-alt[disabled]:hover,.btn-lime.btn-alt.disabled:focus,.btn-lime.btn-alt[disabled]:focus,.btn-lime.btn-alt.disabled:active,.btn-lime.btn-alt[disabled]:active,.btn-lime.btn-alt.disabled.active,.btn-lime.btn-alt[disabled].active{background-color:transparent;border-color:#a8db43;border-width:2px;}
.btn-lime.btn-alt:hover,.btn-lime.btn-alt:focus,.btn-lime.btn-alt:active,.btn-lime.btn-alt.active{background-color:transparent;color:#90c526;}
.btn-magenta{color:#ffffff;background-color:#e65097;border-color:#e65097;}
.btn-magenta:hover,.btn-magenta:focus,.btn-magenta:active,.btn-magenta.active{color:#ffffff;background-color:#e12c82;border-color:#da1f77;}
.btn-magenta:active,.btn-magenta.active{background-image:none;}
.btn-magenta.disabled,.btn-magenta[disabled],.btn-magenta.disabled:hover,.btn-magenta[disabled]:hover,.btn-magenta.disabled:focus,.btn-magenta[disabled]:focus,.btn-magenta.disabled:active,.btn-magenta[disabled]:active,.btn-magenta.disabled.active,.btn-magenta[disabled].active{background-color:#e65097;border-color:#e65097;}
.btn-magenta.btn-alt{color:#e65097;background-color:transparent;border-color:#e65097;border-width:2px;}
.btn-magenta.btn-alt:hover,.btn-magenta.btn-alt:focus,.btn-magenta.btn-alt:active,.btn-magenta.btn-alt.active{color:#e65097;background-color:rgba(0,0,0,0);border-color:#da1f77;border-width:2px;}
.btn-magenta.btn-alt:active,.btn-magenta.btn-alt.active{background-image:none;}
.btn-magenta.btn-alt.disabled,.btn-magenta.btn-alt[disabled],.btn-magenta.btn-alt.disabled:hover,.btn-magenta.btn-alt[disabled]:hover,.btn-magenta.btn-alt.disabled:focus,.btn-magenta.btn-alt[disabled]:focus,.btn-magenta.btn-alt.disabled:active,.btn-magenta.btn-alt[disabled]:active,.btn-magenta.btn-alt.disabled.active,.btn-magenta.btn-alt[disabled].active{background-color:transparent;border-color:#e65097;border-width:2px;}
.btn-magenta.btn-alt:hover,.btn-magenta.btn-alt:focus,.btn-magenta.btn-alt:active,.btn-magenta.btn-alt.active{background-color:transparent;color:#e0237c;}
.btn-white{color:#6739e1;background-color:#ffffff;border-color:#ffffff;}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active{color:#6739e1;background-color:#ffffff;border-color:#e0e0e0;}
.btn-white:active,.btn-white.active{background-image:none;}
.btn-white.disabled,.btn-white[disabled],.btn-white.disabled:hover,.btn-white[disabled]:hover,.btn-white.disabled:focus,.btn-white[disabled]:focus,.btn-white.disabled:active,.btn-white[disabled]:active,.btn-white.disabled.active,.btn-white[disabled].active{background-color:#ffffff;border-color:#6739e1;}
.btn-white.btn-alt{color:#6739e1;background-color:#ffffff;border-color:#ffffff;border-width:2px;}
.btn-white.btn-alt:hover,.btn-white.btn-alt:focus,.btn-white.btn-alt:active,.btn-white.btn-alt.active{color:#6739e1;background-color:#ffffff;border-color:#e0e0e0;border-width:2px;}
.btn-white.btn-alt:active,.btn-white.btn-alt.active{background-image:none;}
.btn-white.btn-alt.disabled,.btn-white.btn-alt[disabled],.btn-white.btn-alt.disabled:hover,.btn-white.btn-alt[disabled]:hover,.btn-white.btn-alt.disabled:focus,.btn-white.btn-alt[disabled]:focus,.btn-white.btn-alt.disabled:active,.btn-white.btn-alt[disabled]:active,.btn-white.btn-alt.disabled.active,.btn-white.btn-alt[disabled].active{background-color:#ffffff;border-color:#ffffff;border-width:2px;}
.btn-white.btn-alt:hover,.btn-white.btn-alt:focus,.btn-white.btn-alt:active,.btn-white.btn-alt.active{background-color:#ffffff;color:#6739e1;}
.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px;}
.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;}
.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px;}
.btn-xl{padding: 5px 16px;font-size: 12px;line-height: 1.5;border-radius: 3px;width: 2.9rem;margin-top: .2rem;}
.btn-sm.btn-alt{padding:4px 9px;}
.btn-yj{border-radius:15px;}
.btn-sm.btn-alt{padding:4px 9px;}
.btn-yj.btn-alt{border-width:1px;}
body{
padding: 0;
margin: 0;
}
.bui-slide-head {
text-align: center;
position: absolute;
bottom: .2rem;
right: 0;
left: 0;
z-index: 10;
}
.bui-slide-head:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.bui-slide-head ul li {
display: inline-block;
width: .14rem;
height: .14rem;
line-height: .14rem;
-webkit-border-radius: .14rem;
border-radius: .14rem;
background: rgba(0,0,0,.5);
text-align: center;
margin-left: .1rem;
margin-right: .1rem;
text-indent: -999999px;
}
.bui-slide-head ul .active {
background: #ff7300;
color: #ff7300;
}
.bui-slide-fullscreen>.bui-slide-main>ul>li img {
height: auto;
}
.bui-btn-jump {
position: fixed;
right: .3rem;
top: .3rem;
text-align: center;
border-radius: .26rem;
background: rgba(0,0,0,0.3);
z-index: 999;
line-height: .52rem;
color: #fff;
font-size: .26rem;
padding: 0 .25rem;
}
.bui-dialog .bui-dialog-text {
color: #333;
}
.bui-prompt-main .bui-prompt-label {}
.bui-prompt-main .bui-prompt-text {
color: #333;
text-align: center;
resize: none;
}
.bui-dialog .bui-dialog-foot [class*=bui-btn]:first-child {
color: #333;
}
.bui-dialog .bui-dialog-main>.bui-list.bui-list-select {
padding: 0 .2rem;
}
.bui-scroll .bui-scroll-head {
display: none;
}
.bui-levelselect .bui-tab-main>ul>li:nth-child(odd) .bui-list .bui-btn {
padding-left: .2rem;
}
.bui-levelselect .bui-list .bui-btn {
padding-left: .2rem;
}
.bui-upload .bui-btn {
width: 1.4rem;
border: 1px #d8d8d8 solid;
margin-bottom: 0;
position: relative;
}
.bui-upload .bui-btn img {
display: block;
width: 100%;
height: 100%;
}
.bui-upload .bui-btn i {
position: absolute;
width: .4rem;
height: .4rem;
text-align: center;
line-height: .4rem;
left: 50%;
top: 50%;
margin-left: -.2rem;
margin-top: -.2rem;
}
/* 编辑器样式 */
.w-e-text::-webkit-scrollbar {
display: none;
}
.w-e-menu {
z-index: 2 !important;
}
.w-e-text-container {
z-index: 1 !important;
}
/* report */
.report_textarea {
padding: 0 .2rem;
overflow: hidden;
}
.report_textarea textarea {
display: block;
width: 100%;
height: 3.2rem;
border: 1px #d8d8d8 solid;
padding: .05rem;
}
main {
overflow-y: scroll;
}
main::-webkit-scrollbar {
display: none;
}
.index-body img {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.public-header {
width: 100%;
padding: .2rem;
overflow: hidden;
text-align: center;
line-height: 1;
position: relative;
height: .72rem;
color: #000;
}
.public-header h2 {
position: absolute;
left: 1.5rem;
right: 1.5rem;
font-weight: normal;
font-size: .3rem;
text-overflow: ellipsis;
}
.public-header .left {
float: left;
}
.public-header .right {
float: right;
}
.public-header a {
color: #000;
}
.public-header button {
border: none;
background: none;
vertical-align: top;
}
.public-footer {
width: 100%;
border-top: 1px #d8d8d8 solid;
}
.public-footer li {
position: relative;
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
text-align: center;
padding: .1rem 0;
color: #999;
}
.public-footer li.active {
color: #fe7a6c;
}
.public-footer li i {
display: inline-block;
font-size: .4rem;
line-height: 1;
height: .36rem;
width: .36rem;
}
.public-footer li i.big {
background: #fff;
width: .9rem;
height: .9rem;
position: absolute;
font-size: .8rem;
bottom: 40%;
left: 50%;
margin-left: -.45rem;
border-radius: 50%;
}
.public-footer li span {
display: block;
font-size: .22rem;
}
.public-search {
padding: .1rem .2rem;
background: #f8f8f8;
}
.public-search .search {
padding: .1rem 0;
display: block;
width: 100%;
border-radius: 5px;
font-size: .28rem;
}
.public-search .search i {
display: block;
color: #999;
padding: .15rem 0 .15rem .15rem;
height: .6rem;
}
.public-search .search input {
display: block;
width: 100%;
border: none;
height: .6rem;
color: #999;
line-height: .4rem;
}
.public-search .sear {
border: #333333 solid 1px;
display: inline-block;
background: #fff;
border-radius: .2rem;
width: 80%;
}
.public-search .search button {
padding: 0 .15rem;
border: none;
background: none;
height: .6rem;
border: #333333 solid 1px;
margin-left: .2rem;
border-radius: .1rem;
}
.public-url {
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.public-url::-webkit-scrollbar {
display: none;
}
.public-url iframe {
width: 100%;
height: 100%;
}
.public-fpgl {
position: absolute;
right: .2rem;
top: .2rem;
border: 1px #fe7a6c solid;
border-radius: 3px;
color: #fe7a6c;
padding: 0 .1rem;
font-size: .26rem;
}
.form-group {
display: block;
border-bottom: 1px #d8d8d8 solid;
padding: .2rem 0;
}
.form-group:last-child {
border-bottom: none;
}
.form-group .group-label {
position: relative;
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.form-group .group-cont {
position: relative;
display: table-cell;
white-space: nowrap;
width: 100%;
}
.form-group .group-content {
display: block;
overflow: hidden;
}
.form-group .group-radio {
text-align: right;
}
.form-group .group-radio i {
float: right;
line-height: .45rem;
margin-left: .2rem;
color: #999;
}
.form-group .group-radio div {
float: right;
color: #999;
}
.form-group .group-process i {
float: right;
line-height: .45rem;
margin-left: .2rem;
color: #999;
}
.form-group .group-process span {
float: right;
color: #fe7a6c;
}
.group-addon {
position: relative;
display: inline-block;
white-space: nowrap;
}
.group-cont {
position: relative;
display: inline-block;
white-space: nowrap;
width: 70%;
}
.bui-dialog-center {
border-radius: 0;
}
.bui-dialog-center .image-big {
display: inline-block;
width: 100%;
max-height: 100%;
}
.bui-dialog-center .bui-dialog-main::-webkit-scrollbar {
display: none;
}
.publish-tips {
padding: .2rem;
overflow: hidden;
background: #fff;
}
/* main */
.main-con {
width: 95%;
margin: 0 auto;
}
.main-head {
padding: .1rem .2rem;
color: #000;
height: 1.2rem;
}
.main-head .group {
padding-top: .3rem;
width: 100%;
margin: 0 auto;
}
.main-head .group .group-addon button {
float: right;
width: 1rem;
line-height: 0.5rem;
background: #fff;
color: #000;
text-align: center;
border-radius: .1rem;
margin-left: .2rem;
border: #fe7a6b solid 1px;
box-shadow: 4px 2px 5px 0 rgba(7,17,27,.2);
}
.main-head .group .button {
float: left;
width: 1rem;
line-height: 0.45rem;
background: #fff;
color: #000;
text-align: center;
border-radius: .1rem;
margin: 0 .1rem;
border: #333333 solid 1px;
box-shadow: 2px 2px 3px 0 rgba(7,17,27,.2);
}
.main-head .logo {
padding-right: .3rem;
}
.main-head .search {
display: block;
width: 100%;
background: #fff;
height: .5rem;
border-radius: 5px;
font-size: .26rem;
border: #333333 solid 1px;
}
.main-head .search i {
color: #999;
padding: 0 .1rem;
}
.main-head .search input {
display: block;
width: 100%;
border: none;
height: .45rem;
color: #999;
border-radius: 5px;
}
.main-head .search button {
padding: 0 .1rem;
border: none;
background: none;
color: #999;
height: .5rem;
}
.main-head .city {
padding-left: .1rem;
}
.main-notice {
display: block;
overflow: hidden;
height: .68rem;
}
.main-notice .cont {
width: 100%;
overflow: hidden;
margin: .1rem 0;
}
.bui-slide-notice .bui-slide-main .notice-item {
line-height: .68rem;
}
.bui-slide-notice:before {
font-family: "FontAwesome" !important;
display: inline-block;
content: "\f028";
font-size: .36rem;
top: 50%;
margin-top: -.28rem;
color: #3da1ff;
}
.bui-slide-notice .bui-slide-main ul li {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
width: 100%;
}
.main-data {
overflow: hidden;
margin-top: .2rem;
padding: .1rem 0;
background: #fff;
}
.main-data li {
float: left;
width: 25%;
text-align: center;
}
.main-data li span {
display: block;
}
.main-data li span:last-child {
color: #ff7400;
}
.main-tabs {
overflow: hidden;
margin: .2rem .1rem 0rem;
}
.main-tabs .cont {
display: block;
overflow: hidden;
margin-bottom: .1rem;
}
.main-tabs .cont ul li {
float: left;
width: calc(100% / 5);
padding: .1rem 0;
margin: 0;
text-align: center;
position: relative;
color: #394166;
}
.main-tabs .cont ul li.active {
color: #fff;
background: #fe7a6c;
border-radius: .1rem;
}
.main-major {
padding: 0.1rem;
}
.main-list {
display: block;
overflow: hidden;
}
.main-list li {
padding: .2rem.1rem;
overflow: hidden;
position: relative;
box-shadow: -1px 2px 15px 0 rgba(170,170,170,.32);
margin: .1rem .1rem .1rem .1rem;
border-radius: .1rem;
}
.main-list li .user {
float: left;
width: .8rem;
position: relative;
}
.main-list li .user span.litpic {
display: block;
width: 100%;
height: .8rem;
overflow: hidden;
}
.main-list li .user span.litpic img {
display: block;
width: 100%;
}
.main-list li .user span.nickname {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.5);
overflow: hidden;
font-size: .2rem;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #fff;
}
.main-list li .detail {
float: right;
width: calc(100% - 1rem);
}
.main-list li .detail b {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 1.2;
font-weight: bold;
}
.main-list li .detail p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
color: #666;
}
.main-list li .detail .info {
display: block;
overflow: hidden;
margin-top: .1rem;
}
.main-list li .detail .info span {
float: left;
margin-right: .05rem;
font-size: .2rem;
border: 1px #ccc solid;
border-radius: 8px;
padding: 0 .06rem;
opacity: .5;
}
.main-list li .detail .info span.istop {
color: #f00;
border-color: #f00;
}
.main-list li .detail .info span.isrefresh {
color: #52C41A;
border-color: #52C41A;
}
.main-list li .detail .info span.type {
color: #81d3f8;
border-color: #81d3f8;
}
.main-list li .detail .info span.read {
border-style: none;
font-size: .22rem;
}
.main-list li .detail .info span.time {
border-style: none;
font-size: .22rem;
}
/* task */
.task-rank-bg {
background: url(../img/mi_rank.jpg) top no-repeat #ffaf5d;
background-size: 100%;
}
.task-rank1-bg {
background: url(../img/task-rank.jpg) top no-repeat #ffaf5d;
background-size: 100%;
}
.rank1-tabs {
margin: 2.8rem .2rem 0;
overflow: hidden;
background: url(../img/rank-tabs.jpg) top repeat-x;
background-size: auto 100%;
border-radius: 9px;
}
.rank1-tabs li {
float: left;
width: 25%;
text-align: center;
line-height: .8rem;
color: #fff;
}
.rank1-tabs li.active {
background: url(../img/rank-tabs-active.jpg) top repeat-x;
background-size: auto 100%;
}
.rank-header {
padding: .2rem;
overflow: hidden;
position: relative;
}
.rank-header .left {
float: left;
width: .8rem;
line-height: .72rem;
color: #fff;
}
.rank-header h2 {
position: absolute;
left: .8rem;
top: .2rem;
right: .8rem;
text-align: center;
line-height: .72rem;
color: #fff;
font-size: .36rem;
}
.rank-tabs {
margin: 2.8rem .2rem 0;
overflow: hidden;
background: url(../img/rank-tabs.jpg) top repeat-x;
background-size: auto 100%;
border-radius: 9px;
}
.rank-tabs li {
float: left;
width: 50%;
text-align: center;
line-height: .8rem;
color: #fff;
border-right: 1px #f3b84d solid;
}
.rank-tabs li.active {
background: url(../img/rank-tabs-active.jpg) top repeat-x;
background-size: auto 100%;
}
.rank-content {
margin: .4rem .2rem 0;
padding: .1rem 0;
overflow: hidden;
background: #fff;
border-radius: 9px;
padding-right: 10px;
}
.rank-content li {
padding: .1rem .3rem;
overflow: hidden;
}
.rank-content li .rank {
float: left;
width: .8rem;
text-align: center;
margin-top: .1rem;
}
.rank-content li .litpic {
float: left;
width: 1rem;
height: 1rem;
border-radius: 50%;
overflow: hidden;
margin-left: .2rem;
}
.rank-content li .litpic img {
display: block;
width: 100%;
}
.rank-content li .info {
float: left;
width: calc(100% - 4rem);
margin-left: .2rem;
overflow: hidden;
margin-top: .1rem;
}
.rank-content li .info b {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.rank-content li .info span {
display: block;
overflow: hidden;
color: #999;
font-size: .26rem;
}
.rank-content li .count {
float: right;
text-align: center;
margin-right: -20px;
}
/* .task-menu{overflow:hidden;}
.task-menu li{float:left;width:25%;text-align:center;margin-top:.1rem;}
.change{color: #fc7b6c;}
.task-menu li i{font-size:.4rem;width:.72rem;height:.72rem;border-radius:9px;overflow:hidden;line-height:.72rem;}
.task-menu li span{display:block;font-size:.26rem;}
.task-select{padding:.2rem 0;overflow:hidden;font-size:.28rem;}
.task-select li{float:left;width:calc(100% / 3);text-align:center;}
.task-select li span{margin-right:.05rem;color: #fe7a6b;}
.task-select li i{color: #fe7a6b;} */
.task-list {
display: block;
overflow: hidden;
padding: 0 2%;
}
.task-list li {
padding: .2rem;
overflow: hidden;
background: #fff;
border-bottom: 1px #d8d8d8 solid;
box-shadow: 2px 2px 15px rgba(170,170,170,.32);
margin-bottom: .1rem;
border-radius: .1rem;
}
.task-list li .user {
float: left;
width: .8rem;
overflow: hidden;
}
.task-list li .user span.litpic {
display: block;
width: 100%;
overflow: hidden;
height: .8rem;
position: relative;
}
.task-list li .user span.litpic img {
display: block;
width: 100%;
}
.task-list li .user span.litpic i {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.5);
color: #fff;
font-size: .2rem;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.task-list li .detail {
float: left;
width: calc(100% - 2.3rem);
overflow: hidden;
margin-left: .2rem;
}
.task-list li .detail b {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 1.2;
font-weight: bold;
}
.task-list li .detail p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.task-list li .detail .info {
display: block;
overflow: hidden;
margin-top: .1rem;
}
.task-list li .detail .info span {
float: left;
margin-right: .1rem;
font-size: .2rem;
border: 1px #ccc solid;
border-radius: 8px;
padding: 0 .1rem;
opacity: .5;
}
.task-list li .detail .info span.istop {
color: #f00;
border-color: #f00;
}
.task-list li .detail .info span.isrefresh {
color: #52C41A;
border-color: #52C41A;
}
.task-list li .detail .info span.type {
color: #2098FF;
border-color: #2098FF;
}
.task-list li .detail .info span.last {
color: #794CF2;
border-color: #794CF2;
}
.task-list li .price {
float: right;
width: 1.3rem;
overflow: hidden;
text-align: right;
color: #fe7a6c;
}
.task-list li .price span {
display: block;
overflow: hidden;
line-height: 1.2;
}
.task-list li .price span:last-child {
font-size: .36rem;
color: #fe7a6c;
font-weight: bold;
line-height: 1;
margin-top: .1rem;
}
.task-detail {
display: block;
overflow: hidden;
background: #fff;
padding-bottom: .2rem;
}
.task-detail .user {
padding: .2rem;
overflow: hidden;
border-bottom: 1px #d8d8d8 solid;
}
.task-detail .user .first {
display: block;
overflow: hidden;
}
.task-detail .user .first .litpic {
float: left;
width: .8rem;
height: .8rem;
}
.task-detail .user .first .litpic img {
display: block;
width: 100%;
}
.task-detail .user .first .text {
float: left;
margin-left: .2rem;
width: 3rem;
font-weight: bold;
line-height: .4rem;
font-size: .26rem;
}
.task-detail .user .first .text font {
display: block;
overflow: hidden;
height: .4rem;
}
.task-detail .user .first .scale {
float: right;
width: 2rem;
font-weight: bold;
line-height: .4rem;
font-size: .26rem;
}
.task-detail .user .first .scale font {
display: block;
overflow: hidden;
}
.task-detail .user .last {
display: block;
overflow: hidden;
margin-top: .2rem;
}
.task-detail .user .last button {
float: left;
width: .8rem;
border: none;
background: #d8d8d8;
font-size: .26rem;
}
.task-detail .user .last .right {
float: right;
width: 100%;
}
.task-detail .user .last .right .progress {
float: left;
width: calc(100% - .8rem);
height: .2rem;
background: #d8d8d8;
border-radius: .1rem;
margin: .2rem 0;
}
.task-detail .user .last .right .progress span {
float: left;
height: .2rem;
background: #fe7a6c;
border-radius: .1rem;
}
.task-detail .user .last .right .scale {
float: right;
width: .8rem;
text-align: right;
line-height: .2rem;
font-size: .26rem;
margin: .2rem 0;
}
.task-detail .user .last .right .text {
display: block;
width: 100%;
overflow: hidden;
font-size: .22rem;
}
.task-detail .info {
margin: .2rem .2rem 0;
background: #f2f2f2;
padding: .2rem;
overflow: hidden;
}
.task-detail .info li {
display: block;
overflow: hidden;
border-bottom: 1px #d8d8d8 solid;
line-height: .48rem;
font-size: .26rem;
}
.task-detail .info li span {
font-weight: bold;
}
.task-detail #qrcode {
text-align: center;
}
.task-detail #qrcode img {
max-width: 20%;
}
.task-detail .content {
margin: .2rem .2rem 0;
background: #f2f2f2;
padding: .2rem;
overflow: hidden;
}
.task-detail .content .title {
font-weight: bold;
}
.task-detail .content .cont {
display: block;
overflow: hidden;
margin-top: .1rem;
}
.task-detail .content .bui-slide-main ul li {
text-align: center;
}
.task-detail .content .bui-slide-main ul li img {
max-width: 100%;
height: 100%;
}
.task-detail .content .process_cont li {
padding: .1rem 0 0;
overflow: hidden;
}
.task-detail .content .process_cont li .pic {
display: block;
overflow: hidden;
text-align: center;
}
.task-detail .content .process_cont li .pic img {
display: inline-block;
width: 50%;
}
.task-detail .task-user-list {
display: block;
overflow: hidden;
}
.task-detail .task-user-list li {
margin: .2rem .2rem 0;
border-top: 1px #d8d8d8 solid;
overflow: hidden;
}
.task-detail .task-user-list li .cont {
margin: .2rem 0 0;
padding: .2rem;
overflow: hidden;
background: #f2f2f2;
}
.task-detail .task-user-list li .cont .litpic {
float: left;
width: .8rem;
height: .8rem;
overflow: hidden;
}
.task-detail .task-user-list li .cont .litpic img {
display: block;
width: 100%;
}
.task-detail .task-user-list li .cont .userinfo {
float: left;
margin-left: .2rem;
width: 1.2rem;
line-height: .4rem;
}
.task-detail .task-user-list li .cont .userinfo b {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: .28rem;
}
.task-detail .task-user-list li .cont .userinfo font {
display: block;
font-size: .26rem;
}
.task-detail .task-user-list li .cont .remark {
float: left;
width: calc(100% - 3.6rem);
line-height: .8rem;
font-size: .24rem;
margin-left: .2rem;
}
.task-detail .task-user-list li .cont .status {
float: right;
width: 1.2rem;
}
.task-detail .task-user-list li .cont a {
float: right;
background: #588c02;
color: #fff;
margin-top: .15rem;
}
.task-grab {
position: fixed;
right: 0;
bottom: 30%;
overflow: hidden;
width: 1rem;
}
.task-grab font {
float: left;
width: 100%;
margin-bottom: .2rem;
}
.task-grab span {
width: 1rem;
height: 1rem;
color: #fff;
text-align: center;
border-radius: 50%;
display: table-cell;
white-space: nowrap;
vertical-align: middle;
}
.task-grab font.grab span {
line-height: 1rem;
background: #fe7a6c;
}
.task-grab font.grab-upload span {
background: #ff7400;
font-size: .26rem;
line-height: 1;
}
.task-grab font.grab-cancel span {
background: #ccc;
font-size: .26rem;
line-height: 1;
}
.user-rank {
position: fixed;
right: 0rem;
bottom: 30%;
overflow: hidden;
width: 1rem;
z-index: 99;
width: 1.1rem;
}
.user-grab {
position: fixed;
right: 0;
bottom: 20%;
overflow: hidden;
width: 1rem;
z-index: 99;
}
.user-grab font {
float: left;
width: 100%;
margin-bottom: .2rem;
font-size: .26rem;
line-height: 1;
}
.user-grab span {
width: 1rem;
height: 1rem;
color: #fff;
text-align: center;
border-radius: 50%;
display: table-cell;
white-space: nowrap;
vertical-align: middle;
background: #fe7a6c;
}
.user-grab-tabs {
display: block;
overflow: hidden;
}
.user-grab-tabs li {
float: left;
width: 25%;
border-bottom: 5px #d8d8d8 solid;
text-align: center;
line-height: 3;
}
.user-grab-tabs li.active {
border-bottom: 5px #fe7a6c solid;
color: #fe7a6c;
}
.user-grab-list {
display: block;
overflow: hidden;
}
.user-grab-list li {
padding: .2rem;
overflow: hidden;
border-bottom: 1px #d8d8d8 solid;
background: #fff;
}
.user-grab-list li .title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.user-grab-list li .info {
display: block;
overflow: hidden;
margin-top: .1rem;
}
.user-grab-list li .info span {
margin-right: .2rem;
}
.user-grab-list li .info span.time {
color: #999;
}
.user-grab-list li .info span.status {
float: right;
margin-right: 0;
}
.user-grab-list li .button {
float: right;
margin-top: .1rem;
}
.user-grab-list li .button button {
margin-left: .2rem;
}
.task-grab-list {
display: block;
overflow: hidden;
}
.task-grab-list li {
padding: .2rem;
overflow: hidden;
border-bottom: 1px #d8d8d8 solid;
background: #fff;
}
.task-grab-list li .litpic {
float: left;
width: 1.4rem;
overflow: hidden;
}
.task-grab-list li .litpic img {
display: block;
width: 100%;
}
.task-grab-list li .litpic span {
overflow: hidden;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.task-grab-list li .info {
float: right;
width: calc(100% - 1.6rem);
}
.task-grab-list li .info .text {
display: block;
overflow: hidden;
}
.task-grab-list li .info .remark {
display: block;
overflow: hidden;
}
.task-grab-list li .info .images {
display: block;
overflow: hidden;
margin-top: .1rem;
}
.task-grab-list li .info .images span {
float: left;
width: 24%;
margin-right: 1%;
border: 1px #d8d8d8 solid;
text-align: center;
}
.task-grab-list li .info .images span img {
display: inline-block;
max-width: 100%;
height: 100%;
}
.task-grab-list li .info .status {
float: right;
margin-top: .1rem;
}
.task-grab-list li .info .status button {
margin-left: .1rem;
}
.task-publish-alert {
text-align: left;
}
.task-form {
padding: 0 .2rem;
overflow: hidden;
background: #fff;
}
.task-form .group-label .title {
padding-right: .2rem;
}
.task-form .group-label .remark {
padding-left: .2rem;
color: #588c02;
}
.task-form .group-label .remark font {
color: #f00;
}
.task-form .group-cont input[type='text'] {
width: 100%;
height: .6rem;
line-height: .6rem;
border: none;
padding: 0 .1rem;
}
.task-form .radios input[type='radio'] {
float: left;
width: 23.5%;
margin-right: 2%;
margin-top: .1rem;
appearance: none;
-webkit-appearance: none;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #d8d8d8;
min-width: 1rem;
min-height: .6rem;
line-height: .6rem;
padding: 0 .1rem;
background: #fff;
}
.task-form .radios input[type='radio']:before {
content: attr(uncheck);
}
.task-form .radios input[type='radio']:focus {
outline: 0;
}
.task-form .radios input[type='radio']:checked {
border: 1px #ff7400 solid;
}
.task-form .radios input[type='radio']:nth-child(4n) {
margin-right: 0;
}
.task-form .group-content .bui-upload {
margin-top: .1rem;
}
.task-form .group-content .bui-upload .bui-upload-thumbnail i.fa {
position: absolute;
right: 0;
top: 0;
}
.task-form .group-content textarea {
margin-top: .1rem;
padding: .1rem;
border: 1px #d8d8d8 solid;
height: auto;
}
.task-form .bui-switch {
margin-left: 0;
margin-right: 0;
}
.task-form .task-grab-img {
margin-top: .2rem;
}
.task-form .task-grab-img span {
float: left;
width: 24%;
margin-right: 1%;
border: 1px #d8d8d8 solid;
text-align: center;
}
.task-form .task-grab-img span img {
display: inline-block;
max-width: 100%;
height: 100%;
}
.task-process .group-cont i {
float: right;
color: #fe7a6c;
line-height: .45rem;
font-size: .36rem;
}
.task-process .group-cont p {
float: left;
width: 3rem;
line-height: .45rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.task-process-dialog .bui-dialog-head {
background: #fe7a6c;
color: #fff;
}
.task-process-dialog .bui-dialog-close {
top: .05rem;
right: .1rem;
}
.task-process-dialog-cont {
padding: .1rem .2rem;
overflow: hidden;
}
.task-process-dialog-cont li {
display: block;
overflow: hidden;
}
.task-process-dialog-cont li b {
display: block;
overflow: hidden;
text-align: left;
}
.task-process-dialog-cont li .cont {
padding: .1rem 0;
overflow: hidden;
}
.task-process-dialog-cont li textarea {
width: 100%;
padding: .1rem;
overflow: hidden;
border: 1px #d8d8d8 solid;
}
/* task_publish.html */
.task-cate {
background: #fff;
height: 3.5rem;
width: 100%;
padding: .3rem 0rem;
margin-top: .2rem;
border-radius: .3rem;
}
.task-category1 {
text-align: center;
}
.task-category1 dd {
display: inline-block;
width: 1.2rem;
}
.task-category1 dd img {
width: 1.2rem;
height: .6rem;
margin-top: .1rem;
}
.task-category1 dd p {
font-size: .25rem;
text-align: center;
}
.task-category2 {
margin: .35rem 0rem 0rem;
text-align: center;
}
.task-category2 dd {
display: inline-block;
width: 1.2rem;
}
.task-category2 dd img {
width: 1.2rem;
height: .55rem;
margin-top: .1rem;
}
.task-category2 dd p {
font-size: .25rem;
text-align: center;
}
.task-mess {
background: #fff;
padding: .1rem .2rem;
border-radius: .3rem;
}
/* task_publish-title */
.task-publish-vote {
padding: .1rem 0;
overflow: hidden;
}
.task-publish-title {
padding: .1rem .3rem;
}
.task-publish-title span {
display: block;
color: #444;
padding: .1rem 0;
}
.task-publish-title span:last-child {
font-size: .23rem;
color: #555;
}
.task-publish-center {
padding: .1rem .2rem;
background-color: #fff;
border-radius: .2rem;
margin: 0 .2rem;
}
.task-publish-center .list {
color: #555;
border-bottom: 1px #f4f4f4 solid;
padding: .1rem;
font-size: .26rem;
}
.task-publish-center .list:last-child {
border: none;
}
.task-publish-center .list input {
border: none;
margin-left: .2rem;
font-size: .23rem;
width: 65%;
}
.task-publish-center .list i {
font-size: .2rem;
float: right;
top: .12rem;
color: #b8b8b8;
}
.task-publish-list {
padding: .1rem .2rem;
background-color: #fff;
border-radius: .2rem;
margin: .2rem;
}
.task-publish-list ul li {
color: #555;
border-bottom: 1px #f4f4f4 solid;
padding: .1rem;
font-size: .26rem;
}
.task-publish-list ul li:last-child {
border: none;
}
.task-publish-list ul li i {
float: right;
top: .1rem;
color: #FE7A6B;
}
.task-publish-btn {
padding: .2rem;
}
.task-publish-btn button {
background-color: #FE7A6B;
color: #fff;
border-radius: .2rem;
}
.task-publish-btn button:first-child {
width: 25%;
}
.task-publish-btn button:last-child {
width: 70%;
margin-left: .2rem;
}
/* task-wait-check */
.task-check-btn {
padding: .2rem;
width: 100%;
height: .8rem;
margin-top: .2rem;
text-align: center;
}
.task-check-btn button {
background-color: #FE7A6B;
border-radius: .3rem;
color: #fff;
padding: .1rem .9rem;
}
.task-check-btn button:first-child {
background-color: #fff;
color: #FE7A6B;
border-color: #FE7A6B;
}
/* task-reward-evaluate */
.task-reward-title {
padding: .2rem;
border-bottom: 1px #e3e3e3 solid;
background-color: #fff;
}
.task-reward-title img {
width: .8rem;
height: .8rem;
border-radius: .5rem;
vertical-align: bottom;
}
.task-reward-title .price {
display: inline-block;
float: right;
color: #FE7A6B;
}
.task-reward-title .name {
display: inline-block;
width: 65%;
margin-left: .2rem;
color: #333;
}
.task-reward-center {
padding: .2rem 0;
background-color: #fff;
}
.task-reward-center .icon {
width: calc(97%/3);
border-right: 1px #e3e3e3 solid;
color: #666;
}
.task-reward-center .icon:nth-child(3) {
border: none;
}
.task-reward-center .icon i {
font-size: .5rem;
}
.task-reward-center .input {
padding: .2rem;
}
.task-reward-center .input textarea {
border: 1px #e3e3e3 solid;
width: 100%;
height: 2rem;
}
.task-reward-btn {
padding: .2rem;
color: #fff;
}
.task-reward-btn .btn-block {
color: #fff;
background-color: #FE7A6B;
}
/* task_pass.html */
.bui-nav .actives {
border-bottom: 2px solid #f2ce56;
}
.mainbody .task {
width: 95%;
margin: auto;
background: #fff;
min-height: 150px;
margin-top: .2rem;
border-radius: 10px;
padding: .3rem;
}
.mainbody .task img {
width: 50px;
height: 50px;
vertical-align: top;
}
.mainbody .task .rights {
display: inline-block;
margin-left: .4rem;
width: 65%;
}
.mainbody .task .rights .one {
font-weight: bold;
font-size: 15px;
}
.mainbody .task .rights .two {
font-size: 12px;
}
.mainbody .task .rights .three {
margin-top: .2rem;
font-size: 15px;
}
.mainbody .task .rights .three label {
color: red;
}
.mainbody .task .rights .three span {
color: #9f9f9f;
float: right;
}
.mainbody .task .remark {
width: 100%;
height: 35px;
background: #fff;
color: #97a230;
border: 1px solid #97A230;
margin-top: .2rem;
}
/* task_nosubmit.html */
.mainbody .task .button {
float: right;
margin-top: .2rem;
}
.mainbody .task .button button {
width: 120px;
height: 35px;
border-radius: 6px;
}
.mainbody .task .button .default {
background: #86a2f6;
color: #fff;
border: 1px solid #86A2F6;
}
.mainbody .task .button .continue {
background: #facb57;
color: #fff;
border: 1px solid #FACB57;
}
/* task_auditing.html */
.mainbody .task .contack {
width: 100%;
height: 35px;
background: #83a5f7;
color: #fff;
border: 1px solid #83A5F7;
margin-top: .2rem;
border-radius: 10px;
}
/* task_peopledetails.html */
.task_peonav {
height: 3rem;
background: #fe7a6c;
padding: .4rem .1rem;
}
.task_cont {
margin-top: .5rem;
margin-left: .4rem;
color: #fff;
}
.task_cont .task-litic {
width: 1rem;
height: 1rem;
float: left;
border-radius: .6rem;
}
.task_cont .task-litic img {
width: 1rem;
height: 1rem;
border-radius: .6rem;
}
.task_cont .task-info {
float: left;
height: 1.2rem;
padding: .1rem .2rem;
font-size: .3rem;
}
.task_cont .task-reputation {
float: right;
margin-right: .4rem;
}
.task_cont .task-reputation img {
width: .5rem;
height: .5rem;
margin: .25rem 0.1rem;
}
.task_cont .task-reputation p {
line-height: 1rem;
float: right;
}
.task_sit {
margin-top: .01rem;
margin-left: .4rem;
}
.task_sit .task-portrait {
width: 1rem;
height: 1rem;
float: left;
border-radius: .6rem;
margin: .3rem .1rem;
}
.task_sit .task-portrait img {
width: 1rem;
height: 1rem;
border-radius: .6rem;
}
.task_sit .task-informa {
float: left;
height: 1rem;
padding: .1rem .2rem;
font-size: .25rem;
margin-top: .1rem;
}
.task_sit .task-informa p:first-child {
font-size: .3rem;
}
.task_sit .task-informa p:nth-child(2) {
color: #7D7D7D;
}
.task_sit .task-informa p:last-child {
border: #7D7D7D solid 1px;
width: 1.2rem;
text-align: center;
font-size: .2rem;
border-radius: .2rem;
}
.task_sit .task-num {
line-height: 1.2rem;
float: right;
font-size: .3rem;
}
.task_sit .task-num p {
line-height: 1.2rem;
margin-top: .3rem;
margin-right: .3rem;
color: #fe7a6c;
}
.task-praise {
height: 3rem;
background: #fff;
}
.task-praise div {
padding: .3rem .6rem;
}
.task-praise dl dd {
height: 1rem;
line-height: 1rem;
}
.task-praise dl dd span:last-child {
float: right;
}
/* market */
.market-publish-dialog {
padding: .2rem;
overflow: hidden;
}
.market-publish-dialog b {
display: block;
text-align: left;
overflow: hidden;
}
.market-publish-dialog dl {
display: block;
overflow: hidden;
margin-top: .2rem;
}
.market-publish-dialog dl dd {
float: left;
width: 32%;
text-align: center;
border: 1px #fe7a6c solid;
line-height: .52rem;
border-radius: .26rem;
font-size: .26rem;
margin-right: 2%;
}
.market-publish-dialog dl dd:last-child {
margin-right: 0;
}
.market-publish-dialog dl dd.active {
background: #fe7a6c;
color: #fff;
}
.market-publish-dialog .button {
margin-top: .3rem;
overflow: hidden;
}
.market-publish-dialog .button li {
float: left;
width: 49%;
text-align: center;
background: #fe7a6c;
color: #fff;
line-height: 1.2rem;
border-radius: .3rem;
height: 1.2rem;
}
.market-publish-dialog .button li:last-child {
float: right;
background: #fff;
}
.market-menu {
display: block;
overflow: hidden;
padding-bottom: .45rem;
}
.market-menu li {
float: left;
width: 50%;
text-align: center;
}
.market-menu li i {
font-size: .4rem;
width: .8rem;
height: .8rem;
border-radius: 9px;
overflow: hidden;
line-height: .8rem;
}
.market-menu li font {
display: block;
}
.market-menu .title {
position: relative;
display: block;
height: .6rem;
}
.market-menu .title span {
position: absolute;
top: 50%;
height: .6rem;
line-height: .6rem;
background: #fff;
width: 1.6rem;
text-align: center;
border-radius: .3rem;
z-index: 9;
box-shadow: 0 1px 5px rgba(170,170,170,.32);
}
.market-menu .title span:first-child {
left: .2rem;
}
.market-menu .title span:last-child {
right: .2rem;
}
.market-content {
margin: .2rem;
padding: .2rem;
height: 1.3rem;
overflow: hidden;
background: #fff;
border-radius: 9px;
box-shadow: 2px 3px 5px rgba(170,170,170,.32);
}
.market-echart {
overflow: hidden;
height: 2.6rem;
}
.market-price {
display: block;
overflow: hidden;
}
.market-price .title {
display: block;
overflow: hidden;
}
.market-price .title span {
line-height: .45rem;
width: 30%;
border-radius: .3rem;
text-align: center;
}
.market-price .title span:first-child {
float: left;
}
.market-price .title span:last-child {
float: right;
}
.market-price .value {
display: block;
overflow: hidden;
}
.market-price .value font {
width: 30%;
text-align: center;
line-height: .45rem;
color: #fe7a6c;
}
.market-price .value font:first-child {
float: left;
}
.market-price .value div {
width: 2.5rem;
position: absolute;
left: calc(50% - 1.25rem);
border: #d7d7d7 solid 1px;
text-align: center;
border-radius: .2rem;
box-shadow: inset 2px 2px 5px rgba(170,170,170,.32);
}
.market-price .value font:last-child {
float: right;
}
.market-price .value span {
float: left;
width: calc(100% - 3.2rem);
text-align: center;
background: #ff7400;
color: #fff;
border-radius: .3rem;
line-height: .6rem;
}
.market-now {
padding: 0 .2rem;
overflow: hidden;
}
.market-now li {
float: left;
width: 32%;
margin-right: 2%;
text-align: center;
background: url(../img/m-bg2.png) center no-repeat;
background-size: 100% 100%;
padding: .1rem 0;
}
.market-now li:first-child {
background: url(../img/m-bg1.png) center no-repeat;
background-size: 100% 100%;
}
.market-now li:last-child {
background: url(../img/m-bg3.png) center no-repeat;
background-size: 100% 100%;
margin-right: 0;
}
.market-now li span {
display: block;
overflow: hidden;
color: #fff;
}
.market-now li span:last-child {
font-size: .36rem;
}
.market-tabs {
margin: .2rem;
overflow: hidden;
padding: .2rem;
border-radius: 9px;
background: #fff;
box-shadow: 2px 3px 5px rgba(170,170,170,.32);
}
.market-tabs li {
float: left;
width: 23.5%;
margin-right: 2%;
text-align: center;
border: 1px #fe7a6c solid;
border-radius: .25rem;
line-height: .5rem;
color: #fe7a6c;
}
.market-tabs li:last-child {
margin-right: 0;
}
.market-tabs li.active {
background: #fe7a6c;
color: #fff;
}
.market-link {
margin: 0 .2rem;
padding: .2rem;
overflow: hidden;
border-radius: 9px;
background: #fff;
box-shadow: 2px 3px 5px rgba(170,170,170,.32);
}
.market-link .cont {
display: block;
overflow: hidden;
}
.market-link li {
float: left;
border: 1px #ccc solid;
line-height: .52rem;
border-radius: .26rem;
padding: 0 .2rem;
font-size: .26rem;
margin-right: .1rem;
}
.market-link li.active {
background: #fe7a6c;
color: #fff;
border: 1px #fe7a6c solid;
}
.market-link .search {
float: right;
overflow: hidden;
border: 1px #ccc solid;
width: 2.2rem;
border-radius: .26rem;
padding: 0 .2rem;
font-size: .26rem;
}
.market-link .search input {
width: 100%;
border: none;
color: #999;
line-height: .52rem;
}
.market-link .search i {
color: #999;
line-height: .52rem;
}
.market-list {
display: block;
overflow: hidden;
padding-bottom: .1rem;
}
.market-list li {
margin: .2rem .2rem 0;
padding: .2rem;
overflow: hidden;
border-radius: 9px;
background: #fff;
box-shadow: 2px 3px 5px rgba(170,170,170,.32);
}
.market-list li .litpic {
float: left;
width: .8rem;
height: .8rem;
overflow: hidden;
}
.market-list li .litpic img {
display: block;
width: 100%;
}
.market-list li .center {
float: left;
width: calc(100% - 2.2rem);
margin-left: .2rem;
overflow: hidden;
}
.market-list li .center .info {
display: block;
overflow: hidden;
line-height: 1.4;
}
.market-list li .center .info span {
float: left;
width: 2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.market-list li .center .business {
display: block;
overflow: hidden;
}
.market-list li .center .business span {
float: left;
color: #fe7a6c;
line-height: .4rem;
font-size: .26rem;
margin-right: .2rem;
}
.market-list li .right {
float: right;
width: 1.2rem;
overflow: hidden;
}
.market-list li .right button {
float: right;
border: none;
background: #fe7a6c;
color: #fff;
height: .6rem;
line-height: .6rem;
padding: 0 .2rem;
margin-top: .1rem;
border-radius: .3rem;
font-size: .28rem;
}
.business-form {
padding: .2rem;
overflow: hidden;
}
.business-form .form-group {
display: block;
overflow: hidden;
padding: .2rem 0;
border-bottom: 1px #ccc solid;
}
.business-form .group-label {
position: relative;
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
padding-right: .2rem;
}
.business-form .group-label:last-child {
padding-right: 0;
}
.business-form .group-input {
position: relative;
display: table-cell;
white-space: nowrap;
width: 100%;
}
.business-form .group-input input {
display: block;
width: 100%;
background: #fff;
border: none;
height: .6rem;
text-align: center;
padding: 0 .1rem;
}
.business-form .group-label button {
margin-left: .2rem;
}
.inside-info {
padding: .4rem;
background: #fe7a6c;
color: #fff;
overflow: hidden;
text-align: center;
}
.inside-info span {
display: block;
overflow: hidden;
}
.inside-info font {
display: block;
overflow: hidden;
font-size: .4rem;
}
.inside-link {
padding: 0 .2rem;
overflow: hidden;
background: #fff;
margin-top: .2rem;
}
.inside-link li {
display: block;
overflow: hidden;
border-bottom: 1px #d8d8d8 solid;
padding: .2rem 0;
}
.inside-link li:last-child {
border-bottom: none;
}
.inside-link li i {
float: right;
line-height: .4rem;
}
.inside-link li span {
float: left;
line-height: .4rem;
}
.inside-address {
padding: .2rem;
overflow: hidden;
}
.inside-address .ewm {
display: block;
overflow: hidden;
text-align: center;
}
.inside-address .ewm img {
display: inline-block;
width: 80%;
}
.inside-address li {
display: block;
overflow: hidden;
text-align: center;
}
.inside-address li span {
word-wrap: break-word;
}
.market-dialog {
padding: 0 .2rem;
overflow: hidden;
}
.market-dialog li {
padding: .1rem 0;
overflow: hidden;
}
.market-dialog li input {
display: block;
overflow: hidden;
padding: .1rem 0;
width: 100%;
line-height: .6rem;
border: 1px #d8d8d8 solid;
text-align: center;
}
/* advert */
.advert-add-title {
padding: .2rem;
overflow: hidden;
text-align: center;
font-size: .32rem;
}
.advert-menu {
overflow: hidden;
}
.advert-menu li {
float: left;
width: 25%;
text-align: center;
margin-top: .2rem;
}
.advert-menu li i {
font-size: .4rem;
width: .8rem;
height: .8rem;
border-radius: 9px;
overflow: hidden;
line-height: .8rem;
}
.advert-menu li font {
display: block;
}
.advert-form {
padding: 0 .2rem;
overflow: hidden;
}
.advert-form .group-content .bui-upload {
margin-top: .1rem;
display: inline-block;
}
.advert-form .group-content .bui-upload .bui-upload-thumbnail i.fa {
position: absolute;
right: 0;
top: 0;
}
.advert-form .group-content {
margin-top: .1rem;
}
.advert-form .radios input[type='radio'] {
float: left;
width: 23.5%;
margin-right: 2%;
margin-top: .1rem;
appearance: none;
-webkit-appearance: none;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #d8d8d8;
min-width: 1rem;
min-height: .6rem;
line-height: .6rem;
padding: 0 .1rem;
background: #fff;
}
.advert-form .radios input[type='radio']:before {
content: attr(uncheck);
}
.advert-form .radios input[type='radio']:focus {
outline: 0;
}
.advert-form .radios input[type='radio']:checked {
border: 1px #ff7400 solid;
}
.advert-form .radios input[type='radio']:nth-child(4n) {
margin-right: 0;
}
.advert-form .group-cont {
text-align: right;
}
.advert-form .group-cont i {
.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0