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)
}
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,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0;
padding:0;
}
body {
overflow-scrolling:touch;
-webkit-overflow-scrolling:touch;
line-height:1.5;
font-size:0.52rem;
max-width:750px;
margin:0 auto;
min-height:100%;
background:#f7f7f7;
font-family:PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei';
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}
fieldset,img {
border:0;
}
img {
vertical-align:middle;
}
:focus {
outline:0;
}
address,caption,cite,code,dfn,em,b,i,th,var,optgroup {
font-style:normal;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
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;
}
textarea {
overflow:auto;
}
code,kbd,samp,tt {
font-size:100%;
}
input,button,textarea,select {
*font-size:100%;
}
ol,ul,li {
list-style:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
a {
text-decoration:none;
color:#333;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
-webkit-user-select:none;
}
a:hover {
text-decoration:none
}
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;
}
* {
-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input,textarea {
-webkit-appearance:none;
border:none;
}
button {
background:none;
}
em,i {
font-style:normal;
text-transform:uppercase;
}
a,a:focus {
outline:none;
}
.noBg {
background:none!important;
}
.noBd {
border:0!important;
}
.noMg {
margin:0!important;
}
.fl {
float:left;
}
.fr {
float:right;
}
.noPd {
padding:0!important;
}
.mg_t10 {
margin-top:0.5rem;
}
.mg_t20 {
margin-top:1.0rem;
}
.mg_r10 {
margin-right:0.5rem;
}
.mg_r15 {
margin-right:1rem;
}
.mg_b10 {
margin-bottom:0.5rem;
}
.mg_b20 {
margin-bottom:1.0rem;
}
.pd_b10 {
padding-bottom:0.5rem;
}
.clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}
.clearfix {
display:block
}
@media (min-width:319px) {
html {
font-size:21px;
}
}
@media (min-width:359px) {
html {
font-size:24px;
}
}
@media (min-width:374px) {
html {
font-size:25px;
}
}
@media (min-width:413px) {
html {
font-size:27px;
}
}
@media (min-width:479px) {
html {
font-size:32px;
}
}
@media (min-width:639px) {
html {
font-size:40px;
}
}
@media (min-width:749px) {
html {
font-size:48px;
}
}
/*head*/
.topbar {
height:2.1rem;
background:#4876FF;
padding:0 0.6rem;
position:relative;
z-index:19;
}
.topbar .logo {
height:1.5rem;
margin-top:0.3rem;
float:left;
display:block;
line-height:1.5rem;
color:#fff;
font-size:0.8rem;
font-weight:bold;
}
.topbar .logo img {
height:100%;
}
.topbar .logo a { color:#fff;}
.ttys_menu {
width:1.0rem;
height:1.0rem;
position:absolute;
z-index:99;
right:0.5rem;
top:0.65rem;
}
.ttys_menu .menu_icon {
display: block;
width: 100%;
height: 2px;
background: #fff;
margin: 0.4rem auto;
position: relative;
}
.ttys_menu .menu_icon::before {
position: absolute;
top: -8px;
content: '';
width: 100%;
height: 2px;
background: #fff;
}
.ttys_menu .menu_icon::after {
position: absolute;
bottom: -8px;
content: '';
width: 100%;
height: 2px;
background: #fff;
}
.ttys_box {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:99;
background:rgba(0,0,0,.5);
}
.ttys_box .close {
position:absolute;
right:0.5rem;
top:18px;
width:22px;
height:22px;
}
.ttys_box .close:before,.ttys_box .close:after {
position:absolute;
left:10px;
content:' ';
height:22px;
width:2px;
background-color:#333;
}
.ttys_box .close:before {
transform:rotate(45deg);
}
.ttys_box .close:after {
transform:rotate(-45deg);
}
.ttys_box .box_center {
background:#fff;
padding:0 0 0.5rem 0;
}
.ttys_box .box_center .dhtitle {
border-bottom:1px solid #eee;
text-align:center;
font-size:0.7rem;
color:#222;
line-height:1.2rem;
padding:0.5rem 0;
}
.ttys_box .box_center .dhlist {
margin:0 0.5rem;
padding-top:0.8rem;
overflow:hidden;
}
.ttys_box .box_center .dhlist li {
display:block;
width:-webkit-calc(33% - 0.3rem);
width:-moz-calc(33% - 0.3rem);
width:calc(33% - 0.3rem);
height:1.6rem;
line-height:1.6rem;
float:left;
overflow:hidden;
margin-right:0.5rem;
text-overflow:ellipsis;
white-space:nowrap;
text-align:center;
background:#f2f2f2;
margin-bottom:0.35rem;
font-size:0.6rem;
border-radius:0.2rem;
}
.ttys_box .box_center .dhlist li:nth-child(3n) {
float:right;
margin-right:0;
}
.ttys_box .box_center .dhlist li.back {
background:#d8e2fc;
color:#FFF;
}
.index_menu {
width:100%;
background:#fff;
box-shadow:0px 1px 6px 0px rgba(0,69,189,0.1);
box-sizing:border-box;
height:1.8rem;
overflow:hidden;
}
.index_menu .main_c {
width:100%;
height:1.8rem;
line-height:1.8rem;
overflow:hidden;
}
.index_menu .main_c div {
width:100%;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
vertical-align:top;
height:2.3rem;
}
.index_menu .main_c a {
display:inline-block;
padding:0 0.5rem;
white-space:nowrap;
font-size:0.7rem;
color:#333;
}
.index_menu .main_c a.on {
position:relative;
color:#4876FF;
z-index:1;
}
.footer {
text-align:center;
padding:0.4rem 0;
background:#F5F5F5;
color:#777;
font-size:0.48rem;
line-height:0.9rem;
}
.i_banner {
width:100%;
height:8.2rem;
overflow:hidden;
margin-bottom:0.4rem;
}
.i_banner .swiper-container {
width:100%;
height:8.2rem;
overflow:hidden;
}
.i_banner .swiper-slide {
width:100%;
position:relative;
z-index:1;
}
.i_banner .swiper-slide img {
position:absolute;
transform:translate(-50%,-50%);
top:50%;
left:50%;
height:100%;
width:100%;
}
.i_banner .swiper-slide p {
position:absolute;
width:100%;
box-sizing:border-box;
padding:0 3%;
height:1.6rem;
line-height:1.6rem;
color:#fff;
left:0;
bottom:0;
background:rgba(0,0,0,.4)
}
.i_banner .swiper-slide p b {
display:block;
width:85%;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:0.6rem;
}
.i_banner .swiper-pagination {
bottom:8px!important;
text-align:right !important;
}
.i_banner .swiper-pagination-bullet {
background:#fff;
margin:0 6px 0 0!important;
opacity:0.8;
}
.i_banner .swiper-pagination-bullet-active {
background:#FD6440;
opacity:1.0;
}
.ttys_dynamic{}
.ttys_dynamic h4{display:block;width:1.6rem;text-align:left;float:left;font-size:1.0rem;color:#444;font-weight:bold;line-height:1.3rem;position:relative;z-index:1;padding-top:0.1rem;}
.ttys_dynamic h4:before{content:"";width:1px;height:2.3rem;background:#eee;position:absolute;right:0;top:0.3rem;}
.ttys_dynamic h4 i{color:#E53C39;}
.ttys_dynamic ul{float:right;width:-webkit-calc(100% - 2.1rem);width:-moz-calc(100% - 2.1rem);width:calc(100% - 2.1rem);height:2.8rem;overflow:hidden;}
.ttys_dynamic li{height:1.4rem;line-height:1.4rem;font-size:0.6rem;overflow:hidden;}
.ttys_dynamic li:first-child a{color:#E53C39;}
.ttys_head{padding-top:0.4rem; }
.ttys_head li{margin-bottom:0.5rem;width:100%;float:left;}
.ttys_head li:last-child{margin-bottom:0;}
.ttys_head li .num{width:1.0rem;height:1.3rem;float:left;font-size:0.8rem;color:#E50A80;font-weight:bold;line-height:1.3rem; font-style:italic;}
.ttys_head li .txt{width:-webkit-calc(100% - 1.1rem);width:-moz-calc(100% - 1.1rem);width:calc(100% - 1.1rem);float:right;}
.ttys_head li .txt b{font-size:0.68rem;height:1.2rem;line-height:1.2rem;overflow:hidden;display:block; margin-bottom:0.1rem; font-weight:normal;}
.ttys_head li .txt p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:0.5rem;color:#999;height:1.6rem;line-height:0.8rem;
}
.ttys_indbox {
padding:0.3rem 0.5rem;
margin-bottom:0.4rem;
background:#fff;
}
.ttys_indbox .con { padding:0.3rem 0 0 0;}
.ttys_indbox .con li {
font-size: 0.6rem;
height: 1.4rem;
line-height: 1.4rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
padding:0 0 0 15px;
}
.ttys_indbox .con li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
background:#EF758E;
border-radius:50%;
margin-top: -2px;
}
.ttys_tit_a {
height: 1.6rem;
line-height: 1.4rem;
border-bottom: 1px solid #ddd;
}
.ttys_tit_a h4 {
font-size: 0.7rem;
float: left;
position: relative;
z-index: 1;
height: 1.6rem;
}
.ttys_tit_a h4 b {
color: #222;
display: block;
float: left;
position:relative;
z-index:1;
height: 1.6rem;
}
.ttys_tit_a h4 b:before {
content:"";
position:absolute;
z-index:5;
width:100%;
height:2px;
background:#4876FF;
left:0;
bottom:-1px;
}
.ttys_tit_a .more {
display:block;
float:right;
font-size:0.52rem;
color:#4876FF;
margin-right: 0.5rem;
}
.ttys_hot { margin-top:0.4rem;}
.ttys_hot li{font-size:0.6rem;height:1.3rem;line-height:1.3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;z-index:1;padding-left:15px;}
.ttys_hot li:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;background:#bbb;margin-top:-2px;}
.ttys_bbox { margin-bottom:0.5rem;}
.ttys_bbox li {
padding:0.5rem 0;
border-bottom:1px solid #e5e5e5;
overflow:hidden;
position:relative;
}
.ttys_bbox li:last-child {
border-bottom:none;
padding-bottom:0;
}
.ttys_bbox li .tis {
font-size:0.6rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
line-height:1.0rem;
height:2.0rem;
}
.ttys_bbox li .info {
font-size:0.5rem;
color:#9f9f9f;
margin-top:0.4rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:0.8rem;
height:0.8rem;
}
.ttys_bbox li .pics {
width:4.8rem;
height:3.2rem;
float:left;
overflow:hidden;
margin-right:0.4rem;
position:relative;
z-index:1;
}
.ttys_bbox li .pics img {
height:100%;
position:absolute;
transform:translate(-50%,-50%);
top:50%;
left:50%;
}
.ttys_dbox li{
width: -webkit-calc(50% - 0.2rem);
width: -moz-calc(50% - 0.2rem);
width: calc(50% - 0.2rem);
overflow: hidden;
float: left;
margin-top:0.5rem;
}
.ttys_dbox li:nth-child(2n){float:right;}
.ttys_dbox li span{display:block;position:relative;z-index:1;overflow:hidden;height:4.3rem;width:100%;}
.ttys_dbox li span img{display:block;height:100%;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;z-index:5;}
.ttys_dbox li p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 0.56rem;
color: #2E333F;
line-height: 0.9rem;
height: 1.8rem;
margin-top:0.2rem;
}
.ttys_ebox {
width:100%;
overflow: hidden;
margin-top:0.5rem;
position:relative;
z-index:1;
height:8.0rem;
}
.ttys_ebox span{display:block;position:relative;z-index:5;overflow:hidden;height:8.0rem;width:100%;}
.ttys_ebox span img{display:block;height:100%;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;z-index:5;}
.ttys_ebox p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.6rem;
color: #fff;
line-height: 1.8rem;
height: 1.8rem;
background:#f0f0f0;
box-sizing:border-box;
padding:0 0.5rem;
position:absolute;
z-index:19;
left:0; bottom:0;
background:rgba(0,0,0,.5);
width:100%;
}
.ttys_sr { margin-top:0.5rem;}
.ttys_sr li {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:0.6rem;
line-height:1.3rem;
height:1.3rem;
position:relative;
z-index:1;
}
.ttys_sr li i {
display:inline-block;
width:0.8rem;
height:0.8rem;
border:1px solid #D93F04;
color:#D93F04;
line-height:0.8rem;
text-align:center;
font-size:0.5rem;
border-radius:0.2rem;
margin-right:0.3rem;
}
/*list*/
.posi {
height: 1.6rem;
line-height: 1.6rem;
font-size: 0.52rem;
padding: 0 0.5rem 0 1.3rem;
color: #bbb;
overflow:hidden;
background:url(../images/crumb.png) no-repeat 0.5rem center;
background-size:0.5rem auto;
}
.posi a {
display: inline-block;
padding: 0 0.6rem 0 0.4rem;
position: relative;
z-index: 1;
color:#555;
}
.posi a:first-child { padding-left:0;}
.posi a:before {
content: "";
position: absolute;
top: 50%;
margin-top: -1px;
right: 0;
width: 0.2rem;
height: 0.2rem;
border-style: solid;
border-width: 0.1rem 0.1rem 0 0;
border-color: #bbb;
-webkit-transform-origin: 75% 25%;
-webkit-transform: rotateZ(45deg);
-webkit-transition: 100ms ease-in .1s;
transition: 100ms ease-in .1s;
}
.posi a:last-child:before {
display:none;
}
.ttys_nlist li {
padding: 0.3rem 0.4rem 0.6rem 0.5rem;
overflow: hidden;
position: relative;
background:#fff;
margin-bottom:0.5rem;
border:1px solid #111;
}
.ttys_nlist li .tit {
font-size: 0.65rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.4rem;
height: 1.4rem;
}
.ttys_nlist li .tit a { color:#222;}
.ttys_nlist li .pic {
width: 4.6rem;
height: 3.2rem;
float: left;
overflow: hidden;
margin-right: 0.5rem;
position: relative;
z-index: 1;
}
.ttys_nlist li .pic img {
height: 100%;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
}
.ttys_nlist li .info {
height:3.2rem;
overflow:hidden;
}
.ttys_nlist li .info p {
font-size: 0.5rem;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 0.9rem;
height: 1.8rem;
}
.ttys_nlist li .more{
display:block;
font-size:0.5rem;
color:#E50A80;
line-height:1.0rem;
margin-top:0.5rem;
}
/*detail*/
.ttys_article {
padding-top:0.6rem;
}
.ttys_article .tit {
font-size: 0.8rem;
font-weight: 700;
color: #222;
margin-bottom:10px;
line-height:1.1rem;
}
.ttys_article .info {
height: 1.2rem;
line-height: 1.2rem;
color: #999;
font-size: 0.5rem;
padding-bottom:0.2rem;
}
.ttys_article .info span {
margin-right:0.5rem;
}
.ttys_article .daodu {
line-height:0.9rem;
font-size:0.56rem;
padding:0.4rem 0.4rem;
color:#888;
background:#f5f5f5;
}
.ttys_article .daodu span {
background: #0C6898;
color: #fff;
display: inline-block;
border-radius: 0.2rem;
padding: 0 0.3rem;
margin-right: 0.3rem;
}
.wz {
font-size: 0.6rem;
line-height: 1.0rem;
color: #444;
padding:0.5rem 0;
}
.wz p {
padding:0.3rem 0;
text-indent:1.2rem;
}
.wz img {
width:100%;
margin-left:-1.2rem;
}
.ttys_prev {
border-top: 1px solid #c8c8c8;
padding: 0.3rem 0 0 0;
}
.ttys_prev p {
height: 1.1rem;
line-height: 1.1rem;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ttys_read li {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:0.6rem;
line-height:1.3rem;
height:1.3rem;
position:relative;
z-index:1;
padding-left:0.6rem;
}
.ttys_read li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
background: #4876FF;
border-radius: 50%;
margin-top: -2px;
}
.nocontent {
text-align: center;
font-size: 0.6rem;
color:#777;
padding:0.5rem 0;
}
.nocontent img {
height:4.5rem;
}
.nocontent p {
padding: 0.3rem 0;
}
/*page*/
.pages {
text-align:center;
padding:0.3rem 0.5rem 0.3rem 0.5rem;
font-size:0.56rem;
}
.pages li {
display:inline-block;
}
.pages a {
border:1px solid #ccc;
padding:0.1rem 0.4rem;
border-radius:0.2rem;
background:#FFF;
display:block;
color:#777;
}
.pages span {
border:1px solid #ccc;
padding:0.1rem 0.4rem;
border-radius:0.2rem;
background:#FFF;
display:block;
}
.pages li.active span {
border:1px solid #ccc;
padding:0.1rem 0.4rem;
border-radius:0.2rem;
background:#ccc;
color:#fff;
}
.links {
padding: 0.2rem 0.5rem;
background: #FFF;
margin-bottom: 0.5rem;
}
.links .name {
position: relative;
font-weight: 700;
font-size: 0.7rem;
line-height: 1.6rem;
width:100%;
float:left;
}
.links .net {
font-size: 0.56rem;
padding-bottom: 0.2rem;
width:100%;
float:left;
}
.links .net li {
color: #888;
margin-right: 0.5rem;
line-height: 1.0rem;
display: block;
float: left;
}