html,body,#container{width: 100%;height: 100%;overflow: hidden;margin: 0;padding: 0}
a, button, h1, h2, h3, h4, h5, h6, input, ol, p, textarea, th, ul {background: transparent;border: 0;border-radius: 0;font: inherit;list-style: none;margin: 0;outline: 0;overflow: visible;padding: 0;vertical-align: baseline;}
#bOpt{display: none;}
#searchPane{position: absolute;width:336px;margin:10px;left: 0px;top: 0px;z-index: 15;background-color: #FFFFFF;box-shadow: 0 2px 4px rgb(0 0 0 / 20%), 0 -1px 0px rgb(0 0 0 / 2%);}
#searchPane>#searchDiv{display: flex;}
#searchPane>#searchDiv>.menu{display: block;cursor: pointer;padding: 12px 16px 10px 16px;}
#searchPane>#searchDiv>.search{display: block;padding: 12px 16px 10px 16px;}
#searchPane>#searchDiv>.search>input{border: none;font-size: 16px;width: 256px;}
#searchPane>#searchDiv>.searchBtn{display: block;padding: 12px 16px 10px 16px;cursor: pointer;}
#mainPane{display: none;position: absolute;top: 0;z-index: 10;left: 0;opacity: 1;width: 400px;height: 100%;box-shadow: 0 0 20px rgb(0 0 0 / 30%);background-color: #F5F5F5;overflow-x: hidden;overflow-y: auto;}
#mainPane::-webkit-scrollbar {width: 6px;}
#mainPane::-webkit-scrollbar-thumb {background-color: #888;}
#mainPane::-webkit-scrollbar-track {background-color: #f0f0f0;}
#topDiv{position: relative;width: 100%;height: 265px;background-color: #FFFFFF;border-bottom: 1px solid #E8EAED;}
#topDiv>img{position: relative;text-align: left;bottom: -70px;padding: 5px 25px;margin: 5px 25px;cursor:pointer;}
#topDiv>img:hover{position: relative;text-align: left;bottom: -70px;padding: 5px 25px;margin: 5px 25px;box-shadow: 0px 0px 5px #ccc;border-radius: 40px;}
#topDiv>.title{position: relative;font-size: 20px;text-align: left;bottom: -70px;padding: 10px 20px;font-weight:900;}
#topDiv>h5{position: relative;bottom: -70px;padding: 10px 20px;}
#bottomDiv{position: fixed;left: 145px;bottom: 14px;flex: none; z-index: 10;}
#hideBtn{align-items: center;display: flex;justify-content: center;padding: 6px 16px 6px 12px;background-color: #fff;border-radius: 36px;height: 25px;cursor: pointer;border: 1px solid #dadce0;box-shadow: 0 1px 6px rgb(60 64 67 / 28%);}
#hideBtn>span{margin-left: 8px;vertical-align: middle;max-width: 240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;color: #3C4043;}
#lnhamImg{margin-left: 8px;}
#bg9egaImg{margin-left: -5px;}
#friendLink{max-height: 430px;}
#morelink{text-align: center;height: 30px;width: 100%;position: absolute;background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 60%);bottom: -9px;left: 0px;}
#morelink span{color: #5470C6;cursor: pointer;}
.whiteDiv{border-bottom: 1px solid #E8EAED;border-top: 1px solid #E8EAED;margin-top: 8px;position: relative;background-color: #FFFFFF;padding: 5px;}
.whiteDiv>.title{font-weight:900;font-size: 15px;overflow: hidden;padding: 10px 10px;text-overflow: ellipsis;}
.funcBtn{display: flex;justify-content: space-around;}
.funcItem{padding: 5px;width: 66px;cursor: pointer;}
.funcItem:hover{background-color: #F1F3F4;color:#5470C6;}
.funcItem>.funcItem0{text-align: center;margin-bottom: 5px;}
.funcItem>.funcItem0>i{font-size:40px;}
.funcItem>.funcItem1{text-align: center;}
.shopItem{display: flex; justify-content: left;}
.shopItem>.shopItem0>img{width: 25px;height: 25px;}
.shopItem>.shopItem1{margin-left: 15px;line-height: 25px;font-size: 15px;}
.textCenter{text-align: center;padding: 10px 20px;}
.textLeft{text-align: left;padding: 10px 20px;}
.zeroBottom{padding-bottom: 0px;}
.subtext{margin: 8px;}
.subimg{height:45px;}
.subimg>img{height:45px;}
.siteCard{padding:10px 0px 10px 0px;cursor: pointer;margin:10px 0px 10px 0px;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i:hover{color:#5470C6;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color:#5470C6;}
.userlinkmsg{color:green;cursor:pointer;}
.userlinkstate{color:#b400ff;cursor:pointer;}
.layui-form-select dl dd.layui-this {background-color: #5470C6;color: #fff;}
.mainTitle{min-width: 320px;}
.winline{margin:0px;min-width: 320px;}
.mainWin{margin-bottom: 10px;}
.mainWin>font,.mainWin>b{line-height: 18px;}
.mainPath{white-space: nowrap;padding-right: 20px;}
.showTime .layui-form-label{width:60px;}
.showTime .layui-input-inline{width:230px;}
.showTime .layui-form-item{margin-bottom:5px;}
.tagDiv{line-height: 35px;}
.tagDiv>.layui-form-checkbox{margin-right: 5px;}
.tagDiv>.layui-form-checked span, .tagDiv>.layui-form-checked:hover span{background-color: #5470C6;}
.tagDiv>.layui-form-checked i, .tagDiv>.layui-form-checked:hover i{color:#5470C6;}
.tracking .layui-form-onswitch{border-color:#5470C6;background-color:#5470C6;}
#trackCall{cursor: pointer;}
#nprogress .bar {background: #5470C6 !important;}
.hisCtl{position: fixed;width: 250px;height: 100px;background: white;bottom: 60px;right: 60px;z-index: 10;}
.hisCtling{float: right;line-height: 22px;display: none;}
.hisCtl3dstart{line-height: 22px;cursor: pointer;}
.hisCtlstart{float: right;line-height: 22px;cursor: pointer;}
.hisCtlend{float: right;line-height: 24px;cursor: pointer;}
.hisCtlTime{margin-top: 15px;}
.hisCtlTimel{text-align: left;}
.hisCtlTimec{text-align: center;}
.hisCtlTimer{text-align: right;}
.jjDiv{background-color: white;height: 30px;width: 30px;position: fixed;right: 10px;top: 46px;border: 1px solid #cccccc;cursor: pointer;text-align: center;font-size: 22px;}
.infoBoxContent{margin:20px;}
.infoBoxContent:before {content: '';width: 0;height: 0;border: 20px solid transparent;border-top-color: #FFFFFF;position: absolute;left: 50%;top: 100%;margin-left: -20px;}
.aprs4gAd{position: absolute;bottom: 0px;width: 100%;z-index: 10000;}
.aprs4gAd>img{width: 100%;}
.aprs4gAd>div>span{width: 100%;}
.aprs4gAdSide{cursor: pointer;}
.aprs4gAdSide>img{width: 100%;}
.aprs4gAdSide>div>span{width: 100%;padding:0px;background-color:#5470C6!important}
#ba_info{padding: 0px 4px 0px 4px;position: fixed;font-size: 11px;bottom: 2px;right: 2px;background-color: #FFFFFFAA;z-index: 10;color: #000;}
/** effect1 **/
.effect1 {font-weight: bold;background: -webkit-linear-gradient(135deg, #0eaf6d, #ff6ac6 25%, #147b96 50%, #e6d205 55%, #2cc4e0 60%, #8b2ce0 80%, #ff6384 95%, #08dfb4);/* æ–‡å—颜色填充设置为é€æ˜Ž */-webkit-text-fill-color: transparent; /* 背景è£å‰ªï¼Œå³è®©æ–‡å—使用背景色 */-webkit-background-clip: text; /* 背景图放大一下，看ç€æŸ”和一些 */-webkit-background-size: 200% 100%; /* 应用动画flowCss 12秒速度 æ— é™å¾ªçŽ¯ 线性匀速动画*/-webkit-animation: flowCss 12s infinite linear;}
@-webkit-keyframes flowCss {0% {/* 移动背景ä½ç½® */background-position: 0 0;} 100% {background-position: -400% 0;} }
.effect1:hover {-webkit-animation: flowCss 4s infinite linear;}
/** effect2 **/
.userlink{cursor:pointer;}
.effect2 {text-align: center;font-weight: bold;color: #baf;transform-origin: bottom;animation: shaking 1.2s ease-in-out infinite;animation-play-state: running;}
@keyframes shaking { 10%,90% {transform: translate3d(-1.2px, 0, 0);} 20%, 80% {transform: translate3d(2px, 0, 0);} 30%,70% {transform: translate3d(-4.8px, 0, 0);} 40%,60% {transform: translate3d(4.8px, 0, 0);} 50% {transform: translate3d(-4.8px, 0, 0);}}