@font-face {
font-family: 'alluraregular';
src: ,
format('woff'),
format('truetype'),
format('svg');
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a {
text-decoration: none;
}
input {
outline: none;
}
ul li {
list-style: none;
}
body {
font-family: helvetica neue, helvetica, arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
background-color: #f4f6f8;
}
i {
font-style: normal;
}
.swiper-container {
position: relative;
width: 100%;
height: 100%;
}
/*
hao86公共
*/
.comm-top {
width: 100%;
height: 24px;
background: #272c30;
}
.clearfloat:after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.clearfloat {
zoom: 1;
}
.comm-top-center {
width: 1200px;
margin: 0 auto;
height: 24px;
position: relative;
}
.comm-ul1 {
display: inline-block;
height: 24px;
}
.comm-ul1 li {
float: left;
overflow: hidden;
margin-right: 20px;
}
.comm-ul1 li a {
display: inline-block;
height: 24px;
color: #fff;
font-size: 12px;
line-height: 24px;
}
.comm-ul2 {
float: right;
display: inline-block;
height: 24px;
}
.comm-ul2 li {
float: left;
margin-left: 20px;
}
.comm-ul2 li a {
display: inline-block;
height: 24px;
color: #fff;
font-size: 12px;
line-height: 24px;
}
.comm-daohang {
display: inline-block;
height: 24px;
color: #fff;
font-size: 12px;
line-height: 24px;
}
.comm-daohang::after {
content: '';
float: right;
width: 0;
display: block;
height: 0;
margin-left: 4px;
margin-top: 10px;
border-width: 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
.comm-danchu {
display: none;
position: absolute;
z-index: 22;
background-color: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .28);
width: 328px;
top: 24px;
right: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 20px;
}
.comm-danchu1 {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.comm-danchu1 p {
color: #222;
font-size: 14px;
font-weight: 700;
margin-bottom: 15px;
}
.comm-daohanglan {
font-size: 12px;
line-height: 24px;
height: 24px;
color: #0085ff
}
.comm-daohanglan::after {
content: '';
float: right;
width: 0;
display: block;
height: 0;
margin-left: 4px;
margin-top: 4px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #0085ff transparent
}
.comm-danchu1 li {
width: 25%;
float: left;
overflow: hidden;
margin-bottom: 8px;
}
.comm-danchu1 li a {
display: inline-block;
color: #222;
font-size: 14px;
max-width: 80%;
height: 16px;
line-height: 16px;
overflow: hidden;
}
.comm-danchu2 {
width: 100%;
text-align: center;
margin-top: 20px;
}
.comm-danchu .comm-danchu1:nth-last-child(2) {
border-bottom: 1px solid #e9e9e9;
}
.comm-danchu2 a {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #0085ff;
font-size: 14px;
}
.header_nav_box {
height: 60px;
background-color: #ffffff;
}
.header_nav_box .header_nav {
display: flex;
align-items: center;
justify-content: space-between;
width: 1200px;
overflow: hidden;
margin: 0 auto;
height: 60px;
}
.header_nav .logo_box {
flex: 0 0 162px;
overflow: hidden;
margin-right: 32px;
}
.input_serch {
position: relative;
flex: 0 0 280px;
overflow: hidden;
margin-right: 32px;
height: 28px;
}
.header_nav .input_serch input {
height: 28px;
width: 280px;
border: 0px;
font-size: 14px;
padding: 0 45px;
background-color: #ececf3;
border-radius: 16px;
}
.header_nav .input_serch .search_btn {
position: absolute;
display: block;
width: 14px;
height: 14px;
background: url(/uploads/image/spdimg/search.png) no-repeat;
top: 50%;
margin-top: -7px;
left: 0;
margin-left: 18px;
cursor: pointer;
}
.header_nav .nav_list {
flex: 1;
overflow: hidden;
text-align: left;
}
.header_nav .nav_list a {
display: inline-block;
line-height: 60px;
text-align: center;
font-size: 18px;
padding: 0 12px;
color: #333333;
}
.header_nav .nav_list a:hover {
color: #0085ff;
}
.header_nav .nav_list a:hover::after {
content: '';
display: block;
width: 100%;
background: #0085ff;
height: 2px;
margin-top: -2px;
}
.header_nav .nav_list a.active {
color: #0085ff;
}
.header_nav .nav_list a.active::after {
content: '';
display: block;
width: 100%;
background: #0085ff;
height: 2px;
margin-top: -2px;
}
.mian_content {
width: 1200px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 32px;
}
.banner_box {
margin-top: 12px;
background-color: #ffffff;
padding: 30px;
display: flex;
overflow: hidden;
justify-content: space-between;
}
.banner_box .banner {
width: 800px;
height: 448px;
}
.banner_box .banner img{
width: 100%;
height: 100%;
}
.banner_box .banner_news {
width: 309px;
}
.my-bullet {
width: 20px;
height: 4px;
display: inline-block;
border-radius: 2px;
background: #ffffff;
margin: 0 6px;
cursor: pointer;
}
.my-bullet-active {
opacity: 1;
background-color: #0085ff;
}
.banner .swiper-pagination {
right: 0;
left: auto;
width: auto;
margin-right: 20px;
}
.banner .abs_span {
position: absolute;
display: block;
left: 0;
right: 0;
height: 40px;
line-height: 40px;
bottom: 0;
background: rgba(0, 0, 0, .8);
color: #ffffff;
padding: 0 20px;
padding-right: 170px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
}
.banner .swiper-container .swiper-slide a:hover span {
color: #0085ff;
}
.banner_title {
padding-bottom: 26px;
border-bottom: 1px solid #eeeeee;
color: #222222;
font-size: 18px;
}
.banner_news_con ul li {
margin-top: 18px;
}
.banner_news_con ul li a {
height: 52px;
display: flex;
align-items: center;
overflow: hidden;
}
.banner_news_con ul li a:hover span {
color: #0085ff;
}
.banner_news_con ul li .number {
font-size: 32px;
color: #cccccc;
flex: 0 0 32px;
margin-right: 20px;
}
.banner_news_con ul li .right_txt {
color: #333333;
font-size: 16px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.banner_news_con ul li a.btn_more {
display: block;
width: 312px;
height: 40px;
line-height: 40px;
background: #f4f6f8;
border-radius: 2px;
color: #8a8a8d;
font-size: 16px;
text-align: center;
}
.banner_news_con ul li a.btn_more:hover {
color: #0085ff;
}
.paihang_box {
margin-top: 12px;
background-color: #ffffff;
overflow: hidden;
}
.paihang_title {
height: 48px;
border-bottom: 1px solid #e9e9e9;
padding: 0 20px;
}
.paihang_title span,.paihang_title a {
display: inline-block;
line-height: 48px;
text-align: center;
font-size: 16px;
color: #333333;
cursor: pointer;
margin-right: 24px;
}
.paihang_title span.active,.paihang_title a.active {
color: #0085ff;
}
.paihang_title span.active::after,.paihang_title a.active::after {
content: '';
display: block;
width: 100%;
background: #0085ff;
height: 2px;
margin-top: -2px;
}
.paihang_title a:hover{
color: #0085ff;
}
.paihang_title a:hover::after{
content: '';
display: block;
width: 100%;
background: #0085ff;
height: 2px;
margin-top: -2px;
}
.paihang_content {
padding: 30px 20px 0;
overflow: hidden;
}
.paihang_content .paihang_tabs {
display: none;
flex-wrap: wrap;
}
.paihang_content .paihang_tabs:first-of-type {
display: flex;
}
.paihang_tabs .paihang_item {
width: 206px;
height: 262px;
border: 1px solid #eeeeee;
border-radius: 4px;
margin-right: 32px;
position: relative;
margin-bottom: 30px;
}
.paihang_tabs .paihang_item:nth-of-type(5n) {
margin-right: 0;
}
.paihang_item .top img {
display: block;
width: 80px;
height: 80px;
border-radius: 14px;
margin: 30px auto 14px;
}
.paihang_item .top .img_title {
display: block;
padding: 0 22px;
}
.paihang_item .top span.title {
display: block;
color: #333333;
font-size: 16px;
line-height: 24px;
text-align: center;
height: 24px;
overflow: hidden;
}
.paihang_item .top p.summary {
margin-top: 16px;
}
.paihang_item .top p.summary span {
font-size: 14px;
font-weight: 400;
color: #8a8a8d;
line-height: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
padding: 0 22px;
}
.paihang_item .sm_tabs {
display: flex;
align-items: center;
margin-top: 16px;
padding: 0 22px;
justify-content: center;
}
.paihang_item .sm_tabs span {
padding: 0 12px;
height: 18px;
font-size: 12px;
line-height: 18px;
border: 1px solid rgba(0, 133, 255, 1);
border-radius: 9px;
color: #0085ff;
margin-right: 5px;
}
.paihang_item .sm_tabs a:nth-of-type(3) {
margin-right: 0;
}
.paihang_item:hover span{
color: #0085ff !important;
cursor: pointer;
}
.paihang_item:hover .sm_tabs span{
color: #ffffff !important;
background-color: #0085ff;
}
.number_3 {
display: block;
width: 38px;
height: 38px;
position: absolute;
background: ;
color: #ffffff;
font-size: 14px;
padding-left: 6px;
padding-top: 3px;
top: 0;
font-style: italic;
}
.number_4 {
display: block;
width: 38px;
height: 38px;
position: absolute;
background: ;
color: #ffffff;
font-size: 14px;
padding-left: 4px;
padding-top: 3px;
top: 0;
font-style: italic;
}
.heji_tuijian {
margin-top: 12px;
background-color: #ffffff;
overflow: hidden;
padding: 0 20px;
}
.heji_item {
width: 206px;
height: 228px;
background: #ffffff;
border: 1px solid #eeeeee;
border-radius: 4px;
}
.index_comm_title {
height: 48px;
line-height: 48px;
display: flex;
align-items: center;
border-bottom: 1px solid #eeeeee;
}
.index_comm_title i.icon_sm2 {
display: block;
width: 16px;
height: 16px;
background: ;
}
.index_comm_title i.icon_sm1 {
display: block;
width: 20px;
height: 18px;
background: ;
}
.index_comm_title i.icon_sm5 {
display: block;
width: 16px;
height: 16px;
background: ;
}
.index_comm_title i.icon_sm3 {
display: block;
width: 18px;
height: 14px;
background: ;
}
.index_comm_title i.icon_sm4 {
display: block;
width: 16px;
height: 20px;
background: ;
}
.index_comm_title .title_span {
display: flex;
align-items: center;
flex: 0 0 180px;
}
.title_span span {
font-size: 16px;
color: #222222;
margin-left: 12px;
}
.title_span a {
font-size: 16px;
color: #222222;
margin-left: 12px;
}
.title_span a:hover{
color: #0085ff;
}
.title_span a.add_sm_title{
font-size: 16px;
color: #222;
margin-left: 12px;
}
.title_span a.add_sm_title:hover{
color: #0085ff;
}
.heji_item img {
width: 204px;
height: 120px;
border-radius: 4px 4px 0px 0px;
}
.heji_item span.title {
color: #222222;
font-size: 16px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 20px;
margin-top: 16px;
}
.heji_item .sm_tab {
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 6px;
}
.sm_tab a {
font-size: 12px;
color: #bbbbbb;
line-height: 24px;
}
.sm_tab span {
font-size: 12px;
color: #bbbbbb;
line-height: 24px;
}
.index_heji {
padding: 30px 0;
display: flex;
}
.index_heji .heji_item {
margin-right: 31px;
}
.index_heji .heji_item:nth-of-type(5) {
margin-right: 0;
}
.heji_item a {
display: block;
}
.heji_item a:hover {
color: #0085ff;
}
.heji_item a:hover span {
color: #0085ff;
}
.comm_item {
margin-top: 12px;
background-color: #ffffff;
overflow: hidden;
padding: 0 20px;
}
.ruanjian_content .runajian_toggle:first-of-type {
display: block;
}
.ruanjian_content .runajian_toggle {
display: none;
padding: 30px 0 0;
flex-wrap: wrap;
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
}
.ruanjian_content .ruanjian_item {
float: left;
width: 174px;
display: flex;
align-items: center;
margin-right: 62px;
margin-bottom: 30px;
overflow: hidden;
}
.ruanjian_content .ruanjian_item:nth-of-type(5n) {
margin-right: 0;
}
.ruanjian_item img {
display: block;
width: 64px;
height: 64px;
border-radius: 14px;
}
.ruanjian_item .ruanjian_left {
width: 64px;
height: 64px;
overflow: hidden;
margin-right: 12px;
flex: 0 0 64px;
}
.ruanjian_left .ruanjian_right {
flex: 1;
}
.ruanjian_right p.title {
font-size: 16px;
color: #333333;
line-height: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ruanjian_right p.title a {
color: #333333;
}
.ruanjian_right p.tabs_sm {
height: 24px;
line-height: 24px;
overflow: hidden;
color: #8a8a8d;
font-size: 12px;
}
.ruanjian_right p.tabs_sm a {
color: #8a8a8d;
}
.ruanjian_right p a:hover {
color: #0085ff;
}
.hot_img {
display: flex;
align-items: center;
height: 24px;
line-height: 24px;
}
.hot_img i.hots1 {
display: block;
width: 10px;
height: 14px;
background: no-repeat;
}
.hot_img i {
margin-right: 8px;
}
.hot_img i.hots2 {
display: block;
width: 10px;
height: 14px;
background: no-repeat;
}
.app_tbs {
display: flex;
padding: 20px 0;
}
.app_tbs .app_tbsitem {
width: 192px;
margin-right: 44px;
}
.app_tbs .app_tbsitem:nth-of-type(5) {
margin-right: 0;
}
.app_tbsitem p.app_tbsitem_title {
font-size: 14px;
color: #222222;
line-height: 20px;
}
.app_tbsitem_summary {
display: flex;
flex-wrap: wrap;
}
.app_tbsitem_summary a {
display: block;
width: 57px;
height: 24px;
line-height: 24px;
overflow: hidden;
margin-right: 10px;
font-size: 14px;
color: #222222;
margin-top: 8px;
}
.app_tbsitem_summary a:hover{
color: #0085ff;
}
.app_tbsitem_summary a:nth-of-type(3n) {
margin-right: 0;
}
.index_comm_title .ruanjian_tab {
flex: 1;
margin-left: 22px;
overflow: hidden;
color: #8a8a8d;
font-size: 14px;
}
.index_comm_title .ruanjian_tab span {
color: #8a8a8d;
font-size: 14px;
margin: 0 8px;
cursor: pointer;
}
.index_comm_title .ruanjian_tab span.active {
color: #0085ff;
}
.index_bottombox {
margin-top: 12px;
background-color: #ffffff;
overflow: hidden;
padding: 0 20px;
}
.index_bottombox .index_title{
height: 48px;
line-height: 48px;
display: flex;
align-items: center;
border-bottom: 1px solid #eeeeee;
justify-content: space-between;
}
.index_title .left span{
font-size: 16px;
color: #212121;
line-height: 24px;
margin-right: 38px;
cursor: pointer;
}
.index_title .left span.active{
color: #0085ff;
}
.index_title span.time{
font-size: 12px;
color: #89898d;
}
.tab_contens{
padding: 10px 0 20px;
}
.index_bottombox_content{
display: flex;
flex-wrap: wrap;
}
.index_bottombox_content .category_bm{
width: 559px;
margin-right: 39px;
margin-top: 10px;
}
.index_bottombox_content .category_bm:nth-of-type(2n){
margin-right: 0;
}
.category_bm .category_title{
height: 32px;
display: flex;
align-items: center;
border-bottom: 1px dashed #e9e9e9;
}
.category_title i{
display: block;
width: 18px;
height: 18px;
margin-right: 8px;
}
.category_title i.com_is1{
background: ;
}
.category_title i.com_is2{
background: ;
}
.category_title i.com_is3{
background: ;
}
.category_title i.com_is4{
background: ;
}
.category_sm_bm{
display: flex;
flex-wrap: wrap;
}
.category_sm_bm a{
display: block;
width: 96px;
margin-right: 16px;
margin-top: 10px;
font-size: 12px;
color: #212121;
line-height: 16px;
height: 16px;
overflow: hidden;
}
.category_sm_bm a:nth-of-type(5n){
margin-right: 0;
}
.category_sm_bm a:hover{
color: #0085ff;
}
/*
hao86首页底部
*/
.comm-footer {
width: 100%;
overflow: hidden;
padding: 20px 0;
background-color: #2b2e31;
}
.comm-footer-center {
width: 1200px;
margin: 0 auto;
text-align: center;
}
.footer_two {
width: 100%;
overflow: hidden;
}
.footer_two_1 {
margin: 0 auto;
color: #fff;
margin-bottom: 16px;
display: flex;
justify-content: center;
align-items: center;
}
.footer_two_1 a {
font-size: 12px;
padding: 0 5px;
color: #ddd;
}
.footer_two p {
font-size: 12px;
color: #ddd;
margin-bottom: 8px;
}
.footer_two p a {
font-size: 12px;
color: #ddd;
}
/*
hao86é¢åŒ…屑
*/
.comm-crumbs span {
display: inline-block;
float: left;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #0085ff;
}
.comm-crumbs {
width: 1200px;
overflow: hidden;
color: #ccc;
font-size: 12px;
display: flex;
align-items: center;
padding-bottom: 12px;
background-color: #ffffff;
margin: 0 auto;
}
.comm-crumbs a {
display: inline-block;
margin: 0 12px;
color: #8a8a8d;
font-size: 12px;
}
.crumbs_box{
padding-top: 10px;
background-color: #ffffff;
}
.comm-crumbs h1,.comm-crumbs h2 {
display: inline-block;
color: #8a8a8d;
font-size: 12px;
font-weight: normal;
}
.comm-crumbs h1,.comm-crumbs h2 {
display: flex;
}
.comm-crumbs a:hover {
color: #0085ff
}
.paihang_box2{
margin-top: 12px;
background-color: #ffffff;
overflow: hidden;
}
.paihang_title {
height: 48px;
padding: 0 20px;
}
.downlist_toggle{
display: flex;
flex-wrap: wrap;
}
.download_item {
width: 600px;
height: 264px;
display: flex;
align-items: flex-start;
border-top: 1px solid #ededed;
}
.download_item:hover a p span{
color: #0085ff !important;
}
.download_item:hover a p{
color: #0085ff;
}
.download_item>a{
width: 600px;
height: 264px;
padding: 30px 20px;
display: flex;
align-items: flex-start;
}
.downlist_toggle .download_item:nth-of-type(2n-1){
border-right: 1px solid #ededed;
}
.download_item .leftimg{
flex: 0 0 150px;
width: 150px;
margin-right: 30px;
}
.leftimg img{
width: 150px;
height: 150px;
border-radius:30px;
}
.download_item .right{
flex: 1;
overflow: hidden;
}
.download_item .right p.title{
font-size: 18px;
color: #212121;
line-height: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.download_item .right p.title a{
color: #212121;
}
.download_item .right p.title span{
color: #212121;
}
.download_item .right p.title a:hover{
color: #0085ff;
}
.download_item .right p.title span:hover{
color: #0085ff;
}
.download_item .right a:hover{
color: #0085ff;
}
.download_item .right span:hover{
color: #0085ff;
}
.producer{
font-size: 14px;
color: #89898d;
line-height: 24px;
margin: 12px 0;
}
.producer a{
color: #89898d;
}
.producer span{
color: #89898d;
}
.download_item .summary{
font-size: 14px;
color: #333333;
line-height: 28px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.download_item .summary a{
color: #333333;
display: block;
}
.download_item .summary span{
color: #333333;
display: block;
}
.download_item .tab-download{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 24px;
}
.download_item .download_btn{
flex: 0 0 64px;
height:24px;
background:#0085ff;
border-radius:12px;
color: #ffffff;
font-size: 12px;
line-height: 24px;
text-align: center;
}
.download_item .download_btn:hover{
color: #ffffff !important;
text-decoration: underline;
}
.download_item:hover .download_btn{
color: #ffffff !important;
text-decoration: underline;
}
.tab-download .tag-sm{
flex: 1;
overflow: hidden;
height:24px;
line-height: 24px;
display: flex;
align-items: center;
}
.tag-sm a{
display: block;
padding: 0 12px;
height: 20px;
line-height: 20px;
border-radius:9px;
border:1px solid #0085ff;
color: #0085ff;
background-color: #ffffff;
margin-right:8px;
}
.tag-sm a:hover{
background-color: #0085ff;
color: #ffffff !important;
}
.pages_box {
display: flex;
justify-content: center;
margin: 18px 0;
}
.page_left a {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 6px;
border: 1px solid #e3e3e3;
text-align: center;
color: #333333;
font-size: 14px;
}
.page_left a:first-child {
margin-right: 12px;
}
.page_center {
margin: 0 12px;
}
.page_center a {
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
border: 1px solid #e3e3e3;
text-align: center;
color: #333333;
font-size: 14px;
}
.page_center a {
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
border: 1px solid #e3e3e3;
text-align: center;
color: #333333;
font-size: 14px;
}
.page_center a.onfouce {
color: #ffffff;
background-color: #0085ff;
border: 1px solid #0085ff;
}
.pages_box a:hover{
color: #ffffff;
background-color: #0085ff;
border: 1px solid #0085ff;
}
.mian_titles{
width: 100%;
border-bottom: 1px solid #cccccc;
height: 75px;
margin-bottom: 37px;
position: relative;
}
.big_title{
position: absolute;
width: 272px;
background-color:#f4f6f8;
height: 60px;
text-align: center;
left: 50%;
top: 50%;
margin-left: -136px;
margin-top: -8px;
}
.big_title p.fws{
font-size: 24px;
line-height: 1.5em;
color: #0086ff;
font-weight: bold;
}
.big_title{
font-size: 14px;
color: #8a8a8e;
line-height: 24px;
}
.article_list_box{
}
.martop12px{
margin-top: 12px;
}
.article_list_box .article_list_left{
float: left;
width: 852px;
background-color: #ffffff;
padding:0 20px;
}
.article_list_box .article_list_right{
width: 336px;
float: right;
}
.article_item{
display: flex;
align-items: center;
height: 184px;
padding:20px 0;
border-top: 1px solid #e9e9e9;
}
.article_list_left .article_item:first-of-type{
border-top: none;
}
.article_item .article_left{
flex: 0 0 216px;
overflow: hidden;
margin-right: 20px;
}
.article_left img{
width: 216px;
height: 144px;
}
.article_item .article_right{
flex: 1;
align-self: flex-start;
overflow: hidden;
}
.article_right span.title{
font-size: 16px;
color: #222222;
line-height: 24px;
}
.article_right .summary{
font-size: 14px;
color: #8a8a8e;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
margin: 10px 0 20px;
}
.article_right>a{
display: block;
}
.article_right>a:hover span{
color: #0085ff;
}
.article_right .tabs_list{
display: flex;
overflow: hidden;
align-items: center;
line-height: 24px;
}
.tabs_list p{
flex: 1;
overflow: hidden;
height: 24px;
line-height: 24px;
}
.tabs_list p a{
color: #8a8a8e;
font-size: 14px;
}
.tabs_list p a:hover{
color: #0085ff;
}
.tabs_list span{
flex: 0 0 114px;
font-size: 14px;
color: #8a8a8e;
}
/*
hao86公共å³è¾¹
*/
.yemian-right1 {
width: 100%;
margin-bottom: 12px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #fff;
padding: 0 20px;
}
.yemian-right1-1 {
width: 100%;
overflow: hidden;
height: 48px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #e9e9e9;
}
.yemian-right1-1 p {
color: #222;
display: inline-block;
font-size: 16px;
line-height: 48px;
font-weight: 700;
}
.yemian-right1-1 a {
color: #222;
display: inline-block;
font-size: 16px;
line-height: 48px;
font-weight: 700;
}
.yemian-right1-1 a:hover{
color: #0085ff;
}
.yemian-right1-2 {
overflow: hidden;
padding: 14px 0 2px;
width: 100%;
}
.yemian-right1-2 li {
float: left;
width: 50%;
height: 20px;
overflow: hidden;
margin-bottom: 12px;
}
.yemian-right1-2 li a {
display: inline-block;
overflow: hidden;
max-width: 80%;
color: #222;
font-size: 14px;
height: 20px;
line-height: 20px;
}
.yemian-right1-2 li a:hover{
color: #0085ff;
}
.pack_item_content{
padding-top: 20px;
overflow: hidden;
}
.pack_item_content .pack_item{
display: flex;
align-items: center;
margin-bottom: 20px;
}
.pack_item .left{
flex: 0 0 48px;
overflow: hidden;
margin-right: 15px;
}
.pack_item .left img{
width: 48px;
height: 48px;
border-radius:8px;
}
.pack_item .right{
flex: 1;
overflow: hidden;
}
.pack_item p.title a{
font-size: 14px;
color: #343434;
line-height: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.pack_item .xm_tabs{
display: flex;
align-items: center;
justify-content: space-between;
}
.xm_tabs p{
font-size: 12px;
color: #8a8a8e;
line-height: 24px;
flex: 1;
overflow: hidden;
height: 24px;
}
.xm_tabs p a{
color: #8a8a8e;
}
.pack_item .xm_tabs span{
flex: 0 0 98px;
color: #8a8a8e;
font-size: 12px;
line-height: 24px;
text-align: right;
}
.pack_item a:hover{
color: #0085ff !important;
}
.heji_content{
background-color: #ffffff;
}
.heji_lists{
overflow: hidden;
}
.heji_lists .heji_toggle{
display: flex;
flex-wrap: wrap;
}
.heji_toggle .heji_items{
width: 400px;
height: 420px;
padding: 20px;
border: 1px solid #eeeeee;
border-left: 0;
margin: 0 0 -1px -1px;
}
.heji_toggle .heji_items:nth-of-type(3n){
border-right: 0;
}
.heji_items img {
display: block;
width:360px;
height:212px;
border-radius:4px;
}
.heji_items span{
display: block;
}
.heji_items span.title{
font-size: 18px;
color: #222222;
line-height: 30px;
height: 60px;
overflow: hidden;
margin: 12px 0 0;
}
.heji_items span.summary{
font-size:14px;
color: #8a8a8e;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
margin: 14px 0 0;
}
.heji_items .tabs_time{
display: flex;
justify-content: space-between;
ine-height: 24px;
height: 24px;
}
.tabs_time a{
font-size: 14px;
color: #bcbcbc;
}
.disnone{
display: none;
}
.tabs_time span{
font-size: 14px;
color: #bcbcbc;
}
.heji_items a:hover span{
color: #0085ff;
}
.heji_items a:hover{
color: #0085ff;
}
.martop0{
margin-top: 0;
}
.paihangban_s{
height: 143px;
width: 1200px;
margin: 0 auto;
background-color: #f4f6f8;
display: flex;
align-items: center;
justify-content: center;
}
.paihang_img{
width: 160px;
height: 81px;
background: center no-repeat;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.paihang_img p{
text-align: center;
font-size: 30px;
color: #4a6278;
line-height: 45px;
font-weight: bold;
}
.paihang_img .text{
width: 160px;
height: 30px;
line-height: 30px;
background: ;
text-align: center;
padding: 0 12px;
font-size:18px;
color: #ffffff;
}
.comms_left{
width: 852px;
float: left;
}
.heji_top_box{
background-color: #ffffff;
padding: 20px;
height: 251px;
margin-bottom: 12px;
display: flex;
overflow: hidden;
}
.heji_top_box .heji_top_img{
width: 360px;
height: 221px;
margin-right: 30px;
}
.heji_top_img img{
display: block;
width: 360px;
height: 212px;
}
.heji_top_text{
flex: 1;
}
.heji_top_text p.title{
color: #222222;
font-size: 20px;
line-height: 32px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.heji_top_text p.summary{
color: #8a8a8d;
font-size: 14px;
line-height: 24px;
margin: 21px 0 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
}
.heji_top_text .heji_tabs{
font-size: 14px;
color: #bbbbbb;
display: flex;
align-items: center;
}
.heji_tabs a{
margin-right: 16px;
color: #bbbbbb;
}
.comm_list_sheet{
background-color: #ffffff;
}
.article_text{
padding: 0 20px;
}
.article_text .article_item:first-of-type{
border-top: none;
}
.article_title{
width: 100%;
height: 32px;
line-height: 32px;
overflow: hidden;
padding: 0 20px;
position: relative;
box-sizing: border-box;
margin-top: 28px;
}
.article_title span{
color: #333;
font-size: 16px;
display: inline-block;
}
.article_title::before{
display: inline-block;
clear: both;
content: "";
position: absolute;
left: 0;
top: 6px;
vertical-align: middle;
height: 20px;
width: 3px;
background-color: #0085ff;
}
.comm_list_sheet .article_text:last-of-type{
border-top: 1px solid #e9e9e9;
}
.article_text .runajian_toggle{
display: flex;
padding: 20px 0 0px;
flex-wrap: wrap;
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
}
.article_text .runajian_toggle .ruanjian_item {
float: left;
width: 174px;
display: flex;
align-items: center;
margin-right: 38px;
margin-bottom: 20px;
overflow: hidden;
}
.article_text .runajian_toggle .ruanjian_item:nth-of-type(4n){
margin-right: 0;
}
.article_text .runajian_toggle .ruanjian_item .ruanjian_right{
flex: 1;
overflow: hidden;
}
.article_xq_box{
background-color: #ffffff;
padding: 24px 20px;
}
.article_xq_box .article_xq_title{
border-bottom: 1px solid #e9e9e9;
}
.article_xq_box .article_xq_title h1{
font-size: 28px;
color: #212121;
line-height: 1.5em;
}
.article_xq_title p{
font-size: 14px;
color: #89898d;
line-height: 36px;
height: 36px;
}
.article_xq_title p a{
color: #89898d;
margin-right: 16px;
}
.article_xq_title p a:hover{
color: #0085ff;
}
.article_xq_desc{
font-size: 16px;
color: #212121;
line-height: 1.5em;
}
.article_xq_desc p{
text-indent: 2em;
font-size: 16px;
color: #212121;
line-height: 1.5em;
margin-top: 18px;
}
.article_xq_desc img{
width:497px;
height:161px;
display: block;
margin: 0 auto;
}
.article_download_box{
margin: 26px 0;
padding: 16px 20px 16px 30px;
background:#f4f6f8;
border:1px solid #eeeeee;
display: flex;
align-items: center;
justify-content: space-between;
}
.article_download_box .img{
display: block;
width:64px;
height:64px;
flex: 0 0 64px;
margin-right: 20px;
}
.article_download_box .img img{
display: block;
width:64px;
margin: 0;
height:64px;
border-radius:14px;
}
.article_xq_summary{
flex: 1;
overflow: hidden;
align-self: flex-start;
}
.article_xq_summary .top_mp{
display: flex;
align-items: center;
flex-wrap: wrap;
height: 24px;
line-height: 24px;
overflow: hidden;
}
.article_xq_summary .top_mp p{
margin-right: 12px;
color: #333333;
font-size: 14px;
text-indent: 0;
line-height: normal;
margin-top: 0;
}
.article_xq_summary .top_mp p a{
color: #333333;
font-size: 14px;
font-weight: bold;
}
.article_download_box .download_as{
display: block;
width:72px;
height:32px;
background:#0085ff;
border-radius:5px;
font-size:14px;
font-weight:400;
color:#ffffff;
line-height:32px;
text-align: center;
margin-left: 53px;
flex: 0 0 72px;
}
.article_xq_summary .line_p{
font-size: 14px;
color: #8a8a8d;
line-height: 24px;
margin-top: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.article_xq_box>p{
font-size: 14px;
color: #222222;
line-height: 32px;
}
.article_xq_box>p>a{
color: #0086ff;
}
.article_xq_box>p>a:hover{
text-decoration: underline;
}
.next-before{
margin-top: 20px;
font-size: 14px;
color: #222222;
line-height: 32px;
}
.next-before a{
color: #222222;
}
.next-before a:hover{
color: #0085ff;
}
.comms_title_list{
background-color: #ffffff;
margin-top: 12px;
}
.article_listes{
padding: 0 20px;
}
.comms_titlees{
height: 48px;
line-height: 48px;
padding: 0 20px;
position: relative;
font-size: 16px;
color: #222222;
font-weight:bold;
}
.comms_titlees::before{
display: inline-block;
clear: both;
content: "";
position: absolute;
left: 0;
top: 14px;
vertical-align: middle;
height: 20px;
width: 3px;
background-color: #0085ff;
}
.right_more{
font-size:14px ;
color: #999999;
float: right;
}
.right_more:hover{
color: #0085ff;
}
.download_top{
background-color: #ffffff;
height: 240px;
padding: 30px 20px;
display: flex;
}
.download_top .left{
width:180px;
height:180px;
margin-right: 30px;
}
.download_top .left img{
display: block;
width:180px;
height:180px;
border-radius:30px;
}
.download_top .right{
flex: 1;
overflow: hidden;
}
.download_top .right .right_title {
display: flex;
justify-content: space-between;
}
.right_title p.title{
font-size: 24px;
color: #222222;
}
.right_title p.hot_img i{
width: 18px;
height: 24px;
background-size: 100%;
margin-right: 13px;
}
.right_title p.hot_img i:nth-of-type(3){
margin-right: 0;
}
.download_top .right p.tab{
font-size: 14px;
color: #8a8a8d;
line-height: 24px;
margin-bottom: 0px;
margin-top: 8px;
}
.download_top .right>p{
display: flex;
width: 400px;
justify-content: space-between;
}
.download_top .right>p span{
text-align: left;
flex: 1;
}
.download_top .right>p span a{
color: #8a8a8d;
}
.download_top .right>p span a:hover{
color: #0085ff;
}
.download_top .right p.sms{
font-size: 14px;
color: #8a8a8d;
line-height: 24px;
margin-bottom: 0px;
margin-top: 1px;
}
.download_xq_btn{
display: flex;
margin-top: 6px;
}
.download_xq_btn a{
width:126px;
height:34px;
background:rgba(0,134,255,1);
border-radius:4px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
color: #ffffff;
font-size: 16px;
}
.download_xq_btn a span{
margin-left: 15px;
}
.download_xq_btn a:hover span{
text-decoration: underline;
}
.download_xq_btn a i.bendi{
display: block;
width: 17px;
height: 16px;
background: ;
}
.download_xq_btn a i.fast{
display: block;
width: 12px;
height: 20px;
background: ;
}
.commstitle{
width: 100%;
height: 32px;
line-height: 32px;
overflow: hidden;
padding: 0 20px;
position: relative;
box-sizing: border-box;
margin-top: 28px;
}
.commstitle::before{
display: inline-block;
clear: both;
content: "";
position: absolute;
left: 0;
top: 8px;
vertical-align: middle;
height:16px;
width: 4px;
background-color: #0085ff;
}
.commstitle span{
color: #333333;
font-size: 16px;
line-height: 24px;
}
.maes_list_box{
background: #ffffff;
margin-top: 12px;
}
.download_xq_item{
padding: 0 20px;
}
.bordbot{
border-bottom: 1px solid #e9e9e9;
}
.bordbnone{
border-bottom: none !important;
}
.download_article{
margin-top: 6px;
font-size: 14px;
color: #333333;
line-height: 24px;
}
.download_article p{
text-indent: 2em;
font-size: 14px;
color: #333333;
}
.download_article h3{
margin: 10px 0;
}
.download_details{
display: flex;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 10px;
}
.download_details p{
width: 32%;
padding-right: 18px;
height: 24px;
line-height: 24px;
overflow: hidden;
margin-bottom: 10px;
font-size: 14px;
color: #333333;
}
.download_details_imgs img{
display: block;
margin: 0 auto;
max-width: 500px;
max-height: 350px;
}
.download_details_imgs .swiper-slide{
display: flex;
}
.download_details_imgs {
padding: 16px 0 30px;
}
.download_details_button1{
display: flex;
width: 260px;
flex-wrap: wrap;
margin-top: 16px;
}
.download_details_button1 a{
width: 120px;
height: 32px;
display: flex;
align-items: center;
margin-right: 20px;
background-color: #0085ff;
color: #ffffff;
border-radius:2px;
margin-bottom: 20px;
justify-content: center;
}
.download_details_button1 a:nth-of-type(2n){
margin-right: 0;
}
.download_details_button1 a:last-of-type{
margin-bottom: 0;
}
.download_details_button1 a:nth-of-type(3){
margin-bottom: 0;
}
.download_details_button1 a i{
display: block;
width: 12px;
height: 12px;
background: ;
margin-right: 8px;
}
.download_details_button2{
display: flex;
width: 260px;
flex-wrap: wrap;
margin-top: 16px;
}
.download_details_button2 a{
width: 120px;
display: flex;
align-items: center;
margin-right: 20px;
color: #8a8a8d;
border-radius:2px;
margin-bottom: 20px;
justify-content: center;
font-size: 14px;
cursor: pointer;
}
.download_details_button2 a:hover{
color: #0085ff;
}
.download_details_button2 a:nth-of-type(2n){
margin-right: 0;
}
.colcontentbox{
background-color: #ffffff;
padding: 0 15px;
margin-top: 12px;
}
.new_sitemap {
width: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
}
.nw_sitemap-p {
border-bottom: 1px solid #e8ebef;
height: 50px;
line-height: 50px;
}
.nw_sitemap-p a {
border-left: none;
border-bottom: 4px solid #0085ff;
line-height: 24px;
height: 40px;
padding-left: 0;
font-size: 18px;
display: inline-block;
color: #0085ff;
font-weight: bold;
}
.new_sitemap ul {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 16px;
width: 100%;
overflow: hidden;
}
.new_sitemap ul li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 30%;
margin-right: 5%;
overflow: hidden;
float: left;
margin-bottom: 16px;
height: 24px;
display: flex;
flex-direction: row;
justify-content: space-between;
line-height: 24px;
}
.new_sitemap ul li a {
display: inline-block;
max-width: 68%;
overflow: hidden;
height: 24px;
line-height: 24px;
color: #222222;
font-size: 16px;
}
.new_sitemap ul li a:hover{
color: #0085ff;
}
.new_sitemap ul li span {
display: inline-block;
max-width: 22%;
overflow: hidden;
height: 24px;
line-height: 24px;
color: #999999;
font-size: 12px;
}
.new_sitemap ul li:nth-child(3n 0) {
margin-right: 0;
}
.content_map {
width: 1200px;
height: auto;
overflow: hidden;
margin: 0 auto;
margin-top: 12px;
}
.content_map .map_item {
width: 100%;
height: auto;
overflow: hidden;
padding: 0 30px 40px;
background: #ffffff;
margin-bottom: 10px;
}
.content_map .map_item p {
height: 88px;
line-height: 88px;
width: 100%;
border-bottom: 1px solid #d7dae6;
}
.content_map .map_item p em {
font-style: normal;
font-size: 24px;
color: #333;
vertical-align: middle;
}
.content_map .map_item .map_list {
width: 100%;
height: auto;
overflow: hidden;
}
.content_map .map_item .map_list a {
font-size: 14px;
color: #606060;
margin-top: 24px;
display: inline-block;
margin-right: 10px;
max-width: 49%;
height: 20px;
line-height: 20px;
}
.update_21{
overflow: hidden;
padding: 14px 0 2px;
width: 100%;
}
.update_21 ul li{
display: flex;
align-items: center;
height: 24px;
justify-content: space-between;
overflow: hidden;
margin-bottom: 8px;
}
.update_21 ul li a{
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 24px;
line-height: 24px;
font-size: 14px;
color: #222222;
}
.update_21 ul li a:hover{
color: #0085ff;
}
.update_21 ul li span{
flex: 0 0 64px;
overflow: hidden;
color: #8a8a8d;
font-size: 12px;
text-align: right;
}
.sm_article_item{
float: left;
width: 48%;
display: flex;
align-items: center;
overflow: hidden;
margin-bottom: 30px;
}
.sm_article_item:nth-of-type(2n-1){
margin-right: 4%;
}
.sm_article_item .sm_article_left{
flex: 0 0 108px;
margin-right: 12px;
overflow: hidden;
}
.sm_article_left img{
width: 108px;
height: 72px;
}
.sm_article_right{
flex: 1;
overflow: hidden;
}
.sm_article_right span.title{
font-size: 16px;
color: #222222;
line-height: 24px;
margin-bottom: 4px;
height: 24px;
overflow: hidden;
}
.sm_article_right>a{
display: block;
}
.sm_article_right>a:hover span{
color: #0085ff;
}
.sm_article_right span.summary{
color: #8a8a8d;
font-size: 14px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.sm_article_right p a:hover{
color: #0085ff;
display: block;
}
/*1012*/
.new_xz_topp{
float: left;
overflow: hidden;
height: 24px;
line-height: 24px;
color: #ffffff;
font-size: 12px;
}
.new_app_jinpin{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
margin-top: 12px;
background-color: #ffffff;
background-image: ;
background-repeat: no-repeat;
}
.new_app_jinpin2{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 10px;
height: 28px;
overflow: hidden;
}
.new_app_jinpin2 img{
width: 90px;
float: left;
height: 28px;
margin-right: 20px;
overflow: hidden;
}
.new_app_jinpin2 ul {
flex: 1;
overflow: hidden;
white-space: nowrap;
height: 28px;
}
.new_app_jinpin2 ul li{
float: left;
overflow: hidden;
}
.new_app_jinpin2 ul li a{
color: #333333;
font-size: 14px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 28px;
line-height: 28px;
padding: 0 8px;
}
.new_app_jinpin2 ul li a:hover{
color: #0085ff;
}
.new_app_jinpin1{
width: 100%;
overflow: hidden;
margin-bottom: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
white-space: nowrap;
}
.new_app_jinpin1 li{
float: left;
overflow: hidden;
margin-right: 36px;
width: 80px;
}
.new_app_jinpin1 li:nth-child(10n 0){
margin-right: 0;
}
.new_app_jinpin1 li a{
display: flex;
width: 100%;
overflow: hidden;
justify-content: space-between;
flex-direction: column;
align-items: center;
}
.new_app_jinpin1 li a img{
width: 80px;
height: 80px;
border-radius: 16px;
margin-bottom: 10px;
}
.new_app_jinpin1 li a p{
display: block;
overflow: hidden;
white-space: nowrap;
color: #222222;
font-size: 14px;
}
.new_app_jinpin1 li a:hover p{
color: #0085ff;
}
.new_choolen{
width: 100%;
overflow: hidden;
margin-top: 12px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.new_choolen_left{
width: 552px;
float: left;
overflow: hidden;
background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_choolen_left_top{
width: 100%;
overflow: hidden;
height: 64px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.new_choolen_left_top p{
color: #000000;
font-size: 20px;
font-weight: bold;
}
.new_choolen_left_top img{
width: 68px;
height: 43px;
overflow: hidden;
margin-bottom: 10px;
}
.new_choolen_left_bottom{
width: 100%;
overflow: hidden;
padding: 6px 0;
flex: 1;
}
.new_choolen_left_bottom ul li{
width: 230px;
float: left;
overflow: hidden;
margin-bottom: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.new_choolen_left_bottom ul li:nth-child(odd){
margin-right: 32px;
}
.new_choolen_left_bottom ul li a{
display: flex;
flex-direction: row;
overflow: hidden;
justify-content: space-between;
align-items: center;
}
.new_choolen_left_bottom ul li a img{
width: 64px;
height: 64px;
border-radius: 12px;
float: left;
margin-right: 14px;
}
.new_choolen_left_bottom ul li a p{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_choolen_left_bottom ul li a p span{
color: #222222;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
}
.new_choolen_left_bottom ul li a p em{
font-style: normal;
color: #8a8a8e;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
}
.new_choolen_left_bottom ul li a:hover p span{
color: #0085ff;
}
.new_choolen_right{
width: 636px;
background-color: #ffffff;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.new_choolen_right_bottom{
width: 100%;
flex: 1;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0 30px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.new_choolen_app_left{
width: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #eeeeee;
}
.new_choolen_app_left ul li{
width: 50px;
height: 28px;
position: relative;
text-align: center;
color: #8a8a8e;
cursor: pointer;
margin-bottom: 20px;
font-size: 16px;
line-height: 28px;
}
.new_choolen_app_left ul li p{
height: 28px;
overflow: hidden;
}
.new_choolen_app_left ul li.new_choolen_app_left_li{
background-color: #0085ff;
}
.new_choolen_app_left ul li.new_choolen_app_left_li p::after{
content: '';
float: right;
width: 0;
position: absolute;
display: block;
height: 0;
top: 9px;
right: -12px;
border-width: 6px;
border-style: solid;
border-color: transparent transparent transparent #0085ff;
}
.new_choolen_app_left ul li.new_choolen_app_left_li p{
color: #ffffff;
}
.new_choolen_app_left ul li::after{
content: "";
display: block;
position: absolute;
right: -26px;
top: 8px;
width: 6px;
height: 6px;
border: 3px solid #eeeeee;
border-radius: 50%;
background-color: #ffffff;
}
.new_choolen_app_left ul li.new_choolen_app_left_li::after{
border: 3px solid #0085ff;
}
.new_choolen_app_right{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 30px;
width: 100%;
overflow: hidden;
}
.new_choolen_app_right li:nth-child(1){
margin-top: 0;
}
.new_choolen_app_right li{
margin-top: 15px;
width: 100%;
height: 28px;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.new_choolen_app_right li .new_choolen_tabul_a1{
color: #222222;
font-size: 14px;
margin-right: 20px;
}
.new_choolen_app_right li img{
width: 28px;
height: 28px;
border-radius: 2px;
margin-right: 20px;
}
.new_choolen_app_right li .new_choolen_tabul_a2{
flex: 1;
overflow: hidden;
white-space: nowrap;
color: #222222;
font-size: 14px;
}
.new_choolen_app_right li span{
float: right;
overflow: hidden;
height: 28px;
line-height: 28px;
color: #8a8a8d;
font-size: 14px;
width: 90px;
text-align: right;
}
.new_choolen_app_right li a:hover{
color: #0085ff;
}
.new_choolen_tabul{
display: none;
}
.new_choolen_tabul.show{
display: block;
}
.new_app_download{
width: 100%;
overflow: hidden;
display: flex;
margin-top: 12px;
flex-direction: row;
justify-content: space-between;
}
.new_app_download_left{
width: 846px;
background-color: #ffffff;
overflow: hidden;
float: left;
display: flex;
flex-direction: column;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px;
align-items: center;
}
.new_app_download_left_top{
width: 100%;
display: flex;
position: relative;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 56px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #eeeeee;
}
.new_app_download_left_top p{
overflow: hidden;
color: #222222;
font-size: 18px;
font-weight: bold;
}
.new_app_download_left_top p span{
color: #cccccc;
margin-left: 14px;
}
.new_app_download_left_top p::before{
width: 5px;
height: 24px;
background: #0085ff;
display: block;
content: '';
float: left;
position: absolute;
top: 16px;
left: -30px;
}
.new_app_download_left_top ul{
overflow: hidden;
display: inline-block;
text-align: right;
}
.new_app_download_left_top ul li{
float: left;
overflow: hidden;
margin-left: 20px;
}
.new_app_download_left_top ul li a{
display: block;
overflow: hidden;
color: #8a8a8d;
font-size: 14px;
font-weight: normal;
}
.new_app_download_left_top ul li a:hover{
color: #0085ff;
}
.new_app_download_left_bottom{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 0 0 0;
}
.new_app_download_left_bottom li{
float: left;
overflow: hidden;
margin-right: 36px;
width: 80px;
margin-bottom: 25px;
}
.new_app_download_left_bottom li:nth-child(7n 0){
margin-right: 0;
}
.new_app_download_left_bottom li a{
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.new_app_download_left_bottom li img{
width: 80px;
margin-bottom: 4px;
height: 80px;
border-radius: 16px;
display: block;
}
.new_app_download_left_bottom li p{
color: #222222;
font-size: 14px;
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.new_app_download_left_bottom li a:hover p{
color: #0085ff;
}
.new_app_download_right{
width: 342px;
float: right;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
.new_app_download_right_top{
width: 100%;
height: 56px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
border-bottom: 1px solid #eeeeee;
}
.new_app_download_right_top img{
width: 20px;
height: 22px;
display: block;
margin-right: 12px;
}
.new_app_download_right_top p{
color: #222222;
font-size: 18px;
font-weight: bold;
}
.new_app_download_right_bottom{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0 10px 0;
}
.new_app_download_right_bottom li{
width: 100%;
display: flex;
flex-direction: row;
margin-bottom: 18px;
overflow: hidden;
height: 20px;
align-items: center;
}
.new_app_download_right_bottom li span{
width: 20px;
height: 20px;
background: #ffffff;
display: block;
margin-right: 16px;
border: 1px solid #cccccc;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
line-height: 20px;
color: #8a8a8d;
font-size: 14px;
}
.new_app_download_right_bottom li a{
color: #222222;
font-size: 14px;
white-space: nowrap;
}
.new_app_download_right_bottom li a:hover{
color: #0085ff;
}
.new_app_download_right_bottom li.new_rank_on{
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: normal;
overflow: hidden;
}
.new_app_download_right_bottom li.new_rank_on span{
width: 20px;
height: 20px;
background: #0085ff;
border-radius: 2px;
color: #ffffff;
border: none;
}
.new_app_download_right_bottom li .new_info_rank{
display: none;
}
.new_app_download_right_bottom li.new_rank_on .new_info_rank{
display: block;
}
.new_app_download_right_bottom li.new_rank_on .new_rank_title{
display: none;
}
.new_info_rank{
flex: 1;
overflow: hidden;
}
.new_info_rank a{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
justify-content: space-between;
align-items: center;
}
.new_info_rank .new_info_rank_p{
display: block;
width: 100%;
overflow: hidden;
color: #222222;
font-size: 16px;
white-space: nowrap;
margin-bottom: 10px;
}
.new_info_rank dl{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: row;
width: 100%;
align-items: center;
}
.new_info_rank dl img{
width: 64px;
height: 64px;
border-radius: 12px;
display: block;
margin-right: 20px;
}
.new_info_rank dl dd{
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.new_info_rank dl dd b{
flex: 1;
flex-direction: row;
overflow: hidden;
display: flex;
font-style: normal;
font-weight: normal;
}
.new_info_rank dl dd b .tabs_sm{
color: #8a8a8d;
font-size: 14px;
margin-right: 10px;
}
.new_info_rank dl dd em{
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 32px;
line-height: 32px;
text-align: center;
margin-top: 6px;
color: #ffffff;
font-size: 14px;
font-style: normal;
background-color: #0085ff;
}
.new_info_rank a:hover .new_info_rank_p{
color: #0085ff;
}
.new_index_zhanti{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 12px;
position: relative;
padding: 0 30px;
background-color: #ffffff;
}
.new_index_zhanti_top{
width: 100%;
height: 56px;
display: flex;
flex-direction: row;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #eeeeee;
justify-content: space-between;
}
.new_index_zhanti_top p{
overflow: hidden;
color: #222222;
font-size: 18px;
font-weight: bold;
}
.new_index_zhanti_top p span{
color: #cccccc;
margin-left: 14px;
}
.new_index_zhanti_top p::before {
width: 5px;
height: 24px;
background: #0085ff;
display: block;
content: '';
float: left;
position: absolute;
top: 16px;
left: 0;
}
.new_index_zhanti_top a{
display: block;
overflow: hidden;
color: #8a8a8d;
font-size: 14px;
font-weight: normal;
}
.new_index_zhanti_top a:hover{
color: #0085ff;
}
.new_index_zhanti_bottom{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 24px;
}
.new_index_zhanti_bottom li{
width: 256px;
margin-bottom: 24px;
float: left;
margin-right: 38px;
}
.new_index_zhanti_bottom li:nth-child(4n 0){
margin-right: 0;
}
.new_index_zhanti_bottom li a{
display: flex;
flex-direction: column;
overflow: hidden;
width: 100%;
justify-content: space-between;
align-items: center;
}
.new_index_zhanti_bottom ul{
display: block;
overflow: hidden;
width: 100%;
}
.new_index_zhanti_bottom li a img{
width: 256px;
height: 160px;
display: block;
margin-bottom: 12px;
}
.new_index_zhanti_bottom li a p{
display: block;
color: #222222;
font-size: 14px;
}
.new_index_zhanti_bottom li a:hover p{
color: #0085ff;
}
.new_index_content{
width: 100%;
overflow: hidden;
display: flex;
margin-top: 12px;
flex-direction: row;
justify-content: space-between;
}
.new_index_content_left{
width: 594px;
float: left;
padding: 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
background-color: #ffffff;
position: relative;
}
.new_index_content_left_bottom{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 24px;
}
.new_wenzhang{
width: 100%;
overflow: hidden;
margin-top: 24px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.new_wenzhang .new_wenzhang_a{
width: 240px;
height: 150px;
display: block;
margin-right: 20px;
position: relative;
}
.new_wenzhang .new_wenzhang_a:hover p{
color: #0085ff;
}
.new_wenzhang .new_wenzhang_a img{
width: 240px;
height: 150px;
overflow: hidden;
}
.new_wenzhang .new_wenzhang_a p{
width: 240px;
height: 24px;
background: rgba(0,0,0,0.4);
overflow: hidden;
line-height: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
color: #ffffff;
font-size: 14px;
position: absolute;
bottom: 0;
left: 0;
}
.new_wenzhang ul{
flex-direction: column;
flex: 1;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.new_wenzhang ul li{
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
}
.new_wenzhang ul li img{
width: 12px;
height: 12px;
display: block;
margin-right: 12px;
}
.new_wenzhang ul li a{
color: #222222;
font-size: 14px;
white-space: nowrap;
}
.new_wenzhang ul li a:hover{
color: #0085ff;
}
.new_download_link{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 0;
background-color: #373a3d;
}
.new_download_link_conetnt{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.new_download_link_youq{
width: 100%;
overflow: hidden;
}
.new_download_link_youq p{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.new_download_link_youq p img{
width: 52px;
height: 16px;
display: block;
margin-right: 6px;
}
.new_download_link_youq p span{
color: #cccccc;
font-size: 16px;
}
.new_download_link_youq ul {
display: block;
overflow: hidden;
}
.new_download_link_youq ul li{
float: left;
margin-right: 24px;
margin-top: 20px;
}
.new_download_link_youq ul li a{
display: inline-block;
color: #cccccc;
font-size: 12px;
}
.new_download_link_youq ul li a:hover{
color: #0085ff;
}
.new_miaodian{
width: 128px;
overflow: hidden;
position: fixed;
margin-left: 680px;
left: 50%;
bottom: 360px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.new_miaodian li{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
border: 1px solid #eeeeee;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ffffff;
border-bottom: none;
}
.new_miaodian li:nth-last-child(1){
border-bottom: 1px solid #eeeeee;
border-radius: 0px 0px 5px 5px;
}
.new_miaodian li:nth-child(1){
border-radius: 5px 5px 0px 0px;
}
.new_miaodian li a{
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
color: #8a8a8e;
font-size: 16px;
}
.new_miaodian_li{
background-color: #0085ff !important;
}
.new_miaodian_li a{
color: #ffffff !important;
}
.new_huitop{
width: 128px;
height: 40px;
background: #ffffff;
border: 1px solid #eeeeee;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
margin-top: 12px;
text-align: center;
line-height: 40px;
color: #8a8a8e;
font-size: 16px;
cursor: pointer;
}
/*other*/
.new_mbx{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
overflow: hidden;
height: 36px;
line-height: 36px;
}
.mian_content {
width: 1200px;
margin: 0 auto 32px auto;
overflow: hidden;
}
.new_mbx a{
float: left;
overflow: hidden;
color: #333333;
font-size: 14px;
}
.new_mbx span{
color: #333333;
font-size: 14px;
float: left;
margin: auto 8px;
}
.new_mbx a:hover{
color: #0085ff;
}
.new_list{
width: 100%;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.new_list_left{
width: 856px;
float: left;
overflow: hidden;
box-sizing: border-box;
padding: 30px 24px 10px 24px;
background-color: #ffffff;
}
.new_list_right{
width: 332px;
box-sizing: border-box;
float: right;
overflow: hidden;
}
.new_list_left_top{
width: 100%;
overflow: hidden;
}
.new_list_wenzhang{
width: 100%;
overflow: hidden;
margin-bottom: 24px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.new_list_wenzhang_left{
width: 240px;
height: 150px;
float: left;
margin-right: 20px;
overflow: hidden;
}
.new_list_wenzhang_left a{
display: flex;
justify-content: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #eeeeee;
overflow: hidden;
width: 240px;
height: 150px;
}
.new_list_wenzhang_left a img{
width: 240px;
height: 150px;
display: block;
}
.new_list_wenzhang_right{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_list_wenzhang_right_a1{
display: block;
overflow: hidden;
color: #222222;
font-size: 18px;
font-weight: bold;
white-space: nowrap;
}
.new_list_wenzhang_right_a2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #8a8a8e;
font-size: 16px;
line-height: 24px;
}
.new_list_wenzhang_right_ul{
width: 100%;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 24px;
line-height: 24px;
}
.new_list_wenzhang_right_ul ul{
flex: 1;
overflow: hidden;
height: 24px;
white-space: nowrap;
}
.new_list_wenzhang_right_ul ul li{
float: left;
overflow: hidden;
height: 24px;
margin-right: 24px;
}
.new_list_wenzhang_right_ul ul li:nth-last-child(1){
margin-right: 0;
}
.new_list_wenzhang_right_ul ul li a{
color: #8a8a8d;
font-size: 14px;
}
.new_list_wenzhang_right_ul span{
display: block;
max-width: 120px;
margin-left: 24px;
overflow: hidden;
height: 24px;
text-align: right;
line-height: 24px;
color: #8a8a8e;
font-size: 14px;
}
.new_list_wenzhang a:hover{
color: #0085ff;
}
.pages_box {
display: flex;
justify-content: center;
margin: 18px 0;
}
.page_left a:first-child {
margin-right: 12px;
}
.page_left a {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 6px;
border: 1px solid #e3e3e3;
text-align: center;
color: #333;
font-size: 14px;
}
.page_center {
margin: 0 12px;
}
.page_center a.onfouce {
color: #fff;
background-color: #0085ff;
border: 1px solid #0085ff;
}
.page_center a {
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
border: 1px solid #e3e3e3;
text-align: center;
color: #333;
font-size: 14px;
}
.page_left a:first-child {
margin-right: 12px;
}
.page_left a {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 6px;
border: 1px solid #e3e3e3;
text-align: center;
color: #333;
font-size: 14px;
}
.pages_box a:hover {
color: #fff;
background-color: #0085ff;
border: 1px solid #0085ff;
}
.new_right_tag{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 10px;
background-color: #ffffff;
}
.new_right_tag a.new_right_tag_hotp:hover{
color: #0085ff;
}
.new_right_tag_hotp{
display: block;
width: 100%;
height: 56px;
line-height: 56px;
box-sizing: border-box;
padding: 0 18px 0 5px;
position: relative;
color: #222222;
font-size: 18px;
border-bottom: 1px solid #e9e9e9;
font-weight: bold;
}
.new_right_tag_ul{
display: block;
width: 100%;
box-sizing: border-box;
padding: 24px 0;
overflow: hidden;
}
.new_right_tag_ul li{
float: left;
margin-right: 10px;
overflow: hidden;
height: 30px;
margin-bottom: 10px;
}
.new_right_tag_ul li a{
color: #222222;
font-size: 14px;
display: block;
height: 30px;
box-sizing: border-box;
padding: 0 6px;
background: #f4f6f8;
line-height: 30px;
border: 1px solid #8a8a8e;
}
.new_right_tag_ul li a:hover{
color: #ffffff;
background-color: #0085ff;
}
.new_right_tag_hotp:before{
content: '';
width: 5px;
height: 24px;
background: #0086ff;
float: left;
top: 16px;
left: -10px;
position: absolute;
}
.marbot12{
margin-bottom: 12px;
}
.new_right_tag_zixun{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 24px 0 0 0;
}
.new_right_tag_zixun li{
display: flex;
flex-direction: row;
overflow: hidden;
width: 100%;
margin-bottom: 24px;
height: 24px;
align-items: center;
}
.new_right_tag_zixun li span{
width: 24px;
height: 24px;
background: #0086ff;
overflow: hidden;
display: block;
margin-right: 12px;
text-align: center;
line-height: 24px;
color: #ffffff;
font-size: 18px;
font-weight: bold;
}
.new_right_tag_zixun_a {
flex: 1;
overflow: hidden;
color: #222222;
font-size: 14px;
white-space: nowrap;
}
.new_right_zixuninfo {
display: none;
}
.new_right_tag_zixun_a:hover{
color: #0085ff;
}
.new_right_tag_zixun_one span{
line-height: 66px !important;
height: 66px !important;
}
.new_right_tag_zixun_one .new_right_zixuninfo{
display: block;
overflow: hidden;
flex: 1;
}
.new_right_tag_zixun_one{
height: 66px !important;
}
.new_right_tag_zixun_one .new_right_tag_zixun_a{
display: none;
}
.new_right_tag_zixun_one .new_right_zixuninfo a{
display: flex;
flex-direction: row;
justify-content: space-between;
overflow: hidden;
}
.new_right_tag_zixun_one .new_right_zixuninfo a img{
width: 118px;
height: 66px;
display: block;
margin-right: 12px;
overflow: hidden;
}
.new_right_tag_zixun_one .new_right_zixuninfo a p{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_right_tag_zixun_one .new_right_zixuninfo a p em{
font-style: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 24px;
color: #222222;
font-size: 16px;
}
.new_right_tag_zixun_one .new_right_zixuninfo a p b{
display: block;
white-space: nowrap;
overflow: hidden;
color: #8a8a8e;
font-size: 12px;
font-weight: normal;
}
.new_right_tag_zixun_one .new_right_zixuninfo a:hover p em{
color: #0085ff;
}
.hot_img {
display: flex;
align-items: center;
height: 24px;
line-height: 24px;
}
.hot_img i.hots1 {
display: block;
width: 10px;
height: 14px;
background: no-repeat;
}
.hot_img i.hots2 {
display: block;
width: 10px;
height: 14px;
background: no-repeat;
}
.hot_img i {
margin-right: 8px;
}
.new_wapgame{
width: 100%;
box-sizing: border-box;
padding: 24px 0 0 0 ;
overflow: hidden;
}
.new_wapgame li{
margin-bottom: 24px;
width: 100%;
display: flex;
flex-direction: row;
overflow: hidden;
height: 60px;
}
.new_wapgame li span{
width: 24px;
height: 24px;
background: #0086ff;
display: block;
margin-right: 12px;
color: #ffffff;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.new_wapgame a{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.new_wapgame a img{
width: 60px;
height: 60px;
border-radius: 12px;
margin-right: 10px;
}
.new_wapgame a em{
font-style: normal;
display: block;
overflow: hidden;
margin-left: 10px;
width: 80px;
height: 26px;
border: 1px solid #0085ff;
border-radius: 2px;
box-sizing: border-box;
line-height: 26px;
text-align: center;
color: #0085ff;
font-size: 14px;
}
.new_wapgame a dd{
flex: 1;
overflow: hidden;
}
.new_wapgame a dd p{
white-space: nowrap;
}
.new_wapgame_smp{
color: #222222;
font-size: 16px;
}
.new_wapgame a:hover .new_wapgame_smp{
color: #0085ff;
}
.new_heji{
width: 100%;
overflow: hidden;
}
.new_heji_left{
width: 140px;
float: left;
background-color: #ffffff;
overflow: hidden;
box-sizing: border-box;
padding: 30px 0 6px 0;
}
.new_heji_left li{
width: 100%;
overflow: hidden;
margin-bottom: 24px;
}
.new_heji_left li a{
display: inline-block;
color: #8a8a8d;
font-size: 16px;
width: 100%;
text-align: center;
overflow: hidden;
}
.new_heji_left li a:hover{
color: #0085ff;
}
.new_heji_left_one a{
color: #0085ff !important;
font-weight: bold;
}
.new_heji_right{
width: 1200px;
float: right;
overflow: hidden;
box-sizing: border-box;
padding: 30px 20px;
background-color: #ffffff;
}
.new_heji_right li{
float: left;
overflow: hidden;
width:278px;
margin-bottom: 34px;
margin-right: 15px;
}
.new_heji_right li:nth-child(4n 0){
margin-right: 0;
}
.new_heji_right li a{
display: inline-block;
width: 100%;
overflow: hidden;
}
.new_heji_right li a img{
width: 252px;
height: 176px;
overflow: hidden;
margin: 10px auto;
display: block;
}
.new_heji_right li a b{
width: 100%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
border: 1px solid #eeeeee;
font-weight:normal;
}
.new_heji_right li a span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 24px;
color: #8a8a8d;
font-size: 14px;
margin-bottom: 10px;
}
.new_heji_right li a p{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
display: block;
text-align: center;
height: 40px;
border-top: none;
line-height: 40px;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
overflow: hidden;
color: #222222;
font-size: 16px;
white-space: nowrap;
}
.new_heji_right li a:hover p{
color: #0085ff;
}
.new_heji_right ul{
display: block;
overflow: hidden;
width: 100%;
}
.fix_index_top{
width: 72px;
box-sizing: border-box;
background-color: #ffffff;
position: fixed;
left: 50%;
bottom: 200px;
margin-left: 650px;
}
#nav{
display: none;
}
.fix_index_top li{
width: 100%;
height: 40px;
line-height: 40px;
box-sizing: border-box;
border-bottom: 1px solid #eeeeee;
text-align: center;
}
.fix_index_top li a{
display: flex;
height: 40px;
width: 100%;
align-items: center;
justify-content: center;
color:#333;
}
.fix_index_top li:nth-last-child(1){
border-bottom: none;
}
.fix_index_top li p{
color: #8a8a8d;
font-size: 16px;
cursor: pointer;
}
/*æ–‡ç« é¡µ*/
.new_content{
width: 856px;
float: left;
overflow: hidden;
box-sizing: border-box;
padding: 30px 50px;
background-color: #ffffff;
}
.new_content .new_package_content_jishao{
border-bottom: none;
}
.new_content_top{
width: 100%;
align-items: center;
overflow: hidden;
}
.new_conetnt_top h1{
width: 100%;
overflow: hidden;
color: #333333;
font-size: 24px;
text-align: center;
}
.new_content_nr{
width: 100%;
overflow: hidden;
margin-top: 20px;
}
.new_content_nr h2{
color: #333333;
font-size: 22px;
margin: 20px auto;
}
.new_content_nr p{
color: #333333;
font-size: 16px;
line-height: 2em;
text-indent: 2em;
}
.new_content_nr img{
max-width: 600px;
display: block;
margin: 20px auto;
object-fit: contain !important;
height: auto !important;
max-height: 600px !important;
border-radius: 12px !important;
background-size: contain;
}
.new_conetnt_top dl{
width: 100%;
margin-top: 24px;
overflow: hidden;
display: flex;
height: 30px;
line-height: 30px;
justify-content: space-evenly;
flex-direction: row;
align-items: center;
}
.new_conetnt_top dl dd{
color: #8a8a8d;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.new_conetnt_top dl dd span{
display: inline-block;
height: 30px;
line-height: 30px;
float: left;
}
.new_conetnt_top dl dd a{
color: #8a8a8d;
display: inline-block;
margin-right: 12px;
height: 30px;
line-height: 30px;
max-width: 200px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
}
.new_conetnt_top dl dd a:hover{
color: #0085ff;
}
/*åˆé›†è¯¦æƒ…*/
.new_heji_content_top{
width: 100%;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.new_heji_content_top_left{
width: 856px;
background: #ffffff;
overflow: hidden;
box-sizing: border-box;
padding: 30px 20px;
display: flex;
flex: 1;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.new_heji_content_top_left img{
width: 360px;
height: 212px;
background: #c3d9ee;
overflow: hidden;
display: block;
margin-right: 20px;
}
.new_heji_content_top_left dd{
flex: 1;
overflow: hidden;
display: flex;
height: 212px;
flex-direction: column;
justify-content: space-between;
}
.new_heji_content_top_left dd p{
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
color: #222222;
margin-top: 12px;
font-size: 22px;
font-weight: bold;
}
.new_heji_content_top_left dd span{
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
color: #8a8a8d;
font-size: 18px;
}
.new_heji_content_top_right{
width: 332px;
float: right;
overflow: hidden;
box-sizing: border-box;
margin-left: 12px;
background-color: #ffffff;
}
.new_heji_content_top_right ul{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 24px 12px 0 12px;
display: block;
}
.new_heji_content_top_right ul li{
width: 100%;
overflow: hidden;
margin-bottom: 24px;
}
.new_heji_content_top_right ul li a{
display: block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
color: #222222;
font-size: 16px;
}
.new_heji_content_top_right ul li a:hover{
color: #0085ff;
}
.new_heji_content_bottom{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 20px;
margin-top: 12px;
background-color: #ffffff;
}
.new_heji_content_bottom_p{
box-sizing: border-box;
width: 100%;
overflow: hidden;
height: 64px;
line-height: 64px;
border-bottom: 1px solid #e9e9e9;
color: #222222;
font-size: 22px;
font-weight: bold;
}
.new_heji_content_bottom ul {
width: 100%;
padding-top: 24px;
box-sizing: border-box;
}
.new_heji_content_bottom ul li{
float: left;
margin-bottom: 24px;
border-radius: 12px;
position: relative;
margin-right: 40px;
width: 360px;
box-sizing: border-box;
padding: 20px;
height: 218px;
box-shadow: 3px 3px 3px 3px #ccc;
}
.new_heji_img1{
display: block;
width: 106px;
height: 106px;
position: absolute;
right: -12px;
top: -10px;
}
.new_heji_content_bottom ul li .new_zss{
display: flex;
flex-direction: column;
overflow: hidden;
align-items: center;
justify-content: space-between;
}
.new_heji_content_bottom ul li .new_zss dl{
width: 100%;
overflow: hidden;
display: flex;
flex-direction: row;
margin-bottom: 10px;
}
.new_heji_content_bottom ul li .new_zss dl img{
width: 80px;
height: 80px;
border-radius: 16px;
float: left;
margin-right: 20px;
}
.new_heji_content_bottom ul li .new_zss dl dd{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_heji_content_bottom_p1{
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding-right: 36px;
color: #222222;
font-size: 16px;
}
.new_heji_content_bottom_p2{
color: #8a8a8d;
font-size: 12px;
white-space: nowrap;
width: 100%;
}
.new_heji_content_bottom span{
color: #8a8a8d;
font-size: 14px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.new_heji_content_bottom em{
display: block;
width: 320px;
height: 35px;
border-radius: 5px;
overflow: hidden;
line-height: 35px;
text-align: center;
color: #0085ff;
font-size: 16px;
border: 1px solid #0085ff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-style: normal;
margin-top: 10px;
}
.new_heji_content_bottom a:hover em{
background-color: #0085ff;
color: #ffffff !important;
}
.new_heji_content_bottom li:nth-child(3n 0){
margin-right: 0;
}
/*软件分类页*/
.new_package_list_top{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 30px 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #ffffff;
}
.new_package_list_top_left{
width: 92px;
float: left;
margin-right: 28px;
overflow: hidden;
}
.new_package_list_top_left li{
float: left;
width: 100%;
overflow: hidden;
height: 40px;
}
.new_package_list_top_left li p{
width: 80px;
height: 40px;
line-height: 40px;
text-align: center;
color: #222222;
font-size: 16px;
position: relative;
cursor: pointer;
background-color: #e6e6e6;
}
.new_package_list_top_left li p:after{
content: '';
float: right;
width: 0;
position: absolute;
display: block;
height: 0;
top: 12px;
right: -16px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent transparent #e6e6e6;
}
.new_package_list_top_left_p p{
background-color: #ff8c00 !important;
color: #ffffff !important;
}
.new_package_list_top_left_p p:after{
border-color: transparent transparent transparent #ff8c00 !important;
}
.new_package_list_top_right{
flex: 1;
overflow: hidden;
display: block;
}
.new_package_list_top_right li{
float: left;
width: 80px;
margin-right: 40px;
}
.new_package_list_top_right li:nth-child(9n 0){
margin-right: 0;
}
.new_package_list_top_right li a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
overflow: hidden;
width: 100%;
}
.new_package_list_top_right li a img{
width: 80px;
height: 80px;
border-radius: 16px;
display: block;
}
.new_package_list_top_right li a p{
display: block;
margin: 12px auto;
overflow: hidden;
width: 100%;
white-space: nowrap;
color: #222222;
font-size: 14px;
}
.new_package_list_top_right li a:hover p{
color: #0085ff;
}
.new_package_list_top_right_ul{
display: none;
}
.new_package_list_top_right_ul.show{
display: block;
}
.new_package_list_bottom{
width: 100%;
overflow: hidden;
margin-top: 12px;
}
.new_package_list_bottom_left{
width: 140px;
float: left;
overflow: hidden;
box-sizing: border-box;
padding: 30px 0 6px 0;
background-color: #ffffff;
}
.new_package_list_bottom_left li{
float: left;
width: 100%;
overflow: hidden;
text-align: center;
margin-bottom: 24px;
}
.new_package_list_bottom_left li.new_package_list_bottom_left_one a{
color: #0085ff;
}
.new_package_list_bottom_left li a{
display: block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
color: #222222;
font-size: 16px;
}
.new_package_list_bottom_left li a:hover{
color: #0085ff;
}
.new_package_list_bottom_right{
float: right;
margin-left: 20px;
width: 1040px;
background-color: #ffffff;
box-sizing: border-box;
padding: 0 30px;
overflow: hidden;
}
.new_package_list_bottom_right_nr{
width: 100%;
}
.new_package_list_bottom_right_nr_p{
width: 100%;
box-sizing: border-box;
padding-left: 14px;
height: 62px;
line-height: 62px;
color: #222222;
font-size: 22px;
font-weight: bold;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.new_package_list_bottom_right_nr_p:before{
content: '';
width: 5px;
height: 30px;
background: #0086ff;
position: absolute;
left: -10px;
top: 16px;
}
.new_package_list_bottom_right_nr ul{
display: block;
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding-top: 24px;
}
.new_package_list_bottom_right_nr ul li{
float: left;
box-sizing: border-box;
padding-right: 24px;
width: 25%;
overflow: hidden;
margin-bottom: 24px;
}
.new_package_list_bottom_right_nr ul li a{
display: flex;
width: 100%;
overflow: hidden;
flex-direction: row;
justify-content: space-between;
}
.new_package_list_bottom_right_nr ul li a img{
width: 80px;
height: 80px;
border-radius: 16px;
float: left;
display: block;
margin-right: 10px;
}
.new_package_list_bottom_right_nr ul li a dd{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_package_list_bottom_right_nr_p1{
width: 100%;
display: block;
overflow: hidden;
color: #222222;
font-size: 16px;
white-space: nowrap;
}
.new_package_list_bottom_right_nr_p2{
display: block;
width: 100%;
color: #8a8a8e;
font-size: 12px;
white-space: nowrap;
}
.new_package_list_bottom_right_nr ul li a:hover .new_package_list_bottom_right_nr_p1{
color: #0085ff;
}
/*软件详情*/
.new_package{
width: 100%;
overflow: hidden;
}
.new_package_left{
width: 220px;
overflow: hidden;
float: left;
}
.new_package_left1{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 30px 10px;
background-color: #ffffff;
}
.new_package_left1 img{
width: 120px;
height: 120px;
border-radius: 16px;
display: block;
margin: 0 auto;
}
.new_package_left1_name{
display: block;
text-align: center;
width: 100%;
overflow: hidden;
color: #222222;
font-size: 22px;
font-weight: bold;
margin: 12px auto;
}
.new_package_left1_name:hover{
color: #0085ff;
}
.new_package_left1 dl{
width: 100%;
overflow: hidden;
}
.new_package_left1 dl dd{
width: 100%;
overflow: hidden;
color: #222222;
font-size: 16px;
white-space: nowrap;
margin-top: 24px;
}
.new_package_left1 dl dd a{
color: #0085ff;
font-size: 16px;
}
.new_package_left2{
width: 100%;
overflow: hidden;
box-sizing: border-box;
background-color: #ffffff;
padding: 0 10px;
}
.new_package_left2 p{
width: 100%;
box-sizing: border-box;
padding: 0 14px;
height: 56px;
border-bottom: 1px solid #eeeeee;
color: #222222;
font-size: 18px;
line-height: 56px;
font-weight: bold;
position: relative;
}
.new_package_left2 p:before{
content: '';
width: 5px;
height: 24px;
background: #0086ff;
position: absolute;
top: 16px;
left: -10px;
}
.new_package_left2 ul{
display: block;
overflow: hidden;
box-sizing: border-box;
padding: 16px 0 26px 0;
}
.new_package_left2 ul li{
float: left;
box-sizing: border-box;
margin-right: 10px;
margin-top: 10px;
width: 95px;
height: 30px;
}
.new_package_left2 ul li a{
width: 100%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
text-align: center;
line-height: 30px;
color: #222222;
white-space: nowrap;
font-size: 14px;
height: 30px;
background: #f4f6f8;
border: 1px solid #8a8a8e;
}
.new_package_left2 ul li:nth-child(2n 0){
margin-right: 0;
}
.new_package_left2 ul li a:hover{
color: #ffffff !important;
background-color: #0085ff !important;
}
.new_package_content{
width: 624px;
overflow: hidden;
margin: 0 12px;
float: left;
}
.new_package_content_lbt{
width: 100%;
position: relative;
height: 380px;
margin-bottom: 12px;
background: #ffffff;
overflow: hidden;
padding:10px;
box-sizing: border-box;
}
/*软件详情轮æ’图*/
.swiper-container {
width: 604px !important;
height: 100%;
box-sizing: border-box;
}
.swiper-slide{
width: auto !important;
float: left;
overflow: hidden;
}
.swiper-slide img{
height: 337px;
display: block;
}
.swiper-wrapper .swiper-slide :nth-last-child(1){
margin-right: 0 !important;
}
.swiper-wrapper{
display:flex;
}
.new_swiper-button-prev{
width: 26px;
height: 26px;
border-radius: 50%;
position: absolute;
left: 10px;
background-image: ;
margin-top: -13px;
cursor: pointer;
top: 50%;
display: none;
}
.new_swiper-button-next{
width: 26px;
height: 26px;
border-radius: 50%;
position: absolute;
background-image: ;
cursor: pointer;
right: 10px;
margin-top: -13px;
top: 50%;
display: none;
}
.new_package_content_bottom{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 20px;
background-color: #ffffff;
}
.new_package_content_bottom_miaodian{
width: 100%;
overflow: hidden;
height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #eeeeee;
}
.new_package_content_bottom_miaodian ul li{
float: left;
width: 123px;
height: 50px;
box-sizing: border-box;
overflow: hidden;
}
.new_package_content_bottom_miaodian ul li a{
height: 50px;
box-sizing: border-box;
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
line-height: 50px;
color: #222222;
font-size: 18px;
text-align: center;
font-weight: bold;
}
.new_package_content_bottom_miaodian_one a{
color: #0085ff !important;
border-bottom: 3px solid #0085ff;
}
.new_package_content_bottom_nr{
width: 100%;
overflow: hidden;
}
.new_package_content_jishao{
width: 100%;
overflow: hidden;
padding: 20px 0;
box-sizing: border-box;
border-bottom: 1px solid #eeeeee;
}
.new_package_content_jishao_title{
width: 100%;
overflow: hidden;
height: 24px;
}
.new_package_content_jishao_title span{
display: inline-block;
width: 5px;
height: 24px;
background: #0085ff;
margin-right: 10px;
overflow: hidden;
float: left;
}
.new_package_content_jishao_title p{
color: #222222;
font-size: 18px;
font-weight: bold;
float: left;
display: inline-block;
height: 24px;
line-height: 24px;
}
.new_package_content_jishao_title a{
float: right;
overflow: hidden;
color: #8a8a8d;
font-size: 14px;
display: inline-block;
height: 24px;
line-height: 24px;
}
.new_package_content_jishao_title a:hover{
color: #0085ff;
}
.new_package_content_jishao_nr{
width: 100%;
overflow: hidden;
margin-top: 24px;
}
.new_package_content_bottom_nr .new_package_content_jishao:nth-last-child(1){
border-bottom: none;
}
.new_package_content_jishao_nr p{
line-height: 2em;
color: #222222;
font-size: 16px;
text-indent: 2em;
}
.new_package_content_jishao_nr h2{
color: #222222;
font-size: 16px;
margin: 20px 0;
}
.new_package_content_jishao_nr img{
margin: 20px auto;
display: block;
}
.new_download_url{
width: 100%;
overflow: hidden;
}
.new_download_url li{
float: left;
width: 30%;
margin-right: 5%;
overflow: hidden;
margin-top: 24px;
}
.new_download_url li:nth-child(3n 0){
margin-right: 0;
}
.new_download_url li p{
cursor: pointer;
display: flex;
width: 100%;
overflow: hidden;
flex-direction: row;
align-content: center;
}
.new_download_url li p img{
width: 22px;
height: 20px;
display: block;
margin-right: 20px;
}
.new_download_url li p span{
display: block;
color: #333333;
font-size: 18px;
flex: 1;
overflow: hidden;
white-space: nowrap;
}
.new_download_url li p:hover span{
color: #0085ff;
}
.new_tonglei_update{
width: 100%;
overflow: hidden;
}
.new_tonglei_update li {
width: 30%;
float: left;
margin-right: 5%;
margin-top: 24px;
overflow: hidden;
}
.new_tonglei_update li:nth-child(3n 0){
margin-right: 0;
}
.new_tonglei_update li a{
display: flex;
flex-direction: row;
overflow: hidden;
align-content: center;
justify-content: space-between;
width: 100%;
}
.new_tonglei_update li a img{
width: 60px;
height: 60px;
border-radius: 16px;
display: block;
margin-right: 10px;
}
.new_tonglei_update li a dd{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_tonglei_update li a dd p{
color: #222222;
font-size: 16px;
width: 100%;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.new_tonglei_update li a dd span{
color: #8a8a8d;
font-size: 12px;
display: block;
width: 100%;
white-space: nowrap;
}
.new_tonglei_update li a:hover dd p{
color: #0085ff;
}
.xguanwenzhang{
width: 100%;
overflow: hidden;
}
.xguanwenzhang1{
width: 100%;
margin-top: 24px;
display: flex;
flex-direction: row;
align-content: center;
}
.xguanwenzhang1_left{
display: inline-block;
width: 150px;
height: 100px;
float: left;
margin-right: 10px;
}
.xguanwenzhang1_left img{
width: 150px;
height: 100px;
display: block;
}
.xguanwenzhang1_right {
flex: 1;
overflow: hidden;
flex-direction: column;
justify-content: space-between;
}
.xguanwenzhang1_right_aspan{
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
margin-bottom: 10px;
justify-content: space-between;
}
.xguanwenzhang1_right_aspan span{
display: block;
width: 100px;
text-align: right;
float: right;
height: 24px;
line-height: 24px;
overflow: hidden;
margin-left: 10px;
color: #8a8a8d;
font-size: 12px;
white-space: nowrap;
}
.xguanwenzhang1_ul span {
display: block;
width: 100px;
text-align: right;
float: right;
height: 24px;
line-height: 24px;
overflow: hidden;
margin-left: 10px;
color: #8a8a8d;
font-size: 12px;
white-space: nowrap;
}
.xguanwenzhang1_a1{
flex: 1;
display: block;
white-space: nowrap;
font-size: 16px;
color: #222222;
font-weight: bold;
}
.xguanwenzhang1_a2{
color: #8a8a8d;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 22px;
-webkit-box-orient: vertical;
margin-top: 10px;
}
.xguanwenzhang1_ul{
display: flex;
height: 24px;
justify-content: space-between;
flex-direction: row;
align-content: center;
width: 100%;
overflow: hidden;
margin-top: 6px;
}
.xguanwenzhang1_ul dl{
flex: 1;
height: 24px;
overflow: hidden;
}
.xguanwenzhang1_ul dl dd{
float: left;
overflow: hidden;
margin-right: 12px;
height: 24px;
line-height: 24px;
display: inline-block;
}
.xguanwenzhang1_ul dl dd a{
color: #8a8a8d;
font-size: 12px;
}
.xguanwenzhang1_ul dl dd a:hover{
color: #0085ff;
}
.xguanwenzhang1_right a:hover{
color: #0085ff;
}
.new_package_right{
width: 332px;
float: right;
overflow: hidden;
}
.new_package_right_download{
width: 332px;
height: 436px;
background: #ffffff;
box-sizing: border-box;
padding: 30px 46px;
}
.new_package_right_download span{
display: block;
text-align: center;
color: #666666;
font-size: 12px;
}
.new_package_right_download_img{
width: 240px;
height: 240px;
border: 2px solid #288a14;
box-sizing: border-box;
padding: 16px 14px;
overflow: hidden;
}
.new_package_right_download_img img{
width: 212px;
height: 208px;
display: block;
margin: 0 auto;
}
.new_package_right_download_saoma{
width: 240px;
height: 56px;
background: #288a14;
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.new_package_right_download_saoma img{
width: 24px;
height: 24px;
display: block;
margin-top: 3px;
margin-right: 12px;
}
.new_package_right_download_saoma p{
color: #ffffff;
font-size: 22px;
font-weight: bold;
}
.new_package_right_download_bendi{
width: 240px;
height: 56px;
margin-top: 24px;
background: #0085ff;
box-sizing: border-box;
display: flex;
cursor: pointer;
flex-direction: row;
justify-content: center;
align-items: center;
}
.new_package_right_download_bendi img{
width: 24px;
height: 24px;
margin-top: 3px;
display: block;
margin-right: 12px;
}
.new_package_right_download_bendi p{
color: #ffffff;
font-size: 22px;
font-weight: bold;
}
.new_package_right_download_bendi a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
overflow: hidden;
}
.new_package_right_download_bendi a img{
width: 24px;
height: 24px;
margin-top: 3px;
display: block;
margin-right: 12px;
}
.new_package_right_download_bendi a p{
color: #ffffff;
font-size: 22px;
font-weight: bold;
}
.new_package_right_tag_hotp a{
float: right;
color: #222222;
font-size: 14px;
font-weight: normal;
}
.new_package_right_tag_hotp a img{
width: 14px;
height: 15px;
margin-top: 21px;
margin-right: 2px;
float: left;
}
.new_package_right_tag_hotp a:hover{
color: #0085ff;
}
.new_tongleituijian{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding-top: 24px;
}
.new_tongleituijian li {
float: left;
overflow: hidden;
width: 76px;
margin-right: 32px;
margin-bottom: 24px;
}
.new_tongleituijian li:nth-child(3n 0){
margin-right: 0;
}
.new_package_right_tag{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 20px;
background-color: #ffffff;
}
.new_package_right_tag_hotp{
width: 100%;
height: 56px;
line-height: 56px;
box-sizing: border-box;
padding: 0 0 0 9px;
position: relative;
color: #222222;
font-size: 18px;
border-bottom: 1px solid #e9e9e9;
font-weight: bold;
}
.new_package_right_tag_hotp:before{
content: '';
width: 5px;
height: 24px;
background: #0086ff;
float: left;
top: 16px;
left: -20px;
position: absolute;
}
.new_tongleituijian li a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
overflow: hidden;
width: 100%;
}
.new_tongleituijian li a img{
width: 76px;
height: 76px;
border-radius: 16px;
margin-bottom: 12px;
}
.new_tongleituijian li a p{
display: block;
width: 100%;
white-space: nowrap;
color: #222222;
font-size: 16px;
overflow: hidden;
}
.new_tongleituijian li a:hover p{
color: #0085ff;
}
.new_tongleituijian_ul{
display: none;
}
.new_tongleituijian_ul.show{
display: block;
}
.new_qtaxiazai{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding-top: 23px;
}
.new_qtaxiazai li{
width: 100%;
overflow: hidden;
margin-bottom: 24px;
}
.new_qtaxiazai li a{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.new_qtaxiazai li a img{
width: 90px;
height: 90px;
border-radius: 16px;
float: left;
margin-right: 20px;
}
.new_qtaxiazai li a dd{
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.new_qtaxiazai_p1{
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
color: #222222;
margin-bottom: 12px;
font-size: 16px;
}
.new_qtaxiazai_p2{
display: block;
width: 100%;
margin-bottom: 6px;
white-space: nowrap;
overflow: hidden;
color: #8a8a8d;
font-size: 14px;
}
.new_qtaxiazai li a:hover dd .new_qtaxiazai_p1{
color: #0085ff;
}
a:hover,
a:focus {
-webkit-transition: color 150ms ease-in 0ms,
background-color 150ms ease-in 150ms;
-moz-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
-ms-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
-o-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
}
.new_app_jinpin1 li a b{
display: none;
width: 80px;
margin-bottom: 10px;
height: 80px;
border-radius: 16px;
background-color: #0085ff;
color: #ffffff;
line-height: 80px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.new_choolen_left_bottom li a b{
display: none;
width: 64px;
margin-right: 14px;
height: 64px;
border-radius: 12px;
background-color: #0085ff;
color: #ffffff;
line-height: 64px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.new_app_download_left_bottom li a b{
display: none;
width: 80px;
margin-bottom: 4px;
height: 80px;
border-radius: 16px;
background-color: #0085ff;
color: #ffffff;
line-height: 80px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.new_package_list_top_right_ul li a b{
display: none;
width: 80px;
height: 80px;
border-radius: 16px;
background-color: #0085ff;
color: #ffffff;
line-height: 80px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.new_package_list_bottom_right_nr ul li a b{
margin-right: 10px;
display: none;
width: 80px;
height: 80px;
border-radius: 16px;
background-color: #0085ff;
color: #ffffff;
line-height: 80px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.new_tonglei_update ul li a b{
margin-right: 10px;
display: none;
width: 60px;
height: 60px;
border-radius: 16px;
background-color: #0085ff;
color: #ffffff;
line-height: 60px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.new_tongleituijian li a b{
display: none;
width: 76px;
height: 76px;
border-radius: 16px;
margin-bottom: 12px;
background-color: #0085ff;
color: #ffffff;
line-height: 76px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.new_qtaxiazai ul li a b{
display: none;
width: 90px;
height: 90px;
border-radius: 16px;
margin-right: 20px;
background-color: #0085ff;
color: #ffffff;
line-height: 90px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.pic{
cursor: pointer;
}
.dianjixzhuang{
position: absolute;
overflow: hidden;
top: 20px;
right: 80px;
width: 32px;
height: 32px;
}
.dianjixzhuang img{
overflow: hidden;
cursor: pointer;
width: 32px;
height: 32px;
}
.dianjiguanbi{
position: absolute;
overflow: hidden;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
}
.dianjiguanbi img{
overflow: hidden;
cursor: pointer;
width: 32px;
height: 32px;
}
.new_package_smila_tag{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
overflow: hidden;
}
.new_package_smila_tag ul li{
margin-top: 20px;
overflow: hidden;
height: 30px;
line-height: 30px;
margin-right: 14px;
display: inline-block;
}
.new_package_smila_tag ul li a{
color: #222222;
font-size: 14px;
display: block;
height: 30px;
box-sizing: border-box;
padding: 0 12px;
background: #f4f6f8;
line-height: 30px;
border: 1px solid #8a8a8e;
}
.new_package_smila_tag ul li a:hover{
color: #ffffff !important;
background-color: #0085ff;
}
.new_new_right_tag_ul{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 20px;
}
.new_new_right_tag_ul li{
width: 33%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 24px;
float: left;
margin-bottom: 20px;
}
.new_new_right_tag_ul li a{
display: block;
white-space: nowrap;
overflow: hidden;
color: #333333;
font-size: 14px;
}
.new_new_right_tag_ul li a:hover{
color: #0085ff;
}
.new_right_smilmy_app{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 24px 0 0 0;
}
.new_right_smilmy_app ul li{
width: 50%;
overflow: hidden;
float: left;
display: flex;
flex-direction: row;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 12px;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.new_right_smilmy_app ul li .new_right_smilmy_app_a_img{
display: block;
width: 64px;
height: 64px;
margin-right: 12px;
overflow: hidden;
}
.new_right_smilmy_app_a_img img{
display: block;
width: 64px;
height: 64px;
border-radius: 12px;
}
.new_right_smilmy_app ul li p{
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.new_right_smilmy_app_a{
display: block;
overflow: hidden;
color: #000;
font-size: 14px;
width: 100%;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.new_right_smilmy_app ul li p span{
color: #888;
font-size: 12px;
white-space: normal;
display: block;
width: 100%;
}
.new_right_smilmy_app_a:hover{
color: #0085ff;
}
.new_new_right_packgae_ul{
display: block;
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding-top: 24px;
}
.new_new_right_packgae_ul li{
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.new_new_right_packgae_ul li a{
width: 100%;
display: block;
white-space: nowrap;
color: #000;
font-size: 14px;
}
.new_new_right_packgae_ul li a:hover{
color: #0085ff;
}
.new_tuijian_app{
width: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.new_tuijian_app ul li{
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
float: left;
padding-right: 12px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.new_tuijian_app_img{
width: 64px;
height: 64px;
overflow: hidden;
margin-right: 12px;
display: block;
}
.new_tuijian_app_img img{
width: 64px;
height: 64px;
border-radius: 12px;
}
.new_tuijian_app ul li p{
display: flex;
flex-direction: column;
flex: 1;
overflow: hidden;
justify-content: space-between;
}
.new_tuijian_app ul li p a{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.5em;
color: #000;
font-size: 14px;
}
.new_tuijian_app ul li p a:hover{
color: #0085ff;
}
.new_tuijian_app ul li p span{
display: block;
white-space: nowrap;
width: 100%;
color: #888888;
font-size: 12px;
}
.new_content_nr ul {
font-style: revert;
text-indent: 2em;
font-size: 16px;
}
.new_content_nr ul li{
line-height: 2em;
}
.down_news{
background-color: #0085ff;
display: flex;
width: 200px;
justify-content: center;
padding: 10px 0;
align-items: center;
}
.down_news img{
width: 26px;
height: 26px;
margin: 0;
display: block;
border-radius: 0;
margin-right: 10px;
}
.down_news p{
line-height: 24px;
height: 24px;
color:#fff;
font-size: 16px;
font-weight: bold;
}
/*历å²ä¸‹è½½*/
.cjl_list li:last-child{
border-bottom: 0;
}
.cjl_list li{
margin: 0;
padding: 15px 0;
position: relative;
border-bottom: 1px dashed #e7e7e7;
display: inline-block;
width: 100%;
}
.cjl_list .icon-wrap{
float: left;
margin-right: 10px;
}
.cjl_list li img{
width: 40px;
height: 40px;
display: block;
}
.cjl_list li p {
color: #333;
}
.cjl_list li span {
color: #999;
font-size: 10px;
}
.cjl_list li .latest-version-tag {
display: inline-block;
color: #fff;
font-size: 12px;
padding: 2px 4px;
margin-left: 10px;
background: #24aa42;
border-radius: 3px;
}
.cjl_ri{
float: left;
margin-top: 4px;
}
.mor{
position: absolute;
top: 20px;
right: 0px;
letter-spacing: 1px;
font-size: .875em;
text-align: center;
padding: 7px 15px;
color: #fff;
border-radius: 3px;
background: #0086ff;
}
.load-more {
text-align: center;
padding: 10px 0 20px;
}
.load-more .refresh-btn {
background: #ddd;
display: inline-block;
font-size: 0.875em;
padding: 8px 20px;
color: #333;
}
.hot_p,.new_heji_content_bottom_p3{
color:#999;
font-size: 12px;
}
.red{
color:red
}
/**/
.lishi_wap {
background-color: #fff;
padding: 0 0 15px 0;
}
.lishi_div {
position: relative;
background-color: #0086ff;
height: 120px;
border-radius: 16px;
}
.list_jig {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
color: #ffffff;
text-align: center;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.lishi_name {
font-size: 18px;
letter-spacing: 8px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.lishi_dq {
font-size: 16px;
margin-top: 6px;
letter-spacing: 6px;
}
.count_txt1 p{
font-size: 14px;
line-height: 24px;
}
.lishi_n{
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ebebeb;
}
.lishi_xx p{
line-height: 30px;
}
.lishi_xx{
padding: 10px 0;
}
.lishi_aa img{
width: 22px;
height: 20px;
display: block;
margin-right: 20px;
}
.lishi_aa span {
display: block;
color: #333333;
font-size: 18px;
flex: 1;
overflow: hidden;
white-space: nowrap;
}
.lishi_aa{
cursor: pointer;
display: flex;
width: 100%;
overflow: hidden;
flex-direction: row;
align-content: center;
}
.new_package_content_jishao_nr h3{
position: relative;
margin: 20px 0 10px 0;
text-indent: 8px;
background: #eaf5ff;
padding: 10px 0;
}
.down_news{
margin-bottom: 10px;
border-radius: 8px;
}
.new_package_left1 .color2{
background-color: #42ba57;
}
.new_package_left1 .color3{
background-color: #000000;
}
.new_package_left1 .color4{
background-color: #f45153;
}
/**/
.hw_down{
padding:40px;
background-color: #fff;
border-radius: 8px;
}
.hw_down_top{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 20px 0;
margin-top: -1px;
max-width: 1150px;
}
.hw_down_top img:nth-child(1){
width: 130px;
height: 130px;
display: block;
overflow: hidden;
}
.hw_info{
flex: 1;
height: 112px;
box-sizing: border-box;
padding: 8px 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.hw_info .title{
font-size: 24px;
color: #000000;
margin-bottom: 4px;
display: flex;
justify-content: left;
align-items: center;
}
.hw_info .title h1{
font-size: 24px;
margin-right: 10px;
line-height: 32px;
}
.hw_info .title a,.hw_info .title a:nth-child(2){
font-size: 14px;
border: 1px solid #24aa42;
line-height: 26px;
padding: 0 10px;
color:#24aa42;
margin-right: 10px;
}
.hw_info .title a:nth-child(3){
border: 1px solid #c56e14;
color:#c56e14
}
.hw_info .title a:nth-child(4){
border: 1px solid #2196f3;
color:#2196f3
}
.hw_info .tip{
opacity: 0.38;
font-size: 12px;
color: #000000;
display: flex;
align-items: center;
}
.hw_info .hw_bottom{
flex: 1;
opacity: 0.6;
font-size: 14px;
color: #000000;
display: flex;
align-items: flex-end;
}
.hw_down_right{
width: 488px;
border-radius: 18px;
text-align: center;
cursor: pointer;
position: relative;
line-height: 36px;
}
.hw_down_right a{
min-width: 112px;
max-width: 182px;
width: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 36px;
line-height: 36px;
border-radius: 18px;
background-color: #007dff;
font-size: 14px;
font-weight: 500;
color: #ffffff;
text-align: center;
display: block;
padding: 0 12px;
box-sizing: border-box;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}
.hw_down_right .hongmeng{
background: #ff5722 !important;
}
.hw_down_right .pingguo{
background-color: #5ec43e !important;
}
.hw_down_right .pcxz,.pcxzwo{
background-color: #242326 !important;
}
.hw_bottom_1 div{
background: url(/uploads/image/spdimg/icon_z2.png) no-repeat;
width: 100px;
height: 14px;
}
.hw_bottom_1 span{
margin-right: 5px;
}
.hw_bottom_1{
display: flex;
align-items: center;
margin: 0 2.5px;
}
.hw_bottom .hw_bottom_2{
margin-left: 20px;
}
.container {
width: 100%;
overflow: hidden;
overflow-x: auto;
margin-top: 15px;
margin-bottom: 15px;
}
.container ul {
white-space: nowrap;
display:flex;
}
.container li {
display: inline-block;
height: 337px;
margin-right:10px;
}
.container ul li img {
height: 100%;
display: block;
}
.hw_conter {
margin-top: 30px;
width: 100%;
padding: 0 0 30px 0;
border-top: 1px solid #f2f2f2;
}
.hw_conter img{
margin: 20px 0;
}
.container li img{
margin: 0 !important;
}
.hw_conter h3{
margin-top: 40px;
margin-bottom: 10px;
}
.hw_conter .hw_title{
font-size: 20px;
color: #000000;
line-height: 28px;
margin-bottom: 10px;
padding-top: 30px;
display: flex;
justify-content: space-between;
}
.hw_title a{
font-size: 12px;
color:#999;
}
.hw_title span{
color:#000;
font-weight: bold;
}
.hw_conter p{
line-height: 30px;
font-size: 15px;
}
.hw_conter p a{
color: #358ff0;
}
.hw_xx{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.hw_xx .hw_left ,.hw_xx .hw_right {
width: 530px;
}
.hw_xx .hw_left_1{
display: flex;
width: 100%;
justify-content: space-between;
}
.hw_xx .hw_left_1{
width: 100%;
line-height: 45px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #f2f2f2;
box-sizing: border-box;
padding: 0 5px;
white-space: nowrap;
}
.hw_left_1_1{
color:#333;
margin-right: 30px;
}
.hw_left_1_2{
color:#888;
white-space: pre-wrap;
line-height: 23px;
margin: 10px 0;
}
.hw_left_1_3{
font-family: 宋体;
color:#999;
}
.content_left3 ul {
margin-top: 20px;
display: inline-block;
}
.content_left3 ul li {
margin: 0 50px 24px 0;
width: 80px;
text-align: center;
float: left;
}
.content_left3 .img {
display: flex !important;
align-items: center;
}
.content_left3 ul li .img img {
width: 80px;
height: 80px;
border-radius: 12px;
}
.content_left3 ul li p {
width: 80px;
height: 28px;
line-height: 28px;
margin-top: 2px;
}
.content_left3 ul li p a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
width: 80px;
font-size: 15px;
color:#333;
}
.content_left3 ul li:nth-child(9n){
margin-right: 0;
}
.cjl_list li a:nth-child(1){
display: flex;
align-items: center;
}
.down_class{
display: flex;
flex-wrap: wrap;
width: 1120px;
padding: 10px 10px 10px 0;
border: 1px solid #ebebeb;
margin: 20px 0 30px 0;
}
.down_class_left {
width: 1108px;
position: relative;
}
.down_class_left ul{
margin: 0 20px 0 45px ;
}
.down_class_left ul {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.down_class_left ul li {
margin-bottom: 15px;
display: flex;
width: 165px;
align-items: center;
margin-right: 10px;
}
.down_class_left ul li:nth-child(3n){
margin-right: 0;
}
.down_class_left ul li a {
width: 48px;
height: 48px;
display: flex;
float: left;
margin-right: 10px;
border-radius: 8px;
overflow: hidden;
}
.down_class_left ul li p {
width: 105px;
}
.down_class_left ul li p b {
width: 100%;
display: block;
margin-top: 4px;
font-size: 16px;
font-weight: 400;
}
.down_class_left ul li p em {
color: #999;
font-size: 12px;
font-style: normal;
}
.down_class_left .prev {
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
position: absolute;
top: 42%;
left: 12px;
}
.down_class_left .prev, .down_class_left .next {
background: url(/uploads/image/spdimg/net.png) no-repeat;
width: 10px;
height: 18px;
display: block;
}
.down_class_left .next {
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
position: absolute;
top: 42%;
right: 6px;
}
.down_class_left ul li:nth-child(6n){
margin-right: 0;
}
.hw_bottom_1 div em.star{
background: url(/uploads/image/spdimg/icon_z1.png) no-repeat;
width: 100px;
height: 14px;
display: block;
}
.cat_table {
width: 700px;
border: 1px solid #ccc;
clear: both;
-webkit-box-shadow: 0 0 10px 0 #999;
box-shadow: 0 0 10px 0 #999;
margin: 0 auto 15px auto;
display: flow-root;
}
.cat_table .table_top {
height: 32px;
line-height: 32px;
background: #eee;
font-size: 14px;
margin-bottom: 0!important;
line-height: 24px;
clear: both;
}
.width_z1 {
width: 260px;
padding: 0 10px;
height: 32px;
border-right: 1px solid #ccc;
}
.table_top div, .table_bottom div {
float: left;
text-align: center;
line-height: 32px;
font-size: 14px;
}
.width_z1 a, .width_z4 a {
color: #0984c5;
height: 32px;
overflow: hidden;
display: block;
text-decoration: underline;
}
.width_z3 span {
color: #e30921;
}
.width_z2 {
width: 130px;
height: 32px;
border-right: 1px solid #ccc;
}
.width_z3 {
width: 200px;
height: 32px;
border-right: 1px solid #ccc;
}
.width_z4 {
width: 107px;
height: 32px;
}
.hw_tag{
display: flex;
justify-content: left;
}
.hw_tag .sp_2 a{
color:#358ff0;
margin-right: 10px;
}
.mark_1{
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 60px;
color: #191919;
}
.mark_2{
width: 80px;
line-height: 17px;
opacity: 0.38;
font-size: 12px;
color: #000000;
text-align: center;
}
.hw_mark{
display: flex;
}
.hw_mark_left{
display:flex;
width: 80px;
justify-content: center;
flex-wrap: wrap
}
.hw_mark_right{
flex: 1;
height: 85px;
display: flex;
justify-content: flex-start;
flex-direction: column;
box-sizing: border-box;
padding: 0 30px;
}
.hw_mark_right .hw_mark_1{
display: flex;
align-items: center;
}
.hw_box_1{
line-height: 20px;
width: 100px;
}
.hw_mark_1 .hw_box_2{
width: 265px;
height: 4px;
background-color: #ebebeb;
border-radius: 10px;
overflow: hidden;
}
.hw_box_2 em{
display: block;
background: #8f8f8f;
height: 4px;
border-radius: 10px;
}
.hw_heng_1{
width: 312px;
height: 164px;
background: #f7f7f7;
border-radius: 12px;
box-sizing: border-box;
padding: 16px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-right: 16px;
}
.hw_heng_1:last-child{
margin-right: 0;
}
.hw_heng_top{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.hw_heng_top p{
font-size: 12px !important;
color:#8b8b8b
}
.hw_heng_top em{
font-style: normal;
color:#999;
font-size: 12px;
}
.hw_heng_center{
height: 76px;
line-height: 19px;
width: 100%;
font-size: 14px;
color: #191919;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.hw_heng_bottom{
width: 100%;
display: flex;
align-items: center;
margin-top: 12px;
}
.hw_heng_bottom img{
margin-right: 2px;
}
.hw_heng{
display: flex;
justify-content: left;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.hw_mark{
display: flex;
margin-bottom: 20px;
}
.apple_down{
margin: auto 0 30px;
padding: 8px 16px;
position: relative;
border-radius: 6px;
background-color: #f2f8fc;
z-index: 3;
}
.apple_down_top {
display: flex;
}
.apple_down_top .img{
width: 260px;
height: 260px;
border: 1px solid #ebebeb;
border-radius: 32px;
display: block;
overflow: hidden;
}
.apple_right{
margin-left: 25px;
}
.apple_right h1{
font-size: 24px;
line-height: 28px;
height: 28px;
font-weight: 700;
letter-spacing: .023em;
margin-right: 16px;
}
.apple_right h2{
font-size: 16px;
line-height: 32px;
font-weight: 400;
color:#777;
}
.apple_right h3{
color:#0070c9;
font-style: normal;
font-weight: 400;
}
.apple_right .hw_down_right{
display: flex;
width: 600px;
margin-top: 30px;
}
.apple_right .hw_down_right a:nth-child(1){
margin-left: 0;
}
.apple_4{
margin-top: 16px;
}
.apple_a{
color:#0070c9;
}
.apple_5{
display: flex;
align-items: center;
padding: 4px 0 12px 0;
}
.apple_5 p{
margin-right: 5px;
display: flex;
align-items: center;
}
.apple_5 p img{
margin-right: 2px;
}
.apple_5 span,.apple_6{
font-size: 12px;
color:#999;
}
.hw_down_right{
margin-top: 0;
}
.apple_h1{
display: flex;
}
.apple_h1 a{
font-size: 14px;
line-height: 26px;
padding: 0 10px;
margin-right: 10px;
}
.apple_h1 a:nth-child(2){
border: 1px solid #24aa42;
color: #24aa42;
}
.apple_h1 a:nth-child(3){
border: 1px solid #c56e14;
color: #c56e14;
}
.apple_h1 a:nth-child(4){
border: 1px solid #2196f3;
color: #2196f3;
}
.apple_dc{
border: 0;
padding: 10px 0 0 0 ;
margin: 0;
}
.down_class_left ul li p{
line-height: 22px !important;
}
.apple_right .hw_tag{
margin-top: 10px;
}
.hw_apple_p ul{
display: flex;
flex-wrap: wrap;
}
.hw_apple_p ul{
margin-top: 10px;
margin-left: 20px;
}
.hw_apple_p ul li{
width: 32%;
line-height: 28px;
margin-right: 10px;
}
.hw_apple_p ul li:nth-child(3n){
margin-right: 0;
}
.hw_apple_p ul li a{
position: relative;
color:#333;
}
.hw_apple_p ul li a::before{
content: '';
background-color: #b7b7b7;
width: 4px;
height: 4px;
margin-top: 13px;
display: block;
float: left;
margin-right: 8px;
border-radius: 9px;
}
.hw_heng::-webkit-scrollbar {
width: 10px;
}
/*pc*/
.news_down {
width: 1200px;
margin: 0 auto 0;
}
.down_left_2 {
width: 830px;
float: left;
}
.down_right_2 {
float: right;
width: 340px;
overflow: hidden;
}
.auto_at {
position: fixed;
top: 320px;
left: -60px;
cursor: pointer;
margin-top: -50px;
margin-left: 315px;
}
.auto_at .open {
color: #0080ff;
font-weight: bold;
}
.auto_at li {
line-height: 36px;
position: relative;
font-size: 15px;
color: #666;
}
.down_left_one, .down_left_two {
background-color: #fff;
}
.one_down, .two_down {
display: flex;
align-items: center;
padding: 30px;
border-bottom: 1px solid #ebebeb;
flex-wrap: wrap;
}
.down_left_one .down_img_a {
width: 80px;
height: 80px;
margin-right: 20px;
}
.down_one_a2 {
flex: 1;
}
.tab_ppp {
display: flex;
align-items: center;
line-height: 37px;
}
.down_one_a2 p {
font-size: 28px;
max-width: 490px;
line-height: 37px;
height: 37px;
overflow: hidden;
}
.tab_ppp a {
text-align: center;
display: block;
width: 74px;
height: 28px;
line-height: 28px;
color: #47b751;
border: 1px solid #47b751;
margin-left: 10px;
font-size: 14px;
}
.div_down {
margin-top: 10px;
}
.div_down em {
margin-right: 30px;
color: #999;
font-style: normal;
}
.div_down, .img {
display: flex !important;
align-items: center;
}
.img span {
margin-left: 5px;
}
.content_bb ul li span:nth-child(3), .img span:nth-child(3) {
background: url(/uploads/image/spdimg/icon_z2.png) no-repeat;
width: 100px;
height: 14px;
}
.img span {
margin-left: 5px;
}
.content_bb ul li span:nth-child(3) em, .img span:nth-child(3) em {
background: url(/uploads/image/spdimg/icon_z1.png) no-repeat;
width: 100px;
height: 14px;
display: block;
}
#dingandcai {
margin-left: 45px;
}
#dingandcai {
width: 270px;
right: 40px;
top: 2px;
font-size: 12px;
display: flex;
}
#dingandcai a {
display: flex;
align-items: center;
height: 20px;
line-height: 20px;
cursor: pointer;
padding-right: 20px;
}
#dingandcai .dcico {
width: 20px;
height: 20px;
margin-right: 1px;
background: url(/uploads/image/spdimg/ding.png) no-repeat center center;
background-size: 20px 20px;
float: left;
display: inline;
}
#dingandcai .bfk {
height: 12px;
width: 50px;
float: left;
display: inline;
background-color: #f1f1f1;
margin-left: 5px;
}
#dingandcai .bfk span {
height: 12px;
position: relative;
}
#ding_1 {
background: #ff5834;
float: left;
}
#ding_2 {
color: #ff5834;
}
#dingandcai em {
font-style: normal;
margin-left: 5px;
}
#dingandcai em {
margin-right: 0 !important;
}
#dingandcai a {
display: flex;
align-items: center;
height: 20px;
line-height: 20px;
cursor: pointer;
padding-right: 20px;
}
#dingandcai .dcico {
width: 20px;
height: 20px;
margin-right: 1px;
background: url(/uploads/image/spdimg/ding.png) no-repeat center center;
background-size: 20px 20px;
float: left;
display: inline;
}
#showcai .dcico {
background: url(/uploads/image/spdimg/cai.png) no-repeat center center;
background-size: 20px 20px;
}
#dingandcai .bfk {
height: 12px;
width: 50px;
float: left;
display: inline;
background-color: #f1f1f1;
margin-left: 5px;
}
#dingandcai .bfk span {
height: 12px;
position: relative;
}
#cai_1 {
background: #c5ced4;
float: left;
}
.down_rwm {
float: right;
}
.down_rwm p {
font-size: 12px;
text-align: center;
line-height: 20px;
color: #999;
}
.two_down {
border-bottom: 0;
}
.p_sfsum li {
width: 192px;
line-height: 32px;
height: 32px;
color: #999;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
}
.p_sfsum li em {
float: left;
font-style: normal;
}
.p_sfsum li span {
color: #666;
display: inline-block;
overflow: hidden;
max-width: 100px;
}
.p_sfsum li a {
color: #358ff0;
}
ul.p_sfsum li.doubli {
width: 100%;
}
.p_sfsum li.tripli {
width: 50%;
}
.button_down {
display: inline-block;
margin-top: 20px;
line-height: 35px;
}
.button_down a {
display: flex;
justify-content: center;
align-items: center;
color: #333;
padding: 5px 10px;
margin-right: 10px;
border: 1px solid #ebebeb;
font-size: 14px;
margin-bottom: 10px;
float: left;
}
.button_down a p{
height: 20px;
line-height: 20px;
display: block;
}
.i1 {
background: url(/uploads/image/spdimg/wins.png) no-repeat;
width: 20px;
height: 20px;
display: block;
margin-right: 5px;
}
.i2 {
background: url(/uploads/image/spdimg/apple.png) no-repeat;
width: 20px;
height: 20px;
display: block;
margin-right: 5px;
}
.i3 {
background: url(/uploads/image/spdimg/anzhuo.png) no-repeat;
width: 20px;
height: 20px;
display: block;
margin-right: 5px;
}
.i4 {
background: url(/uploads/image/spdimg/pinguo.png) no-repeat;
width: 20px;
height: 20px;
display: block;
margin-right: 5px;
}
.title_down {
width: 700px;
height: 66px;
margin-top: 12px;
}
.title_down > .new_btn_css {
height: 100%;
border-radius: 6px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 15px;
cursor: pointer;
flex-wrap: wrap;
}
.new_btn_css {
margin-right: 12px;
}
.title_down_left {
float: left;
background: #2680fb;
}
.new_btn_css p {
flex: 1;
}
.new_btn_css p span {
font-size: 20px;
color: #fff;
width: 100%;
height: 24px;
line-height: 22px;
overflow: hidden;
display: block;
}
.new_btn_css p em {
display: block;
font-size: 12px;
color: #fff;
width: 100%;
height: 16px;
line-height: 16px;
overflow: hidden;
font-style: normal;
}
.new_btn_css img:nth-child(3) {
margin: 0 0 0 6px !important;
}
.new_btn_css img {
height: 32px;
width: 32px;
display: inline-block;
background-size: contain;
margin-right: 6px;
}
.title_down .title_down_right {
float: left;
background: #5ec43e;
}
.down_left_two {
display: inline-block;
width: 100%;
}
.down_left_two {
margin-top: 20px;
}
.down_left_two .ul {
padding: 0 30px;
display: flex;
align-items: center;
border-bottom: 1px solid #ebebeb;
position: relative;
}
.down_left_two .ul li div {
cursor: pointer;
padding: 17px 25px 14px;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 22px;
text-align: center;
-webkit-transition: color .1s ease,font-weight .1s ease;
transition: color .1s ease,font-weight .1s ease;
border-bottom: 3px solid transparent;
}
.down_left_two .ul li div a{
color:#333;
}
.down_left_two .ul li .on {
color: #111;
font-weight: 600;
border-bottom: 3px solid #319cff !important;
}
.content_dd, .down_info, .content_dd2 {
padding: 20px 30px 0;
}
.content_dd h3{
background: #fff !important;
color:#333 !important;
width: 100% !important;
padding: 0 !important;
font-weight: bold !important;
font-size: 18px !important;
}
.content_dd .conter {
width: 770px !important;
margin: 2px auto 24px auto!important;
}
.container {
width: 100%;
overflow: hidden;
overflow-x: auto;
}
.container ul {
white-space: nowrap;
}
.content_dd{
padding-bottom: 20px;
}
.content_dd p{
margin-top: 20px;
font-family: -apple-system,blinkmacsystemfont,"apple color emoji","segoe ui emoji","segoe ui symbol","segoe ui","pingfang sc","hiragino sans gb","microsoft yahei","helvetica neue",helvetica,arial,sans-serif;
font-size: 16px;
line-height: 1.8;
color: #333;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
text-align: left;
zoom: 1;
}
.content_dd h2 {
margin-top: 40px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb;
}
.content_bb {
padding: 0 30px 20px;
margin-top: 20px;
}
.content_bb ul li {
width: 100%;
height: 44px;
margin-bottom: 10px;
font-size: 14px;
color: #444;
background: #f9f9f9;
display: flex;
justify-content: space-between;
align-items: center;
}
.content_bb ul li span:nth-child(1) {
margin-left: 20px;
width: 120px;
}
.content_bb ul li .tt {
float: right;
width: 100%;
font-size: 14px;
text-align: left;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.content_bb ul li span:nth-child(2) {
width: 280px;
}
.content_bb ul li span:nth-child(3), .img span:nth-child(3) {
background: url(/uploads/image/spdimg/icon_z2.png) no-repeat;
width: 100px;
height: 14px;
}
.content_bb ul li span:nth-child(3) em, .img span:nth-child(3) em {
background: url(/uploads/image/spdimg/icon_z1.png) no-repeat;
width: 100px;
height: 14px;
display: block;
}
.content_bb ul li a:nth-child(5) {
background-color: #0080ff;
color: #fff;
padding: 0 10px;
height: 44px;
line-height: 44px;
}
.down_left_two .down_cnxh {
padding: 0 30px 20px;
margin-top: 20px;
}
.down_left_two .down_cn {
margin-top: 10px;
margin-bottom: 10px;
}
.down_cn {
margin-top: 20px;
display: inline-block;
}
.down_cn a.a {
margin-right: 12px;
border-radius: 6px;
}
.down_cn a.a, .down_cn a.a img {
width: 200px;
height: 100px;
display: block;
float: left;
border-radius: 6px;
}
.down_left_two .down_cn div {
width: 558px !important;
}
.down_cn div {
width: 628px;
height: 100px;
float: left;
display: inline;
overflow: hidden;
}
.down_cn div a {
width: 100%;
height: 18px;
line-height: 18px;
font-size: 16px;
font-weight: normal;
color: #333;
margin: 5px 0 0;
display: block;
overflow: hidden;
font-weight: bold;
}
.down_cn div p {
width: 100%;
height: 68px;
line-height: 24px;
font-size: 14px;
color: #999;
margin: 8px 0 0;
display: block;
overflow: hidden;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
}
.down_left_two .down_cnxh .downnew_ul {
margin-top: 15px;
}
.downnew_ul, .downnew_ul_d {
display: flex;
flex-wrap: wrap;
}
.downnew_ul_d {
width: 181px;
margin-bottom: 15px;
margin-right: 15px;
}
.downnew_ul_d a {
margin-right: 10px;
}
.downnew_ul_d a img {
width: 48px;
height: 48px;
}
.downnew_ul_d p b {
margin: 2px 0 3px;
font-weight: bold;
color: #444;
font-size: 15px;
}
.downnew_ul_d p b, .downnew_ul_d p em {
width: 110px;
display: block;
}
.tab_down_3 {
position: absolute;
right: 0;
}
.tab_down_3 .dtab span {
margin-right: 20px;
cursor: pointer;
}
.tab_down_3 .dtab span.cur{
color:#319cff !important;
font-weight: bold;
}
.content_dd2 {
display: inline-block;
}
.content_dd h3, .content_dd2 h3 {
float: left;
padding: 5px 12px;
background: #319cff;
color: #fff;
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
}
.content_dd2 ul {
width: 100%;
display: inline-block;
float: left;
margin-bottom: 10px;
}
.content_dd2 ul li {
width: 150px;
height: 30px;
line-height: 30px;
float: left;
padding-left: 30px;
background: no-repeat left center;
}
.content_dd2 ul li a{
font-size: 16px;
color:#333;
}
.down_info {
padding: 0 30px 30px;
display: flex;
flex-wrap: wrap;
}
.down_info div {
width: 47%;
line-height: 30px;
font-size: 15px;
color: #666;
}
.downnew_ul_d:nth-child(4n){
margin-right: 0;
}
.downnew_ul_d p em {
font-size: 12px;
color: #999;
font-style: normal;
}
.video_down {
padding: 30px 30px 10px;
}
.video_down ul {
display: flex;
flex-wrap: wrap;
}
.video_down ul li {
margin-right: 17px;
margin-bottom: 17px;
}
.video_down ul li a {
position: relative;
display: inline-block;
}
.video_down ul li img {
width: 245px;
height: 160px;
}
.video_down ul li a span {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
line-height: 36px;
text-align: center;
background: rgb(0, 0, 0,0.5);
color: #fff;
font-size: 14px;
}
.video_down ul li:nth-child(3n) {
margin-right: 0;
}
.tab_down_3 .dtab a{
margin-right: 20px;
color:#333;
}
.content_ddx {
padding: 20px;
}
.edui, .review {
background-color: #fff;
display: inline-block;
margin: 0 0 13px 0;
}
.review_one, .review_right, .review_r_1 {
display: flex;
}
.review_one {
width: 100%;
}
.review_one .review_left {
width: 54px;
height: 54px;
margin-right: 20px;
}
.review_one .review_left img {
width: 54px;
height: 54px;
}
.review_right {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ebebeb;
flex-wrap: wrap;
}
.review_r_top {
justify-content: space-between;
width: 715px;
display: flex;
}
.review_r_1 p {
margin-right: 20px;
font-size: 15px;
line-height: 20px;
color: #999;
}
.review_r_1 time {
font-size: 12px;
line-height: 20px;
color: #aaa;
}
.review_r_2 span {
font-size: 12px;
color: #1d4289;
cursor: pointer;
}
.review_right .review_p {
margin-top: 10px;
font-size: 14px;
line-height: 24px;
color: #676767;
}
#cmtmsg {
padding: 2px 4px;
height: 100px;
margin-bottom: 5px;
font-size: 12px;
overflow: auto;
}
#cmtmsg {
width: 790px;
border: 1px solid #ddd;
}
#usercmt {
height: 30px;
}
#subcmt {
width: 90px;
height: 29px;
line-height: 28px!important;
line-height: 30px;
background: #47b751;
color: #fff;
display: inline-block;
border: none;
cursor: pointer;
}
#usercmt i {
float: right;
font-style: normal;
padding-right: 6px;
color: #999;
position: relative;
top: 3px;
font-size: 14px;
}
.content_ddv {
padding: 0 30px 10px;
display: inline-block;
}
.content_ddv ul {
margin: 10px 0 0 0;
}
.content_ddv ul li {
width: 375px;
float: left;
display: inline;
margin-right: 20px;
height: 30px;
line-height: 30px;
font-size: 14px;
overflow: hidden;
}
.content_ddv ul li:nth-child(2n){
margin-right: 0;
}
.content_ddv ul li a {
position: relative;
color:#333;
}
.content_ddv ul li a::before {
content: '';
background-color: #4784df;
width: 4px;
height: 4px;
margin-top: 13px;
display: block;
float: left;
margin-right: 8px;
}
.button_fr{
width: 90px;
height: 29px;
line-height: 28px!important;
line-height: 30px;
background: #47b751;
color: #fff;
display: inline-block;
border: none;
cursor: pointer;
float: right;
}
.down_right_one {
background-color: #ffffff;
margin-bottom: 20px;
}
.com_h33 {
width: 100%;
overflow: hidden;
display: block;
border-bottom: 1px solid #f0f0f0;
}
.com_h33 h3 {
font-size: 18px;
float: left;
padding: 10px 0px;
color: #333;
margin-left: 10px;
position: relative;
}
.com_h33 h3::before {
content: "";
float: left;
margin-top: 5px;
display: inline-block;
width: 4px;
height: 16px;
background-color: #358ff0;
margin-right: 10px;
}
.down_ul li {
width: 100%;
height: 112px;
position: relative;
float: left;
padding: 16px;
box-sizing: border-box;
border-bottom: 1px dashed #f0f0f0;
}
.down_ul li .img {
width: 80px;
height: 80px;
float: left;
margin-right: 16px;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}
.down_ul li a.img img {
width: 80px;
height: 80px;
text-align: center;
vertical-align: middle;
border-radius: 10px;
transition: transform 0.3s;
}
.down_ul li p {
width: 200px;
font-size: 14px;
float: left;
font-weight: normal;
height: 80px;
table-layout: fixed;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.down_ul li p > a {
display: block;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color:#333;
}
.down_ul li p span,.down_ul li p span a{
color:#999;
}
.down_ul li p span:nth-child(3) {
width: 100px;
height: 14px;
display: block;
margin-top: 11px;
}
.icon_z1 {
background: url(/uploads/image/spdimg/icon_z1.png);
}
.down_ul22 {
padding: 20px 15px;
display: inline-block;
}
.down_ul22 li {
float: left;
width: 88px;
overflow: hidden;
position: relative;
margin-right: 22px;
}
.down_ul22 li:nth-child(3n){
margin-right: 0;
}
.down_ul22 li .img {
width: 100%;
height: 88px;
text-align: center;
vertical-align: middle;
border-radius: 16px;
display: block;
overflow: hidden;
}
.down_ul22 li a img {
width: 100%;
height: 88px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.down_ul22 li .img_p {
width: 100%;
text-align: center;
height: 30px;
display: block;
overflow: hidden;
line-height: 30px;
color:#333;
}
.down_right_2 .down_right_one {
float: left;
width: 100%;
}
.erweima img{
width: 60px;
}
.hm_down{
display: flex;
width: 100%;
}
.hm_down span{
font-size: 20px;
color:#fff;
}
.title_down .new_btn_css p{
color:#fff;
}
.new_btn_css em{
font-style: normal;
}
.title_down > .az,.title_down > .hm,.title_down > .iphone,.title_down > .pc,.title_down > .hs{
display: inherit;
padding-top: 10px;
padding-bottom: 8px;
}
.title_down > .az em,.title_down > .hm em,.title_down > .iphone em,.title_down > .pc em,.title_down > .hs em{
color:#fff;
font-size: 12px;
}
.title_down .iphone{
background-color: #5ec43e;
}
.title_down .hm{
background-color: #ff5722 !important
}
.title_down .pc{
background-color: #242326;
}
.title_down .hs{
background-color:#b5b5b5;
}
.apple_h1{
margin-bottom: 10px;
}
/*产商*/
.down_cs {
width: 1200px;
margin: 0 auto;
}
.down_cs_left, .down_cs_right {
display: block !important;
}
.down_cs_left{
background: #fff;
border-radius: 6px;
padding: 20px;
float: left;
}
.down_cs_left h3, .down_cs_right h3 {
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ebebeb;
}
.down_list_cs ul {
width: 760px;
}
.down_list_cs li {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px dashed #ebebeb;
margin-bottom: 20px;
padding-bottom: 20px;
}
.down_list_cs li a.cs_a1 {
width: 130px;
height: 130px;
border-radius: 6px;
overflow: hidden;
display: block;
background: #ebebeb;
margin-right: 40px;
}
.down_list_cs li a.cs_a1 img {
width: 100%;
height: 100%;
object-fit: contain;
vertical-align: middle;
}
.down_list_cs li .cs_list_txt {
flex: 1;
}
.cs_list_txt p {
font-size: 20px;
}
.cs_div div {
margin-right: 20px;
float: left;
color: #999;
font-size: 14px;
}
.down_list_cs .cs_a2, .game_a2 {
padding: 8px 20px;
background-color: #2d68ea;
color: #fff;
border-radius: 30px;
margin-right: 30px;
font-size: 14px;
}
.down_cs_right {
float: left;
width: 370px;
margin-left: 30px;
}
.down_cs_right .down_cs_1 {
background: rgba(255,255,255,.04);
border-radius: 6px;
padding: 20px;
background-color: #fff;
width: 370px;
}
.down_cs_1 {
margin-bottom: 20px;
float: left;
display: block !important;
}
.down_cs_right h3 {
margin-bottom: 6px !important;
}
.game-item {
display: flex;
align-items: center;
border-bottom: 1px dashed #ebebeb;
}
.index-tag {
margin-right: 10px;
width: 20px;
font-size: 16px;
text-align: center;
color: #999;
font-weight: 700;
flex-shrink: 0;
}
.right-wrapper {
width: calc(100% - 32px);
padding: 16px 0;
display: flex;
}
.right-wrapper img {
width: 60px;
height: 60px;
border-radius: 16px;
margin-right: 16px;
}
.text-overflow-1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 220px;
font-size: 14px;
color: #333;
margin-bottom: 12px;
}
.tags-list a {
display: inline-block;
margin-right: 8px;
padding: 4px 12px;
line-height: 14px;
border-radius: 6px;
border: 1px solid #efefef;
font-size: 12px;
font-weight: 500;
color: #acacac;
}
.tags-list a:nth-child(1) {
color: #999;
}
/*产å“详情*/
.content_view {
width: 1200px;
margin: 0 auto;
}
.content_view_top{
background: #fff;
border-radius: 6px;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
padding: 20px;
margin-bottom: 20px;
}
.cs_img_a1 {
width: 200px;
height: 200px;
overflow: hidden;
display: block;
background: #ebebeb;
margin-right: 20px;
border-radius: 6px;
overflow: hidden;
}
.cs_img_a1 img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
vertical-align: middle;
}
.content_view_top_center {
width: 940px;
position: relative;
}
.content_cs_left {
display: flex;
justify-content: space-between;
width: 920px;
flex-wrap: wrap;
margin-top: 12px;
}
.content_view_1 {
display: flex;
align-items: center;
}
.content_view_1 h1 {
font-size: 24px;
color: #333;
font-weight: 400;
}
.content_view_1 span {
padding: 0 20px;
}
.content_cs_left span,.content_cs_left p {
color: #999;
font-size: 14px;
}
.content_cs_left p a {
color: #00bcff;
}
.cs_content {
line-height: 30px;
margin-top: 12px;
text-align: justify;
font-size: 14px;
}
.tab_content{
background: #fff;
border-radius: 6px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding: 20px;
gap: 20px;
}
.tab_content_top {
width: 100%;
border-bottom: 1px solid #ebebeb;
}
.tab_content_top {
display: flex;
align-items: center;
justify-content: center;
}
.tab_content_top div {
display: inline-flex;
}
.tab_content_top .on a, .tab_content_top .on span {
color: #00bcff;
font-weight: bold;
}
.tab_content_top .on a::after, .tab_content_top .on span::after {
background-color: #00bcff;
}
.tab_content_top a::after, .tab_content_top span::after {
content: "";
display: block;
margin: 20px auto 0;
width: 36px;
height: 3px;
background-color: #fff;
}
.tab_content_top a, .tab_content_top span {
font-size: 18px;
padding: 0 20px;
color: #333;
position: relative;
float: left;
}
.tab_content_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tab_game, .tab_game_list, .tab_game_a4 {
align-items: center;
display: flex;
justify-content: space-between;
}
.tab_game {
width: 550px;
align-items: center;
padding: 24px 0;
border-bottom: 1px dashed #ebebeb;
}
.game_a1 {
margin-right: 20px;
}
.game_a1 img {
width: 100px;
height: 100px;
border-radius: 24px;
}
.tab_game_two .tab_game_a2 {
margin-bottom: 12px;
font-size: 20px;
color: #333;
line-height: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tab_game_a3 {
margin: 12px 0 8px 0;
width: 100%;
overflow: hidden;
-webkit-line-clamp: 1;
height: 24px;
}
.tab_game_a3 a {
display: inline-block;
margin-right: 8px;
padding: 4px 12px;
line-height: 14px;
border-radius: 6px;
border: 1px solid #ebebeb;
font-size: 12px;
font-weight: 500;
color: #999;
}
.tab_game_a4 {
justify-content: left !important;
}
.tab_game_a4 img{
margin-right: 6px;
}
.down_list_cs .cs_a2, .game_a2 {
padding: 8px 20px;
background-color: #00bcff;
color: #fff;
border-radius: 30px;
margin-right: 30px;
font-size: 14px;
}
.no_more {
width: 100%;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
height: 100px;
}
.title_xb{
background-color: #fff;
display: flex;
padding: 15px;
margin-bottom: 15px;
align-items: center;
}
.title_xb img{
margin-right: 10px;
}
.title_xb p{
color:#999
}
.title_xb2{
background-color: #fff;
display: flex;
padding: 10px 15px;
margin: 10px 0;
align-items: center;
}
.title_xb2 img{
margin-right: 10px;
}
.title_xb2 p{
color:#999
}
/**/
.s_arc_down2{
width: 99%;
margin: 32px 0;
padding: 15px 0;
background: #f6f9fd;
border: 1px solid #00aecd;
border-radius: 5px;
overflow: hidden;
display: flex;
box-shadow: #999 0px 0px 10px;
justify-content: space-between;
}
.s_arc_down2 div {
line-height: 200%;
}
.s_arc_down2 .s_arc_down_ico {
height: 80px;
line-height: 80px;
margin-left: 25px;
}
.s_arc_down2 img {
width: 68px;
height: 68px;
border-radius: 8px;
border: none;
padding: 1px;
overflow: hidden;
margin: 0 !important;
}
.s_arc_down2 .s_arc_down_tit {
flex: 1;
color: #333;
text-decoration: none;
font-size: 16px;
}
.s_arc_down2 .s_arc_down_title {
width: 480px !important;
float: left ;
margin: 5px 0 0 25px;
font-size: 20px !important;
line-height: 20px !important;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-indent: 0 !important;
margin-bottom: 0 !important;
}
.s_arc_down2 .s_arc_down_info {
float: left;
width: 480px;
height: 40px;
margin: 5px 0 0 25px;
font-size: 13px;
color: #666;
line-height: 150%;
margin-top: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-indent: 0 !important;
}
.s_arc_down2 .s_arc_down_morebtn {
width: 230px;
margin-right: 15px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
.s_arc_down2 .s_arc_down_icon {
width: 100px;
height: 40px;
float: right;
margin: 0px 15px 0 0;
border-radius: 5px;
color: #40b4f7;
text-align: center;
line-height: 40px;
font-size: 16px;
transition: .3s;
text-indent: 0 !important;
}
.s_arc_down2 .s_arc_down_icon {
background: #43ab04;
color: #fff !important;
border: none;
}
.s_arc_down2 .s_app {
background: #379be9 !important;
}
.s_div_ddd2{
display: flex;
}
.s_arc_down_info b{
margin-right: 10px;
color:#999;
}
.zhong_table{
display: flex;
align-items: center;
justify-content: center;
}
.zhong_table td{
border: 1px solid #414040;
line-height: 30px;
width: auto;
padding: 3px;
overflow: hidden;
font-size: 12px;
color:#333;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
/**/
.xz885_paixu_left_li {
display: flex;
flex-direction: row;
box-sizing: border-box;
padding: 12px 0 20px 0;
overflow: hidden;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #d4e7ff;
}
.xz885_paixu_left_li img {
width: 110px;
height: 110px;
border-radius: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f4f4f4;
display: block;
margin-right: 16px;
}
.xz885_paixu_left_li .xz885_lijixiazai {
width: 120px;
height: 90px;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-left: 24px;
justify-content: space-between;
align-items: center;
border: 2px solid #d4e7ff;
border-radius: 5px;
}
.xz885_lijixiazai span {
display: block;
width: 100%;
height: 34px;
line-height: 34px;
text-align: center;
color: #2e8ae6;
font-size: 18px;
font-weight: bold;
background-color: #d4e7ff;
}
.xz885_lijixiazai p {
height: 54px;
line-height: 54px;
font-size: 36px;
font-weight: bold;
background-color: #ffffff;
color: #2e8ae6;
}
.xz885_paixu_left_content {
flex: 1;
overflow: hidden;
}
.xz885_paixu_a{
width: 564px;
float: left;
margin-right: 10px;
}
.xz885_paixu_a a em{
line-height: 30px;
padding-left: 10px;
font-size: 14px;
color: #777;
font-style: normal;
}
.xz885_paixu_a p{
font-size: 14px;
color: #666666;
margin: 10px 0 0 0;
}
.xz885_paixu_left_content dl {
/* width: 100%; */
width: 279px;
overflow: hidden;
float: left;
padding-left: 20px;
border-left: 1px rgb(168, 168, 168) dotted;
}
.xz885_paixu_left_content dl dd {
/* width: 50%; */
overflow: hidden;
/* float: left; */
padding-right: 20px;
box-sizing: border-box;
font-size: 14px;
color: #666666;
margin-top: 15px;
}
.xz885_paixu_left_content dl dd span {
color: #333333;
font-size: 14px;
}
.xz885_packagelist_name {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 24px;
margin: 8px 0;
color: #333333;
}
.xz885_packagelist_name:hover {
color: #2e8ae6;
}
/*åˆé›†è¯¦æƒ…*/
.new_heji_content_top{
width: 100%;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.new_heji_content_top_left{
width: 856px;
background: #ffffff;
overflow: hidden;
box-sizing: border-box;
padding: 30px 20px;
display: flex;
flex: 1;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.new_heji_content_top_left img{
width: 360px;
height: 212px;
background: #c3d9ee;
overflow: hidden;
display: block;
margin-right: 20px;
}
.new_heji_content_top_left dd{
flex: 1;
overflow: hidden;
display: flex;
height: 212px;
flex-direction: column;
justify-content: space-between;
}
.new_heji_content_top_left dd p{
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
color: #222222;
margin-top: 12px;
font-size: 22px;
font-weight: bold;
}
.new_heji_content_top_left dd span{
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
color: #8a8a8d;
font-size: 18px;
}
.new_heji_content_top_right{
width: 332px;
float: right;
overflow: hidden;
box-sizing: border-box;
margin-left: 12px;
background-color: #ffffff;
}
.new_heji_content_top_right ul{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 24px 12px 0 12px;
display: block;
}
.new_heji_content_top_right ul li{
width: 100%;
overflow: hidden;
margin-bottom: 24px;
}
.new_heji_content_top_right ul li a{
display: block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
color: #222222;
font-size: 16px;
}
.new_heji_content_top_right ul li a:hover{
color: #0085ff;
}
.new_heji_content_bottom{
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 20px;
margin-top: 12px;
background-color: #ffffff;
}
.new_heji_content_bottom_p{
box-sizing: border-box;
width: 100%;
overflow: hidden;
height: 64px;
line-height: 64px;
border-bottom: 1px solid #e9e9e9;
color: #222222;
font-size: 22px;
font-weight: bold;
}
.new_heji_content_bottom ul {
width: 100%;
padding-top: 24px;
box-sizing: border-box;
}
.new_heji_content_bottom ul li{
float: left;
margin-bottom: 24px;
border-radius: 12px;
position: relative;
margin-right: 40px;
width: 360px;
box-sizing: border-box;
padding: 20px;
height: 218px;
box-shadow: 3px 3px 3px 3px #ccc;
}
.new_heji_img1{
display: block;
width: 106px;
height: 106px;
position: absolute;
right: -12px;
top: -10px;
}
.new_heji_content_bottom ul li .new_zss{
display: flex;
flex-direction: column;
overflow: hidden;
align-items: center;
justify-content: space-between;
}
.new_heji_content_bottom ul li .new_zss dl{
width: 100%;
overflow: hidden;
display: flex;
flex-direction: row;
margin-bottom: 10px;
}
.new_heji_content_bottom ul li .new_zss dl img{
width: 80px;
height: 80px;
border-radius: 16px;
float: left;
margin-right: 20px;
}
.new_heji_content_bottom ul li .new_zss dl dd{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_heji_content_bottom_p1{
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding-right: 36px;
color: #222222;
font-size: 16px;
}
.new_heji_content_bottom_p2{
color: #8a8a8d;
font-size: 12px;
white-space: nowrap;
width: 100%;
}
.new_heji_content_bottom span{
color: #8a8a8d;
font-size: 14px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.new_heji_content_bottom em{
display: block;
width: 320px;
height: 35px;
border-radius: 5px;
overflow: hidden;
line-height: 35px;
text-align: center;
color: #0085ff;
font-size: 16px;
border: 1px solid #0085ff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-style: normal;
margin-top: 10px;
}
.new_heji_content_bottom a:hover em{
background-color: #0085ff;
color: #ffffff !important;
}
.new_heji_content_bottom li:nth-child(3n 0){
margin-right: 0;
}
/**/
.news_zhuanti .new_heji dd{
justify-content: normal !important;
}
.news_zhuanti dd span{
font-size: 12px;
-webkit-line-clamp:inherit;
-webkit-box-orient:inherit;
line-height: 24px;
color:#333;
}
.news_zhuanti dd span a{
color:#0070c9
}
.news_zhuanti dd p{
font-size: 16px;
margin-bottom: 5px;
}
.news_zhuanti{
width: 1200px;
display: inline-block;
}
.news_zhuanti img,.news_zhuanti .new_heji{
float: left;
}
.news_zhuanti .new_heji{
width: 780px;
}
.new_heji_content_top_left dd{
height: auto !important;
}
.news_zhuanti .new_hj_time{
display: flex;
margin-top: 5px;
}
.news_zhuanti .new_hj_time p,.news_zhuanti .new_hj_time time{
margin-right: 10px;
color:#999;
font-size: 12px;
}
.news_zhuanti ul li{
box-shadow:none;
border: 1px solid #ebebeb;
border-radius: 0 !important;
margin-right: 0 !important;
margin: -1px 0 0 -1px;
width: 387px;
display: flex;
}
.news_zhuanti .new_zss span{
font-size: 12px !important;
}
.news_zhuanti .new_zss dl p{
font-size: 12px;
}
.news_zhuanti .new_heji_content_bottom_p1 a{
font-size: 16px;
color:#000 !important;
font-weight: bold;
}
.news_zhuanti .new_zss dl{
margin-bottom: 3px !important;
}
.news_zhuanti .new_zss em a{
color:#0085ff !important;
display: inline-block;
}
.news_zhuanti .new_heji_content_bottom_p2 a{
color:#8a8a8d;
}
.tab_zhuanti{
position: relative;
}
.tab_zhuanti .ul_tab{
position: absolute;
display: flex;
right: 0;
top: 22px;
}
.ul_tab div{
margin-left:10px
}
.ul_tab div a{
padding: 10px 20px;
background: #f8f8f8;
color:#333;
}
.ul_tab .on a{
background: #0085ff;
color:#fff;
}
.news_zhuanti{
padding-bottom: 20px;
}
.btn_box{
margin-top: 20px;
display: inline-block;
}
.btn_box img{
width: 272px;
height: 148px;
}
.btn_box a{
font-size: 13px;
line-height: 24px;
position: relative;
float: left;
}
.btn_box a u{
font-size: 16px;
display: block;
position: absolute;
width: 272px;
height: 34px;
line-height: 34px;
color: #fff;
bottom: 0;
left: 0px;
background: rgb(0, 0, 0,0.5);
text-align: center;
text-decoration: none;
}
.btn_box a{
margin-right: 24px;
margin-bottom: 24px;
}
.btn_box a:nth-child(4n){
margin-right: 0;
}
.news_aaa{
padding-bottom: 0 !important;
}
.swiper-container::-webkit-scrollbar-track,.container::-webkit-scrollbar-track{
border-radius: 8px;
margin-top: 10px;
}
.swiper-container::-webkit-scrollbar,.container::-webkit-scrollbar{
width: 16px;
}
.swiper-container::-webkit-scrollbar-thumb,.container::-webkit-scrollbar-thumb{
border-radius: 8px;
border: 3px solid transparent;
background-clip: content-box;
background-color: #0080ff;
}
/**/
.hw_conter p,.new_package_content_jishao_nr p{
position: relative;
}
.hw_conter p .version,.new_package_content_jishao_nr p .version{
width: 100%;
padding-top: 10px;
border-top: 1px solid #ebebeb;
display: block;
text-align: left;
text-indent: 0 !important;
font-weight: bold;
font-size: 16px;
}
.hw_conter p .time,.new_package_content_jishao_nr p .time{
position: absolute;
right: 0;
top:11px;
font-size: 12px !important;
color:#999 !important;
}
.version,.time,.con{
color:#333 !important;
}
.hw_conter p span.con,.new_package_content_jishao_nr p span.con{
width: 100%;
display: block;
text-indent: 0 !important;
line-height: 32px;
color: #222222;
font-size: 16px;
text-indent: 2em;
margin:7px 0px;
}
.hw_conter p .version:nth-child(1),.new_package_content_jishao_nr p .version:nth-child(1){
margin-top: 20px;
}
/**/
.video_p,.video_p2{
margin-right: 10px;
}
.video_p iframe,.video_p .vcp-player,.video_p video,.video_p2 iframe,.video_p2 .vcp-player,.video_p2 video,.video_p2 #dplayer{
height: 337px !important;
width: 500px !important;
border: 0 !important;
}
/**/
.down_lishi {
border-bottom: 1px solid #f5f5f5;
margin-top: 20px;
padding: 20px 0;
}
.content_a, .down_lishi {
width: 584px;
margin: 0 auto;
margin-bottom: 20px;
}
.down_lishi_a2 {
display: flex;
justify-content: left;
align-items: center;
height: 40px;
}
.down_lishi_a2 .aaa {
font-weight: bold;
font-size: 18px;
margin-right: 20px;
color:#333;
}
.down_lishi_a2 ul {
display: flex;
justify-content: left;
}
.down_lishi_a2 ul li {
margin-right: 10px;
line-height: 24px;
}
.down_lishi_a2 ul li a.on {
background-color: #0086ff;
color: #fff;
}
.down_lishi_a2 ul li a {
font-size: 14px;
background-color: #f8f8f8;
padding: 3px 10px;
border-radius: 3px;
color:#333;
width: 80px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.new_package_content_bottom_nr .down_cn div{
width: 370px !important;
}
.down_cnxh ul {
width: 100%;
height: auto;
display: block;
overflow: hidden;
padding-top: 10px;
}
.down_cnxh ul li {
width: 180px;
height: 70px;
float: left;
margin: 0 20px 15px 0;
display: inline;
overflow: hidden;
border-radius: 6px;
}
.down_cnxh ul li a {
width: 100%;
height: 68px;
display: block;
overflow: hidden;
}
.down_cnxh ul li a strong {
width: 54px;
height: auto;
float: left;
margin: 8px 12px 0 0;
display: inline;
overflow: hidden;
}
.down_cnxh ul li a strong img {
width: 54px;
height: 54px;
border-radius: 10px;
display: block;
overflow: hidden;
}
.down_cnxh ul li a p {
width: 100px;
height: auto;
float: left;
margin: 8px 0 0;
display: inline;
overflow: hidden;
}
.down_cnxh ul li a p b {
width: 100%;
height: 16px;
line-height: 16px;
font-size: 14px;
font-weight: normal;
color: #333;
display: block;
overflow: hidden;
}
.down_cnxh ul li a p em {
width: 100%;
height: 14px;
line-height: 14px;
font-size: 12px;
font-weight: normal;
color: #999;
margin: 5px 0 0;
display: block;
overflow: hidden;
font-style: normal;
}
.down_cnxh ul li a p em span {
color: #f40;
}
.down_cnxh ul li:nth-child(3n){
margin-right: 0 !important;
}
.down_cnxh ul li a p em img {
height: 11px;
padding: 0 0 0 4px;
float: left;
margin-top: 2px;
}
.down_cnxh ul li a p em i {
font-style: normal;
float: left;
color: #999;
}
.hw_down .down_lishi{
width: 1120px !important;
border-bottom: 0 !important;
}
.hw_down .down_lishi img{
margin: 0 !important;
}
.hw_down .down_lishi .down_cn div{
width: 908px !important;
}
.hw_conter .down_cnxh ul li:nth-child(3n){
margin-right: 7px !important;
}
.hw_conter .down_cnxh ul li:nth-child(6n){
margin-right: 0 !important;
}
.hw_conter .down_cnxh ul li{
margin-right: 7px !important;
}
.hw_down .down_lishi{
margin-bottom: 0 !important;
padding: 30px 0 0 0;
}
.tab_wrap .tab_content{
padding: 0 !important;
}