/*=============================
gsy-basis.css
for gaoshouyou.com
2016/08/11
Version 1.5.0
===============================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin: 0; padding: 0; border: 0;font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
strong { font-weight: bold; }
ol, ul,li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
select, input, button, textarea { font-family: "Microsoft Yahei",STHeiti,sans-serif; font-size: 100%; font-style: normal; font-weight: normal; line-height: normal; vertical-align: middle; outline: none;padding:0;margin:0;}
input, button { outline: none; }
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color:#ccc; }
:focus::-webkit-input-placeholder { color: #ccc; }
:focus::-moz-placeholder { color: #ccc; }
:focus:-ms-input-placeholder { color:#ccc; }
img { vertical-align: top;font-size:0.12rem;color:transparent;}
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
/*main*/
html{width:100%;}
body { background: #fff; width: 100%; position: relative;color:#333;font:14px/1.5 "Microsoft Yahei",STHeiti,sans-serif;}
a { text-decoration: none; color: #333; outline: none; cursor:pointer;}
.fc-gray{color:#999;}
.hot,.fc-red{color:#F63;}
.link,.fc-blue{color:#39C;}
.fc-gblue{color:#A3B0BE;}
a:hover,a.fc-blue:hover,a.fc-red:hover,a.fc-gray:hover,a.fc-gblue:hover{ color:#f60;}
.fl { float: left; }
.fr { float: right; }
.fs12{font-size:12px;}
.vm,.vm th,.vm td{vertical-align:middle;}
.sp { opacity: 0.4; font-size:10px; padding:0 0.5em; font-family:Tahoma; }
.hidden,.none { display: none!important; }
.mr5{margin-right:5px;}
a:hover img{ opacity:0.8;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}
.mt-5{margin-top:-5px;}
.mt-15{margin-top:-15px;}
.mt-10{margin-top:-10px;}
.mt-20{margin-top:-20px!important;}
.ml-20 { margin-left: 20px; }
.ml20{margin-left:20px;}
.mt20{margin-top:20px;}

.top-nav{height:34px; background:#f9f9f9;border-bottom:1px solid #e3e3e3;line-height:34px;cursor:default; position:fixed;top:0;left:0;width:100%; z-index:999;}
.top-nav a{color:#999;}
.top-nav a:hover{color:#0cc6c6;}
.top-nav-box{width:1200px;margin:0 auto;}
.top-nav-item{}
.top-nav-item li{float:left;}
.icon-wx,.icon-wb,.icon-app,.icon-nav,.icon-vr{width:34px;height:34px;overflow:hidden; display:block; text-indent:-9999em; background-image:url(https://5678.wiki/static/modules/cms/images/basic.png); background-repeat:no-repeat;}
.icon-wx{ background-position:-34px -34px; transition:background 0.2s;}
.icon-wb{ background-position:0 -34px; transition:background 0.2s;}
.icon-app{ background-position:-68px 0;}
.icon-vr{ background-position:-136px 0;}
.icon-nav{ background-position:-102px -34px; display:inline-block; vertical-align:top;transition:background 0.2s;}
.top-nav-item li:hover .icon-nav{ background-position:-102px 0;}
.top-nav-item li:hover .icon-wx{ background-position:-34px 0;}
.top-nav-item li:hover .icon-wb{ background-position:0 0;}
.top-nav-item .pop-up{ position:relative;padding:0 18px 0 5px;border-left:1px solid transparent;border-right:1px solid transparent; z-index:999;}
.top-nav-item .pop-up:hover{ background-color:#fff;border-color:#ddd;}
.top-nav-item .pop-up:hover .pop-up-box{ display:block;}
.top-nav-item .pop-up-box{ position:absolute;right:-1px;top:34px; background-color:#fff;border:1px solid #ddd;border-top:none;padding:10px; display:none;}
.top-nav-item .drop{ position:absolute;right:5px;top:15px;width:7px;height:5px;overflow:hidden; text-align:center; background:url(https://5678.wiki/static/modules/cms/images/basic.png) -68px -39px; transition: transform, 0.2s; }
.top-nav-item li:hover .drop{transform: rotate(180deg);}
.top-logo{ display: block; height: 100%; width: 90px; background: url(https://5678.wiki/static/modules/cms/images/logo-new-zone.png) 0 center no-repeat; text-indent: -9999em; overflow: hidden; }
.top-nav-link { height: 20px;width: 50px; text-align:center;padding:1px 5px; border: 1px solid #ddd; background-color: #fff; line-height: 20px; overflow: hidden; margin-top: 5px;font-size:12px;}
.top-nav-link li { margin-bottom: 5px; }
.top-nav-link li:last-child { margin-bottom: 0; }
.top-nav-link:hover { height: auto; }

.top-search { width: 250px; margin: 4px 0 0 15px; border: 1px solid #e3e3e3; background-color: #fff; position: relative; z-index: 99; }
.top-search.active{border-color:#0cc6c6;}
.top-search form { height: 24px; width: 250px; }
.top-search form .icon-search { background: url(https://5678.wiki/static/modules/cms/images/zosearch.png) 0 0 no-repeat; width: 24px; height: 24px; display: block; float: left;overflow:hidden; text-indent:-9999em;}
.top-search.active form .icon-search { background-position: -24px 0; }
.top-search .input-search { display: block; border: 0; margin: 0 5px; background: none; height: 20px; width: 152px; line-height: 20px; float: left; margin-top: 2px; }
.top-search .btn-search { display: block; border: 0; width: 40px; height: 24px; overflow: hidden; text-align: center; cursor: pointer; float: right; background: #0cc6c6; color: #fff; }
.top-search .btn-search:hover { color: #fff }
.top-search .del { float: left; width: 24px; height: 24px;background: url(https://5678.wiki/static/modules/cms/images/zosearch.png) 0 -24px no-repeat; cursor: pointer; display: none; }
.top-search .del:hover { background-position: -24px -24px; }
.top-search .search-tip { position: absolute; left: -1px; top: 24px; background-color: #fff; border: 1px solid #ddd; border-top-style: dashed; width: 210px; overflow: hidden; display:none;}
.top-search .search-tip p { background-color:#f7f7f7;font-size: 12px; padding: 0 10px; line-height: 24px; }
.top-search .search-tip ul { }
.top-search .search-tip ul li {float:none;line-height: 30px; height: 30px; overflow: hidden; cursor: pointer; padding: 0 10px;font-size:12px;}
.top-search .search-tip ul li:hover {color: #0cc6c6; }
.top-search .search-class{overflow:hidden;}
.top-search .search-class a{display:block;float:left;width:40px; text-align:center;font-size:12px;margin:1px; background-color:#A3B0BE;color:#fff;line-height:30px;}
.top-search .search-class a:hover{ background-color:#0cc6c6;}


.icon-app,.icon-vr{ display:inline-block; vertical-align:top;}
.top-nav-wx{ background-color:#f9f9f9;font-size:12px; text-align:center;}
.top-nav-app li { float: none; border-bottom: 1px dashed #e3e3e3; width: 100px; padding: 5px 0 5px 42px; line-height: 16px; position:relative;}
.top-nav-app li:last-child { border-bottom: none; }
.top-nav-app li img { width: 32px; height: 32px; position: absolute; left:0; top: 5px; }
.top-nav-app li span { display: block; color: #bbb;font-size:12px;}
.top-nav-mes{width:73px;font-size:12px;line-height:30px;}
.top-nav-mes li a{ display:block;}
.top-nav-map { overflow: hidden; width: 387px; }
.top-nav-map dl { float: left; line-height: 30px; border-right: 1px solid #ddd; padding:0 20px;font-size:12px;}
.top-nav-map dl:last-child { border-right: none; }
.top-nav-map dl:last-child dt a{color:#F33}
.top-nav-map dl dt { font-weight: bold; }
.top-nav-map dl dd { white-space: pre }
.top-nav-map dl.hlink { width:80px; }
.top-nav-map dl.hlink dd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.top-user { padding-left: 80px; overflow: hidden; line-height: 20px; width: 110px;font-size:12px;}
.top-user .top-user-head { width: 70px; height: 70px; float: left; margin-left: -80px; overflow: hidden;background: url(https://5678.wiki/static/modules/cms/images/user-head-default.jpg) 0 0 no-repeat;background-size: 100% auto;}
.top-user .top-user-head img{width:100%;height:100%;}
.top-user .top-user-ico { height: 20px; line-height: 20px; font-size: 12px; }
.top-user .top-user-ico a strong, .top-user .top-user-ico a span { padding: 0 5px; }
.top-user-head { width: 120px; height: 120px; overflow: hidden;}
.top-user-head img { display: block; width: 100%; height: 100%; }
.top-user-ico { font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; }
.top-user-ico a { float: left; text-align: center; color: #fff; overflow: hidden; }
.top-user-ico a:hover { color: #FF9; }
.top-user-ico a strong { background-color: #F90; display: block; float: left; padding: 0 10px; height: 100%; border-radius: 2px 0 0 2px; }
.top-user-ico a span { background-color: #F60; display: block; float: left; padding: 0 10px; height: 100%; border-radius: 0 2px 2px 0; }
.top-user-info { margin: 5px 0; }

.foot{width:100%; background-color:#fff;}
.foot-box{width:1200px;margin:0 auto;font-size:12px;}
.foot-line { text-align:center;line-height: 60px; width: 100%; overflow: hidden;border-bottom:1px solid #ddd;border-top:1px solid #ddd; position:relative;}
.foot-line a,.copyright a { color: #999; }
.foot-line a:hover,.copyright a:hover { color: #0cc6c6; }
.copyright{ text-align:center;color:#999;padding:15px 0;}
.copyright p{margin:5px 0;}

/*backtotop*/
.backtotop { display: none; width:50px; height:50px; background:rgba(255,255,255,1) url(https://5678.wiki/static/modules/cms/images/btt.png) 0 0 no-repeat;border:1px solid #ddd;position: fixed; left:50%;bottom:30px;margin-left:620px;cursor: pointer; z-index: 999; text-indent:-9999rem;border-radius:4px; transition:all 0.2s; background-size:100% auto;}
.backtotop:hover {border-color:#0cc6c6; background-color:#0cc6c6; background-position:0 -50px;color:#fff;}
.backtotop.lb{bottom:260px;}

.win-gd{ position:fixed;right:5px;bottom:5px; z-index:998;}
.win-gd-box{ display:block;background-color:#fff;border-radius:4px;overflow:hidden;border:1px solid #e3e3e3;padding:0 10px 10px;}
.win-gd-t{line-height:30px;position:relative;}
.win-gd-t span{ position:absolute;right:0;top:0; cursor:pointer;color:#bbb;font-size:12px;}
.win-gd-b{}
.win-gd-b .img{width:260px;height:195px;overflow:hidden;}
.win-gd-b .img img{ display:block;width:100%;height:100%;}
.win-gd-b .txt ul{margin-top:-5px;}
.win-gd-b .txt li{margin-top:10px;width:240px;overflow:hidden;}
.win-gd-b .txt li a{ display:block;}
.win-gd-b .txt li img{width:88px;height:66px;float:left;margin-right:10px;}
.win-gd-icon{ cursor:pointer; display:none; background:url(https://5678.wiki/static/modules/cms/images/win-gd-icon.png) center 0 no-repeat;width:70px;height:120px; text-indent:-9999px;overflow:hidden;}

.cross-show-app{border-radius:4px; background-color:#f9f9f9;border:1px solid #e3e3e3;padding:10px 10px 10px 80px;height:60px; position:relative; }
.cross-show-app-ico{position:absolute;left:10px;top:10px;width:60px;height:60px;}
.cross-show-app-down{position:absolute;right:10px;top:10px;font-size:12px;}
.cross-show-app-down a{ display: inline-block;margin:10px 0 0 5px;line-height:40px;padding:0 10px; background-color: #A3B0BE;color:#fff!important;border-radius:4px;}
.cross-show-app-down a.android{ background:#9C0}
.cross-show-app-down a.ios{ background:#39C}
.cross-show-app-down a.pc{ background:#FFB235}
.cross-show-app-down a:hover{background:#f60;color:#fff!important;}
.cross-show-app-name{max-width:260px;margin:5px 0!important;line-height:25px;}
.cross-show-app-line{margin:0!important;font-size:12px;color:#bbb;line-height:20px;}
.cross-show-son strong{margin-bottom:10px; display: block;}
.cross-show-list{width:100%;overflow:hidden;}
.cross-show-list li{width:30%;margin-right:3%;float:left;border-bottom:1px dashed #e3e3e3;line-height:40px;font-size:14px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}