* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

html {
	font-family: PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei';
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #333;
}

html * {
	outline: 0;
	-webkit-text-size-adjust: none;
	tap-highlight-color: rgba(0,0,0,.05);
	-webkit-tap-highlight-color: rgba(0,0,0,.05);
	-ms-tap-highlight-color: rgba(0,0,0,.05)
}

:root {
	overflow-y: scroll;
}

body,html {
    height: 100%
}

body {
    line-height: 1.5;
    font-size: 16px;
    font-family: HelveticaNenu,Helvetica,microsoft yahei;
    background: #fff;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	max-width: 750px;
	margin: 0 auto;
	min-height: 100%;
}


a,body {
    color: #333
}

a {
    text-decoration: none
}

li,ul {
    list-style: none
}

em,i {
    font-style: normal
}

img {
    max-width: 100%;
    width: 100%;
}

fieldset, img {
	border: 0;
}

img {
	vertical-align: middle;
}

:focus {
	outline: 0;
}

.hide {
    display: none!important
}

.container {
    padding: 15px
}

.toast-msg {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 4;
    -webkit-transform: translate(-50%,-200%);
    transform: translate(-50%,-200%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    padding: 10px 20px;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background: rgba(0,0,0,.4)
}

.toast-msg p {
    word-break: break-all
}

.toast-msg span {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 5px
}

.toast-msg .icon-success {
    background: url(../images/icon_success_48.png) 50% no-repeat;
    background-size: 100%
}

.toast-msg .icon-wrong {
    background: url(../images/icon_wrong_48.png) 50% no-repeat;
    background-size: 100%
}

.icon-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
    background-color: hsla(0,0%,100%,.6);
    background-image: url(../images/loading.gif);
    background-position: 50%;
    background-repeat: no-repeat
}

.load-more {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    background: #fff
}

.load-more a {
    display: block;
    font-size: 14px;
    color: #666
}

.load-more .icon-load {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../images/loading.gif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px
}

.load-more .tips {
    font-size: 14px;
    color: #666
}

.fd-slider {
    position: relative
}

.fd-slider,.fd-slider-wrap {
    overflow: hidden
}

.fd-slider-item {
    float: left;
    overflow: hidden
}

.fd-slider-action {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 30px;
    height: 80px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(47,163,182,.8)
}

.fd-slider-action:focus {
    outline: 0
}

.fd-slider .prev {
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3pJREFUeNrkm39k1HEYx5/tzjHGESOOceyvGNEZcdNpmqWUsWzKZWcp2z9LiSaWEiVK/bOUpSmlNKWUpilNkWYRY0Tsr4gRERFzPY89x9ez5/tHu/t+P5/7fB7e7B523+/7dc/38+ueayiXy+BzJDf6j7lczuR9N6FaUV/pxcLCwobfqLEOPzQy/wr1CdVR7ZvVG4A06jVqR+DvvC8ANMOUm/QBQAvqjVLyy6huI4OgAfPtIk8DYBfqu8sVkEG9U8wvoQrVmre9Airm20T+C5f9Si0uYmsFZFHvFfOfuexXanUhGwG0sfmsyH9k8z9reTHbAGzhss+I/Acu+1+1vqBNANpDzM+y+d9RXNQWANt4qmsR+RnUftSfqC5sA4COEPNPozZvA4A8m0+L/DRqAPU36hswCWAnr+2bRf5eXOZNAuhBveCtbTCmUCXUalw3YgLAPtQzxfyNuM2bANCHeoxKifx11IiJUowTwEHUQ8X8JdRxUwNRXAAGUXdRCZE/jxozOQ3FsRs8irqp5Mf40zcaUVfAaIj5kzaYj7oCTqEuK/kRHvGtiKgqYFwxT9PbEZvMR1UBF1BnFPMlXuWBywCuoE6IHC1pD6MegYVRSwATqGHF/ADv7MBVAAke6YdEnraxB1AvweJI1sD8HVRRMU97+VmwPJJVmr+P6hd5Orrai5qDOoiopsFVqJNorNLkIWVqa+aDjl0+VEBlfr8t8k2859/jwyMQtsIjCE9Qvb6MAbTGvypyKT4D6PdlENR2eSmeLYq+zAK0zz8bsl4Y8mUa1E56CMKkslx29kAk7KxvQtkwOQmAgk57j4XsGk/7AIDiFujn/RdR53wAQDHFZwISwjiDcB4AxQPQv/OjR+GaDwAopvmMQEIY5cHReQAUz0H/3n+Y1woJ1wFQzPCZgYQwGDcEk/0Bb0Hv/SmC/h2icwAoqPuLWt9k91dfXBBs6BGaB73/rxf0PgLnAFBQB2gB1neA9kQNwaY+wUWG8EPk6WhN6yVyDgAFdYF3wvou8DxDSLsOgOIbQ1gW+e2w1lK3yXUAwOY7GUYwwjpKnQMA/BgU+LEIxlZY6yne7DqAIIRFkaeucmqpz7gOAHhq7OKpMhiV3xW0ug4gCGFe5LM8JjgPAHi53M3L52Cu5AuAIIS5ECD/HUmov6At9G4u/6Vq36zB95/P/xNgAN1Sr5AMbk5UAAAAAElFTkSuQmCC)
}

