*{outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{ margin:0; padding:0; font-size:13px; font-family: -apple-system,BlinkMacSystemFont,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji; text-align: justify;line-height:1.5; cursor: url(../image/cursor_ro_default.png),auto; background: url(../image/yunobg1.jpg) no-repeat center top, linear-gradient(180deg, rgba(202,214,246,1) 700px, rgba(191,130,130,1) 100%) no-repeat, rgba(202,214,246,1); }
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;}th p, td p { margin: 0; }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; }
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:6px; border:#185b75 1px solid; background-color:#185b75; color:#fff; }
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;}
.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;}
.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:970px; margin:0 auto; }

.header{ position:relative; text-align: left; margin-bottom:7px; min-height: 335px;background2: url(../image/bayeri_artwork.png) top right no-repeat; position: relative; overflow:hidden; }
.statusbox{ padding-right:12px; background:rgba(255, 255, 255,0.8); height: 24px; line-height:24px; font-size: 12px; border-radius: 22px; top:15px; left:15px; position: absolute; font-family: "Roboto";}
.statusbox b{ margin-left:12px; font-weight:300;font-family: Arial; }
.sitename { top: 80px; position: absolute; left: 20px; color: #fff; }
.sitename h1 { margin: 0; padding: 0; font-weight2: normal; color: #fff; font-size: 42px; font-family: "Playfair Display", Georgia, serif; text-shadow: rgb(29 88 144 / 60%) 1px 1px 0.2rem, rgb(17 58 114 / 60%) 1px 1px 0.7rem; letter-spacing: -0.02px; line-height: 1; }
.sitename p { margin-top:5px; font-size: 18px; padding-left: 60px; text-shadow: rgb(29 88 144 / 60%) 1px 1px 0.2rem, rgb(17 58 114 / 60%) 1px 1px 0.7rem; letter-spacing: 0.02px; }
.headloginform{ position:absolute; top:230px; left:20px; display:none; }
.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(../image/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;}
.navbar{ background: linear-gradient(90deg, rgba(145, 149, 246, 1) 40%, rgba(145, 149, 246, 1) 80%, rgba(145, 149, 246, 1) 100%); white-space:nowrap; overflow:hidden; border-radius: 6px; font-size:16px; color:#fff; padding-left:6px; position:absolute; bottom:0; left:0; right:0; }
.navbar a{ display:inline-block;height:40px;line-height:40px; position:relative; font-size:14px; color:#fff; text-decoration:none;text-transform: uppercase; margin:0 10px 0 10px; }
.navbar a:hover{color: #bdff9c;}
.navbar a.active{ color: #000000 !important; }
.navbar a i{ font-style:normal; }
.page{ display:flex;/*background-color:#f3f7f6;*/ }
.main{ flex: 1 1; min-height:65vh;padding:15px 20px; background-color:#fff;border: #f3f7f6 0px solid;border-radius: 8px;margin-right:0px; }
.main.bgc{background-color:#f7edf2; border:none;border-radius:6px; margin-right:0;}
.main h5{ position:relative; margin:0;clear: both; margin-bottom: 1rem;padding-left: 2px; }
.main h5 a{ position:absolute; right:0; top:50%; margin-top:-5px; font-size:12px; line-height:1; }
.main h5 b{position: relative; z-index: 1; display:inline-block; color:#031f27; font-family: "Playfair Display", Georgia, serif; font-weight: 600;font-size: 22px;}
.main h5 b::after { content: ''; position: absolute; width: 100%; height:12px; background-color: /*#d0d7e7*/#fff4bc; border-radius: 50px; z-index: -1; top:52%; left: 3%; }
.dividerlarge { width: auto; height: 2px; margin:5px 0; position: relative; background-image: url(../image/dividerlarge.png); background-repeat: repeat-x; }
.menus a{color: #2797ff; text-decoration: none;}.menus a:hover{ color:red; }
.menus i:after{ content:'/'; color:#ccc; padding:0 6px; font-style:normal; }
.loginbox{ z-index:99; position: absolute; bottom:8px; right: 0px; line-height: 1.1; background-color:rgba(255, 255, 255,0.98); padding: 6px 12px; border-radius:4px; width: 246px; font-size: 12px; text-align:center;/*display: flex; align-items: center;*/ }
.loginbox i:after{ content:'/'; padding:0 8px; font-style:normal; }
.loginbox span{color:#000; font-weight:600; display:inline-block; margin-right:10px;}

.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(../image/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;}

.rulebg{ background:url(../image/rulebg.jpg) no-repeat top right;background-size:contain;}
.content{ font-size:14px; }.content a{ color:#2372ff; margin:0 3px; }
.imglist img{border-radius:10px; width:25%; border:5px solid #fff;}
.newslist{ display:flex; margin-bottom:15px; }
.newsimg { display: block; width:85px; padding-right: 12px; float: left; }
.newsbox{ flex:1 1; display:inline-block; background-color: #fff9f4; border-radius: 10px; padding: 5px 16px 8px; box-shadow: 1px 1px 3px 0 rgba(43,61,102,.2); }
.newsbox a{ text-decoration:none; }
.newsbox a.more{ color:#2797ff; text-decoration:none; }.newsbox i{display:inline-block; margin-right:4px; height:12px; width:8px; background:url(../image/icon_arrowlink.png) no-repeat center right; background-size:80%;}
.newsbox h3 a{ margin-right:10px;color:#333; }
.uli26{ position:relative; line-height:26px; }.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; }

.tags span{color: #29215c; font-size: 11px; font-family: roboto,Arial,Geneva,sans-serif; text-transform: uppercase; font-weight: 700; height: 26px; border-radius: 15px; background-color: #e7dfbc; text-transform: uppercase; margin-bottom: 12px; margin-right: 4px; display:inline-block; padding: 0 8px 0 4px;}
.tags span img{vertical-align: bottom; padding: 0 4px;}
.tags span b{ font-size: 12px; color: #ff2323; text-transform: none; padding: 0 3px; }
.tablewrapper{ position:relative; display:inline-block; width: 49%; margin-bottom: 1rem;}
td.tableimg{ width:125px;padding: 0 20px; vertical-align: middle; }
.tablewrapper p{font-family: roboto,sans-serif; color: #4f4db1; line-height: 1.25; font-size: 14px;}
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(../image/icon_arrowlink.png); }

.patch{ padding-bottom:15px; color:#333; }.patch a{ color:#2797ff; text-decoration:none; }
.footer{clear: both; padding:10px 0 15px 0; text-align:center;}
.flink a{font-family: "Roboto Medium", "Roboto", Arial, Geneva, sans-serif; font-size: 13px; margin: 0 4px;}
.copyright{margin:6px 0;}
.sider{ width: 250px; border: #ebedf5 5px solid; background-color: #fff; padding:12px 17px;border-radius: 8px; }
.card{ margin-top:6px; padding: 2px 0 8px 0; }
.card.nop{ padding:0; overflow:hidden; }
.card .title{ position:relative; display:flex;border-bottom:1px solid #eee;line-height:30px; margin-bottom:6px; font-family: "Roboto Medium", "Roboto", Arial, Geneva, sans-serif; text-transform: uppercase; font-weight: 700;}
.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; 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; }
.dividersmall { height: 2px; position: relative; background-image: url(../image/dividersmall.png); background-repeat: no-repeat; }

.h3title{ display:flex; margin:0; margin-left:-14px; padding:0; }
.h3title a{ font-size:14px; font-weight:normal; margin-left:20px; }

.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-left: 80px; color: red;}
.search{ position:relative; margin-bottom:10px; }
.search input{ width:100%; height:34px; padding-left:14px; border:1px solid #cfd9ea; background-color: #f9f9f9;border-radius:3px;}
.search button{ position:absolute; top:7px; right:0; border:none; background-color:transparent;}
.search img{ position:absolute; top:4px; left:-6px;}

.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}

.table,.table2{ width:100%; margin-bottom:12px;border: 1px solid #ddd; table-layout: fixed; word-break: break-all;}
.table th{ padding: 6px 0; border-top:1px solid #ddd;background-color: #f5f5f5; font-size: 14px; font-weight: bold; color: #333; text-align:center; vertical-align: middle; }
.table td{ padding: 6px 5px; border-top:1px solid #ddd;border-left: 1px solid #ddd; font-size: 13px; color: #666; text-align:center;vertical-align: middle; }
.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 td:hover{ background-color:#FFFFCC}
.table.tdtal td,.table td.tal{ text-align:left; padding-left:10px; }
.ranking li{ position: relative; list-style:none; white-space:nowrap; height:30px; line-height:30px; padding:5px0 ; margin-bottom:5px; border-bottom:#eee 1px dashed; }
.ranking li i{ display:inline-block; font-style:normal; text-align:center; margin-right:6px; width:24px; line-height:1; padding:3px 2px; background-color:#f4f5f6;border-radius:2px; }
.ranking li img{ height:20px; margin-left:8px; float:right; }

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

.nlist2{ padding:0; margin:0; }
.nlist li{ border-bottom:#eee 1px dashed; padding-bottom:5px; margin-bottom:5px; text-align:left;list-style2:none; }
.nlist li a{ color:#555; }

.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;}
.bgw{ background-color:#fff; }.inner{ padding:11px; }
.ma{ margin:0 auto; }.mall{ margin:12px;}.mtb{ margin:12px 0;}.mt{ margin-top:12px;}.mb{ margin-bottom:12px;}
.pt{ padding-top:1rem; }.plr{ padding-left:12px; padding-right:12px; }small { font-size: 75%; }.tac{ text-align:center; }
.c777{ color:#777;}
.red,a.red{ color:red; }.blue,a.red{ color:blue; }
.content a.red{ color:red;}
@media only screen and (max-width: 1024px){
	.wrap{ width:100%; }
	.navbar{ width:100%; }.navbar a i{ display:none; }.view{ display:block; }.view ul{ width:100%; }
	.loginbox{ bottom:44px; left:0; width:auto; text-align:inherit; }
}
@media only screen and (max-width: 900px){
	.page{ width:100%; display:block; }
	.sider{ width:100%; border:none; padding:15px; }.sider .card{box-shadow:none;}
	.navbar{ overflow-x:auto;}.newsimg{ display:none; }
	.tablewrapper{ display:block; width:100%; }
}
@media only screen and (max-width: 768px){
	.imglist img{ width:50%;}
}
@media only screen and (max-width: 420px){
	.formli.inpmin{ display:block; }
	.formli.inpmin p{ padding-left:96px;}
}
@media only screen and (max-width: 320px){

}