@charset "utf-8";


/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*{ margin:0px; padding:0px;}
body { color:#333; font-family:"微软雅黑", Arial;  font-size:14px; line-height:24px; background:#fff;}
body.bgfff{ background:#fff;}
body,html{ width:100%; height:100%;}
.bodyhid{ overflow:hidden;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#333; outline:none; star:expression_r(this.onFocus=this.blur());}
a:hover {text-decoration: none; color:#e31c23 ;cursor:pointer;}
img{ border:none;}
input[type=button], input[type=submit], input[type=reset] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
input:focus,input:hover,input:active {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}
select:focus,select:hover,select:active {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}
.cl{ clear:both; width:100%; overflow:hidden; height:0px}
.clins{ clear:both; width:100%; margin:0; height:50px;}
.conten{ margin:auto;}
.pointer { cursor:pointer; }
.NoBorder { border:0 none; }
.NoPadding { padding:0; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.Break { word-break:break-all; word-wrap:break-word; }
.Nobreak { word-break:keep-all; word-wrap:normal; }
.FL { float:left; }
.FR { float:right; }
.UnLine { text-decoration:underline; }
.DisunLine { text-decoration:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.wrapper { clear:both; overflow:hidden; }
.o-hidden { overflow:hidden; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.clear { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.FB { font-weight:bold; }
.FN { font-weight:normal; }
.FI { font-style:italic; }
.F10 { font-size:10px; }
.F11 { font-size:11px; }
.F12 { font-size:12px; }
.F13 { font-size:13px; }
.F14 { font-size:14px; }
.F16 { font-size:16px; }
.F18 { font-size:18px; }
.DivH5, .DivH10, .DivH15, .DivH20, .DivH25, .DivH30, DivH1, .DivH40 { width:100%; overflow:hidden; }
.DivH1 { height:1px; }
.DivH5 { height:5px; }
.DivH8 { height:8px; }
.DivH10 { height:10px; }
.DivH15 { height:15px; }
.DivH20 { height:20px; }
.DivH25 { height:25px; }
.DivH30 { height:30px; }
.DivH40 { height:40px; }
.DivH60 { height:60px; }
.DivH80 { height:80px; }
.LH1 { line-height:1px; }
.LH10 { line-height:10px; }
.LH15 { line-height:15px; }
.LH18 { line-height:18px; }
.LH20 { line-height:20px; }
.LH25 { line-height:25px; }
.LH30 { line-height:30px; }
.LH35 { line-height:35px; }
.color_green { color:#85c226; }
.color_red { color:#e8470a; }
.color_red1 { color:#F00; }
.color_yellow { color:#bf0000; }
.numadd span.hui{background:#ccc;}
.edta img{ max-width:100%; height:auto;}



.return{ position:fixed; width:100%; height:44px; line-height:44px; background:#fff; top:0; border-bottom:1px solid #eee; z-index:10;}
.returnpro{ width:100%; height:44px; line-height:44px;}
.return a{ display:block; background:url(../images/jt2.png) no-repeat 10px center; z-index:2; background-size:10px 17px; width:44px; height:44px; position:absolute;left:0px;top:0;}
.return p{ color:#666; text-align:center;width:100%;position:absolute;left:0;top:0; z-index:1; font-size:16px;}
.return a.jf{background:none;width:auto;position:absolute;left:auto;right:10px;top:0;color:#e31c23;}
.return a.jf img{width:25px; margin-top:8px;}

/*  header  */
.header{}
.header img{ display:block;}



/*  bannav  */

.bodbg{ background:#fff;}
.topim{ width:100%; height:auto;}
.topimg{ display:block; width:100%; height:auto;}

.draw{ position:relative; margin-bottom:-20px; z-index:3;}
.drawimg{ display:block; width:100%; height:auto;}
.drawpab{ position:absolute; left:10%; top:10px; text-align:center;}
.drawtim{ background:#92c331; padding:3px 4px; margin-bottom:10px;}
.drawtim p{ border:1px solid #fff; font-size:14px; color:#fff; padding:0 5px;}
.drawbck{ background:#5e7d8d; color:#fff; font-size:18px; font-weight:bold; line-height:32px; border-radius:3px; display:inline-block; padding:0 10px; box-shadow:1px 3px 0px #4d6977;}


.mianbt{ background: url(../images/miantbg.jpg) no-repeat center top/ 100% auto;}

.mianrtg{ position:relative; padding:35px 30px 0; background:url(../images/mianrtg01.png) no-repeat center bottom / 100% auto;}
.mianrstg{ position:relative; padding:35px 30px 20px; background:url(../images/mianrtg02.png) no-repeat center bottom / 100% auto;}
.mianrinp{ border:5px solid #fff; background:#efefef; border-radius:5px; padding:20px; position:relative;}
.mianctx{ background:url(../images/mianctx.png) no-repeat left center / 11px 16px; padding-left:16px; font-size:18px; color:#4d6977; font-weight:bold; line-height:36px; height:36px;}
.mianitx{ position:relative; padding:0 120px 0 0; margin-bottom:10px;}
.mianitx input{ background:#fff; border:1px solid #5e7d8d; height:32px; line-height:30px; width:100%; padding:0 5px; border-radius:3px;}
.miancom{ position: absolute; top:0; right:0; display:block; color:#4d6977; font-size:16px; width:115px; height:32px; line-height:32px;}
.mianipt { margin-bottom:20px;}
.mianipt input{ background:#fff; border:1px solid #5e7d8d; height:32px; line-height:30px; width:100%; padding:0 5px; border-radius:3px;}
.mianbck .mianbcktn{ background:#5e7d8d; color:#fff; display:block; border-radius:5px; font-size:16px; line-height:36px; height:36px; text-align:center;}

.mianrnote{ padding:10px 0; text-align:center; line-height:20px; color:#4d6977; position:relative; z-index:2;}

.icot01{ position:absolute; left:8px; bottom:0px;}
.icot01 img{ display:block; width:47px; height:44px;}


.drawlun{ position:relative; width:100%; height:0px; padding-bottom:100%; z-index:3;}

/* 大转盘样式 */
.banner{display:block;width:100%; height:100%;position:absolute; overflow:hidden;}
.banner .turnplate{display:block;width:100%; height:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}


.drawrem{ text-align:center; background:url(../images/drawrembg.png) no-repeat center top / 198px 30px; padding-top:30px; padding-bottom:20px; margin-top:-15px; position:relative;}
.drawremico{ position: absolute; right:-20px; bottom:40px;}
.drawremico img{ display:block; width:47px; height:63px;}


.drawrecor{ width:270px; background:#ebedf0; border:5px solid #92c331; border-radius:5px; margin:0 auto; position:relative;}
.drawrecortil{ height:31px; width:100%; position:absolute; top:-15px; background:url(../images/shotikl.png) no-repeat center center/115px 31px; text-align:center; color:#fff; line-height:30px; color:#cd2c26; font-size:14px; font-weight:bold;}
.drawrecorman{ padding:15px 0 10px;}
.drawrecorman li{ background:#fff; font-size:12px; line-height:32px; height:32px;}
.drawrecorman li:nth-child(2n){ background:#ebedf0;}

.shnamp{ display:inline-block; width:40%; text-align: right;}
.shnamt{ display:inline-block; width:20%; text-align:center;}
.shname{ display:inline-block; width:40%; text-align:  left;}


/*  padbor  */

.padborcol{ border:5px solid #fff; background:#efefef; border-radius:5px; padding:20px; position:relative; margin-bottom:20px;}

.restxmati{ font-size:19px; color:#4d788b; line-height:36px; font-weight:bold; text-align:center;}
.restxmatx{ padding:0 0 0 20px; color:#4d788b; line-height:28px; font-size:14px;}

.restxtal{ padding:0 10px ; color:#4d788b;}
.restxtal li{ margin:5px 0;}


.resutim{ height:22px; display:block;}
.resutimg{ height:22px; display:block; margin:0 auto;}

.saomatim{ width:100%; display:block; margin:0 auto;}
.saomatimg{ width:100%; display:block; margin:0 auto;}

/*  mask  */


.mask{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; display:none;}
.maskbg{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1003;}
.maskal{ position:absolute; left:2%; right:2%; top:2%; bottom:2%; width:96%; background: url(../images/maskbga.png) no-repeat center center/ 100% 100%; border-radius:5px; z-index:1010; padding:30px 20px 40px 25px;}
.masksel{ position:absolute; left:4%; right:4%; bottom:10px; width:92%; z-index:1010;}
.maskcol{ font-style:inherit; text-align:center; font-size:24px; line-height:30px; height:34px; width:34px; border-radius:50%; border:2px solid #fff; display:inline-block; float:left; position:absolute; right:0; top:0; cursor: pointer; background:#5e7d8d; color:#fff;}
.maskalte{ height:100%; padding-top:45px; position:relative;}
.masktxtdra{ overflow-y:auto; height:100%; padding-left:15px; color:#4d788b;}

.ruleim{ height:35px; display:block; position:absolute; left:0; top:0; width:100%;}
.ruleimg{ height:35px; display:block; margin:0 auto;}
.icolit li{ position:relative;}
i.icolitim{ position:absolute; left:-13px; top:8px; display:block; width:9px; height:9px; background:url(../images/icolit.png) no-repeat center center / 9px 9px;}