.fd-slider .next,.fd-slider .prev {
    background-size: 30px;
    background-position: 50%;
    background-repeat: no-repeat
}

.fd-slider .next {
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JJREFUeNrkm39k1GEcx5/tznGMI0aMGCPGiJ1RbkpZSimllFI2pax/mhJNlCWWKPXP0pSllKUppTSllI40d8Q4YkSMMcYYx5jr/XGfL1+ffb9M39/P8+bN+XB338/rnnuez/P5Pt+GWq2mTFbay5vz+bz1ciP8F65GlUipVPqv9zX68N1d8E/4A5xN2gjwCqAAf4Rz8Fbba2MAPBQJF5IGwSuAnfAfh7/EZ7jZBAA08XXDv0W8MykQ/JgEZ+FtcEXEO+CvcIvuAEhzDOGXiLfHHUKjj581D++AyyLeBn+HW3UHQFpgCD9EvJUhtOkOgLTIq0NRxFv479CuOwDSEkP45AKhQ3cAivcF++FJEW/mJbJTdwB2CK9dIHTpDoC0DB+FJ0Q8xxAKugOwQ3gq4k28d9iuOwDSCtwHPxZx2kK/g3fpDsAO4b4DhDfwPt0BWDoH3xOxDPwSPmQCANIAfNMBwjh8zAQApEH4uoil4CdwrwkASNcYhIQwBp8xAYDiv8JFh/gD+LwJAEh3eHKUugtfMgGA4uXxNC+Xdt2Cr5oAgPSIawUJYQi+YQIAxSXzcS6h7boC3zYBAOkF7x8khAvwiAkAFG+jD6rV9xz7Vf2mTEp3AKT33FOQEE5xrZDSHQCJWmu7Vb3VZtcJ+JkXCEkBoBxWBSPmAEs9qt44aXJZLVZ0BrCHewXZNdYLWgE4AL9ySN6tYtQKwBHuDWTWuGfQCoA1u2fWuGvUCoDb+u7UN/CsdMyS73cpcwfV6vaZdiPArcYfCCr5OI2Ay/CwQ/wsPBrkF8dhBAw5JG/dPxgN+sujHgHD/OvL5E/Cz8O4gCgBUK9PNjyXubSdCOsiogIwwjO+TP4w/DbMCwkbQIobGb0iXuXGx2TYv0Q65OTHuMqTye+Fv0QxFMMCkOHSVt74XOJGRzGqiSgdUvLjvLOzyzpNNhXlMhQ0gCxvZ+XhhwVOvhx1EZIOOHlqZPSIuHWidDoOJWhQAKh1RU+QyANQc5x8JS4bkCAA5Dj5zSJunSqfidP20++9wDpVP/omk6eHKrrjlrzfI4AOP1LndpOIz/AvP6tiKL9GwHpVPwMsk6/EOXm/RoB1AFoehZ/mCW9exVheR8AG5fwcQDkJyfsxAmjCk0+CTHGRs6gSIK8joE8kWkxS8n4AsCf8LWnJ+zUJ0pDfwmt9VSVMDaY/Pv9PgAEAINSxQqVdl6oAAAAASUVORK5CYII=)
}

