*{outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{ background-color:#f2f3f5; margin:0; padding:0; font-size:14px; font-family: -apple-system,BlinkMacSystemFont,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji; text-align: justify;line-height:1.5; }
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:16px; margin:5px 0; }
img,.video{max-width:100%;border:none; vertical-align:middle;}.wmax img{ width:100%;}
img.br{border-radius: 6px;}
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:5px 0; padding: 0; border: none!important; border-bottom: 1px solid rgba(0,0,0,.1)!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 25px;border-radius:3px; border:#5e72e4 1px solid; background-color:#5e72e4; 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:1100px; margin:0 auto; }

.headtop{ height:42px; background-color:#0b2888; display:none; }
.headbar{ position:relative; height:66px; padding:16px; background-color:#5b6ed7/*#5e72e4*/;border-bottom: 1px solid rgba(255,255,255,.08)!important; color: #fff; white-space: nowrap; }
.headbar li{position:relative; flex:1; display: inline-block; color: #FFFFFF; padding:0 10px; text-align:center; vertical-align: middle; }
.headbar li.on::after,.headbar li:hover::after { content: ''; position: absolute; left:5%; right:5%; top:10px; height:16px; background-color:rgba(255,255,255,.08);border-radius:6px; font-weight:bold;pointer-events: none; }
.headbar li.on em { text-align: center; width: 100%; position: absolute; left: 0; bottom: 2px; display: block; font-size: 9px; font-style: normal; line-height: 1; }
.headbar li a{ color:#fff; text-decoration:none; }
.headbar li:hover a{ color:red;font-weight:600; }
.headbar li.logo{ padding:0; margin-right:1rem; }
.barnav{ float:left; padding-left:0; margin-left:auto }
.barnav a span{ display:block; text-align:center; color:#ccc; font-size:12px;transform: scale(.9); font-weight:normal; line-height:1; }
.baruser{ float:right; margin-left:0; }
.barsearch{ margin-top:2px; background-color:rgba(255,255,255,.9); width:200px; height:28px;border-radius:6px; overflow:hidden; }
.search input[type="text"]{ display:block; flex:1; font-size:12px;background-color:transparent;border: none; width:90px;height:100%; padding-left:5px;border-radius:6px;}
.search select{ margin-left:10px; border:none; color:#555; background-color:transparent; height:28px; }
.search button{ margin-left: auto; text-align:center; width:30px; height:28px; border: none; background-color:transparent;background-color:#ccc;border-radius:0 }
.headvi{ z-index:99; position:absolute; top:0; left:-55%; width:15vw; display:none; }
.vi02{ z-index:-1; position:absolute; width:95%; top:9%; left:9%;}

.logo17{position: absolute; width: 170px; top:0; z-index:99; }

.headwrap{ overflow:hidden; height:450px; background-color:#5e72e4; position:relative; display:flex; }
.headmain{ position:relative; height:100%; background:url(bgindex.png) no-repeat top center; background-size:1100px;}
.headmain h2{ color:#fff; margin:80px 0 0 20px; display:none; }
.separator{position: absolute; z-index: 1; top: auto; bottom:-10px; right: 0; left: 0; overflow: hidden; height:70px; pointer-events: none;}
.fill-white { fill: #fff; }.fillbg{ fill:#f2f3f5;}

.svgwrap{ width:100%; min-height:100px}
.svgwrap svg{ height:5rem; width:100%; position: absolute; bottom: 0; left: 0;}
.svgbox{ height:5rem; width:100%; position:absolute; bottom:-1px; left:0; }

.headpatch{ padding:5px 0 6rem 0;background-color:#5e72e4;}
.bgserver{background:url('') center -10px no-repeat; padding-top:200px}
.bgitem{background:url('bgitem.png?') center -10px no-repeat; padding-top:200px}
.bgmonster{background:url('bgmonster.png?v') center 0 no-repeat; padding-top:200px}
.bgmap{background:url('slide-4.png') center top no-repeat; background-size:700px; padding-top:200px}
.shadow{ box-shadow: 0 0 2rem 0 rgba(136,152,170,.15)!important; }
.card{ background-color:#fff;border-radius:6px; position:relative;overflow:hidden; }
.cardhead,.cardnav{ padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(0,0,0,.05); background-color: #fff; color:#525f7f; }
.cardhead:first-child{ border-radius: 5px 5px 0 0; }
.cardhead nav a::after{display: inline-block; padding:0 0.5rem; content: '>'; font-weight:normal; }
.cardhead .fr,.title .fr,.title span{ margin-left:auto; }
.title{ display:flex; position:relative; -ms-flex-align:center;align-items:center; padding:10px 12px; border-bottom: 1px solid rgba(0,0,0,.05); }
.title i{ color:#ccc; margin-left:10px; font-style:normal; font-size:12px; }
.cardmain{ display:flex; position:relative; }
.lid li{ list-style: disc; margin-left:1rem; }
.lid li i{ font-size:11px; float:right; color:#eee; }
.lid ul li{ list-style:circle; }.lid ul li i{ float:inherit; margin:0 15px; }

.recommendL{ width:400px; margin-right:12px; padding:5px; text-align:center; line-height:1 }
	.vcontent{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;height: 124px; overflow: hidden; }
	.vcontent a{display: block; width:100%; text-decoration:none; }
	.vcontent a:nth-child(2n){ margin-left:auto; }
	.vcontent2 a:not( :nth-child(2n+2)){ margin-right:8px; }
	.vcontent2 a:nth-child(n+3){ margin-top: 12px; }
	.vthumb{width:100%; height: 84px; border-radius:3px; background-color: #eee; overflow: hidden; }
	.vthumb img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit;}
	.vcontent a:hover .vthumb img{-webkit-transform:scale(1.1);transform:scale(1.1)}
	.vtitle{margin:8px 3px 0 3px; height:32px; line-height:16px; font-size: 12px; color: #1e2830; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.vcontent a:hover .vtitle{ text-decoration:underline; }
.recommendR{ width:426px; height:164px; font-size:13px; margin-left:auto; }
	.ncontent{ height:120px; padding-right:6px; padding-bottom:20px; overflow:hidden; overflow-y:scroll; }.ncontent::-webkit-scrollbar-button{ width:0; height:0; }.ncontent::-webkit-scrollbar-thumb{ background-color: #999; }
	.navatar{ float:left; margin:4px 7px 4px 0; }
	.ncontent li{ position:relative; padding-left:12px; overflow:hidden;text-overflow: ellipsis; white-space:nowrap; }
	.ncontent li:before { content: ''; position: absolute; top:8px; left:1px; width:4px; height:4px; background-color: #ccc; }
	.ncontent i{ display:inline-block; position:relative; width:12px; height:14px; }
	.ncontent i:before { content: ''; position: absolute; top:6px; left:1px; width:4px; height:4px; background-color: #ccc;border-radius:50%; }
	.newsmain{padding: 3px 6px; background-color: #f8f8f8; border-radius: 4px;}
	.newsmain li:nth-child(odd){border-bottom:#ddd 1px dashed;margin-bottom:3px;padding-bottom:3px;}

.wbox{ background-color:#fff; padding:2rem; min-height:70vh; border-radius:6px; }

.box{ border:#ddd 1px solid; }
.boxtit{position: relative; background:#eee; padding:10px 12px; border-bottom:#ddd 1px solid; }
.boxtit a{ color:#000; text-decoration:underline}
.tit{ background-color:#f2f2f2; line-height:1; padding:8px;}
.table,.table2{ width:100%; margin-bottom:15px;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 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; vertical-align: middle; }
.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,.table.tron tr:hover{ background-color:#FFFFCC}
.tablec{border: 1px solid #ddd; border-collapse: collapse; background-color: #fff;box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
.tablec th{ line-height:2;background-color:#f9f9f9;font-weight: bold; text-align:center}
.tablec td{ line-height:1.3; padding:2px;text-align: center;}
table.tablei{ border-radius:3px; border-color: #38719C;}
.tablei th{padding:8px 5px; background-color:#d2edff;color:#00568a;font-weight: bold; text-align:center; border-bottom:#38719C 1px solid;}
.tablei td{padding:8px 5px; text-align: center;background-color:#e6f2ff;}
.tablei td.h{ text-align:left;background-color2:#D2EDFF; background-color2:#f9f9f9; position:relative;}
.tablei td.h img{ vertical-align: text-bottom}
.tablei td.h a.fr{ font-size:12px; position:absolute; right:10px; line-height:30px;}
.tablei tr:nth-child(odd) td{background-color:#d2edff;}
.tablei tr:hover th,.tablei tr:hover td{ color:red; background-color:#FFFFCC}
.tablem{ border-color:#eee; border-collapse: collapse; background-color: #fff;box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
.tablem th{background-color: #f7f8f9; padding:5px 10px; font-weight: bold}
.tablem.tac th{ text-align:center; }
.tablem td{padding:5px 6px;}
.tablem tr:hover th,.tablem tr:hover td{ background-color:#FFFFCC}
.tablew th{background-color:#eee; padding:8px 5px; font-weight: bold; text-align:center}
.tablew td{padding:8px 5px; text-align: center;}
.tablew.odd tr:nth-child(odd) td{background-color:#f9f9f9;}
.tablew tr:hover th,.tablew tr:hover td{ color:red; background-color:#FFFFCC}
.imgp { text-align: center; vertical-align: middle; position: relative; padding:10px; }
.imgp .mvp { position: absolute; left: 40%; top: -20px; }
.tablei tr:hover a,.tablew tr:hover a{ color:Red;}
.tablem.sm td{ padding:6px 4px; }
.tablem.odd tr:nth-child(odd) td{background-color:#f9f9f9;}
tr.road td,.tablem.sm tr.road td{ padding:1px; text-align:left; }

.tablink{ display:flex; position:relative;background:url(bg_tab.gif) repeat-x 0 100%; margin-bottom:12px; overflow: hidden; overflow-x:auto;}
.tablink a{ z-index:1;display:inline-block;height:38px;line-height:38px;padding:0 20px; border: 1px solid #ddd;border-bottom: #1150d0 1px solid;background-color:#f8f8f8; font-size: 14px; color: #000; text-align: center; white-space:nowrap; }
.tablink a:not(:first-child){margin-left:-1px}
.tablink a:hover:not(.fr){ color:red; font-weight:bold; }
.tablink a.active{ z-index:2; color:#0c68b5;font-weight:bold; background-color:#fff;border: 1px solid #1150d0;border-bottom: 1px solid #fff;}
.tablink.fitem a{ flex:1 1; }

.breadcrumb{ padding:1rem 0; display:flex;align-items: center!important; color:#dee2e6; }
.breadcrumb .fr{ margin-left:auto; padding-right:5px; }
.breadcrumb a{ color:#f6f9fc; text-decoration:none; }
.breadcrumb nav a::after{display: inline-block; padding:0 0.5rem; content: '-'; font-weight:normal; }
.breadcrumb h5{ padding-left:0.5rem; color:#fff; font-weight:bold; font-size:18px; margin-right:1.5rem; }
.tags { position: relative; white-space: nowrap; overflow: hidden; overflow-x: auto; }
.tags i { position: relative; font-style: normal; margin:5px 15px 6px 0; background-color: #f5f7f8; font-size:13px; padding: 6px 20px; border-radius:20px; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.tags i.active{ background-color:#0084ff; color:#fff; }.tags i.active a{ color:#fff;}
.article{ background-color:#fff; padding:1.5rem; }.articletitle{ padding:15px 0; }.wimg{ margin-top:30px; }
.article table{ border:1px solid #eee; width:100%; }
.article 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; }
.article table td{ padding: 6px 5px; border-top:1px solid #ddd;border-left: 1px solid #ddd; font-size: 13px; color: #666; }
.article table thead th{border-top: 2px solid #333;padding: 10px 0;}
.article tr:hover th,.article tr:hover td{ background-color:#FFFFCC}
.article p,.article ul{ margin:10px 0;}.article ul{ margin-left:0.5rem; }.article ul li{ list-style:disc; }
.article ul ul{ margin:0; }.article li>ul>li,.article ul>ul>li{ list-style: circle; }
.article h3{ position:relative; margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.article h3::before{display: inline-block; padding-right:4px; content: '::';font-weight:normal; }
.article h3::after{display: inline-block; padding-left:4px; content: '::';font-weight:normal; }
.article h3 .fr{ padding-left:12px; margin-left:auto; font-weight:normal; font-size:14px; }
.article a{ color:#2372ff; margin:0 3px; }

.patch{ position:relative; border-bottom:#333 solid 2px; padding-bottom:6px; color:#333; line-height:30px; text-align:left; }
.patch span{ float:right; white-space:nowrap; overflow:hidden; }
.patch span.linkmore{ display:block; overflow-x:auto; }
.patch span a{ display:inline-block; margin:0 7px; }
.patch span a:last-child{ margin-right:0;}
.patch span a.active{ font-weight:bold; color:red; text-decoration:none; }
.patch b:after{content:' '; position:absolute; bottom:0px; left:-10px; right:-15px; height:2px; background-color:#333; }
.patch b{ position:relative;font-size:16px; line-height:1; font-weight: bold;letter-spacing:1.5px; padding-bottom:6px;white-space:nowrap; overflow:hidden; }
.patch nav a::after,.patch2 nav a::after{display: inline-block; padding:0 0.5rem; content: '/'; font-size:12px; color:#ddd; }
.patch2{position:relative; border-bottom:1px solid #eee; padding-bottom:4px; color:#333; text-align:left;}
.patch2 b{ position:relative; font-size:14px; padding-left:12px; letter-spacing:1.5px; white-space:nowrap; overflow:hidden; }
.patch2 b:after{ z-index:1; content:''; position:absolute; top:30%; bottom:10%; left:2px; width:4px; background-color:#333;border-radius:2px; }
.patch2 span a{ display:inline-block; margin:0 7px; }

.searchbox li{ position:relative; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; background-color:#fff;border: #eee 1px solid;border-radius: 4px; margin-bottom:10px; }
.searchbox li input,.searchbox li select{ flex:1 1; border:none;background-color: transparent;padding: 10px; width: 100%;}
.searchbox li select{ margin-right:5px; }
.searchbox li em{ font-style:normal; padding-left:10px; color:#555; font-weight:600; }
.searchbox div{ display:flex; }
.searchbox div li{ flex:1; }
.newform{ display:block; width:100%; margin:20px auto 0; }
.newform dl{ line-height:30px; margin:15px 0;display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;vertical-align:middle;}
.newform dl dt{ margin-right:2%; width:15%; min-width:70px; text-align:right; font-weight:bold }
.newform dl dd{ width:80%; position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;vertical-align:middle; }
.newform dl dd input{ width:100%;display:inline-block; font-size:12px; text-indent:10px;height:30px;padding:3px 0 1px 0; border: 1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; }
.newform dl dd .button{ position:absolute; right:0; border:#ddd 1px solid; height:30px; padding:0 15px; width:22%; }
.newform dl dd li{display:inline-block;}
.newform dl dd b{display:inline-block; padding:0 15px;}
.newform dl dd p{ padding-top:5px; line-height:1;}

.logintit{ position:relative; font-weight:bold; background-color:#e3706c; height:36px; line-height:36px; color:#fff; padding-left:90px;border-radius: 3px 3px 0 0; margin-bottom:12px; }
.logintit img{ position:absolute; top:-32px; left:0; height:80px;}
.editform li{position:relative; list-style:none; margin-bottom:12px; }
.editform li input{ display:block; width:100%;height:32px; background-color:#f9f9f9;border:1px solid #eee;border-radius:4px; padding:0 10px;}
.editform li p{ display:block; line-height:1; padding:0 4px; margin-bottom:6px; color:#999!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.editform li p label{display:inline-block; color:#000000; font-weight:bold; margin-right:auto;}
.editform li em{ font-style: normal; font-size:10px; position:relative; display:block; height:28px; line-height:28px; margin-top:4px; margin-bottom:-4px; background-color:rgb(85, 181, 85); color:#FFFFFF; padding:0 12px;border-radius:3px; }
.editform li em::after{content:'';position: absolute; top:-6px; left: 50%;margin-left: -2px;width: 0; height: 0; border-style: solid; border-width: 0 4px 6px 4px; border-color: transparent transparent rgb(85, 181, 85) transparent;}
.editform li em.tipstxt{overflow:hidden; white-space:nowrap;}
.editform li .codeimg{ position:absolute; right:5px; bottom:5px;}
.editform li.flex select{ margin-right:5px;}
.editbtn{ text-align:center; line-height:30px; border:none; padding:0 30px; background: #0084ff; color: #fff; border-radius:3px;}
.editform a{ text-decoration:none; margin-left:auto; }
.editform .flexc>.editbtn{ flex:1; margin-right:6px; }

.imgbb{ position:relative; }
.imgbb li{ position:relative; display:flex; margin-bottom:3px; }
.imgbb li a{ flex:1; display:flex; display:inline-block; margin:3px; text-align:center; }
.imgbb li a img{border-radius:4px; }
.imgbb li em{ position:absolute; left:0; top:3px; height:100px; width:44px; background-color:#f6f7f8;border-radius:4px; }

.indimg img{border-radius:4px; width:100%;}
.hkidc{ display:flex; position:relative;border-radius:4px; overflow:hidden; }
.hkside{ display:block; background:#2b9bfc url(hkidc_aside.png) no-repeat bottom right; color:#fff;padding:25px;}
.hkside p{ display:block;font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; line-height: 24px; padding:15px 15px 15px 0;}
.hkside a{ display:inline-block;border-radius: 3px; font-weight: 600; color: #fff; border: 1px solid #fff; padding:12px 35px;}
.hkmain{ display:flex; position:relative; line-height:24px;background-color:#f7f8f9; }
.hkmain ul{ flex:1; text-align:center; padding:20px 15px; }
.hkmain ul:nth-child(1){border-right:/*#38719C*/#eee 1px solid;}
.hkmain ul dd{ max-height:60px; overflow:hidden; padding-top:10px;-webkit-line-clamp:2; -webkit-box-orient: vertical; }
.hkmain li{line-height: 24px; border-top: 1px #fff dotted; font-size: 13px; white-space:nowrap;}
.hkmain .price{ margin-top:16px;}
.hkmain .price b{font-size: 32px; color: #FF5107;}
.hkmain s{ color:#999; }
.ssl{ white-space:nowrap;margin-top: 8px; }
.ssl span { background: #FFFFFF; border: 1px solid #069FFB; color: #2799FC; padding: 5px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
a.btnlink{ display: block; text-align: center; border: none; padding: 0 18px; height: 36px; line-height: 36px; background: #0084ff; color: #fff; border-radius: 3px; }

.pages{ position:relative; padding:12px 0; }
.pages a{ font-size:14px; display:inline-block;color: #555666; line-height:24px; padding:0 10px; font-weight: 400!important; border-radius:3px; margin-right:6px; margin-bottom:6px; background-color:#fff; text-align:center; border:#eee 1px solid; }
.pages a.active{ background: #000; border-color:#000; color: #fff;}

.row{display:flex;flex-wrap:wrap; position:relative; }
.col-1{max-width:8.33333%;flex:0 0 8.33333%}
.col-2{max-width:16.66667%;flex:0 0 16.66667%}
.col-3{max-width:25%;flex:0 0 25%;}
.col-4{max-width:33.33333%;flex:0 0 33.33333%}
.col-5{max-width:41.66667%;flex:0 0 41.66667%}
.col-6{max-width:50%;flex:0 0 50%}
.col-7{max-width:58.33333%;flex:0 0 58.33333%}
.col-8{max-width:66.66667%;flex:0 0 66.66667%}
.col-9{max-width:75%;flex:0 0 75%;/*73.47%*/}
.col-10{max-width:83.33333%;flex:0 0 83.33333%}
.col-11{max-width:91.66667%;flex:0 0 91.66667%}
.col-12{max-width:100%;flex:0 0 100%}

.navbar{ white-space:nowrap; overflow:hidden; font-size:16px;color:#fff; padding-left:6px; position:absolute; width:100%; top: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: #ffbc74 !important; }
.navbar a i{ font-style:normal; }
.page,.pagewrap{ display:flex;/*background-color:#f3f7f6;*/ }
.pagewrap{ padding:15px; background-color:#fff;border-radius:0 0 15px 15px; }
.sider{ background-color:#f8f8f8;border-radius:0 0 12px 12px; padding:15px; }
.sider li{ line-height:24px; overflow:hidden; white-space:nowrap; }
.main{ flex: 1 1; min-height:50vh;padding: 12px 20px; }
.main.bgc{background-color:#f3f7f6; border:none;border-radius:6px;}
.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(dividerlarge.png); background-repeat: repeat-x; }

.wbg{background-color:#f5f5f5; padding:7px; border-radius:7px;}
.pagemain{ width:846px;}
	.maincon{margin-top:10px;}
	.links{ width:184px; }
	.links a{ width: 170px; height: 42px; display: block; position: relative; left: 0px; top: 0px; margin-bottom: 7px; transition: all 0.6s; }
	.links a:hover { transform: scale(1.05); }
	.news{ margin-left:auto; width:652px; }
.pageside{ margin-left:auto;padding:7px;width: 254px;min-height:720px;background-color: #f5f5f5;border-radius: 7px;}
.pageside a { width: 240px; height: 67px; display: block; position: relative; left: 0px; top: 0px; margin-bottom: 7px; transition: all 0.6s; }
.pageside a:hover { transform: scale(1.05); }

.card3{ position:relative; width:50%; float:left; height:144px; overflow:hidden; border:#ddd 1px solid; margin-bottom:12px;}
.card3 img { position: absolute; top:8px; left:8px; border: 1px solid #a5c9e7; background-color: #fff; text-align: center; border-radius: 5px; }
.card3 .itname{ padding:10px 10px 10px 95px; background-color:#f2f2f2; line-height:1; white-space:nowrap; overflow:hidden;}
.card3 .itname a i{ float:right; font-style:normal; color:#777; }
.card3 .itdesc{ padding:10px 10px 10px 95px; }
.cardlist li{ position:relative;list-style:none; display:inline-block; width:33.33333%; padding:8px; margin-bottom:12px; margin-left:0px; text-align:center;border:#ddd 1px solid;border-radius:3px;}
.moblist img{ height:60px; margin:8px auto;}
.cardlist a{ text-decoration:none; color:#000; }
.table.mlist td{ padding:0 4px; }
.mlist td.listname{ text-align:left; position:relative; padding:1rem}
.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 i{ color:red; }
.mlist .listname .mobtx{ font-size:12px; color:#ccc; white-space:nowrap; overflow:hidden; }
.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;}
.boxdd4x dd{ white-space:nowrap; overflow:hidden;display:inline-block; width:20%;padding:6px 0 4px; line-height:1; text-align: center;border:#ddd 1px solid;box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
.boxdd2x dd{ white-space:nowrap; overflow:hidden;display:inline-block; width:50%;padding-right:6px;box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
.dropbox:after,.box55:after,.box64:after,.tit:after{display:table;line-height:0;content:"";clear:both;}
.dropbox li{white-space:nowrap; overflow:hidden; padding:5px;box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; }
.dropbox li:last-child{ border:none;}
.dropbox li img{ margin-right:5px;}
.sidemenu>dl>a{ position:relative;display:block; font-size:15px; font-weight:bold; margin:5px 0; text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.sidemenu>dl>a:after{content: ''; position: relative; margin-left:10px; width:90%; flex:1 1; border-top:1px #ddd solid;}
.sidemenu>dl>ul{ display:none2;}
.sidemenu>dl>ul:after{display:table;line-height:0;content:"";clear:both;}
.sidemenu>dl>ul>li{ float:left; display:inline-block; width:50%; font-size:12px; line-height:1.8; overflow:hidden; white-space:nowrap; }
.sidemenu>dl>ul.li3x>li{ width:33.3333%; }
.sidemenu>dl>ul>li2:nth-child(2n){ margin:0 3.1%;}

	.box55,.box64{ position:relative; margin:10px auto; display:flex; }
	.box55>li{ float:left;width:50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.box55>li.rp{ position:absolute; height:100%;overflow:hidden;border:#ddd 1px solid; top:0; right:0; margin:0;}
	.box55>li.rp .box{ border:none;}
	.box64>li{float:left;width:60%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.box64>li.rp{ width:40%;position:absolute; height:100%;overflow:hidden; padding:10px; border:#ddd 1px solid; top:0; right:0; margin:0;}
	.dropbox li{float:left;width:33.33333%;}
#Mhtmltip{ position: absolute; display:none; border: 1px solid #000; padding:2px; background-color: #FFF; z-index:9999; overflow:visible; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } #Mhtmltip .maptitle{ padding:0 5px; color:#000; font-weight:bold; line-height:24px; background-color:#DDFFC8;} #Mhtmltip .mapmobs{ padding:5px; color:#333} .Mhtmltip{cursor:pointer;}
.maplist{ position:relative; padding:10px;}
.maplist a{ display:inline-block; margin:5px; width:40px; height:40px; }

.rulebg{ background:url(rulebg.jpg) no-repeat top right;background-size:contain;}
.content a{ color:#2372ff; margin:0 3px; }
.imglist img{border-radius:10px; width:25%; border:5px solid #fff;}
.newslist{ display:flex; margin:15px 6px 0 6px; }
.newsimg { display: block; width:85px; overflow:hidden; padding-right: 12px; float: left; }
.newsimg img{ width:100%; height:120px;}
.newsbox{ flex:1 1; display:inline-block; background-color: #fff; border-radius: 10px; padding: 5px 16px 8px; }
.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(icon_arrowlink.png) no-repeat center right; background-size:80%;}
.newsbox h3{ margin:5px 0; white-space:nowrap; overflow:hidden; }
.newsbox h3 small{ font-weight:normal; }
.newsbox h3 a{ margin-right:10px;color:#af6a15; }
.newsbox p{ margin:0; font-size:13px;line-height:1.6; }
.newsbox p a{ color:#af6a15; }
.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: #d0d7e7; 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: #2372ff; 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(icon_arrowlink.png); }

.footer{clear: both; padding:25px 0 20px 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;}

#close{ z-index:999; display:block; position:absolute; top:8px;right:8px; width:18px; height:18px; }
#close a{ color:#fff; }
.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;}
.formpanel{min-width:300px; background-color:#FFFFFF;border-radius:3px; }
.agreement{ font-size:12px; text-align:center; padding-top:12px; }.agreement a{ color:#1e80ff; }

.loginqrcode{ border-left:1px solid rgba(228,230,235,0.5); padding:12px 4px 6px 20px; }
.qrcodeimg{width: 152px; height: 152px; position: relative; margin-bottom: 16px; border:1px solid #e4e6eb;border-radius:4px; overflow:hidden; }
.qrcodetxt{ font-size:12px; text-align:center; }

.ro4x{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ro4x a{display: block; width:180px; height:100px; overflow:hidden; background-color:#eee; }
.ro4x a:not(:last-child){ margin-right:6px; }
.ro4x i{ width:calc(100% - 720px - 24px); margin-right:6px; background-color:#ddd; border-radius:4px; color:#fff; font-style:normal; padding:20px; }
.ro2x{ display:flex; position:relative; max-height:100px; overflow:hidden; }
.ro2x>a{ flex:1; display:block; }.ro2x i{ width:6px; height:100%; }
.ro2x>div{ z-index:2; position:absolute; top:0; height:100%; right:0; background-color:#FFFFFF; padding-left:6px; }

.x2 { margin: 0 12px; padding: 0; }
.robasic .x2 li { list-style: none; border-top: #f2f2f2 1px solid;  height: 68px; padding-left:56px; padding-top:20px;  }
.robasic .x2 li a { text-decoration:none; color: #000; font-size:14px; display:block; font-weight: bold; line-height:1; margin-bottom:0px; }
.robasic .x2 li i{ font-style:normal; font-size:11px;color: #c0c0c0; }
.robasic1,.robasic2,.robasic3,.robasic4 {background: url(robasic.jpg) no-repeat 5px 0;}
.robasic2 { background-position: 5px -68px }
.robasic3 { background-position: 5px -136px }
.robasic4 { background-position: 5px -204px }

/* admin */
input.inpup{ width:100%; }
.dropinfo{ display:flex; border:#ccc solid 1px; }
.dropinfo span{ width:150px;max-width:150px; padding:0 5px; overflow:hidden; white-space:nowrap; }
.dropinfo input.inpup{ border:none; border-left:#ccc 2px solid; padding-left:6px; width:50px; }

.imgsmb img:not(:last-child){ margin-bottom:7px; }
.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;}
.relative{ position:relative; }
.nowrap{ width:100%; overflow:auto; white-space:nowrap;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.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;}
.sticky{top:10px; position: -webkit-sticky; position: sticky; transition: top 0.35s;}
.sel{ height: 28px; line-height: 28px; display: inline-block; text-align: left; border: 1px solid #ddd; }
.bgw{ background-color:#fff; }.inner{ padding:11px; }
.ma{ margin:0 auto; }.mall{ margin:14px;}.mtb{ margin:14px 0;}.mt{ margin-top:14px;}.mb{ margin-bottom:14px;}
.mt-6{margin-top:-6rem;}.pall,.inner{ padding:14px; }
.pt{ padding-top:1rem; }.pb{ padding-bottom:14px;}.pl{ padding-left:14px; }.plr{ padding-left:14px; padding-right:14px; }small { font-size: 75%; }.tac{ text-align:center; }
.c777{ color:#777;}.bc666{background-color:#f6f6f6;}
.red,a.red{ color:red; }.blue,a.red{ color:blue; }
.content a.red{ color:red;}
a.btnh{ background-color:#eee; color:#555; padding:0 10px; line-height:30px; border:none;border-radius: 3px; text-align:center; }
a.btnh:hover{ color:#000;}
@media only screen and (max-width: 1024px){
	.wrap{ width:100%; }.logo17{ display:none; }
}
@media only screen and (max-width: 900px){

}
@media only screen and (max-width: 768px){

}
@media only screen and (max-width: 420px){
	.formli.inpmin{ display:block; }
	.formli.inpmin p{ padding-left:96px;}
}
@media only screen and (max-width: 320px){
	
}