body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}

/*body{color:#333; font-size:12px;font-family:"Microsoft YaHei"}*/
body{ background-color: #000000;}
ul,ol,li{list-style-type:none; text-decoration: none;}
select,input,img,select{vertical-align:middle;}
input{ font-size:12px;}
.clear{clear:both;}
@font-face {font-family:"yyhyfont";src: url('../../../res/font/yyhyfont.woff?93') format('woff'),url('../../../res/font/yyhyfont.ttf?93') format('truetype')}
.ico{font-family:"yyhyfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block;}

/* 大转盘样式 */
.banner{display:block;width:79%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.1%;top:23%;}



#sbtn{ position: absolute;top: 85%;text-align: center;width: 100%; max-width: 750px; }

#sbtn img{ width: 24%;margin: 0 20px; }

#sbtn li{ width: 33.33%; float: left;}
#sbtn li a{ text-decoration: none; display: inline-block;padding: 10px 20px 10px 20px; background-color: #ff9900;  color:#ffffff; border-radius:.5rem; }

.dllh{ display: none;}
.dllh  a{ text-decoration: none; display: inline-block;padding: 15px 20px 15px 20px;background-image:-webkit-linear-gradient(left,rgba(174,124,20,.99),rgba(226,186,84,.99));color:#ffffff; border-radius:.5rem; }


.hclh{ display: none;}
.hclh  a{ text-decoration: none; display: inline-block;padding: 15px 20px 15px 20px;background-image:-webkit-linear-gradient(left,rgba(106,10,2,.99),rgba(170,30,20,.99));color:#ffffff; border-radius:.5rem; }

.zjlh{ display: none;}
.zjlh  a{ text-decoration: none; display: inline-block;padding: 15px 20px 15px 20px;background-image:-webkit-linear-gradient(left,rgba(106,10,2,.99),rgba(170,30,20,.99));color:#ffffff; border-radius:.5rem; }

.zjlhs{ display: none;}
.zjlhs  a{ text-decoration: none; display: inline-block;padding: 15px 20px 15px 20px;background-image:-webkit-linear-gradient(left,rgba(106,10,2,.99),rgba(170,30,20,.99));color:#ffffff; border-radius:.5rem; }


#lianhuad{ position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1;  display: none; max-width: 750px; }
.lianhuadb{ width: 80%; margin: 0 auto; text-align: center;  padding-top: 20%;padding-left: 1%;padding-right: 1%;  overflow: hidden; display: block; z-index: 1; }
.lianhuadpic{ width: 100%; /* 留出阴影空间 */
  }
.lianhuadb img{ width: 98%; border-radius:.5rem;  -webkit-box-shadow: 0 0 8px #fff;
          box-shadow: 0 0 8px #fff;border:#000 1px solid;
	/*
  -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, #0005);
*/
}
.lianhuadc{width: 100%; margin: 0 auto; color:#FFFFFF; text-align: center; line-height: 40px; display: block;}
.lianhuadbg{ position:fixed; width: 100%; height: 100%; margin: 0; padding: 0; left: 0; top:0; background-color: #000000;display: block; overflow: hidden; opacity:0.75;z-index:-1}
.lianhuadc i{color:#FFFFFF; font-size: 28px;}

#lianhua9{ position: absolute; width: 100%; height: 100%; margin: 0; padding: 0;  display: none;}
#lianhua9b{ margin: 0 auto; text-align: center;  padding-top: 70%; }




/* 定义动画 */
@keyframes slideUp {
  from {
    transform: translateY(100%); /* 从底部开始 */
  }
  to {
    transform: translateY(0); /* 移动到初始位置 */
  }
}

/* 应用动画 */
.lianhua9b {
  animation: slideUp 3s forwards; /* 动画名称，持续时间，保持结束状态 */
}



/*确定对话*/
/*
@keyframes small_big{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);z-index:100;}}
.small_big{-webkit-animation-name:small_big;animation-name:small_big;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both; z-index:100;}
*/
/*


#confirm_box,
#alert_box{width:30rem;margin:auto;left:0;right:0;min-height:15rem;max-height:90vmin;text-align:left;padding:2.5rem 2rem 7rem 2rem;clear:both;overflow:auto;position:fixed;border-radius:.6rem;background-color:#ffffff;color:#333;box-shadow:1px 1px 5rem rgba(0,0,0,.3);z-index:999;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;}

#confirm_title,#alert_title{font-size:1.4rem;line-height:150%}
#alert_title img{width:40%;margin:0 auto;border:#eee 1px solid;padding:.2rem}
#confirm_ok,#confirm_cancel,#alert_close,#alert_back{position:absolute;right:2rem;bottom:2.5rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:.3rem}
#confirm_ok{padding-left:2.5rem;padding-right:2.5rem}
#confirm_ok{right:11rem}
#alert_back{left:2rem;right:auto}

#msg_box{min-width:4rem;max-width:70vw;line-height:2.4rem;padding:1rem 2rem;position:fixed;border-radius:.5rem;background-color:rgba(0,0,0,.9);z-index:999;-webkit-user-select:none}
#msg_box .title{font-size:1.4rem;color:#fff}
.btn{vertical-align: middle;outline:0;background-color:#0192cb;white-space:nowrap;border-radius:.4rem;height:3rem;line-height:3rem;color:#fff;padding:0 1rem;font-size:1.2rem;cursor:pointer;border:0;display:inline-block;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-user-select:none;-webkit-appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
input.center{margin:0 auto;display:block}
*/


/*确定对话*/


.dgcp{position:absolute; width:100%; height:100%;max-width: 750px;z-index:99;  overflow:hidden; display:none;}

.dgcpbgz{ position:absolute; background-color:#000;top:0; left:0; width:100%; height:100%; max-width: 750px;opacity:0.5}
.dgcpbg{ position:absolute; width:100%; max-width: 750px; margin: 0 auto;  min-height:70%;left:0;bottom:0; border-radius:.5rem .5rem 0rem 0rem; float:left;box-shadow: 0 2px 5px rgba(0, 0, 0, .08), 0 0 2px rgba(0, 0, 0, 0.1); padding:10px 0px 10px 0px; display:inline-block; overflow:hidden; background-color:#fff; z-index:99;opacity:0.95 }
.dgcpleft{  padding:5px 10px 5px 10px;}
.dgbt{ height:3rem;line-height:3rem;font-size:16px; font-weight:bold; display:inline-block;vertical-align:middle;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgbtl{ float:left;}
.dgbtr{ float:right;}
.splb{ width:100%; max-height:400px; overflow-y:scroll;}
.splb li{ float:left; width:100%; margin-bottom:10px; background-color:#f2f2f2;border-radius:.5rem; display:block;}
.splb li span{ height:4rem; line-height:4rem; padding-left:10px;}
.splb li .spggmc{float:left; width:66%; line-height:4rem; overflow:hidden;}
.splb li .spjg{ float:right; padding-right:10px;}
.splb li.ed{ background-color:#ff9900; color:#FFF;}


/*确定对话*/
#confirm_box{ background-image:url('../images/msgbg.png');}
#confirm_box,
#alert_box{width:80%; max-width: 750px; margin:auto;left:0;right:0;min-height:15rem;max-height:90vmin;text-align:left;padding:2.5rem 2rem 7rem 2rem;clear:both;overflow:auto;position:fixed;border-radius:.6rem;color:#333;box-shadow:1px 1px 5rem rgba(0,0,0,.3);z-index:999;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;}
#confirm_title,#alert_title{font-size:1.4rem;line-height:150%}
#alert_title img{width:40%;margin:0 auto;border:#eee 1px solid;padding:.2rem}
#confirm_ok,#confirm_cancel,#alert_close,#alert_back{position:absolute;right:2rem;bottom:2.5rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:.3rem}
#confirm_ok{ width: 6rem; text-align: center;}
#confirm_ok{left: 2rem}
#confirm_cancel{ width: 6rem; text-align: center;}
#alert_back{left:2rem;right:auto}

#msg_box{min-width:4rem;max-width:70vw;line-height:2.4rem;padding:1rem 2rem;position:fixed;border-radius:.5rem;background-color:rgba(0,0,0,.9);z-index:999;-webkit-user-select:none}
#msg_box .title{font-size:1.4rem;color:#fff}
.btn{vertical-align: middle;outline:0;background-color:#0192cb;white-space:nowrap;border-radius:.4rem;height:3rem;line-height:3rem;color:#fff;padding:0 1rem;font-size:1.2rem;cursor:pointer;border:0;display:inline-block;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-user-select:none;-webkit-appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
input.center{margin:0 auto;display:block}

/*确定对话*/


/*div*/
#div_box,#div_boxm{clear:both;overflow:auto;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;border-radius:1.2rem;background-color:#fff;box-shadow:.1rem .1rem 5rem rgba(0,0,0,.3);z-index:999}
.div_title{position:absolute;top:0;left:0;text-align:left;padding:0 0 0 2rem;height:5rem;line-height:5rem;width:100%;box-sizing:border-box;border-bottom:0px solid #eee;font-size:1.6rem;color:#000;overflow:hidden;background-color:#fff;cursor:move;-webkit-user-select:none}
.div_div{position:absolute;top:5rem;left:0;background:#fff;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.div_close{position:absolute;top:0;right:0;width:5rem;height:5rem;cursor:pointer;display:inline-block}
.div_close:before,.div_close:after{position:absolute;content:'';box-sizing:border-box;background-color:#000;width:.1rem;height:1.4rem;top:1.5rem;right:2.4rem;}
.div_close:before{transform:rotate(-45deg)}
.div_close:after{transform:rotate(45deg)}
.div_close:hover:before,.div_close:hover:after{background-color:#fff}





.div_pic{position:absolute;z-index:1}
.div_pic_close{position:absolute;left:45%;bottom:-5rem;width:4rem;height:4rem;line-height:4rem;color:#fff;z-index:2}
.div_pic_close:hover{color:#FD66B5;cursor:pointer}
.div_pic_close i.ico{font-size:3rem;}
.div_pic_div{position:absolute;top:0;left:0;overflow-x:hidden}

/*divBottom*/
.divBottom_box{width:100%;clear:both;overflow:auto;background-color:#fff;text-align:left;position:fixed;bottom:0;z-index:999}

/* ✅ 图标容器 - 占满顶部宽度 */
.ysgzz {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 750px;
    z-index: 999;
}

/* ✅ 图标行 - 宽度100%，让子元素能左右分布 */
.ysgz {
    position: relative;
    width: 100%;
    height: 30px;
    top: 15px;
    z-index: 2;
    display: block;
}

/* ✅ 首页图标（第一个li）→ 左上角 */
.ysgz li:first-child {
    float: left;
    margin-left: 10px;
}

/* ✅ 我的图标（第二个li）→ 右上角 */
.ysgz li:last-child {
    float: right;
    margin-right: 10px;
}

/* ✅ 图标样式 */
.ysgz li i {
    color: #FFFFFF;
    font-size: 24px;
    opacity: 0.8;
}

/*
.ysgz a{display: block; color: #FFFFFF; text-decoration: none; background-color: #0D1C45; text-align: center; line-height: 30px;border-radius:2rem;}
*/

/* ✅ 查看详细按钮 - 照片右下角 */
.btn-detail {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0,0,0,0.65);
    color: #fff;
    font-size: 13px;
    padding: 6px 14px;
    border-radius: 20px;
    text-decoration: none;
    z-index: 10;
}
.btn-detail:hover {
    background: rgba(0,0,0,0.85);
}