.fd-slider-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center
}

.fd-slider-nav a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -100px;
    background: rgba(47,163,182,.8)
}

.fd-slider-nav a.on,.fd-slider-nav a:hover {
    background: hsla(0,0%,100%,.8)
}

.pager {
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #ddd
}

.pager a,.pager span {
    display: inline-block;
    padding: 3px 10px;
    margin: 0 2px;
    color: #fff;
    background: #999
}

.pager a.active,.pager a.on,.pager span.active,.pager span.on {
    background: #02b99a
}

.pager span {
    padding: 3px 2px;
    color: #666;
    background: none
}

header {
    position: relative;
    padding-top: 32%;
    background: url(../images/header.png) top no-repeat;
    background-size: 100% auto
}

header .nav {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 8px;
    height: 46px;
    line-height: 46px;
    padding-left: 5px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff
}

header .nav div {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    vertical-align: top
}

header .nav a {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap;
    font-size: 16px;
    color: #666
}

header .nav a.on {
    position: relative;
    color: #000;
    font-weight: 700
}

header .nav a.on:before {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 6px;
    content: "";
    border-top: 3px solid #479fe4
}

header .nav span {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 44px;
    line-height: 60px;
    width: 50px;
    overflow: hidden;
    border-left: 1px solid #eee;
    border-radius: 0 10px 10px 0;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    -webkit-box-shadow: rgba(0,0,0,.3) -2px 0 8px;
    box-shadow: -2px 0 8px rgba(0,0,0,.3);
    background: #fff
}

header .nav span:before {
    position: absolute;
    top: 4px;
    left: 15px;
    content: "";
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: url(../images/icon_back_gray.png) 50% no-repeat;
    background-size: 18px auto
}

section {
    padding: 15px;
    overflow: hidden;
    background: #fff
}

section.border {
    margin-bottom: 0px;
    -webkit-box-shadow: 0 5px 0 0 #eee;
    box-shadow: 0 5px 0 0 #eee
}

section .sbj {
    height: auto;
    line-height: 40px;
    margin-top: -10px;
    margin-bottom: 6px
}

section .sbj b {
    position: relative;
    padding-left: 20px;
    font-weight: 700;
    font-size: 16px;
}

section .sbj b:before {
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px
}

section .sbj b:after,section .sbj b:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

section .sbj b:after {
    top: 3px;
    left: 2px;
    width: 10px;
    height: 10px;
    background: #fff
}

section div.more {
    margin-bottom: 15px
}

section div.more a {
    display: block;
    width: 50%;
    line-height: 26px;
    float: left;
    text-align: center
}

section div.more a i {
    display: inline-block;
    padding-right: 22px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 18px auto
}

section div.more a:first-child i {
    background-image: url(../images/icon_reply.png)
}

section div.more a:last-child i {
    background-image: url(../images/icon_refresh.png)
}

.top-banner .cont {
    border-radius: 10px;
    overflow: hidden
}

.top-banner .cont img {
    max-width: 100%;
    width: 100%;
    float: left
}

.photos {
    overflow: hidden;
    margin: 0 -8px
}

.photos dl.bigger {
    width: 100%
}

.photos dl.bigger dt a span {
    padding-top: 0
}

.photos dl {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 15px;
    float: left
}

.photos dd a {
    display: inline-block;
    position: relative;
    padding: 3px 7px 3px 24px;
    margin: 4px 3px;
    margin-left: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #eee;
    border-radius: 20px;
    font-size: 12px
}

.photos dd a:before {
    top: 6px;
    left: 7px;
    width: 14px;
    height: 14px
}

.photos dd a:after,.photos dd a:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.photos dd a:after {
    top: 8px;
    left: 9px;
    width: 10px;
    height: 10px;
    background: #fff
}

.photos dt a span {
    position: relative;
    padding-top: 7%;
    border-radius: 4px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.photos dt a span i {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3px 0;
    padding-left: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0,0,0,.5);
    background-image: url(../images/icon_person.png);
    background-position: 6px;
    background-repeat: no-repeat;
    background-size: 14px
}

