@charset "utf-8";

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/*-- All --*/
html{ min-width:1000px;height: 100%}
body{height: 100%; color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; text-align:center; background:#fff;  }
a{ color:#333; text-decoration:none; outline:none;}
a:hover {color:#f00; text-decoration:underline; }
table { border-collapse: collapse; border-spacing: 0; empty-cells:show; }
table td,table th{ border:#ddd solid 1px; padding: 5px 0; }
table th{ background:#39A4DC; color:#fff;  }
table .new td{ color:#f60; font-weight:bold;  }


/* body{background: #1b264f;} */
body{background-position: 0 0;background-repeat: repeat;background-size: 100% 100%;background-color: #1b264f;background-image: url(img/bg1.jpg);}
/* flex布局样式 */
.flexbox,.centerb,.centerl,.centerr,.centerc,.middlet,.middleb,.middlec,.middleu,.middlelt,.middlert,.middlelc,.middlerc{ display: flex;}
.centerl{ align-items: center;}/* 上下居中横排左对齐 */
.centerr{ justify-content: flex-end; align-items: center;}/* 上下居中横排右对齐 */
.centerb{ justify-content: space-between; align-items: center; }/* 上下居中横排两端对齐 */
.centerc{ justify-content: center; align-items: center;}/* 上下居中横排居中对齐 */
.middleb{ flex-direction: column; justify-content: space-between; align-items: center;}/* 左右居中竖排两端对齐 */
.middlet{ flex-direction: column;  align-items: center;}/* 左右居中竖排上对齐 */
.middleu{ flex-direction: column; justify-content: flex-end; align-items: center;}/* 左右居中竖排下对齐 */
.middlec{ flex-direction: column; justify-content: center; align-items: center;}/* 左右居中竖排居中对齐 */
.middlelt{ flex-direction: column; }/* 竖排左上 */
.middlert{ flex-direction: column; align-items: flex-end;}/* 竖排右上 */
.middlelc{ flex-direction: column; justify-content: center;}/* 竖排左中 */
.middlerc{ flex-direction: column; align-items: flex-end; justify-content: center;}/* 竖排右中 */

.w98{width: 98vw;}
/* 字体大小 */
.fs25{font-size:2.5vw;}
.fs20{font-size:2vw;}
.fs15{font-size:1.5vw;}
.fs14{font-size:1.4vw;}
.fs12{font-size:1.2vw;}
.fs10{font-size:1vw;}
.fs9{font-size:0.9vw;}
.fs8{font-size:0.8vw;}
.fs5{font-size:0.5vw;}

/* 颜色 */
.cf{color: #fff;}
.csy{color: #f9f7ac;}
.cy{color:yellow;}
.csb{color: #1B264F;}
.cqb{color: #aaf2fe;}
.cr{color: orangered; min-width: 100px;}
.cb{color: deepskyblue; min-width: 100px;}
.cg{color: limegreen; min-width: 100px;}
.cgr{color: #ccc;}


.titbox{height: 5.5vw; padding:0.2vw 1vw;}
.mtbox{padding:0.2vw 1vw;}
.mtboxl{width: 30%;}
.mtboxr{width: 100%; margin-left: 0.5vw;}
.imgico{width: 3vw;}
.mtboxltit{height: 2.5vw; background: #aaf2fe; border: 1px solid #aaf2fe; padding:0 1vw;}
.mtboxlnr{border: 1px solid #aaf2fe; padding:0 1vw;}
.mtboxrtit{height: 2.5vw; background: #f9f7ac; border: 1px solid #f9f7ac; padding:0 1vw;}
.topshowbox{border: 1px solid #f9f7ac; margin-top: 0.5vw;}
.mtboxrnr{padding:0 1vw;}
.mtboxlnr{margin-top: 0.5vw; height: 32vw;}
.mtboxrnr{margin-top: 0.5vw; height: 23.5vw;}
.mtboxlnr li{padding:1vw 0;}
.mtboxrnr li{background: rgba(0,0,0,0.2); height: 4.7vw; margin: 0.5vw 0; padding: 1vw; line-height: 1.7vw;}
.todaytit{height: 2.5vw; background:rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2); padding:0 1vw; margin: 0.5vw 1vw;}
.todayshowbox{background:rgba(0,0,0,0.2); height: 10vw; font-size: 1.2vw; color: #F9F7AC;width: 100%;}
.todayshowbox.op{background:rgba(0,0,0,0.3)}
.todayshowbox.op .chzt{display: block;}
.todayshowbox:hover{background:rgba(0,0,0,0.3); cursor: pointer;}
.todayshowbox b{line-height: 4vw; display: inline-block;}
.todayshowbox .con{line-height: 1.6vw; padding: 0 1vw; height: 5vw;}
.chzt{position: absolute; height: 2vw; right: 1vw; top: 1vw; display: none;}

marquee{
	width: 59vw;
	background:rgba(0,0,0,0.2);
	border-radius: 2vw;
	overflow:-webkit-marquee;/* //指定溢出时滚动。 */
	-webkit-marquee-style:slide;/* 跑马灯样式，分三种。scroll，从一端滚动到另一端，内容完全滚入（消失）时重新开始。slide，从一端滚到另一端，内容接触到另一端后，立马重新开始。alternate，内容不跑到显示区域外，在里面来回碰壁反弹。这里主要用第一种。 */
	-webkit-marquee-repetition:infinite;/* // 跑马灯跑的次数，infinite 为无限多次，不结束。或者可以用正整数设置滚动的次数。 */
	-webkit-marquee-direction:right;/* 跑动的方向，这个要注意结合实际情况，即实际你操作的标签文本流溢出在哪个方向溢出。 */
	-webkit-marquee-speed:slow;/* 跑动的速度设置。 */}

.theme{position: relative;}
.theme .themeCon{position: absolute;left: 0;display: none;align-items: flex-start;justify-content: flex-start;background: rgba(0,0,0,0.5);border-radius: 2vw;padding:0.5vw;}
.theme .themeCon a{font-size: 4vw;color: white;width: 1.5vw;height: 1.5vw;border-radius: 50%;margin: 0 0.3vw;border:0.2vw solid rgba(255,255,255,0.8);}
.theme .themeCon a:nth-child(1){background: rgb(255, 0, 0);}
.theme .themeCon a:nth-child(2){background:#1b264f;}
.theme .themeCon a:nth-child(3){background: rgb(5, 129, 15);}
.theme .themeCon a:nth-child(4){background: rgb(10, 159, 228);}
.theme .themeCon a:nth-child(5){background: rgb(255, 87, 165);}
.theme:hover .themeCon{display: flex;}