body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;}

fieldset, img {border: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, em, th, var, optgroup {font-style: normal;font-weight: normal;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

strong {font-size: 100%;}

abbr, acronym {border: 0;font-variant: normal;}

input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}

code, kbd, samp, tt {font-size: 100%;}

input, button, textarea, select {

*font-size: 100%;}

body {line-height: 1.5;}

ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}

caption, th {text-align: left;}

sup, sub {font-size: 100%;vertical-align: baseline;}

:link, :visited, ins {text-decoration: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

.fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

body .fn-hide {display:none;}

.fn-left, .fn-right {display:inline;}

.fn-left {float:left;}

.fn-right {float:right;}

/***************** CSS Style ********************/



body {color: #666;font-family: "Microsoft Yahei";background-color: #fff;}

a {color: #333;text-decoration: none;}

a:hover {color: #1A98EF;text-decoration: none;}

a:active {color: #1A98EF;}

a:visited {color: #666;}

#wrapper {width: 100%;background-color: #fff;}

#header {width: 100%;height: 60px;clear: both;overflow: hidden; position:relative;}





#logo { position:absolute;top:5px;left:10px;}

#logo,  #logo img {display: block;width: 123px;height:50px;}

#header .fn-right {float: right;}

#search { position:absolute;top:14px;right:6px;height: 24px;overflow: hidden;width: 160px;border:2px solid #ccc;background-color: #fff;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.02) inset;}

.search-input {background: none repeat scroll 0 center transparent;border: 0 none;color: #333;float: left;font-family: "Microsoft Yahei";font-size: 14px;height:24px;line-height:24px;overflow: hidden;padding-left: 6px;width: 110px;}

.search-input:focus {color: #333;}

.search-button {background: url(../images/search.png) center center no-repeat;-webkit-background-size:18px 18px;-moz-background-size:18px 18px;background-size:18px 18px;border: 0 none;cursor: pointer;float: right;height: 24px;width: 34px;}





#nav {overflow: hidden;background-color: #0787DE;}

#nav li {width: 25%;line-height: 40px;float: left;height: 40px;overflow: hidden;margin-right: -1px;border-right: 1px solid #0A74BE;}

#nav li.last {border-right: 0 none;}

#nav a {display: block;height: 40px;width: 100%;overflow: hidden;color: #fff;font-size: 18px;text-align: center;}

#nav li a:hover,  #nav li a:visited {color: #fff;background-color: #1A98EF;}



.ui-title {width: 100%;overflow: hidden;}

.ui-title {border-bottom: 2px solid #1A98EF;}

.ui-cnt-line{border-top: 2px solid #1A98EF;}

.ui-tab {overflow: hidden;background-color: #F6F6F6;}

.covertitle .ui-tab{padding:0 10px}

.ui-tab li,  .ui-tab h3,  .ui-tab h2 {width: 25%;line-height: 40px;float: left;height: 40px;margin-right: -1px;border-right: 1px solid #E2E2E2;border-bottom: 1px solid #E2E2E2;}

.ui-tab li.last {border-right: 0 none;}

#hot-new .ui-tab li {width: 33.3%;}

.ui-tab h3,  .ui-tab h2 {border: 0 none;color: #333;font-weight: 700;font-size: 18px;}

.ui-tab h2 {width: auto;text-align: left;padding-left: 20px;}

.ui-tab li a,  .ui-tab h3 a {display: block;height: 40px;width: 100%;overflow: hidden;color: #333;font-size: 18px;text-align: center;}

.ui-tab li a:hover,  .ui-tab a:visited,  .ui-tab h3 a:hover,  .ui-tab h3 a:visited {color: #000;background-color: #ccc;}

.ui-tab li.current a {position: relative;height: 41px;font-weight: bold;color: #1A98EF;font-size: 20px;background-color: #fff;}

.ui-tab .more {display: block;height: 40px;line-height: 38px;padding: 0 10px;float: right;}

.ui-tab .more:hover {color: #1A98EF;}

.ui-cnt {}

.ui-list {}

.ui-list li {width: 100%;overflow: hidden;height: 45px;border-bottom: 1px solid #eee;}

.ui-list li i {display: block;width: 35px;height: 19px;overflow: hidden;float: right;margin-top: 12px;background: url(../images/arrow2.png) center center no-repeat;}

.ui-list li a,  .ui-list li a:hover,  .ui-list li a:visited {display: block;color: #333;line-height: 45px;font-size: 16px;text-indent: 10px;}

.ui-list li a:hover {color: #1A98EF;background-color: #f5f5f5;}

.ui-list li span {float:right;color:#999;font-size:14px;font-weight:normal}

#footer {padding: 10px 0;color: #333;text-align: center;background-color: #ccc;}

#gotop {float: left;width: 50px;height: 48px;overflow: hidden;border-right: 1px solid #ddd;}

#gotop a {background: url(../images/arrow.png) no-repeat scroll 16px center transparent;-webkit-background-size:14px 22px;-moz-background-size:14px 22px;background-size:14px 22px;display: block;height: 48px;overflow: hidden;width: 50px;}

#gotop a:hover {background-color: #eee;}

.title {color: #333;font-size:18px;height: 48px;line-height:48px;overflow: hidden;padding-left: 10px;clear:both;margin-bottom:10px}

.ptitle {border:0;margin:0;}



/* installtip */

#installtip {height: 36px;font-size: 18px;line-height: 36px;overflow: hidden;color: #333;font-weight: normal;clear: both;padding: 20px;background: #edf5fa;}

#installtip #tip {height: 36px;float: left;padding-left: 45px;background: url(../images/bdhd2.gif) 0 0 no-repeat;}

#installtip #downbt {height: 36px;font-size: 16px;font-weight: 700;float: right;padding: 0 20px;}





/*

.ui-pages {padding: 10px;height:38px;text-align: center;background-color: #eee;}

.ui-pages p{float: left;display: block;width:50%;padding: 0 5px;box-sizing: border-box;}

.ui-pages a {color: #333;display: inline-block;height: 38px;line-height: 38px;overflow: hidden;text-align: center;width:100%;text-decoration: none;vertical-align: middle;background-color: #ddd;box-sizing: border-box;}

.ui-pages a:hover {color: #333;background-color: #ccc;}



*/



.ui-pages {padding: 10px 0;text-align: center;background-color: #eee;}

.ui-pages a, .ui-pages span{ margin:0 0 0 5px;}

.ui-pages a, .ui-pages span{color: #333;display: inline-block;height: 25px;line-height: 25px;overflow: hidden;text-align: center;padding: 0 5px;text-decoration: none;vertical-align: middle;background-color: #ddd;}

.ui-pages span.current,.ui-pages a:hover {color: #333;background-color: #ccc;}



.channel_more {text-align: center;padding: 15px 10px;line-height:38px;height:38px;}

.channel_more a{display: block;background: #eee;line-height:38px;height:38px;}



.ui-detail {overflow: hidden;padding: 10px 10px 0;border-top: 2px solid #1A98EF; position:relative;}

.ui-detail .ui-img {float: left;margin-right: 10px;height: 116px;width: 82px;overflow: hidden;}

.ui-detail .ui-img img {height: 116px;width: 82px;}

.ui-detail .ui-text {color: #666; position:absolute;left:96px;top:10px;font-size: 12px;line-height: 20px;}

.ui-detail .ui-text p {overflow: hidden;}

.ui-detail .ui-text .back-home {font-size: 16px;font-weight: 700;margin: 5px 0 0;}

.ui-detail .ui-text .back-home a {color: #FFFFFF;}

.ui-detail-info {padding: 10px;margin-top: 10px;background-color: #f5f5f5;font-size:12px}

.ui-detail-info h3 {color: #333;font-weight: 700;}

.detail-list {overflow: hidden;padding: 12px 0;text-align: center;}

.detail-list a {background-color: #ddd;border: 1px solid #ccc;color: #333;display: inline-block;font-size: 14px;height: 30px;line-height: 30px;margin: 2px 0;overflow: hidden;text-align: center;width: 93px;}

.detail-list a:visited {background-color: #bbbbbb;border-color: #bbbbbb;position: relative;text-decoration: none;color:#fff}

.playBtn_HD {float: left;-webkit-border-radius: 0.2rem;-moz-border-radius: 0.2rem;border-radius: 0.2rem;line-height: 1.83333rem;height: 1.83333rem;font-size: 0.73333rem;margin-right: 0.66667rem;display: inline;color: #fff;padding: 0 0.66667rem 0 1.66667rem;position: relative;background-color: #1A98EF;margin-top: 5px;}
.playBtn_HD:before {content: "";border-color: transparent transparent transparent #fff;border-width: 0.4rem;border-style: solid;height: 0;width: 0;overflow: hidden;position: absolute;top: 0.5rem;left: 0.66667rem;}
.playBtn_HD:hover { color: #fff; }

/* topic-search */

.topic-search {text-align: center;}

.search-baidu {margin: 0 20px;padding-top: 20px;}

.topic-search .baidu-input {float: left;width: 78%;}

.topic-search .search-keys {width: 100%;height: 45px;line-height: 45px;font-size: 18px;text-indent: 10px;margin: 0 auto;clear: both;border: 1px solid #ccc;border-radius: 10px;}

.button-keys {width: 20%;float: right;text-align: center;overflow: hidden;height: 47px;font-size: 24px;}

.baidu-checkbox {text-align: left;font-size: 18px;padding: 10px 20px;}

/* listimg-box*/

.listimg-box {padding-bottom: 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.listimg-cnt {overflow: hidden;padding-bottom: 20px;}

.ui-list-img {margin-top: 2px;padding: 0 0 0 8px;}

.ui-list-img li {float: left;overflow: hidden;padding: 15px 4px 5px 4px;text-align: center;width: 108px;}

.ui-list-img .ui-listbox {border: 1px solid #E6E6E6;width: 106px;height: 158px;overflow: hidden;padding-top: 8px;border-radius: 2px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);}

.ui-list-img li aŁ¬ .ui-list-img li a:hover, .ui-list-img li a:visited {color: #333;font-size: 16px;}

.ui-list-img .ui-pic {display: block;height: 128px;margin: 0 auto;overflow: hidden;position: relative;width: 96px;margin-bottom: 3px;}

.ui-list-img .ui-pic img {height: 128px;width: 96px;}

.ui-list-img .ui-bg {background: none repeat scroll 0 0 #000000;bottom: 0;display: block;height: 16px;left: 0;opacity: 0.5;filter:alpha(opacity=50);position: absolute;width: 96px;}

.ui-list-img .ui-type {bottom: 0;color: #FFFFFF;font-size: 12px;height: 16px;left: 6px;line-height: 16px;overflow: hidden;position: absolute;}

.ui-list-img p {font-size: 14px;height: 24px;line-height: 24px;margin: 0 auto;overflow: hidden;width: 90px;}



@media screen and (max-device-width:359px) {

#logo {margin-top:5px}

#logo,  #logo img {display: block;width: 100px;height:40px;}

#search {width: 140px;}

.search-input {width: 90px;}

.ui-list-img {padding-left:0px}

.ui-list-img li {float:left;width:33.333%;padding:5px 5px;box-sizing: border-box;}

.ui-list-img .ui-listbox {width: 96px;height: 146px;padding-top: 4px;}

.ui-list-img .ui-type {width:86px}

.ui-list-img .ui-pic {height: 115px;width: 86px;}

.ui-list-img .ui-pic img {height: 115px;width: 86px;}

}
#imgh{border:1px solid #ccc;padding:1px;margin:0 1px;}
#imgh img{height:90px;}
#imgx{border:1px solid #ccc;padding:1px;margin:0 1px;}
#imgx img{height:90px;}


@media screen and (min-width:360px) {

.ui-list-img {padding-left:0px}

.ui-list-img li {float:left;width:33.333%;padding:5px 5px;box-sizing: border-box;}

.ui-list-img .ui-listbox {margin:0 auto}

}

.pic-text {
	width: 100%;margin:0 5px;
	overflow: hidden;
}

.pic-text li {
	float: left;
	width: 30%;
	padding-bottom: 2px;
	margin: 3px 0px;
	margin-left: 1px;
	margin-right: 3%;
	border-bottom: 1px dashed #ccc;
}

.pic-text li .titless {
	width: 100%;
	display: inline-block;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
	text-overflow: ellipsis;
}