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; }