.addClolor1{color: #80d9e4 !important;}
.addClolor2{color: #e3e62b !important;}
.addClolor3{color: #e61862 !important;}
.addClolor4{color: #18e66c !important;}
.addClolor5{color: #28fd30 !important;}
.addClolor6{color: #e69418 !important;}
.addClolor7{color: #541cd4 !important;}
.addClolor8{color: #ea32ea !important;}
.addClolor9{color: #09c9ea !important;}
ul,a,* {padding: 0;margin: 0;list-style: none;box-sizing: border-box;text-decoration: none;}
html,body {width: 100%;margin-bottom: 46px;}
.header {width: 100%;overflow:hidden;margin-bottom: 12px;}
.header a,img {display: block;width: 100%;}
.container {width: 100%;height: 200px;}
.container video {width: 100%;height: 100%;}
.footer {width: 100%;position: fixed;bottom: -0.5%;}
.footer a,img {display: block;width: 100%;}
.hd {padding: 10px;margin: 10px auto;max-width: 90%;height: 200px;border-radius: 3px;border: 2px solid #282828;display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-around;}
.hd span {color: #45f11e;font-size: 30px;line-height: 1em;}
.hd .button {border-radius: 1.6em;background: #fde341;width: 100%;font-size: 12px;height: 3em;line-height: 3em;}
.hd .button a,
.hd .rules a {display: block;width: 100%;height: 100%;}
.hd .button a {color: #000;}
#list.listContainer,
#list.listContainer ul {width: 100%;padding: 0 10px;}
#list .listItem {line-height: 2em;letter-spacing: 3px;width: 100%;background: linear-gradient(to bottom, #302f2f, #302f2f) no-repeat left bottom / 100% 1px;display: flex;justify-content: space-between;align-items: center;}
#list .listItem a {flex: 1;color: #969696;text-align: center;}
#list .listItem img {width: 21px;height: 13px;}
.announcement {background-color: #27211c;text-align: center;margin-top: -5px;z-index: 9;position: relative;padding: 4px 0}
.speaker {position: absolute;color: #f7f5f4;top: 0;left: 0;padding: 4px 0;font-size: 1.0rem;text-align: right;z-index: 10;width: 8rem;background: #27211c;}
.marquee {font-size: 1.0rem;color: #00e9e1;white-space: nowrap;padding: 1px 0;display: block;width: 100%;}
/*ÐÂÍ¼Æ¬Ä£°å*/
.aui-scrollView {width: 100%;height: 100%;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;/*overflow-y: auto;overflow-x: hidden;*/-webkit-overflow-scrolling: touch;position: relative;}
.aui-list-box .aui-title-h1 {color: #45444c;font-size: 1.2rem;padding: 15px 10px 0 15px;margin-top: -12px;}
.aui-flex {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;padding: 15px;position: relative;margin-bottom: 0.2rem;}
.aui-atr-img {width: 140px;margin-right: 1rem;}
.aui-atr-img img {width: 100%;height: 100%;display: block;border: none;border-radius: 5px;}
.aui-flex-box {-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;font-size: 14px;color: #45444c;}
.aui-flex-box h3 {color: #3b3a42;font-size: 0.9rem;font-weight: normal;}
.aui-flex-box h2 {font-size: 1.1rem;color: #45444c;margin-bottom: 0.8rem;}
.aui-flex-box h4 {font-weight: normal;font-size: 0.9rem;color: #45444c;margin-bottom: 0.2rem;}
.aui-flex-box h5 {font-weight: normal;font-size: 0.9rem;color: #45444c;margin-bottom: 0.5rem;}
.aui-arrow-text {position: absolute;right: 15px;top: 2.3rem;width: 3rem;height: 3rem;border-radius: 100%;background-image: -webkit-gradient(linear,left top,bottom top,from(#f71379),to(#f51343));background-image: -webkit-linear-gradient(left,#f71379,#f51343);background-image: -moz-linear-gradient(left,#f71379,#f51343);background-image: linear-gradient(to bottom,#f71379,#f51343);background-color: #f51343;box-shadow: 0 0 19px #e4acbd;text-align: center;}
.aui-arrow-text h1 {color: #fcb7cc;font-size: 0.6rem;margin-top: 6px;}
.aui-arrow-text p {color: #fcb7cc;font-size: 0.6rem;margin-top: -2px;}
.b-line {position: relative;}
.aui-flex-box h6 {font-size: 0.8rem;color: #ff1d42;margin-bottom: 0.5rem;}
.aui-flex-box h6 em {font-size: 1.1rem;font-style: normal;font-weight: normal;}
.b-line:after {content: '';position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #e2e2e2;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.divHeight {width: 100%;height: 1px;background: #f5f5f5;position: relative;overflow: hidden;}
.tab-nav {height: 40px;line-height: 40px;display: block;position: relative;background: #fff;z-index: 1;width: 100%;margin: 0 auto;}
.tab-nav-item {height: 40px;line-height: 40px;position: relative;text-align: center;color: #585858;font-size: 0.9rem;display: block;float: left;width: 20%;}
.tab-nav-item.tab-active {/* background-color: #51bd03; */}
.tab-nav-item.tab-active a {color: #f14946;font-size: 0.9rem;}
.tab-nav-item a {display: inherit;font-size: 0.9rem;color: #666;}
.tab-panel {position: relative;overflow: hidden;padding-bottom: 2rem;}
.tab-panel .tab-panel-item {width: 100%;position: absolute;top: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.tab-panel .tab-panel-item.tab-active ~ .tab-panel-item {-webkit-transform: translateX(100%);transform: translateX(100%);}
.tab-panel .tab-panel-item.tab-active {position: relative;-webkit-transition: -webkit-transform .15s;transition: -webkit-transform .15s;transition: transform .15s;transition: transform .15s, -webkit-transform .15s;
-webkit-transform: translateX(0);transform: translateX(0);}
.tab-nav-item.tab-active:before {content: '';width: 50%;height: 4px;position: absolute;left: 50%;bottom: 0;margin-left: -25%;z-index: 4;background-color: #f04845;}
.tab-panel-item .aui-flex {background: #fff;margin-left: 12px;margin-top: 12px;margin-right: 12px;border-radius: 3px;box-shadow: 0 4px 2px #bfbfbf;}



































