@charset "utf-8"; .iconfont { display: inline-block; background: url(../images/icon20190416.png) no-repeat } .xw-cityLis-frame { position: fixed; width: 750px; height: 35pc; border-radius: 1pc; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff url(../images/cl-bg.png) no-repeat top center; padding-top: 230px } .xw-cityLis-frame .clis-box { width: 100%; height: 100%; padding: 25px 70px 70px } .xw-cityLis-frame li { float: left } .xw-cityLis-frame li p { font-size: 1.2em; line-height: 40px } .xw-cityLis-frame li a { float: left; font-size: .8em; position: relative; padding-left: 25px; line-height: 36px } .xw-cityLis-frame li a i { display: inline-block; background: url(../images/icon20190416.png) no-repeat; width: 18px; height: 18px; position: absolute; left: 0; top: 9px; background-position: -1464px -7pc } .xw-cityLis-frame li a:hover { color: #008B66 } .xw-cityLis-frame li a:hover i { background-position: -1414px -110px } .xw-cityLis-frame li a.active { color: #008B66 } .xw-cityLis-frame li a.active i { background-position: -1414px -110px } .xw-cityLis-frame .clis-current,.xw-cityLis-frame .clis-hot { width: 50% } .xw-cityLis-frame .clis-hot a { margin-right: 50px } .xw-cityLis-frame .clis-hot a:last-child { margin-right: 0 } .xw-cityLis-frame .clis-all { width: 100% } .xw-cityLis-frame .clis-all div { padding-left: 30px; width: 100% } .xw-cityLis-frame .clis-all a { width: 20% } .xw-cityLis-frame .clis-btn { position: absolute; width: 60px; height: 60px; right: 0; top: 0 } .xw-cityLis-frame .clis-btn .icon-close { position: absolute; width: 60px; height: 60px; background-position: -781px -358px; transform: scale(.5) } .xw-head { width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 9 } { width: 100%; height: 5pc; background-color: transparent; margin-bottom: 0; top: -5pc } .xw-head .xw-nav>.wrap { position: relative } .navbar-header { position: absolute; left: 0; top: 0; height: 5pc } .navbar-header>div { position: relative; height: 100% } .navbar-header>div:nth-child(1):after { position: absolute; top: 20px; right: -10px; width: 1px; height: 40px; content: " "; background: #999 } .navbar-header .xw-nav-citylis { margin-left: 4px } .navbar-fr { position: absolute; right: 0; top: 0; height: 100% } .xw-nav-logo { width: 300px; background: url(../images/xw-logo-w.png) no-repeat left center; margin-right: 20px; height: 100% } .xw-nav-logo>a { display: inline-block; width: 100%; height: 100% } .xw-nav-num { display: none; width: 155px; height: 25px; background: url(../images/font-13b.png) no-repeat bottom left/155px 20px; } .xw-nav-site { display: block; width: 100%; height: 40px; padding-left: 30px; position: relative } .xw-nav-site .icon-city { font-size: 16px; display: inline-block; height: 27px; padding: 18px 30px 0 0; color: hsla(0,0%,100%,.8); color: #999; position: relative; } .xw-nav-site .icon-map { position: absolute; width: 18px; height: 25px; background-position: -181px -26px; left: 0; top: 15px } .xw-nav-site .icon-down { width: 16px; height: 25px; background-position: -392px -78pt; position: absolute; right: 7px; top: 24px; } .nav li { color: hsla(0,0%,100%,.7) } .nav li.active,.nav li:hover { font-weight: 700; color: #fff } .nav .nav-lis a { font-size: 1pc } .nav .dropdown-menu a { color: #fff; font-size: 14px } .nav .dropdown-menu a:hover { background-color: #fff; color: #008B66 } .nav .icon-down { margin-left: 5px; width: 13px; height: 8px; background-position: -392px -78pt } .xw-head .xw-nav.current { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; background-color: #fff; transition: top .6s; box-shadow: 0 2px 5px 2px rgba(229,223,255,.4) } .xw-head .xw-nav.current .xw-nav-num { background: url(../images/font-13.png) no-repeat bottom left/155px 20px } .xw-head .xw-nav.current .xw-nav-logo { background: url(../images/xw-logo-b.png) no-repeat left center } .xw-head .xw-nav.current .icon-city { color: hsla(0,0%,40%,.7) } .xw-head .xw-nav.current .icon-city .icon-down { background-position: -316px -28px; top: 23px } .xw-head .xw-nav.current .nav .nav-lis>a { color: hsla(0,0%,40%,.7) } .xw-head .xw-nav.current .nav .nav-lis.active a,.xw-head .xw-nav.current .nav .nav-lis:hover>a { color: #008B66 } .xw-nav-site .icon-down {background: url(../images/xia.png) no-repeat;background-size: contain;} .xw-head .xw-nav.current .nav .dropdown-menu a { color: #fff } .xw-head .xw-nav.current .nav .dropdown-menu li:hover a { color: #008B66 } .xw-head-top { height: 40px; line-height: 40px; background: hsla(0,0%,40%,.6) } .xw-head-top .fr a { text-align: center; display: inline-block; width: 54px; height: 26px; line-height: 26px; background-color: #008B66; margin-top: 7px } .xw-head-top .fr a:hover { background-color: rgba(159,91,176,.4) } .xw-head-top .fr .xw-head-center { width: 114px } .xw-side { width: 140px; height: 20pc; background-color: #008B66; position: fixed; right: 0; bottom: 0; z-index: 999; display: none; padding: 15px; font-size: 20px } .xw-side img { height: auto!important } .xw-side .xw-side-txt { padding: 5px 0; text-align: center; font-size: .6em; color: #fff } .xw-side .xw-side-line { margin-top: 10px; height: 10px; border-bottom: 1px solid hsla(0,0%,100%,.5); position: relative } .xw-side .xw-side-line .icon-f { width: 38px; height: 20px; position: absolute; top: 0; left: 50%; margin-left: -19px; background: #008B66 url(../images/icon20190416.png) no-repeat; background-position: -126px -26px } .xw-side .xw-online { margin-top: 20px; height: 30px; border: 1px solid hsla(0,0%,100%,.5) } .xw-side .xw-online p { text-align: center; height: 100%; color: #fff } .xw-side .xw-online p:last-child { border: none } .xw-side .xw-online p:hover { background-color: #8d3aa2 } .xw-side .xw-online p a { display: block; height: 100%; line-height: 28px; font-size: .7em } .xw-side .news-share-top { color: #ddd; font-size: .7em; margin-top: 20px } .xw-side .news-share-top .icon-top { width: 20px; height: 20px; background-position: -86px -24px } .xw-nav-citylis { position: relative } .xw-nav-citylis:hover .tqedu-more-channels { display: block } .xw-nav-citylis .tqedu-more-channels { background-color: #fff; display: none; position: absolute; top: 3.5pc; left: 10pt; z-index: 100; border-top: 2px solid #008B66; padding: 25px 15px; box-shadow: 0 4px 10px rgba(0,0,0,.2); } .xw-nav-citylis .triangle-up { position: absolute; top: -7px; left: 75pt; border-top: 2px solid #008B66; border-right: 2px solid #008B66; background: #fff; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1001 } .xw-nav-citylis .tqedu-list-left { padding: 10px; width: 25pc } .xw-nav-citylis .tqedu-list-left h2 { text-align: center; font-size: 20px; padding: 10px 20px; background-color: #f6f6f6; margin-bottom: 15px } .xw-nav-citylis .tqedu-list-left li { float: left; width: 20%; height: 50px; line-height: 50px; text-align: center } .xw-nav-citylis .tqedu-list-left a { display: inline-block; width: 100%; height: 100%; font-size: 16px; color: #666 } .xw-nav-citylis .tqedu-list-left a:hover { color: #008B66 } .isouterWrap{ overflow: inherit !important; clear: both; } .xw-nav-citylis { border-left: 1px solid #999696; padding-left: 30px; margin-left: 30px; padding-bottom: 15px; } .xiongsong-logo{ width: 172px; margin-top: 8px; } .search { font-size: 15px; padding-left: 23px; margin: 0px; height: 36px; width: 498px; border: 2px solid #666666; line-height: 36px; color: #9f9f9f; font-weight: 300; } .search input { border: none; outline: none; font-size: 14px; font-weight: 600; width: 300px; height: 30px; margin-top: -3px; } .search button { height: 33px; float: right; padding-left: 40.5px; padding-right: 40.5px; /* background: #008B66; */ background: #666666; color: white; border: none; outline: none; font-size: 14px; } .tag_nav .tag_box img { vertical-align: middle; } .tag_flex { display: flex; align-items: center; /* justify-content: space-between; */ width: 535px; float: left; margin-left: 45px; margin-top: 29px; } .tag_call p { white-space: nowrap; overflow: hidden; color: #919191; } .tag_call { display: flex; align-items: center; } .tag_call span { font-size: 21.5px; color: black; }