.photos dt a img {
    float: left
}

.photos dt em,.photos dt span {
    display: block;
    overflow: hidden
}

.photos dt em {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.scale-slider-wrap {
    padding: 0
}

.scale-slider-wrap h4 {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 8px;
    padding: 8px;
    overflow: hidden;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.scale-slider-wrap ul {
    overflow: hidden
}

.scale-slider-wrap ul.action,.scale-slider-wrap ul.action li {
    -webkit-transition: .4s;
    transition: .4s
}

.scale-slider-wrap li {
    width: 45%;
    float: left;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.scale-slider-wrap li a {
    display: block;
    text-align: center;
    outline: none
}

.scale-slider-wrap li a h5 {
    margin-top: 5px;
    font-size: 15px
}

.scale-slider-wrap li a p {
    font-size: 13px;
    color: #7cc521
}

.scale-slider-wrap .scale-slider-ctrl {
    text-align: center
}

.scale-slider-wrap .scale-slider-ctrl .ctrl-items {
    width: 100px;
    display: inline-block;
    overflow: hidden
}

.scale-slider-wrap .scale-slider-ctrl .ctrl-items span {
    width: 35px;
    height: 35px;
    background-size: 25px;
    background-position: 50%;
    background-repeat: no-repeat
}

.scale-slider-wrap .scale-slider-ctrl .ctrl-items .prev {
    float: left
}

.scale-slider-wrap .scale-slider-ctrl .ctrl-items .next {
    float: right
}

.video {
    position: relative;
    padding-bottom: 56.2%;
    overflow: hidden;
    background-color: #000000;
}

.video,.video video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video video {
    position: absolute
}

.video .key-frame,.video img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.video .key-frame i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: .8;
    background: url(../images/icon_play_bigger.png) 50% no-repeat;
    background-size: 50px
}

.video .info {
    position: absolute;
    bottom: 2px;
    left: 10px;
    right: 10px;
    color: #fff;
    font-size: 12px
}

.video .info em {
    float: left
}

.video .info span {
    float: right
}

.video .controls {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    height: 50px;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: bottom .5s;
    transition: bottom .5s;
    background: -webkit-gradient(linear,0 top,0 bottom,from(transparent),to(rgba(0,0,0,.3)))
}

.video .controls .btn-full,.video .controls .btn-pause,.video .controls .btn-play,.video .controls .progress {
    position: absolute;
    bottom: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.video .controls .icon-btn {
    background-size: 24px auto;
    background-position: 50%;
    background-repeat: no-repeat
}

.video .controls .btn-pause {
    left: 0;
    background-image: url(../images/icon_pause_white.png)
}

.video .controls .btn-play {
    left: 0;
    background-image: url(../images/icon_play_white.png)
}

.video .controls .btn-full {
    right: 0;
    background-image: url(../images/icon_fullscreen_white.png)
}

.video .controls .progress {
    left: 30px;
    right: 30px;
    width: auto
}

.video .controls .progress em,.video .controls .progress i,.video .controls .progress span {
    display: block;
    height: 30px
}

.video .controls .progress span {
    padding-right: 10px;
    float: left
}

.video .controls .progress em {
    position: relative;
    overflow: hidden
}

.video .controls .progress em:after {
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    content: "";
    background: #fff
}

.video .controls .progress i {
    position: absolute;
    top: 13px;
    left: 0;
    z-index: 1;
    height: 2px;
    background: -webkit-gradient(linear,left 0,right 0,from(#6079ea),to(#17ead9))
}

.video .controls .progress i b {
    position: absolute;
    top: -5px;
    right: 0;
    width: 12px;
    height: 12px;
    content: "";
    border-radius: 50%;
    background: #17ead9
}

.video .visible {
    bottom: -2px
}

.icon-play {
    display: block;
    position: relative
}

.icon-play:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    border: 2px solid #3860a4;
    border-radius: 50%;
    background: url(../images/icon_play.png) 22px no-repeat;
    background-size: 35px;
    background-color: rgba(44,72,88,.7)
}

.nav-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    background: #02b99a;
    background: linear-gradient(-30deg,#548ae6,#3eade2 40%,#19e5da)
}

.nav-wrap p {
    height: 80px;
    background: url(../images/logo_white.png) 50% no-repeat;
    background-size: 70% auto
}

.nav-wrap div {
    margin: 0 20px;
    padding-top: 30px;
    overflow: hidden;
    border-top: 1px solid #fff
}

.nav-wrap div a {
    display: block;
    width: 25%;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #fff
}

.nav-wrap div a.on {
    font-weight: 700
}

.nav-wrap em {
    display: block;
    padding-top: 100px;
    text-align: center
}

.nav-wrap em a {
    display: inline-block;
    width: 60px;
    padding-top: 45px;
    color: #fff;
    background: url(../images/icon_close.png) top no-repeat;
    background-size: 40px auto
}

.cates {
    margin: 0 -4px;
    font-size: 16px;
    font-weight: bold
}

.cates a {
    display: inline-block;
    position: relative;
    padding: 5px 8px 5px 25px;
    margin: 4px 3px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px dotted #ddd;
    border-radius: 4px;
    font-size: 14px
}

.cates a:before {
    top: 8px;
    left: 7px;
    width: 14px;
    height: 14px
}

.cates a:after,.cates a:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.cates a:after {
    top: 10px;
    left: 9px;
    width: 10px;
    height: 10px;
    background: #fff
}

.icon-green:before {
    background: #028129;
    background: -webkit-linear-gradient(-45deg,#028129,#99f2c1)
}

.icon-blue:before {
    background: #028129;
    background: -webkit-linear-gradient(-45deg,#021781,#8ecfea)
}

.icon-orange:before {
    background: #028129;
    background: -webkit-linear-gradient(-45deg,#fd8a25,#ffe19f)
}

.icon-purple:before {
    background: #028129;
    background: -webkit-linear-gradient(-45deg,#81026b,#a6a4f0)
}

.icon-red:before {
    background: #028129;
    background: -webkit-linear-gradient(-45deg,#810226,#f75c92)
}

.icon-yellow:before {
    background: #028129;
    background: -webkit-linear-gradient(-45deg,#816b02,#beea52)
}

.video-wrap {
    padding: 0
}

.video-info {
    padding-bottom: 8px
}

.video-info h1 {
    font-size: 18px
}

.video-info .tags {
    padding-top: 10px;
    overflow: hidden
}

.video-info .tags a {
    display: inline-block;
    position: relative;
    padding: 3px 7px 3px 24px;
    margin: 4px 3px;
    margin-left: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #eee;
    border-radius: 20px;
    font-size: 12px
}

.video-info .tags a:before {
    position: absolute;
    top: 4px;
    left: 7px;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.video-info .tags a:after {
    position: absolute;
    top: 6px;
    left: 9px;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff
}

.video-intro .detail {
    color: #6c6b6b
}

.video-intro .detail p {
    padding: 5px 0
}

.list dl {
    padding: 8px 0;
    overflow: hidden
}

.list dt {
    width: 35%;
    float: left;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}

.list_time_cot {
    width:45px;
    height: 22px;
    line-height: 22px;
    border-radius: 3px;
    background-color:rgba(0,0,0,.5);
    position: absolute;
    bottom: 10px;
    right: 7px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.list dd {
    overflow: hidden
}

.list dd b {
    display: block;
    font-size: 15px
}

.list dd b,.list dd p {
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list dd p {
    font-size: 13px;
    color: gray
}

.list dd em {
    display: inline-block;
    width: 40px;
    height: 16px;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.list dd em.yc {
    background-image: url(../images/tag_yc.png)
}

.list dd em.sy {
    background-image: url(../images/tag_sy.png)
}

.list dd em.pc {
    background-image: url(../images/tag_pc.png)
}

.foot_new { background: #F7F7F7;  padding-top: 10px;}
.foot_new .footlogo {
    border-bottom: 1px solid #DDDDDD;
    height: 50px;
    background: url(../images/logo.png)  no-repeat center top;
    background-size: auto 36px;
}
.foot_new .copyright {
    font-size: 13px;
    padding-top: 10px;
    line-height: 20px;
    border-top: 1px solid #FFF;
    color: #B7BBC2;
    text-align: center;
    padding-bottom: 10px;
}

.scale-slider-container {
    padding: 0;
    padding-bottom: 10px
}

.scale-slider-container .sbj {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px
}

.scale-slider {
    width: 100%;
    overflow: hidden
}

.scale-slider ul {
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all 1s;
    transition: all 1s
}

.scale-slider li {
    float: left
}

.scale-slider li img {
    position: relative;
    z-index: 2;
    float: left
}
.scale-slider li { position: relative; z-index: 1;}

.copy{
    text-align: center; font-size: 14px;
}
.list a span { position: relative; z-index: 1;}
.biaoti_index { position: absolute; z-index: 11; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box;
    padding:0 10px; color: #fff; background-color:rgba(0,0,0,.5); left: 0; bottom: 0;}
.timeindex { position: absolute; color: #fff; font-size: 12px; z-index: 11; width: 50px; height: 24px; text-align: center; border-radius: 3px; line-height: 24px; background-color:rgba(0,0,0,.5); bottom: 10px; right: 10px;}


.nocontent { max-width: 100%; text-align: center; font-size: 14px; line-height: 24px;}
.nocontent img { max-width: 40%;}
.mip-layout-responsive { z-index: 1;}


.detail-text { font-size:15px; line-height:180%;}
.detail-text img { max-width:100%;}
.detail-text p { margin-bottom:10px;}

.picwyds{display:none;}
.picimg{display:none;}
.wyds1{display:none;}
.wyds2{display:none;}
.wyds3{display:none;}
.wyds4{display:none;}
.wyds5{display:none;}
.wyds6{display:none;}
.wyds7{display:none;}
.wyds8{display:none;}
.wyds9{display:none;}
.wyds10{display:none;}
.wyds11{display:none;}
.wyds12{display:none;}
.wyds13{display:none;}
.wyds14{display:none;}
.wyds15{display:none;}
.wyds16{display:none;}
.wyds17{display:none;}
.wyds18{display:none;}
.wyds19{display:none;}
.wyds20{display:none;}
.jjwyds{font-weight:bold;font-family:΢ÈíÑźÚ;}







.newtits {
	height:auto;
}

.newtits b {
    position: relative;
    padding-left: 20px;
    font-weight: 700;
    font-size: 16px;
}

.newtits b:before {
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px
}

.newtits b:after, .newtits b:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.newtits b:after {
    top: 3px;
    left: 2px;
    width: 10px;
    height: 10px;
    background: #fff
}

.snewBox {
    background: #fff;
    margin-bottom: 15px;
    padding:0 15px;
}
.snewBox h2 {
    height:50px;
    line-height:50px;
    border-bottom: 1px solid #EEEEEE;
    overflow: hidden;
	font-size:18px;
	font-weight:bold;
	color:#222;
	position:relative;
	z-index:1;
	padding-left:16px;
}
.snewBox h2:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:4px;
	height:16px;
	background:#e00;
	margin-top:-8px;
}
.snewBox_in {
   
}
.snewBox_in li {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.snewBox_in li:last-child {
	border-bottom:none;
}
.snewBox_in li .sBoxpic {
    width: 130px;
    height: 85px;
    float: left;
    overflow: hidden;
    margin-right: 0.5rem;
    position: relative;
    z-index: 1;
}
.snewBox_in li .sBoxpic img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    height: 100%;
}
.snewBox_in li h3 {
    font-size: 16px;
    margin-bottom:10px;
    color: #2E333F;
	overflow: hidden; 
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical;
	line-height:25px;
	height:50px;
}
.snewBox_in li .time { font-size:13px; color:#999;}

.slistBox_in {
   
}
.slistBox_in li {
    width:48%;
	float:left;
    overflow: hidden;
}
.slistBox_in li:nth-child(2n) {
	float:right;
}
.slistBox_in li .slBoxpic {
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.slistBox_in li .slBoxpic img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    height: 100%;
}
.slistBox_in li h3 {
    font-size: 16px;
    margin-bottom:5px;
    color: #2E333F;
	overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height:40px;
	height:40px;
}

.yingc{display: none;}