*{outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{ font-size:13px; }
body{ background:#fff url(bgawakening2.jpg?v=202601) center -55px no-repeat; margin:0; padding:0; font-size:1rem; font-family: -apple-system,BlinkMacSystemFont,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji; text-align: justify;line-height:1.6; cursor: url(cursor_ro_default.png),auto; }
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0}caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both;}
#cntvlive2-is-installed,.ClCache,#ClCache{ display:none;}/*ä¯ÀÀÆ÷µ×²¿¿Õ°×*/
ul,ol{ padding-left:1rem;}h3{ font-size:18px; margin:8px 0; }
img,.video{max-width:100%;border:none; vertical-align:middle;}.wmax img{ width:100%;}
img.br{border-radius: 6px; border:#ddd 1px solid; }
h4{ padding:0; margin:0.75rem 0 0 0;}
input[type=text],input[type=password],textarea{-webkit-appearance:none;outline:0; font-size:100%;}
fieldset,img,hr{ border:none;}hr{height: 0; line-height: 0; margin: 10px 0; padding: 0; border: none!important; border-bottom: 1px solid #eee!important; clear: both; overflow: hidden; background: 0 0;}
blockquote{color: #555; padding:10px 15px; margin:6px 0; border-left: 4px solid #cbcbcb; background-color: #f8f8f8;}
.fl,.left{ float:left;}.fr,.right{ float:right;}
.hide,.pcshow{ display:none; }
.btn{ height:36px; padding:0 20px;border-radius:4px; border:transparent 1px solid; background-color:#0e60a6; color:#fff; }
.btn.block,.block{ width:100%;}
a:link,a:visited,a:active{color:#000; text-decoration: underline}
a:hover{ text-decoration:none;color:#c0363f; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#pageload{}
.pagemask { padding:1rem; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 999; }
.pagemask .bor{border-radius: 10px; border:5px solid #fff}
.app{ display:-webkit-box;display:-ms-flexbox;display:flex;justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow:auto; }
.wrap{ position:relative; width:1000px; margin:0 auto; }

.header{ padding:15px 10px 10px 100px;}
.navigation{ display:flex; padding:10px;align-items: center; justify-content: center; padding-left:150px;background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));border-radius: 12px; }
.navigation a{ display:block;padding:0 6px; font-size:1rem; color:#fff;width:90px; white-space:nowrap; text-align:center;letter-spacing: .5px;text-transform: uppercase; text-decoration:none;text-shadow: 0 -1px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,.4);transition: all 0.2s linear; }
.navigation a:hover{ text-shadow: 0 0 3px rgba(108,210,248,0.7), 0 0 3px rgba(255,255,255,.7), 0 0 1px rgba(0,0,0,1); color: #fff; opacity: 1; transition: all 0.1s linear; }
.navigation a i{ font-style:normal; }
.navigation a.onlines{ display:flex;align-items: center;justify-content: center; }
.onlines img{ margin:0 2px; }
.headlogo{ text-align:center; margin:286px auto 10px auto; }

.topcard{ display:flex; min-height:168px; background-color:#66609b; border:#213a85 0px solid;border-radius: 20px; }
.topcardL{ position:relative; min-width:250px; padding:15px; }
	.downbtn{ position:absolute; top:-75px; background:url(downbg2.png) no-repeat; width:220px; height:290px; }
	#downurl{ display:block; overflow:hidden; height:182px; background:url(downbtn.png) no-repeat; text-indent:-100%; }
	.topcardL a:hover { transform: scale(1.05); }
	.menulink a{ margin:0 auto; display:block; overflow:hidden; text-indent:-100%; background:url(menulink.png) no-repeat; width:186px; height:29px; margin-bottom:3px; }
	.menulink a.link2{ background-position: 0 -32px;}
	.menulink a.link3{ background-position: 0 -64px;}
	.menulink a.link4{ background-position: 0 -95px;}
	.menulink a.link5{ background-position: 0 -127px;}
	.menulink a.link6{ background-position: 0 -159px;}
.topcardR{ display:flex; width:100%;margin-left:auto;}
.newswrap{ padding:15px 0; width:100%; }
.newstab{ display:flex;align-items: flex-end; }
.newstab a{ flex:1; /*color:#8c9ca9;*/color:#fff; text-align:center; text-decoration:none; padding-left:8px; border-bottom:#ffd118 2px solid; overflow:hidden; }
.newstab a:hover{ color:#fff;}
.newstab a.on{ border:#ffd118 2px solid; border-bottom:transparent 2px solid;border-radius:6px 6px 0 0;}
.newstab a span{ display:block;background-color:#403a74; line-height:28px; padding:0 6px;border-radius:6px 6px 0 0; }
.newstab a.on span{background-color:transparent; color:#ffd118; padding:0; }
.newslist{ max-height:136px; margin:0; padding:8px 0 0 0; overflow:hidden; }
.newslist li{align-items: center;font-size:1rem; display:flex; overflow:hidden; white-space:nowrap; padding:2px; border-bottom:#746ea1 1px dashed; }
.newslist li span { width: 50px; text-align: center; color: #ffab00; }
.newslist li a{ display:block; color:#fff; white-space:nowrap; overflow:hidden; text-decoration:none; }
.newslist li a:hover{ text-decoration:underline; }
.date{ font-style:normal; color:#fff; margin-left: auto;}
.focus{ margin-left:auto; min-width:340px; max-width:340px; padding:16px 15px 15px 15px; }
.focus img{border-radius: 15px;}
.listnews{ display:flex;}.listurl{ width:100%; margin-left:5px;}
.listimg{ padding-top:7px;display: flex; flex-direction: column;gap:5px;}
.listnews img{ margin-right:6px;border-radius:0px; width:36px; }
.listnews li{ width:100%; list-style:none; display:flex;align-items: center; }
.listnews li a{ flex:1; border-bottom:#eee 1px dashed; padding:2px 0;display:block; height:28px; white-space:nowrap; overflow:hidden; text-decoration:none;}
.listnews li.last a{ border:none; }
.listnews li a em{ float:right; color:#ddd; font-style:normal;}
.listnews li i{ display:block; width:4px; height:100%; margin:0 2px; font-style:normal; color:#fff; }

.list{ flex:1;}
.list li{ display:flex;align-items: center; padding:3px; border-bottom:#eee 1px dashed;}
.list li a{ display:block; height:19px; white-space:nowrap; overflow:hidden; text-decoration:none; }
.list li em{ font-style:normal; margin-left:auto; }
.imgbanner{ overflow:hidden;border-radius: 11px; }
.imglist{ display:flex; gap: 10px;overflow:hidden;}
.imglist li{ list-style:none; flex:1; }
.imglist img{ width:100%; height:126px; border-radius:6px;}
.listc{padding: 0px 6px 6px 0; max-width: 60px; display: flex ; flex-direction: column; gap: 8px; justify-content: center;}
.listc img{border-radius:6px; max-height:84px}

.maincard{ display:flex; margin-top:15px; }
.maincardL{ overflow:hidden; min-width:240px; width:240px; height:480px; background:url(qcode.png?) no-repeat top center; border-radius: 12px; border:#eee 1px solid; }
.maincardL a{ display:block; height:100%; text-indent:-100%; }
.maincardC{ width:100%; margin:0 12px; background-color:#FFFFFF; border-radius: 12px; }
.maincardR{ min-width:192px; }.maincardR img{ display:block;}
.box55{ display:flex; }.box55>div { margin-right: auto; border-bottom: #ddd 1px solid; padding-right: 1rem; }

.page{ display:flex;align-items: stretch; }
.main{ flex: 1; min-height:65vh; margin-left:1rem; border-radius: 3px;display: flex; flex-direction: column; }
.main .mainhead{ display:flex; margin-bottom:1rem }
.mleft{ position:relative; width:480px; background-color:#fff;border: 1px solid #000; border-radius: 3px; overflow: hidden; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.21); }
.mleft:before { content: ""; border: 1px solid #fff; position: absolute; z-index: 3; left:1px; right:1px; top:1px; bottom:1px; border-radius: 3px; opacity: 0.4; }
.mleft img{ width:100%; height:280px}
.mright{ margin-left:auto; width:260px; }
.qimg { width: 103px; height: 183px; background: url(sprite.png) -216px 0 no-repeat; position: absolute; z-index:2; left:0;  bottom:5px; }
.qbtn{ max-width: 214px; max-height: 58px; background: url(sprite.png) -344px -157px no-repeat; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.ql_link { position:relative; float:right; display: block; text-decoration:none; width: 208px; height:36px; line-height:36px; padding-top:2px; padding-right: 6px; font-family: Cinzel, sans-serif; font-size: 17px; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); text-align: right; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.61); box-shadow: inset 0 0 2px rgba(255, 255, 255, 1); overflow:hidden; }
.ql_link:before { content: ""; height: 18px; background: rgba(0, 0, 0, 0.1); left:0; right:0; top: 12px; bottom:0px; position: absolute; z-index: 2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding-right: 6px; }
a.qllink{ display:block; text-decoration:none; margin-top:4px; position:relative; }
a.qllink:hover .ql_link{ text-shadow: 0 0 10px rgba(255,255,255,0.6),0 0 10px rgba(255,255,255,0.6); }

.headloginform{ position:relative; margin-bottom:5px;}
.headloginform input{ width:150px; border:none; background-color:#fff; height:34px; text-indent:10px;border-radius:2px; margin-right:4px; }
.headloginform button{ width:102px; height:36px; border:none;background-color: transparent; color: #fff;background-image: url(button_m.png); background-repeat: no-repeat; background-size: 100% 100%;}
.iconquve{ position:absolute; left:125px; top:-5px;}
.iconlude{ position:absolute; left:280px; top:-13px;}
.downlink{bottom: -20px; position: absolute; right: 15px; width: 180px;}

.uli26{ position:relative; line-height:28px; }.uli26 li i{ display:inline-block;font-style:normal; padding-left:50px; }
.uli26 ul>h3{font-size: 15px; margin: 10px 0 0 0;}
.downbox{ position:relative; background-color:#f6f7f8; padding:1rem;border-radius:10px; }
.dlbtn{ border-radius:12px;}

a.arrowlink { font-family: roboto medium,roboto,Arial,Geneva,sans-serif; font-size: 12px; text-decoration: underline; color: #29215c; font-weight: 700; }
a.arrowlink:before { display:inline-block; vertical-align: bottom; width: 7px; padding-right: 4px; content: url(icon_arrowlink.png); }
a.itemlink{ position:relative; margin:0 4px; color:#0099FF; }
a.itemlink:hover{ color:#ff0000;}
a.itemlink>div{ position:absolute; z-index:2; top:0; left:calc(100% + 3px); background-color:#FFFFFF; width:75px;border-radius:3px; border:#000 1px solid;}

.patch{ padding-bottom:15px; color:#333; }.patch a{ color:#2797ff; text-decoration:none; }
.footer{clear: both; padding:20px 0; text-align:center; color:#666;  }
.flink a{font-family: "Roboto Medium", "Roboto", Arial, Geneva, sans-serif; font-size: 13px; margin: 0 4px;}
.advice b{ }
.copyright{ line-height:26px; color:#d0d0c6 }
.sider{ width: 260px; min-width:260px; }
.loginbtn {
	color: rgba(0,0,0,0);
	height: 200px;
	background: url('sprite.png') 0 0 no-repeat;
	height: 34px;
	width: 216px;
	margin: 2px auto;
	margin-bottom:6px;
	border: 0;
	outline: 0; 
}

.loginbtn:hover {
	background: url('sprite.png') 0 -34px no-repeat;
}
.sidebar-reg, .sidebar-forgot {
	display: block;
	width: 216px;
	height: 60px;
	background: url('sprite.png') 0 -102px no-repeat;
	/**box-shadow: 0 5px 5px rgba(0,0,0,0.21);
	border-radius: 3px;**/
	margin: 2px auto;
	-moz-transition: all 0.2s ease-out;  
	-o-transition: all 0.2s ease-out;  
	-webkit-transition: all 0.2s ease-out;  
	-ms-transition: all 0.2s ease-out;  
	transition: all 0.2s ease-out;  
}

.sidebar-reg:before, .sidebar-forgot:before {
	content: "";
	width: 216px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	height: 30px;
	background: #000;
	float: left;
	position: relative;
	z-index: 4;
	margin-top: 30px;
	opacity: 0;
	-moz-transition: all 0.2s ease-out;  
	-o-transition: all 0.2s ease-out;  
	-webkit-transition: all 0.2s ease-out;  
	-ms-transition: all 0.2s ease-out;  
	transition: all 0.2s ease-out;  
}

.sidebar-reg:hover:before, .sidebar-forgot:hover:before {
	opacity: 0.09;
	-moz-transition: all 0.2s ease-out;  
	-o-transition: all 0.2s ease-out;  
	-webkit-transition: all 0.2s ease-out;  
	-ms-transition: all 0.2s ease-out;  
	transition: all 0.2s ease-out;  
}

.sidebar-reg:active, .sidebar-forgot:active {
	opacity: 0.7;
}

.sidebar-forgot {
	background: url('sprite.png') 0 -162px no-repeat;
	margin-top: 4px;
	margin-bottom: 0px;
}

.downloadbox{ position:relative; min-height:195px; padding: 15px;}
#download { position:absolute; text-align:right; background: url(sprite.png) -267px -228px no-repeat; width: 292px; height: 110px; margin-left: -28px; z-index: 2; margin-top: -10px; line-height:20px; }
#download a{ font-size:12px; padding:0 6px; display:inline-block; margin-top:54px; color:#fff; margin-right:5px;color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 1px rgba(255, 255, 255, 1), 0 0 3px rgba(255, 255, 255, 0.5); background: linear-gradient(to bottom, #cd9e00 0%, #c18a00 100%);border-radius: 3px; border: 1px solid #212f43; text-decoration:none;}
#download a.lite{background: linear-gradient(to bottom, #cd5b00 0%, #c14b00 100%); margin-right:10px;}
#download a:hover{text-shadow: 0 0 5px rgba(255,255,255,0.8);}

.card{ flex:1; position:relative; padding: 5px; border: 1px solid #ddd; background: #f3f3f3; border-radius: 12px;display: flex ; flex-direction: column; }
.card .cardbox{ display:flex;flex-direction: column; background-color:#fff;border-radius:10px; height:100%;}
.card.nop{ padding:0; overflow:hidden; }
.cardtitle{ display:flex; padding:8px 8px 5px 12px;align-items: center; }
.cardtitle i{ margin-left:8px; border-left:#bac7cf 1px solid; padding-left:8px; font-size:9px; font-style:normal; color: #0f2e45; font-family: silkscreennormal;text-transform: uppercase;}
.cardtitle a{ margin-left:auto; text-decoration:none;}
.card .title{ position:relative; display:flex;border-bottom:1px solid #eee; padding-left:10px;}
.card .title:after{ content:'-'; font-family: "Roboto Medium"; line-height:1;font-size:18px; color:#ddd; position:absolute; right:3px; top:calc(50% - 9px); }
.card .title b{ position:relative; font-size:18px; display:inline-block; z-index:1; }
.card .title b::after { content: ''; position: absolute; width: 112%; height:8px; background-color: #fff4bc; border-radius:4px; z-index: -1; top:51%; left: -4px; }
.card.logocard{ margin:0; border-radius: 0 0 8px 8px; text-align:center; }
.main .card .cardbox{ background-position:left -50px;}

.card2{ position:relative; width:50%; float:left; height:144px; overflow:hidden; border:#ddd 1px solid; margin-bottom:12px;}
.card2 img { position: absolute; top:8px; left:8px; border: 1px solid #a5c9e7; background-color: #fff; text-align: center; border-radius: 5px; }
.card2 .itname{ padding:10px 10px 10px 95px; background-color:#f2f2f2; line-height:1; white-space:nowrap; overflow:hidden;}
.card2 .itname a i{ display:flex; float:right; font-style:normal; color:#777; }
.card2 .itdesc{ padding:10px 10px 10px 95px; background-color:#fff }

.cardlist{ display:flex;flex-wrap: wrap;gap:8px;margin: 10px -5px;}
.card3{ flex: 0 0 calc(20% - 6.4px); max-width:25%;border:#ddd 1px solid;border-radius: 5px; }
.card3:hover{ border-color:#333;}
.card3 .itname{ overflow:hidden;padding:0 10px; background-color:#f2f2f2; height:30px; line-height:30px;}
.card3 .itimg{ position:relative; padding:0.75rem; background-color:#fff;}
.card3 .itimg img{ background-color:#f8f8f8; clear:both; }
.card3 .itdesc{ display:none; z-index:99; position:absolute; left:calc(100% - 5px); top:-31px; width:calc(200% + 26px);height:calc(100% + 36px + 30px); overflow:hidden; text-align:left; background-color:#f8f8f8; padding:1rem;border:#333 1px solid; border-left:#eee 1px solid;border-radius:0 5px 5px 0; }
.card3:hover .itdesc{ display:block; }
.card3:hover .itname{ height:32px; margin:-1px; border:#000 1px solid; font-weight:bold;border-radius:5px 5px 0 0; background-color:#f8f8f8 }
.card3 button{ margin-bottom:0.75rem; border-color:transparent;border-radius:2px;}

.formbox{ margin:1rem 0; background-color:#fff; border-radius:12px; padding:1rem; }
.formli{ position:relative;padding-bottom:12px; display:flex;align-items: center; }
.formli label{ display:inline-block; width:80px; font-weight:bold; text-align:right; margin-right:1rem; }
.formli input{ flex:1 1; min-width:170px; border:rgb(211,211,211) 1px solid; padding:6px 8px; border-radius:3px; }
.formli.inpmin input{ max-width:170px; margin-right:10px; }
.formli.tips p{ margin-left:6px; color:#666; overflow:hidden; white-space:nowrap; }
.formli input.redbor{ border-color:red; }
.formmsg{padding:2px 10px; color:#a94442; font-size:12px;background-color:#fcf8e3; border:#faebcc 1px solid;border-radius:3px; margin-bottom:5px; }
.formmsg p{ margin:0; padding:2px 0; line-height:14px; }
.search{ position:relative; margin-bottom:6px; }
.search input{ width:100%; height:34px; padding-left:14px; border:1px solid #cfd9ea; background-color: #f9f9f9;border-radius:4px;}
.search button{ position:absolute; top:7px; right:0; border:none; background-color:transparent;}
.search img{ position:absolute; top:4px; left:-6px;}
.search img.vcode{ position:relative;}

.appwrap{ background:#f6f6f6 url(ro.jpg);background-size: cover;display:flex; align-items: center; justify-content: center; height:100vh; }
.container{ position:relative; min-width:400px; padding:20px 30px; background-color:#fff;border-radius:12px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.loginlogo{ position:absolute;bottom: calc(100% - 56px); width: 150px; right: 5px;}
.loginhead{ position:relative; display:flex;justify-content: center; align-items: center; color:#737373; margin-bottom:6px;}
.loginfoot{ color:#718096;display: flex ; justify-content: center; align-items: center;}
.loginfoot a{ color:#115ea3; text-decoration:none;}
.logintitle h2{ line-height:32px; padding:0; margin:0;}
.logintitle p{ padding:0; margin:0; color:#424242; font-size:13px; }
.linkx{ position:absolute; top:20px; right:20px;}
.form{ margin:0; padding:0;}
.inpgroup {
    position: relative; 
    margin-bottom:15px;
}
.inpgroup img{ position:absolute; right:10px; top:10px;}
.inpgroup input { 
    width: 100%; 
    padding: 12px 12px 8px; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
    font-size: 14px; 
    background: transparent; 
    outline: none; 
    transition: border-color 0.3s; 
}

.inpgroup input:focus { 
    border-color: #0078d4; 
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2); 
}
.inpgroup input.redbor{ border-color:red;}
.inpgroup input::placeholder { font-size: 12px; color: #999; }
.inpgroup label { 
    position: absolute; 
    left: 12px; 
    top: 50%; 
    transform: translateY(-50%); 
    color: #666; 
    font-size: 14px; 
	width: calc(100% - 24px);
    pointer-events: none; 
    transition: all 0.3s ease; 
    background: white; 
    padding: 0 4px;border-radius: 4px;
}

.inpgroup input:focus + label, 
.inpgroup input:not(:placeholder-shown) + label { 
    top: 0; 
    font-size: 12px; 
    color: #0078d4;
	width:auto; padding:0 7px;
    transform: translateY(-50%); 
}

.loginli{ position:relative; margin-bottom:6px;display:flex;align-items: center;}
.loginli label{ display:block; font-weight:bold; margin-right:-1px; width:90px; height:34px; line-height:34px; text-align:center;border:1px solid #cfd9ea;background-color: #f9f9f9;border-radius:4px;}
.loginli input{ width:100%; height:34px; padding-left:14px; border:1px solid #cfd9ea; background-color: #f9f9f9;border-radius:4px;}
.loginli img{ margin-left:6px; }
.loginli input.redbor{border-color:#a94442;}

.view{ display:flex; margin:8px 0; }
.view ul{ margin:0; padding:0; width:50%; flex:1; }
.view ul li{position:relative;padding:8px; display:flex;align-items: center; border-bottom:#ddd 1px solid; white-space:nowrap; overflow:hidden; }
.view ul li label{ display:inline-block; width:80px; font-weight:bold; margin-right:1rem; }
.tablem{border-color:#d8ddec; border-collapse: collapse; background-color: #f6f7f8;box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
.tablem th{background-color:#d8ddec; padding:5px 10px; font-weight: bold;}
.tablem td{padding:5px 10px;}
.tablem tr:hover td{ background-color:#FFFFCC}
.loginuser{ background-color:#cceaf4;background: linear-gradient(to right, #cceaf4, #ffffff);border-radius:4px; margin-bottom:7px; padding:6px 12px; line-height:1;}
.logininfo{ position:relative; margin:0;}
.logininfo li{ display:flex;flex-wrap: wrap; padding:3px 0; border-top:#eee 1px dashed; }
.logininfo li:before{ content:'¡¤'; color:#222; font-weight:bold; padding-right:6px;}
.logininfo li span{ flex:1; width:100%; margin-left:7px; display:inline-block; font-style:normal; color:#777777; text-align:right; white-space:nowrap; overflow:hidden;}
.logininfo li i{ display:inline-block; margin:0 auto; text-align:center; }
.logininfo li i:after{ content:'/'; color:#ccc; padding:0 6px; font-style:normal; }
.logininfo span2{ padding-left:12px; width:100%; display:block; color:#777777; white-space:nowrap; overflow:hidden; }

.horizontal-table { border-spacing: 0; border-collapse: collapse; width: 100%;table-layout: fixed; word-break: break-all; }
.horizontal-table th, .horizontal-table td { font-size: 12px; border: 1px solid #999;vertical-align: middle; }
.horizontal-table th { padding: 5px 8px; color: #666; background-color: #eee; }
.horizontal-table td { padding: 5px 8px; }

.svgicon{ width:1em; height:1em; color:#777; }
.svgicon use{ display: none; }
.svgicon .cross-path { display: block; }
.svgicon.svgyes,.svgicon.svgno{ color: #d63939; }
.svgicon.svgyes,.svgicon.svg1{ color: green; }
.svgicon.svgyes .check-path,.svgicon.svg1 .check-path{ display: block; }
.svgicon.svgyes .cross-path,.svgicon.svg1 .cross-path{ display: none; }
.table,.table2{ margin-bottom:12px;border: 1px solid #d8ddec;}
.table th{ padding: 5px 8px; border: 1px solid #ddd;background-color: #f6f7f8; font-weight: bold; color: #666; vertical-align: middle; }
.table td{ padding: 3px 8px; border: 1px solid #ddd; }
.table tr.tac th{ text-align:center;}
.table td.red{ color:red;}
.table thead th{border-top: 2px solid #333;padding: 10px 0;}
.table td:first-child,.table2 td:first-child{ border-left: none; }
.table th.tl,.table td.tl{ text-align:inherit; padding-left:10px; }
.table2 th{ padding: 12px 10px;border-top: 2px solid #333; background-color:#f5f5f5;font-weight: bold; color: #333; line-height:1; }
.table2 td{ padding: 6px 5px; border-top: 1px solid #ddd;border-left: 1px solid #ddd; font-size: 13px; color: #666; vertical-align: middle; }
.table td .texts{ padding:15px; font-size:14px; text-align:left; }
.table thead tr:hover th,.table.tron tr:hover td{ background-color:#FFFFCC}
.table.tdtal td,.table td.tal{ text-align:left; padding-left:10px; }
.table.tac th,.table.tac td{ text-align:center; }
.table.fs12 .th,.table.fs12 .td{ font-size:12px;}
.table th a{ display:flex;align-items: center; justify-content: center;}
.table.tdpt td{ padding-top:0.5rem;}
.table.thtac th{ text-align:center; }
.table.tdpl td{ padding-left:1rem;}
.table.tdp0 td p{ margin-top:0; border-bottom:#ddd 1px dashed; }
.thsvg{ width:1em; height:1em;}

.mlist img{ max-height:50px;}
.table.mlist td{ padding:0 4px; }
.table.mlist th{ white-space:nowrap;}
.mlist td.listname{ text-align:left; position:relative; padding:0.5rem 1rem;width: auto; min-width:100px;}
.mlist .relative em{ position: absolute; background-color:#f5f5f5; padding:0px 2px; font-size:10px; font-style:normal; font-weight:normal; left:0; top:0px;border-radius: 2px; }
.mlist .listname a{ padding-left:5px; text-decoration:underline; }
.mlist .listname em{font-style:normal; color:#333;}
.mlist i{ color:red; font-style:normal; }
.mlist .listname .mobtx{ font-size:12px; color:#ccc;overflow:hidden; height:18px;}
.moblist b,.moblist p{ position:relative; display:block; overflow:hidden; white-space:nowrap;text-overflow: ellipsis; }
.moblist p{ color:#555; font-size:13px; }
.moblist i{ position:absolute; top:5px; left:5px; line-height:1; font-size:9px; background-color:#FF0000; color:#fff;border-radius:2px; padding:1px 3px 0;}

.rankingtab a{ text-decoration:none; flex:1; width: 94px; height:28px; margin:0 2px; padding: 9px 10px 0 0; text-align: right; border-radius: 3px; border: 1px solid rgba(0, 0, 0, .5); color: #ededed; font-family: silkscreennormal; font-size: 9px; background: url(sprite.png) -578px -297px no-repeat, linear-gradient(to bottom, rgba(121, 178, 0, 1) 0%, rgba(96, 160, 0, 1) 100%);}
.rankingtab a.topguild{background: url(sprite.png) -844px -294px no-repeat, linear-gradient(to bottom, #0a7193 0%, #096787 50%, #085c7a 100%); box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9);}
.rankingtab a:hover { text-shadow: 0 0 5px rgba(255,255,255,1); }
.ranking{ position:relative; padding-top:0px; }
.ranking li{ display:flex; position: relative; list-style:none; white-space:nowrap; padding-bottom:5px; margin-top:5px; border-bottom:#eee 1px dashed; }
.ranking li i{ display:inline-block; font-style:normal; text-align:center; margin-right:7px; width:24px; line-height:1; padding:3px 2px; background-color:#f4f5f6;border-radius:3px; }
.ranking li img{ height:20px; margin-left: auto; float:right; }

.tablei{border-color:#ddd; border-collapse: collapse; }
.tablei th{background-color:#d8ddec;font-weight: bold;}
.tablei th,.tablei td{padding:2px 5px;}

ul.nlist,.nlist2{ padding:0; margin:0; }
ul.nlist li{ position:relative; list-style:none; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
ul.nlist li:before{ content:'¡¤'; padding-right:5px; }
.nlist li:not(:last-child){ border-bottom:#eee 1px dashed; padding-bottom:5px; margin-bottom:5px; text-align:left; }
.nlist li a{text-decoration:none;}
ul.nlist li i{ font-style:normal; text-align:right; margin-left:6px; color:#555; }
ul.nlist li i:before{ content:':'; color:#777; padding-right:6px;}
.listh{ display:flex; position:relative; font-size:14px; height:30px; margin:10px 0 5px 0; flex:1;align-items: center; }
.listh:after { content: ''; position: relative; width: 100%; flex: 1 1; border-top: 1px #eee solid; }
.listh b{ position:absolute; z-index:2; left:5px; padding:0 5px; background-color:#FFFFFF; }
.nlist a:hover{ text-decoration:underline; }

.dbsearch li{ position:relative;display:flex;align-items: center; flex-wrap: nowrap; background-color:#fff;border: #eee 1px solid; border-radius:5px; padding:0 12px; margin-bottom: 10px; height:38px; }
.dbsearch li em{ display:block; min-width:80px;color: #555; font-weight: 600; font-style:normal; }
.dbsearch li>div{ display:flex; white-space:nowrap; overflow:hidden; }
.dbsearch li>div a{ margin-right:12px; }
.dbsearch li input{ display:block; border:none; width:100%; height:100%;}
.dbsearch li select{ border:none; margin-right:12px; background-color:#f6f7f8; text-align:center;border-radius:3px; }
.dbsearch li label{ display:flex;align-items: center; flex-wrap: nowrap; margin-right:10px;}
.dbsearch li label.right{ position:absolute; right:0; color:#777;}
.dbsearch li .radiogroup input[type="radio"]{ display:none; }
.dbsearch li .radiogroup input[type="radio"]:checked + span{ font-weight: bold; color:red; }
.dbsearch li label.inp{background-color: #f6f7f8;border-radius:3px;}
.dbsearch li label.inp select{ margin-right:0;}
.dbsearch li label.inp input{ max-width:30px;background-color: #f6f7f8;text-align:center;border-radius:3px; }

article{ line-height:1.8; padding:1rem; position:relative;}
article>ul{ margin:1rem; }
article>p{ text-indent:1rem;}
article.fs2x{ font-size:100%;}
ul.payzs i{ margin-right:10px; font-style:normal; display:inline-block; text-align:right; min-width:50px;}
ul.payzs li{ line-height:2;}
a.linkbtn{color: #fff; line-height: 2; text-align: center; display: inline-block; background-color:#FF6317; border-radius: 20px; padding: 3px 25px; text-decoration:none}
a.linkbtn:hover{background-color: #6bc30d;}

.mapbox{ display: inline-block; position:relative; min-width:512px; min-height:512px; background-color:#f6f7f8 }
.mapbox>a{ text-decoration:none; overflow:hidden; text-indent:-100%;display: inline-block; position:absolute; z-index:2; width:12px; height:12px; background-color:#FF0000;border-radius:50%; left:0}

.pages{ position:relative; padding:12px 0; }
.pages a{ text-decoration:none; display:inline-block;color:#555666; margin:0 6px; }
.pages a.active{ font-weight:bold;}
.pages i:after{content:'|'; color:#eee; font-style:normal; }

.bor{ border:#f0f0f0 1px solid;}
.relative{ position:relative; }
.nostyle li,.nostyle{ list-style:none;}
.link{ padding-top:10px;}a.linkno{ text-decoration:none; }
[class*='shadow'] { transition: all .15s ease; }
.shadow{box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%) !important;}
.flexwrap{ display:flex; flex-wrap:wrap;}
.flexwrap2>div{ flex:1 0 auto}
.flexc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flexgap{display: flex; flex-wrap: wrap; gap: 10px;}
.bgw{ background-color:#fff; }.inner{ padding:11px; }
.ma{ margin:0 auto; }.mall{ margin:1rem;}.mtb{ margin:12px 0;}.mt{ margin-top:12px;}.mb{ margin-bottom:12px;}.mb2{ margin-bottom:20px;}
.mb-2{ margin-bottom:6px;}
.m-t{ margin-top:-6px;}
.pall{ padding:1rem;},.pl{padding-left:1rem;},.pt{ padding-top:1rem; }.pm{ padding-bottom:1rem;}.plr{ padding-left:12px; padding-right:12px; }.ptb{ padding-top:1rem; padding-bottom:1rem;}
.pall2x{ padding:2rem; }
.pa6{ padding:6px;}
small,.small{ font-size: 75%; }
.ptm{ padding-top:1rem; padding-bottom:1rem;}
.pl2x{padding-left:2rem;}
.tac{ text-align:center; }.tal{ text-align:left;}.tar{ text-align:right;}
.c777{ color:#777;}.blue8{ color:#000088;}.hui{ font-size:12px;color: #555;}
.fontsm{ font-size:12px;}
.red,a.red{ color:red; }.blue,a.red{ color:blue; }a.nou{ text-decoration:none; }
.green,a.green{ color:green;}
a.num.green{ text-decoration:none; font-size:12px;line-height: 1.25rem; background-color: green; color: #fff; border-radius: 50%; width: 1.25rem; height: 1.25rem; display: inline-block;}
.content a.red{ color:red;}.nopm{ padding:0; margin:0;}.notb{ margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
.c424242{ color:#424242;}
.content a{ margin:0 3px; }
.hide{ display:none;}
@media only screen and (min-width: 1020px){

}
@media only screen and (min-width: 1900px){
	html{ font-size:13px; }

}
@media only screen and (min-width: 2500px){
	html{ font-size:14px; }
	.newslist{ padding-top:5px;}
}