121 lines
14 KiB
CSS
121 lines
14 KiB
CSS
*{padding: 0; margin: 0;}
|
|
li{list-style: none;}
|
|
.box-sizing{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
|
|
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
|
|
input,img,select,button{vertical-align:middle; border:none; text-decoration: none; outline:none;}
|
|
input::-moz-focus-inner{border: 0; padding: 0;}
|
|
img{max-width: 100%; height: auto; width:auto\9; /* ie8 */ -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/ line-height: 1.5;}
|
|
body{background-color:#169C95; line-height: 1.5; min-width:1250px;}
|
|
.clearfix{zoom:1;}
|
|
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
|
|
.fl{float:left;}
|
|
.fr{float:right;}
|
|
/*定时器弹窗提示*/
|
|
.a_lert{position: fixed; top: 50%; margin-top: -5%; z-index: 9999; left: 0; width: 100%;}
|
|
.a_lert .a_box{text-align: center; overflow: hidden; background: rgba(0, 0, 0, 0.65); border-radius: 5px; display: table; margin: 0 auto;}
|
|
.a_lert .a_box span{line-height: 2.5; color: #A8A8A8; font-size: 13px; min-width:400px; display: block;}
|
|
.a_lert .a_box p{line-height: 2.5; font-size: 15px; color: #EFEDED; padding: 8px 15px; letter-spacing: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
|
|
/*结果弹窗*/
|
|
@-webkit-keyframes bounceIn{0%{opacity: .8; -webkit-transform: scale(0.5);} 100%{opacity: 1; -webkit-transform: scale(1);}}
|
|
@-moz-keyframes bounceIn{0%{opacity: .8; -moz-transform: scale(0.5);} 100%{opacity: 1; -moz-transform: scale(1);}}
|
|
@-o-keyframes bounceIn{0%{opacity: .8; -o-transform: scale(0.5);} 100%{opacity: 1; -o-transform: scale(1);}}
|
|
@keyframes bounceIn{0%{opacity: .8; transform: scale(0.5);} 100%{opacity: 1; transform: scale(1);}}
|
|
.pop-box{width: 400px; height: 342px; position:fixed; left: 50%; top: 50%; margin-top: -171px; margin-left: -200px; -webkit-animation: bounceIn .3s 0s ease both; -moz-animation: bounceIn .3s 0s ease both; -o-animation: bounceIn .3s 0s ease both; animation: bounceIn .3s 0s ease both;}
|
|
.bodyhd{width: 100%; background-color: #169C95; height: 30px; color: #fff; font-size: 16px; line-height: 30px; position: fixed; top: 0; left: 0; z-index: 999;}
|
|
.bodyhd .titlename{padding-left: 20px; float: left;}
|
|
.bodyhd .btn{float: right;}
|
|
.bodyhd .btn span{width: 30px; height: 30px; display: inline-block; position: relative; /*background: pink*/}
|
|
.bodyhd .btn span:active{opacity: 0.6}
|
|
.bodyhd .btn .minimize::before{content: ''; display: inline-block; width: 16px; border-bottom: 2px solid #fff; position: absolute; right: 6px; top: 15px; z-index: 200;}
|
|
.bodyhd .btn .maximize::before{content: '□'; display: inline-block; font-size: 32px; position: absolute; font-weight: bold; right: 5px; top: -3px; z-index: 200;}
|
|
.bodyhd .btn .close::before{content: '✕'; display: inline-block; font-size: 22px; position: absolute; font-weight: normal; right: 6px; top: 1px; z-index: 200;}
|
|
.leftnav{top:100px}
|
|
.baccarat_head{background-color: #56D7CF; margin:15px; border-radius: 10px; overflow: hidden; min-width: 1000px;}
|
|
.baccarat_head .logo{width:22%; line-height:0; margin: 5px 0; display: table-cell; vertical-align: middle;}
|
|
.baccarat_head .logo img{width: 100%; padding: 8px; padding-right: 0;}
|
|
.baccarat_head .message{vertical-align: middle; width: 70%; display: table-cell;}
|
|
.baccarat_head .hd{display: table; padding:4px 8px; width: 100%; padding-bottom: 0;}
|
|
.baccarat_head .hd .item{display: table-cell;}
|
|
.baccarat_head .hd .item .box{margin: 4px; border: 2px solid #1b4100; border-radius: 8px; padding: 0 6px; margin-bottom:0;}
|
|
.baccarat_head .hd .item label{font-size: 20px; font-weight: 500; color: #103100; float: left; width: 45%; text-align: center; line-height: 42px;}
|
|
.baccarat_head .hd .item input{float: left; font-size: 24px; font-weight: 500; width: 75%; margin: 4px 0; border-radius: 5px; padding: 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color: #bc2f35;}
|
|
.notice{background: #fff; text-align: center; font-size: 14px; margin:0 14px; margin-top: 20px; color: #8d9b90; padding: 0.6% 0;}
|
|
.notice:last-child{margin-bottom: 8px;}
|
|
.baccarat_mian{margin:0 15px; margin-bottom: 15px;}
|
|
.baccarat_mian .item{background: #56D7CF; padding: 9px 0; border-radius: 10px; margin-bottom: 10px; position:relative;}
|
|
.baccarat_mian .item canvas{background: #fff; margin: 0 auto; display: block; border: 2px solid #000;}
|
|
.baccarat_mian .item .ft{display: table; width: 100%}
|
|
.baccarat_mian .canvas-box{display: table-cell; background: #56D7CF; padding: 9px 0; border-radius: 10px; vertical-align: middle;}
|
|
.baccarat_mian .canvas-box canvas{background: #fff; margin: 0 9px; display: block; border: 2px solid #000;}
|
|
.baccarat_mian .hints{width: 515px; /*display: table-cell;*/ background: #c3e67d; border-radius: 10px; vertical-align: middle; min-width: 100px; position:absolute; right: 1.1%; bottom:4.2%;}
|
|
.baccarat_mian .hints .box{background: #fff; display: block; border: 2px solid #000; margin: 0 auto; /*position: absolute;*/ padding: 4px; /*width: 90%;*/ /*text-align: center;*/}
|
|
.baccarat_mian .hints .box i.iocn_1{width: 18px; height: 18px; border-radius: 100px; border:2px solid red; float: left; margin-left:10px; margin-top: 8px;}
|
|
.baccarat_mian .hints .box i.iocn_2{width: 22px; height: 22px; border-radius: 100px; background: red; float: left; margin-left:10px; margin-top: 8px;}
|
|
.baccarat_mian .hints .box i.iocn_3{position: relative; width: 22px; height: 22px; float: left; margin-left:10px;}
|
|
.baccarat_mian .hints .box i.iocn_3:after{content: ""; height: 22px; border-left:3px solid red; position: absolute; left: 5px; margin-top: 8px; border-radius: 5px; transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari 和 Chrome */ -o-transform:rotate(30deg);}
|
|
.baccarat_mian .hints .box i.iocn_4{width: 18px; height: 18px; border-radius: 100px; border:2px solid #1C7ED0; float: left; margin-left:10px; margin-top: 8px;}
|
|
.baccarat_mian .hints .box i.iocn_5{width: 22px; height: 22px; border-radius: 100px; background: #1C7ED0; float: left; margin-left:10px; margin-top: 8px;}
|
|
.baccarat_mian .hints .box i.iocn_6{position: relative; width: 22px; height: 22px; float: left; margin-left:10px;}
|
|
.baccarat_mian .hints .box i.iocn_6:after{content: ""; height: 22px; border-left:3px solid #1C7ED0; position: absolute; left: 5px; margin-top: 8px; border-radius: 5px; transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari 和 Chrome */ -o-transform:rotate(30deg);}
|
|
.clear{clear:both}
|
|
.margin-tab{display: table-cell; width: 9px; vertical-align: middle; min-width: 9px;}
|
|
.baccarat_mian .denote{display: table-cell; background: #56D7CF; border-radius: 10px; vertical-align: top;}
|
|
.baccarat_mian .denote .top{display: table; width: 95%; padding: 6px 6px 0 6px; margin: 0 auto;}
|
|
.baccarat_mian .denote .top span{display: table-cell; border-left: 1px solid #2f5c00; text-align: center; vertical-align: middle; color: #255d00; font-size: 20px; font-weight: 500; min-width: 90px;}
|
|
.baccarat_mian .denote .top span:first-child{border-left: none;}
|
|
.baccarat_mian .denote .top span small{display: block; font-size: 12px; line-height: 1;}
|
|
.baccarat_mian .denote .num{width: 95%; background: #fff; height: 30px; margin: 0 auto; font-size: 16px; line-height: 30px; display: table; margin-top: 4px;}
|
|
.baccarat_mian .denote .num span{display: table-cell; text-align: center; font-weight: 500; width: 67px;}
|
|
.baccarat_mian .denote .title{display: table; width: 300px; margin: 0 auto; margin-top: 4px;}
|
|
.baccarat_mian .denote .title span{display: table-cell; padding:5px 0; text-align: center; color: #255d00; font-weight: 500; padding-left: 70px}
|
|
.baccarat_mian .denote .title span small{display: block; line-height: 1;}
|
|
/*.baccarat_mian .bte-box{margin-top: -15px;}*/
|
|
.baccarat_mian .bte-box .list{display: table; width: 90%; position: relative; padding-left: 100px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin: 20px auto;}
|
|
.baccarat_mian .bte-box .list label{font-size: 18px; font-weight: 500; color: #255d00; text-align: center; font-weight: 500; display: table-cell; vertical-align: middle; width: 100px; position: absolute; top: 0; left: 10px;}
|
|
.baccarat_mian .bte-box .list label small{display: block; font-size: 12px;}
|
|
.baccarat_mian .bte-box .list .items{display: table-cell; vertical-align: middle; width: 50%; position: relative;}
|
|
.baccarat_mian .bte-box .list .items .pr10{padding-right: 10%; display: table-cell;}
|
|
.baccarat_mian .bte-box .list .items i{position: absolute; top: 2px;left: 9px;}
|
|
.baccarat_mian .bte-box .list .items input{font-size: 18px; font-weight: 500; padding: 0 10px; padding-left: 50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 90%; height: 28px; line-height: 28px;}
|
|
.black_overlay{display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:99; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88);}
|
|
.table_id_content{display: none; text-align: center; position: absolute; top: 50%; left: 50%; width: 23%; height: 3%; padding: 20px; border: 10px solid #169C95; background-color: white; z-index:999; overflow: auto; border-radius: 8px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-weight:bold; min-width: 375px;}
|
|
.table_info_content{display: none; position: absolute; width: 40%; z-index: 999; left: 50%; top: 50%; padding: 10px; border: 10px solid #169C95; background-color: #56D7CF; z-index:1002; border-radius: 8px; min-width: 620px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-weight:bold;}
|
|
.table_id_content .table_button{background-color: #169C95; height: 26px; color: #fff; border-radius: 5px; padding:1px 5px 3px 5px; cursor:pointer;}
|
|
.table_info_content .table_info_line{background-color: white; padding: 5px; margin-bottom: 10px; overflow:hidden;}
|
|
.table_info_button{padding-top: 5px; text-align: center;}
|
|
.table_info_button .table_button{margin-top: 5px; background-color: #169C95; color: #fff; padding: 5px; border-radius: 5px; margin-right: 2%; margin-left: 2%; cursor:pointer;}
|
|
.table_info_line .info_memo{vertical-align: top; padding-top: 1px; border: 1px solid #C4C4C4; margin-left: 10px; width: 92%; line-height: 1.5;}
|
|
.table_info_line .compensation_cns{width: 115px; float: left;}
|
|
.compensation_cns .compensation_eng{color: #6D6D6D; text-align: center;}
|
|
.table_info_line .compensation_momey{float: left; line-height: 48px; padding-left: 5%;}
|
|
.table_info_line .chose_momey{float:left; line-height: 48px; padding-left: 10%;}
|
|
.chose_momey .c_momey{border: 1px solid #000;}
|
|
.info_table_style{text-align: center; float: left; padding:1%;}
|
|
.font_style{width: 100%; text-align: center;}
|
|
.input_style{vertical-align: top; padding-top: 1px; width: 150px;}
|
|
.iframe-box{position: fixed; top: 0; left: 0; width: 80%; height: 88%; padding:6% 10% 0; background: rgba(0,0,0,0.5); z-index: 999;}
|
|
.iframe-box .title{text-align: center; font-size: 14px; position: relative; background:#fff; font-weight: normal; padding: 5px; border-bottom: 1px solid #ccc;}
|
|
.iframe-box iframe{width: 100%; min-height: 720px;}
|
|
.baccarat_mian .denote .bte-box{margin-top: -15px;}
|
|
.off-btn{position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 100px; background: #fff; -webkit-box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.45); box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.45);}
|
|
.title-table{float: left; font-size: 24px; font-weight: 500; width: 55%; margin: 4px 0; border-radius: 5px; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #bc2f35;background: #fff;}
|
|
.system-btn{overflow:hidden;}
|
|
.system-btn div{float:left; width:86px; border-radius:5px; height:40px; line-height:40px; text-align:center; background:#56D7CF; overflow:hidden; cursor:pointer; margin-left:20px; color:#fff;}
|
|
/* 隐藏的提交按钮 */
|
|
.dosubmit-area{width:500px; height:350px; position:fixed; right:-472px; top:26%; background:#6A9E76; border-radius:5px 0px 0px 5px; overflow:hidden;}
|
|
.animate-page{font-family:"黑体"; width:28px; float:left; overflow:hidden; line-height:350px; text-align:center; color:#fff; cursor:pointer;}
|
|
.animate-table{width:472px; margin:30px auto 0;}
|
|
.submit-table{width:90%; margin:0 auto;}
|
|
.submit-table td{text-align:center; padding:0; margin:0; width:20%;}
|
|
.submit-table .result-btn,.submit-table .result-btn-pair{display:inline-block; width:100%; height:40px; overflow:hidden; background:#999; color:#fff; text-align:center; line-height:40px; cursor:pointer;}
|
|
.submit-table #dosubmit{display:inline-block; margin-top:20px; width:310px; height:40px; text-align:center; line-height:40px; background:#f00; color:#fff; cursor:pointer; border-radius:5px;}
|
|
.begin-button{color: white; background-color: #1EB848; border-radius: 5px; margin-top: 20px; cursor:pointer; height:40px; line-height:40px; text-align:center; margin: 0 auto 20px; width: 120px;}
|
|
/* 状态及信息区 */
|
|
.baccarat_mian .denote{overflow:hidden; border: 10px solid #56D7CF; background: #fff; position:relative}
|
|
.baccarat_mian .denote .denote-left{width: 50%; text-align: center; padding-top: 5%; font-size: 24px; }
|
|
.baccarat_mian .denote .denote-right{width: 50%; position:absolute; height:100%; right:0;top:0;}
|
|
.denote-boot-count{width:100%; margin:0px auto; border-collapse: collapse; height:99.4%;}
|
|
.denote-boot-count td{width:20%; text-align:center; border:2px solid #000; padding:0; font-size:13px; background:#1EB4AB; color:#fff; height:11.11%; font-weight:bold; font-family:"宋体";}
|
|
.denote-boot-count td.denote-online-number{padding-left:10px; padding-right:10px;}
|
|
.denote-online-number b{display:block; float:left;}
|
|
.denote-online-number span{display:block; float:right;} |