* {margin:0; padding:0;}
body {background:#f0f0f0;}
img {display:block;}
a {text-decoration: none;}
ul {list-style:none;}
.flex{display:-webkit-box;display:-webkit-flex;display:flex}
.flex-row{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row}
.flex-col{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}
.flex-grow-0{min-width:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.flex-grow-1{min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.flex-x-center{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex-y-center{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}
.flex-y-bottom{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}
.TopNav {height:1.2rem; line-height:1.2rem; padding:.6rem .5rem 0 .5rem; background:#222222; color:#fff; font-size:.5rem; }
.header {padding:.12rem 0; text-align:center; color:#ad7f26; font-size:.2rem; font-weight:bold; background:#fff; box-shadow:0 0px .2rem 0 rgba(255, 145, 0, .4)}
.wrap {  position:relative;margin:0 auto; width:10.8rem;background:#d63336; box-shadow:0 0px .2rem #999}
.contentBox { margin:0 auto;  }
.hr {height:.3rem; width:100%; clear:both;overflow:hidden; line-height:100rem;}
	.IndexTabBoxBySea {width:100%; position:relative;}
	.IndexTabBoxBySea .TabBox {height:1.5rem; width:calc(100% - .7rem);  position: absolute; left:.35rem; top:0; z-index:1}
	.TabPicsBox {width:100%; }

	.bottomBox {width:100%; height:1.8rem;}
	.bottomFixBox {width:10.8rem; position:fixed; height:1.5rem; background-image: linear-gradient(90deg, #ff9233, #fe5136 31%, #fd2245 64%, #fd227a); bottom:0; z-index:2}
	.bottomFixBoxTxt {display:block; padding:.2rem .5rem;     border-radius: 1rem;
    background-color: rgb(230, 50, 46);
    color: rgb(250, 24, 24);
    text-shadow: 0 2px 0 #fff;
	font-weight:bold;
    background-image: linear-gradient(90deg, rgb(255, 243, 218) 4%, rgb(255, 231, 162) 96%); font-size:.5rem; animation: myBreath 1s linear infinite;}
	@keyframes myBreath {
            0%{
                transform: scale(0.88);
            }
            50%{
                transform: scale(100%);
            }
            100%{
                transform: scale(0.88);
            }
        }
.FooterInfo {font-size:.5rem; color:#fff}